Outiref
    <!DOCTYPE html>
<html lang="en-US" prefix="og: https://ogp.me/ns#">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
        <link rel="profile" href="http://gmpg.org/xfn/11"/>
        <link rel="pingback" href="http://villas-in-morocco.com/xmlrpc.php"/>
        <link href="https://fonts.googleapis.com/css2?family=Monoton&display=swap" rel="stylesheet">
        
<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
<title>Listings - villas in morocco</title>
<meta name="description" content="Listings Archive - villas in morocco"/>
<meta name="robots" content="index, follow"/>
<link rel="canonical" href="https://villas-in-morocco.com/listings/" />
<link rel="next" href="https://villas-in-morocco.com/listings/page/2/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Listings - villas in morocco" />
<meta property="og:description" content="Listings Archive - villas in morocco" />
<meta property="og:url" content="https://villas-in-morocco.com/listings/" />
<meta property="og:site_name" content="villas in morocco" />
<meta property="og:image" content="https://villas-in-morocco.com/wp-content/uploads/2025/10/cbe66d08-ade9-4353-824c-40abcd8cc0b9-e1759790164753.webp" />
<meta property="og:image:secure_url" content="https://villas-in-morocco.com/wp-content/uploads/2025/10/cbe66d08-ade9-4353-824c-40abcd8cc0b9-e1759790164753.webp" />
<meta property="og:image:width" content="1120" />
<meta property="og:image:height" content="486" />
<meta property="og:image:alt" content="villas in morocco" />
<meta property="og:image:type" content="image/webp" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Listings - villas in morocco" />
<meta name="twitter:description" content="Listings Archive - villas in morocco" />
<meta name="twitter:image" content="https://villas-in-morocco.com/wp-content/uploads/2025/10/cbe66d08-ade9-4353-824c-40abcd8cc0b9-e1759790164753.webp" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Person","@id":"https://villas-in-morocco.com/#person","name":"villas in morocco","image":{"@type":"ImageObject","@id":"https://villas-in-morocco.com/#logo","url":"https://villas-in-morocco.com/wp-content/uploads/2025/10/cbe66d08-ade9-4353-824c-40abcd8cc0b9-e1759790164753.webp","contentUrl":"https://villas-in-morocco.com/wp-content/uploads/2025/10/cbe66d08-ade9-4353-824c-40abcd8cc0b9-e1759790164753.webp","caption":"villas in morocco","inLanguage":"en-US","width":"1120","height":"486"}},{"@type":"WebSite","@id":"https://villas-in-morocco.com/#website","url":"https://villas-in-morocco.com","name":"villas in morocco","publisher":{"@id":"https://villas-in-morocco.com/#person"},"inLanguage":"en-US"},{"@type":"CollectionPage","@id":"https://villas-in-morocco.com/listings/#webpage","url":"https://villas-in-morocco.com/listings/","name":"Listings - villas in morocco","isPartOf":{"@id":"https://villas-in-morocco.com/#website"},"inLanguage":"en-US"}]}</script>
<!-- /Rank Math WordPress SEO plugin -->

<link rel="alternate" type="application/rss+xml" title="villas in morocco &raquo; Listings Feed" href="https://villas-in-morocco.com/listings/feed/" />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='ht_ctc_main_css-css' href='http://villas-in-morocco.com/wp-content/plugins/click-to-chat-for-whatsapp/new/inc/assets/css/main.css?ver=4.36' type='text/css' media='all' />
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<link rel='stylesheet' id='wp-block-library-css' href='http://villas-in-morocco.com/wp-includes/css/dist/block-library/style.min.css?ver=6.9' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='contact-form-7-css' href='http://villas-in-morocco.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.4' type='text/css' media='all' />
<style id='nfd-wonder-blocks-utilities-inline-css' type='text/css'>
.nfd-relative{position:relative!important}.-nfd-bottom-1{bottom:-.25rem!important}.-nfd-top-0\.5{top:-.125rem!important}.-nfd-top-1{top:-.25rem!important}.nfd-top-10{top:2.5rem!important}.nfd-col-start-1{grid-column-start:1!important}.nfd-col-start-2{grid-column-start:2!important}.nfd-col-start-3{grid-column-start:3!important}.nfd-col-start-4{grid-column-start:4!important}.nfd-col-start-5{grid-column-start:5!important}.nfd-col-start-6{grid-column-start:6!important}.nfd-col-start-7{grid-column-start:7!important}.nfd-col-end-10{grid-column-end:10!important}.nfd-col-end-11{grid-column-end:11!important}.nfd-col-end-12{grid-column-end:12!important}.nfd-col-end-13{grid-column-end:13!important}.nfd-col-end-7{grid-column-end:7!important}.nfd-col-end-8{grid-column-end:8!important}.nfd-col-end-9{grid-column-end:9!important}.nfd-row-start-1{grid-row-start:1!important}.-nfd-mx-2:not([style*=margin]){margin-left:-.5rem!important;margin-right:-.5rem!important}.nfd-my-0:not([style*=margin]){margin-bottom:0!important;margin-top:0!important}.nfd-mb-8:not([style*=margin]){margin-bottom:2rem!important}.nfd-mt-2:not([style*=margin]){margin-top:.5rem!important}.nfd-mt-8:not([style*=margin]){margin-top:2rem!important}.nfd-mt-\[-100px\]:not([style*=margin]){margin-top:-100px!important}.nfd-grid{display:grid!important}.nfd-h-full{height:100%!important}.nfd-w-full{width:100%!important}.nfd-shrink-0{flex-shrink:0!important}.nfd-grow{flex-grow:1!important}.nfd-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))!important}.nfd-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.nfd-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nfd-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.nfd-items-center{align-items:center!important}.nfd-gap-y-10{row-gap:2.5rem!important}.nfd-overflow-hidden{overflow:hidden!important}.nfd-border-b{border-bottom-width:1px!important}.nfd-border-dashed{border-style:dashed!important}.nfd-p-0:not([style*=padding]){padding:0!important}.nfd-p-10:not([style*=padding]){padding:2.5rem!important}.nfd-p-2:not([style*=padding]){padding:.5rem!important}.nfd-p-4:not([style*=padding]){padding:1rem!important}.nfd-p-8:not([style*=padding]){padding:2rem!important}.nfd-px-0:not([style*=padding]){padding-left:0!important;padding-right:0!important}.nfd-px-4:not([style*=padding]){padding-left:1rem!important;padding-right:1rem!important}.nfd-px-8:not([style*=padding]){padding-left:2rem!important;padding-right:2rem!important}.nfd-py-0:not([style*=padding]){padding-bottom:0!important;padding-top:0!important}.nfd-py-4:not([style*=padding]){padding-bottom:1rem!important;padding-top:1rem!important}.nfd-py-5:not([style*=padding]){padding-bottom:1.25rem!important;padding-top:1.25rem!important}.nfd-pt-0:not([style*=padding]){padding-top:0!important}.nfd-text-left{text-align:left!important}.nfd-wc-products{self-align:flex-start!important;flex-grow:0!important}.nfd-wc-products>ul{row-gap:calc(var(--wndb--gap--2xl)*var(--wndb--gap--scale-factor))!important}.nfd-wc-products .wc-block-grid__product-image{overflow:hidden!important}.nfd-wc-products .wc-block-grid__product-image img{transition:transform .6s ease-in-out!important}.nfd-wc-products .wc-block-grid__product-image img:hover{transform:scale(1.1)!important}.nfd-wc-products .wc-block-components-product-sale-badge{backdrop-filter:blur(4px)!important;background:hsla(0,0%,100%,.5)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:999px!important;font-size:.8125rem!important;font-weight:700!important;margin:6px!important;padding:4px 12px!important}.nfd-wc-products .wc-block-components-product-sale-badge>span{background:transparent!important}.nfd-wc-products .wc-block-components-product-price{color:inherit!important}.nfd-wc-search .wp-block-search__inside-wrapper{background-color:var(--wndb--color--borders)!important;border:2px solid var(--wndb--color--subtle)!important;border-radius:999px!important;max-width:100%!important;padding:0!important;width:25rem!important}.nfd-wc-search .wp-block-search__inside-wrapper input[type=search]{background:none!important;border:none!important;border-bottom-left-radius:999px!important;border-top-left-radius:999px!important;color:var(--wndb--color--text--contrast)!important;font-size:1.25rem!important;font-weight:500!important;min-height:3.75rem!important;padding-inline:24px!important}.nfd-wc-search .wp-block-search__inside-wrapper:has(button:focus),.nfd-wc-search .wp-block-search__inside-wrapper:has(input[type=search]:focus){outline:2px solid var(--wndb--color--text--contrast)!important;outline-offset:2px!important}.nfd-wc-search .wp-block-search__button{aspect-ratio:1/1!important;background:var(--wndb-gray-800)!important;border-radius:999px!important;height:100%!important;margin-left:0!important;margin-right:2px!important;margin-top:2px!important}.nfd-wc-search .wp-block-search__button:focus,.nfd-wc-search .wp-block-search__button:hover{background:var(--wndb-gray-900)!important;filter:none!important;outline:2px solid var(--wndb-gray-900)!important;outline-offset:2px!important}.nfd-wc-search .wp-block-search__inside-wrapper input[type=search]::-moz-placeholder{color:var(--wndb--color--text--faded)!important}.nfd-wc-search .wp-block-search__inside-wrapper input[type=search]::placeholder{color:var(--wndb--color--text--faded)!important}.nfd-commerce-icons{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important}.nfd-commerce-icons .wc-block-cart-link__text{display:none!important}.nfd-commerce-icons .wp-block-search__button svg,.nfd-commerce-icons svg.wc-block-customer-account__account-icon,.nfd-commerce-icons svg.wc-block-mini-cart__icon{height:28px!important;width:28px!important}.nfd-commerce-icons .wp-block-search__button-only .wp-block-search__button.has-icon{align-items:center!important;background:none!important;color:currentcolor!important;display:flex!important;padding:0!important}.nfd-commerce-icons .wp-block-search__button-only .wp-block-search__input{margin-right:.5em!important}.nfd-commerce-icons .wp-block-woocommerce-customer-account a{padding:0!important}:root{--wndb-mask-color:rgba(0,0,0,.15);--wndb-mask-position:50% 50% at 50% 20%;--wndb-mask-opacity:0.35}[class*=nfd-bg-effect]{isolation:isolate!important;position:relative!important}[class*=nfd-wb-header] [class*=nfd-bg-effect]{z-index:1!important}.has-modal-open [class*=nfd-bg-effect]{isolation:unset!important}.nfd-bg-effect-position-center{--wndb-mask-position:50% 50% at 50% 50%}[class*=nfd-bg-effect]:after{content:""!important;inset:0!important;-webkit-mask-image:radial-gradient(ellipse var(--wndb-mask-position),#000 70%,rgba(0,0,0,.3) 100%)!important;mask-image:radial-gradient(ellipse var(--wndb-mask-position),#000 70%,rgba(0,0,0,.3) 100%)!important;opacity:var(--wndb-mask-opacity)!important;pointer-events:none!important;position:absolute!important;z-index:-1!important}.nfd-bg-effect-dots:after{--wndb-mask-opacity:1;background:radial-gradient(var(--wndb-mask-color) 1px,transparent 1px)!important;background-size:20px 20px!important}.nfd-bg-effect-grid:after{background-image:linear-gradient(to right,var(--wndb-mask-color) 1px,transparent 1px),linear-gradient(to bottom,var(--wndb-mask-color) 1px,transparent 1px)!important;background-size:50px 50px!important}.nfd-bg-effect-grid-perspective{perspective:1000px!important}.has-modal-open .nfd-bg-effect-grid-perspective{perspective:unset!important}.nfd-bg-effect-grid-perspective:after{--wndb-mask-opacity:0.6;background-size:100px 100px!important;transform:rotateX(-60deg) translateZ(0)!important;transform-origin:top!important;transform-style:preserve-3d!important}.nfd-bg-effect-grid-2:after,.nfd-bg-effect-grid-perspective:after{background-image:linear-gradient(to right,var(--wndb-mask-color) 1px,transparent 1px),linear-gradient(to bottom,var(--wndb-mask-color) 1px,transparent 1px)!important}.nfd-bg-effect-grid-2:after{background-size:14px 32px!important}.nfd-bg-effect-grid-3{overflow:hidden!important}.nfd-bg-effect-grid-3:after{background-image:linear-gradient(to right,var(--wndb-mask-color) 1px,transparent 1px),linear-gradient(to bottom,var(--wndb-mask-color) 1px,transparent 1px)!important;background-size:32px 80px!important;right:-40%!important;top:-20%!important;transform:scale(1.5) skew(-30deg,30deg)!important}.nfd-bg-effect-lines:after{--wndb-mask-opacity:0.4;background-image:linear-gradient(to right,var(--wndb-mask-color) 1px,transparent 1px)!important;background-size:48px!important}.nfd-bg-effect-lines-2{--wndb-mask-opacity:0.45;overflow:hidden!important;perspective:1000px!important}.has-modal-open .nfd-bg-effect-lines-2{perspective:unset!important}.nfd-bg-effect-lines-2:after{background-image:linear-gradient(to right,var(--wndb-mask-color) 1px,transparent 1px)!important;background-size:30px!important;right:-40%!important;top:-20%!important;transform:rotateX(-45deg) skew(-16deg) translateZ(0)!important;transform-origin:right!important;transform-style:preserve-3d!important}.nfd-mask-opacity-0:after{--wndb-mask-opacity:0.8}:where(:root){--wndb--max-w--prose:min(65ch,1100px)}.nfd-max-w-prose:not(.nfd-max-w-full),:where(.nfd-text-balance:not(.nfd-max-w-full)){max-width:var(--wndb--max-w--prose)!important}.nfd-max-w-prose:not(.nfd-max-w-full).has-text-align-center,:where(.nfd-text-balance:not(.nfd-max-w-full)).has-text-align-center{margin-inline:auto!important}.nfd-max-w-prose:not(.nfd-max-w-full).has-text-align-right,:where(.nfd-text-balance:not(.nfd-max-w-full)).has-text-align-right{margin-inline-start:auto!important}:where(.nfd-text-balance){text-wrap:balance!important}.nfd-text-balance>h1,.nfd-text-balance>h2,.nfd-text-balance>h3,.nfd-text-balance>h4,.nfd-text-balance>p{text-wrap:balance!important}.nfd-text-pretty,.nfd-text-pretty>h1,.nfd-text-pretty>h2,.nfd-text-pretty>h3,.nfd-text-pretty>h4,.nfd-text-pretty>p{text-wrap:pretty!important}.wp-block-image figcaption{font-weight:400!important;margin-inline:auto!important;max-width:64ch!important;padding-block-start:.5em!important;text-wrap:balance!important}.wp-block-quote>.nfd-text-pretty{font-weight:550;margin-block:.25em}:where(:root){--wndb--text-scale-factor:1;--wndb--text--xs:0.75rem;--wndb--text--sm:0.875rem;--wndb--text--base:1rem;--wndb--text--md:1.125rem;--wndb--text--lg:1.5rem;--wndb--text--xl:2.375rem;--wndb--text--huge:clamp(2.75rem,1.4688rem + 2.5vw,3.5rem);--wndb--text-giga:clamp(3.25rem,2.546875rem + 2.25vw,4.375rem)}.nfd-text-xs:not([class*=font-size]):not([style*=font-size]){font-size:calc(var(--wndb--text--xs)*var(--wndb--text-scale-factor))!important}.nfd-text-xs:not([style*=letter-spacing]){letter-spacing:.05em!important}.nfd-text-sm:not([class*=font-size]):not([style*=font-size]){font-size:calc(var(--wndb--text--sm)*var(--wndb--text-scale-factor))!important}.nfd-text-base:not([class*=font-size]):not([style*=font-size]){font-size:calc(var(--wndb--text--base)*var(--wndb--text-scale-factor))!important}.nfd-text-md:not([class*=font-size]):not([style*=font-size]){font-size:calc(var(--wndb--text--md)*var(--wndb--text-scale-factor))!important}.nfd-text-base:not([style*=line-height]),.nfd-text-md:not([style*=line-height]){line-height:1.6!important}.nfd-text-lg:not([class*=font-size]):not([style*=font-size]){font-size:calc(var(--wndb--text--lg)*var(--wndb--text-scale-factor))!important}.nfd-text-lg:not([style*=line-height]){line-height:1.4!important}.nfd-text-lg:not([style*=letter-spacing]){letter-spacing:0!important}.nfd-text-lg:not([style*=font-weight]){font-weight:500!important}.nfd-text-xl:not([class*=font-size]):not([style*=font-size]){font-size:var(--wndb--text--xl)!important}.nfd-text-xl:not([style*=line-height]){line-height:1.25!important}.nfd-text-xl:not([style*=letter-spacing]){letter-spacing:-.01em!important}.nfd-text-xl:not([style*=font-weight]){font-weight:500!important}:where(.nfd-text-huge:not([class*=font-size]):not([style*=font-size])){font-size:calc(var(--wndb--text--huge)*var(--wndb--text-scale-factor))!important;max-width:var(--wndb--max-w--prose)!important;text-wrap:balance!important}:where(.nfd-text-huge:not([class*=font-size]):not([style*=font-size]).nfd-max-w-container){max-width:var(--wndb--container)!important}:where(.nfd-text-giga:not([class*=font-size]):not([style*=font-size])).has-text-align-center,:where(.nfd-text-huge:not([class*=font-size]):not([style*=font-size])).has-text-align-center{margin-inline:auto!important}:where(.nfd-text-giga:not([class*=font-size]):not([style*=font-size])).has-text-align-right,:where(.nfd-text-huge:not([class*=font-size]):not([style*=font-size])).has-text-align-right{margin-inline-start:auto!important}.nfd-text-huge:not([style*=line-height]){line-height:1.1!important}.nfd-text-huge:not([style*=letter-spacing]){letter-spacing:-.025em!important}.nfd-text-huge:not([style*=font-weight]){font-weight:500!important}:where(.nfd-text-giga:not([class*=font-size]):not([style*=font-size])){font-size:calc(var(--wndb--text-giga)*var(--wndb--text-scale-factor))!important;max-width:var(--wndb--max-w--prose)!important;text-wrap:balance!important}:where(.nfd-text-giga:not([class*=font-size]):not([style*=font-size]).nfd-max-w-container){max-width:var(--wndb--container)!important}.nfd-text-giga:not([style*=line-height]){line-height:1.1!important}.nfd-text-giga:not([style*=letter-spacing]){letter-spacing:-.04em!important}.nfd-text-giga:not([style*=font-weight]){font-weight:500!important}:root{--nfd-wb-anim-transition-duration:1400ms;--nfd-wb-anim-transition-delay:50ms;--nfd-wb-anim-transition-easing-function:cubic-bezier(0.4,1,0.65,1);--nfd-wb-anim-transition:all var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay)}@media (prefers-reduced-motion:reduce){.nfd-wb-animate{transition:none!important}.nfd-wb-twist-in,[class*=nfd-wb-]{clip-path:none!important;opacity:1!important;transform:none!important}}@media (max-width:782px){.nfd-wb-animate{transition:none!important}.nfd-wb-twist-in,[class*=nfd-wb-]{clip-path:none!important;opacity:1!important;transform:none!important}}.nfd-wb-animate[data-replay-animation]{transition:none!important}.block-editor-block-preview__content-iframe [class*=nfd-wb-]{clip-path:none!important;opacity:1!important;transform:none!important}[class*=nfd-wb-fade-in]{--nfd-wb-anim-transition:opacity var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay),transform var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay);transition:var(--nfd-wb-anim-transition)}.nfd-wb-fade-in-bottom{--nfd-wb-anim-transition-duration:1200ms;opacity:0;transform:translate3d(0,90px,0);transition:var(--nfd-wb-anim-transition)}.nfd-wb-fade-in-bottom-short{transform:translate3d(0,32px,0) scale3d(.96,.96,.96);transform-origin:center bottom}.nfd-wb-fade-in-bottom-short,.nfd-wb-fade-in-top-short{--nfd-wb-anim-transition-duration:600ms;opacity:0;transition:var(--nfd-wb-anim-transition)}.nfd-wb-fade-in-top-short{transform:translate3d(0,-32px,0) scale3d(.96,.96,.96);transform-origin:center top}.nfd-wb-fade-in-left-short{transform:translate3d(-32px,0,0) scale3d(.96,.96,.96);transform-origin:center left}.nfd-wb-fade-in-left-short,.nfd-wb-fade-in-right-short{--nfd-wb-anim-transition-duration:600ms;opacity:0;transition:var(--nfd-wb-anim-transition)}.nfd-wb-fade-in-right-short{transform:translate3d(32px,0,0) scale3d(.96,.96,.96);transform-origin:right center}.nfd-wb-animated-in:not([data-replay-animation])[class*=nfd-wb-fade-in]{opacity:1;transform:translateZ(0) scaleX(1)}.nfd-wb-zoom-in{--nfd-wb-anim-transition-duration:1200ms;--nfd-wb-anim-transition:opacity var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay),transform var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay);transform:scale3d(.4,.4,.4)}.nfd-wb-zoom-in,.nfd-wb-zoom-in-short{opacity:0;transition:var(--nfd-wb-anim-transition)}.nfd-wb-zoom-in-short{--nfd-wb-anim-transition-duration:600ms;--nfd-wb-anim-transition:opacity var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay),transform var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay);transform:scale3d(.92,.92,.92)}.nfd-wb-animated-in:not([data-replay-animation])[class*=nfd-wb-zoom-]{opacity:1!important;transform:scaleX(1)!important}div:has(>.nfd-wb-twist-in){perspective:1200px}.nfd-wb-twist-in{--nfd-wb-anim-transition-duration:1000ms;--nfd-wb-anim-transition:opacity var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay),transform var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay);opacity:0;transform:translateY(40px) scale(.8) rotateY(30deg) rotate(-12deg) translateZ(0);transition:var(--nfd-wb-anim-transition)}.nfd-wb-animated-in:not([data-replay-animation]).nfd-wb-twist-in{opacity:1!important;transform:translateY(0) scale(1) rotateY(0deg) rotate(0deg) translateZ(0)!important}.nfd-wb-reveal-right{--nfd-wb-anim-transition-duration:1500ms;--nfd-wb-anim-transition-easing-function:cubic-bezier(0.4,0,0,1);--nfd-wb-anim-transition:clip-path var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay);clip-path:inset(0 100% 0 0);transition:var(--nfd-wb-anim-transition)}.nfd-wb-animated-in>.nfd-wb-reveal-right:not([data-replay-animation]){clip-path:inset(0 0 0 0)!important}.nfd-delay-50{--nfd-wb-anim-transition-delay:50ms}.nfd-delay-150{--nfd-wb-anim-transition-delay:150ms}.nfd-delay-300{--nfd-wb-anim-transition-delay:300ms}.nfd-delay-450{--nfd-wb-anim-transition-delay:450ms}.nfd-delay-600{--nfd-wb-anim-transition-delay:600ms}.nfd-delay-750{--nfd-wb-anim-transition-delay:750ms}.nfd-delay-900{--nfd-wb-anim-transition-delay:900ms}.nfd-delay-1050{--nfd-wb-anim-transition-delay:1050ms}.nfd-delay-1200{--nfd-wb-anim-transition-delay:1200ms}.nfd-delay-1350{--nfd-wb-anim-transition-delay:1350ms}.nfd-delay-1500{--nfd-wb-anim-transition-delay:1500ms}:where(:root){--wndb--container:1200px;--wndb--container--wide:1340px}body .is-layout-constrained:has(.nfd-container.is-layout-constrained)>.nfd-container.is-layout-constrained{max-width:unset!important;width:100%!important}.is-layout-constrained.has-global-padding:has(.nfd-container.is-layout-constrained)>.nfd-container.is-layout-constrained{margin-left:calc(var(--wp--style--root--padding-left)*-1)!important;margin-right:calc(var(--wp--style--root--padding-right)*-1)!important;max-width:unset!important;width:unset!important}.editor-styles-wrapper .nfd-container:is(.is-layout-constrained)>:where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)),.editor-styles-wrapper .nfd-container>:where(.wp-block-cover-is-layout-constrained:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)):not([style*=margin]),.nfd-container:is(.is-layout-constrained)>:where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)),.nfd-container:is(.nfd-my-0)>div,.nfd-container>:where(.wp-block-cover-is-layout-constrained:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)){max-width:var(--wndb--container);width:100%}.editor-styles-wrapper .nfd-container:is(.is-layout-constrained)>.alignwide,.nfd-container:is(.is-layout-constrained).alignwide>:where(:not(.alignleft):not(.alignright):not(.alignfull)):not([style*=margin]),.nfd-container:is(.is-layout-constrained)>.alignwide,.nfd-container:is(.nfd-my-0)>.alignwide{max-width:var(--wndb--container--wide);width:100%}.nfd-container:not(.alignfull){padding-inline:var(--wndb--p)!important}.nfd-container:is(.nfd-my-0)>div:not([style*=margin]){margin-inline:auto!important}[class*=nfd-divider-]{position:relative;z-index:13}[class*=nfd-divider-]~[class*=nfd-divider-]{z-index:12!important}[class*=nfd-divider-]~[class*=nfd-divider-]~[class*=nfd-divider-]{z-index:11!important}[class*=nfd-divider-]:before{background:inherit!important;bottom:calc(var(--wndb--divider-size)*-1)!important;content:""!important;height:var(--wndb--divider-size)!important;left:0!important;pointer-events:none!important;position:absolute!important;width:100%!important;z-index:10!important}.nfd-divider-arrow{--wndb--divider-size:16px}.nfd-divider-arrow:before{bottom:calc(var(--wndb--divider-size)*-1)!important;height:calc(var(--wndb--divider-size)*2)!important;left:50%!important;transform:translateX(-50%) rotate(45deg)!important;width:calc(var(--wndb--divider-size)*2)!important}.nfd-divider-clouds{--wndb--divider-size:150px}.nfd-divider-clouds:after,.nfd-divider-clouds:before{background:inherit!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMax slice' viewBox='0 0 283.5 27.8'%3E%3Cpath fill='%23fff' d='M0 0v6.7c1.9-.8 4.7-1.4 8.5-1 9.5 1.1 11.1 6 11.1 6s2.1-.7 4.3-.2c2.1.5 2.8 2.6 2.8 2.6s.2-.5 1.4-.7 1.7.2 1.7.2 0-2.1 1.9-2.8 3.6.7 3.6.7.7-2.9 3.1-4.1 4.7 0 4.7 0 1.2-.5 2.4 0 1.7 1.4 1.7 1.4h1.4c.7 0 1.2.7 1.2.7s.8-1.8 4-2.2c3.5-.4 5.3 2.4 6.2 4.4q.6-.6 1.8-.9c2.8-.7 4 .7 4 .7s1.7-5 11.1-6c9.5-1.1 12.3 3.9 12.3 3.9s1.2-4.8 5.7-5.7 6.8 1.8 6.8 1.8.6-.6 1.5-.9c.9-.2 1.9-.2 1.9-.2s5.2-6.4 12.6-3.3c7.3 3.1 4.7 9 4.7 9s1.9-.9 4 0 2.8 2.4 2.8 2.4 1.9-1.2 4.5-1.2 4.3 1.2 4.3 1.2.2-1 1.4-1.7 2.1-.7 2.1-.7-.5-3.1 2.1-5.5 5.7-1.4 5.7-1.4 1.5-2.3 4.2-1.1 1.7 5.2 1.7 5.2.3-.1 1.3.5c.5.4.8.8.9 1.1.5-1.4 2.4-5.8 8.4-4 7.1 2.1 3.5 8.9 3.5 8.9s.8-.4 2 0 1.1 1.1 1.1 1.1 1.1-1.1 2.3-1.1 2.1.5 2.1.5 1.9-3.6 6.2-1.2 1.9 6.4 1.9 6.4 2.6-2.4 7.4 0c3.4 1.7 3.9 4.9 3.9 4.9s3.3-6.9 10.4-7.9 11.5 2.6 11.5 2.6.8 0 1.2.2.9.9.9.9 4.4-3.1 8.3.2c1.9 1.7 1.5 5 1.5 5s.3-1.1 1.6-1.4 2.3.2 2.3.2-.1-1.2.5-1.9 1.9-.9 1.9-.9-4.7-9.3 4.4-13.4c5.6-2.5 9.2.9 9.2.9s5-6.2 15.9-6.2 16.1 8.1 16.1 8.1.7-.2 1.6-.4V0z'/%3E%3C/svg%3E")!important;background-repeat:repeat-x!important;background-size:cover!important;content:""!important;height:var(--wndb--divider-size)!important;left:0!important;pointer-events:none!important;position:absolute!important;top:0!important;width:100%!important;z-index:10!important}.nfd-divider-clouds:after{bottom:0!important;top:auto!important;transform:rotate(180deg)!important}.nfd-divider-ellipse{--wndb--divider-size:50px}.nfd-divider-ellipse:before{clip-path:ellipse(50% var(--wndb--divider-size) at 50% 0)!important}.nfd-divider-rounded:not([style*=-radius]){--wndb--divider-size:50px}.nfd-divider-rounded:before:not([style*=-radius]){border-bottom-left-radius:var(--wndb--divider-size)!important;border-bottom-right-radius:var(--wndb--divider-size)!important}.nfd-divider-slant,.nfd-divider-slant-invert{--wndb--divider-size:80px}.nfd-divider-slant:before{bottom:calc(var(--wndb--divider-size)*-1 + 1px)!important;clip-path:polygon(0 0,100% 0,0 100%)!important}.nfd-divider-slant-invert:before{bottom:calc(var(--wndb--divider-size)*-1 + 1px)!important;clip-path:polygon(0 0,100% 0,100% 100%)!important}.nfd-divider-triangle{--wndb--divider-size:80px}.nfd-divider-triangle:before{bottom:calc(var(--wndb--divider-size)*-1 + 1px)!important;clip-path:polygon(0 0,100% 0,50% 100%)!important}.nfd-divider-zigzag{--wndb--divider-size:8px}.nfd-divider-zigzag:before{-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% /calc(var(--wndb--divider-size)*2) 100%!important;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% /calc(var(--wndb--divider-size)*2) 100%!important}:where(:root){--wndb--divider-size:0px}:where(:root){--nfd-opacity-preview:0.3}@media (min-width:1025px){body:not(.block-editor-page) :not(.is-desktop-preview) .nfd-hide-desktop{display:none!important}}@media (max-width:767px){body:not(.block-editor-page) :not(.is-mobile-preview) .nfd-hide-mobile{display:none!important}.nfd-align-mobile-left{text-align:left!important}.nfd-align-mobile-center{text-align:center!important}.nfd-align-mobile-right{text-align:right!important}.nfd-align-mobile-justify{text-align:justify!important}.wp-block-group-is-layout-flex.is-vertical p[class^=nfd-align-mobile-]{width:100%!important}}@media (min-width:768px) and (max-width:1024px){body:not(.block-editor-page) :not(.is-tablet-preview) .nfd-hide-tablet{display:none!important}.nfd-align-tablet-left{text-align:left!important}.nfd-align-tablet-center{text-align:center!important}.nfd-align-tablet-right{text-align:right!important}.nfd-align-tablet-justify{text-align:justify!important}.wp-block-group-is-layout-flex.is-vertical p[class^=nfd-align-tablet-]{width:100%!important}}.is-root-container.is-desktop-preview .nfd-hide-desktop,.is-root-container.is-mobile-preview .nfd-hide-mobile,.is-root-container.is-tablet-preview .nfd-hide-tablet{opacity:var(--nfd-opacity-preview)!important}@media (max-width:767px){.nfd-swiper-enabled{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;margin-right:calc(var(--wp--style--root--padding-right, 0px)*-1)!important;overflow-x:auto!important;overflow-y:hidden!important;width:calc(100% + var(--wp--style--root--padding-right, 0px))!important;-webkit-overflow-scrolling:touch!important;padding-left:16px!important;padding-right:0!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}.nfd-swiper-enabled::-webkit-scrollbar{display:none!important}.nfd-swiper-enabled.wp-block-column>*,.nfd-swiper-enabled.wp-block-columns>.wp-block-column{flex:0 0 calc(75% - 6px)!important;min-width:260px!important;scroll-snap-align:start!important;scroll-snap-stop:always!important}.nfd-swiper-enabled .wp-block-column,.nfd-swiper-enabled .wp-block-cover,.nfd-swiper-enabled .wp-block-image,.nfd-swiper-enabled figure{margin:0!important}.nfd-swiper-enabled [style*="min-width:"],.nfd-swiper-enabled [style*="width:"]{max-width:100%!important}}.nfd-grid-cols-1-2-1{grid-template-columns:1fr 2fr 1fr!important}:where(:root){--wndb--padding-factor:1;--wndb--p:2.375rem;--wndb--p--xs:0.75rem;--wndb--p--sm:1.5rem;--wndb--p--md:2rem;--wndb--p--lg:clamp(3.5rem,7vw,6.25rem);--wndb--p--square:2.5rem;--wndb--p--square-lg:4rem}.nfd-p-card-sm:not([style*=padding]){padding:calc(var(--wndb--p--xs)*var(--wndb--padding-factor)) calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-p-card-md:not([style*=padding]){padding:calc(var(--wndb--p--sm)*var(--wndb--padding-factor)) calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}.nfd-p-card-lg:not([style*=padding]){padding:calc(var(--wndb--p--md)*var(--wndb--padding-factor)) calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}@media screen and (min-width:782px){.nfd-p-card-lg:not([style*=padding]){padding:calc(var(--wndb--p--md)*var(--wndb--padding-factor)) calc(var(--wndb--p--md)*1.5*var(--wndb--padding-factor))!important}}.nfd-p-card-square-lg:not([style*=padding]),.nfd-p-card-square:not([style*=padding]){padding:calc(var(--wndb--p--square)*var(--wndb--padding-factor))!important}@media screen and (min-width:782px){.nfd-p-card-square-lg:not([style*=padding]){padding:calc(var(--wndb--p--square-lg)*var(--wndb--padding-factor))!important}}.nfd-p-xs:not([style*=padding]){padding:calc(var(--wndb--p--xs)*var(--wndb--padding-factor))!important}.nfd-py-xs:not([style*=padding]){padding-block:calc(var(--wndb--p--xs)*var(--wndb--padding-factor))!important}.nfd-pt-xs:not([style*=padding]){padding-block-start:calc(var(--wndb--p--xs)*var(--wndb--padding-factor))!important}.nfd-px-xs:not([style*=padding]){padding-inline:calc(var(--wndb--p--xs)*var(--wndb--padding-factor))!important}.nfd-p-sm:not([style*=padding]){padding:calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-px-sm:not([style*=padding]){padding-inline:calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-py-sm:not([style*=padding]){padding-block:calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-pt-sm:not([style*=padding]){padding-block-start:calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-pb-sm:not([style*=padding]){padding-block-end:calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-pl-sm:not([style*=padding]){padding-left:calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-p-md:not([style*=padding]){padding:calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}.nfd-px-md:not([style*=padding]){padding-inline:calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}.nfd-py-md:not([style*=padding]){padding-block:calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}.nfd-pt-md:not([style*=padding]){padding-block-start:calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}.nfd-pb-md:not([style*=padding]){padding-block-end:calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}.nfd-p-lg:not([style*=padding]){padding:calc(var(--wndb--p--lg)*var(--wndb--padding-factor)) calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}.nfd-py-lg:not([style*=padding]){padding-block:calc(var(--wndb--p--lg)*var(--wndb--padding-factor))!important}.nfd-pt-lg:not([style*=padding]){padding-block-start:calc(var(--wndb--p--lg)*var(--wndb--padding-factor))!important}.nfd-pb-lg:not([style*=padding]){padding-block-end:calc(var(--wndb--p--lg)*var(--wndb--padding-factor))!important}.nfd-pl-offset-md:not([style*=padding]){margin-left:calc(var(--wndb--p--md)*var(--wndb--padding-factor)*-1)!important;padding-left:calc(var(--wndb--p--md)*var(--wndb--padding-factor) - 3px)!important}.editor-styles-wrapper .nfd-overlap-x,.nfd-overlap-x{gap:0}.nfd-overlap-x>:not(:first-child){margin-inline-start:-1.275rem!important}@media (min-width:768px){.-nfd-translate-y-1\/2{margin-bottom:-100px!important;transform:translateY(-50%)!important}.-nfd-translate-y-1\/3{margin-bottom:-100px!important;transform:translateY(-33%)!important}.nfd-overlap-x-lg{transform:translateX(-150px)!important;width:calc(100% + 150px)!important}}.nfd-pseudo-play-icon{align-items:center!important;display:flex!important;justify-content:center!important;position:relative!important}.nfd-pseudo-play-icon>a{inset:0!important;position:absolute!important}:not(.is-root-container) .nfd-pseudo-play-icon>a{text-indent:-9999px!important}.nfd-pseudo-play-icon:before{backdrop-filter:blur(3px)!important;background:hsla(0,0%,100%,.1)!important;border-radius:100%!important;content:""!important;height:3rem!important;left:50%!important;opacity:1!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;transition:all .2s ease!important;width:3rem!important}.nfd-pseudo-play-icon:has(a:hover):before{background:hsla(0,0%,100%,.3)!important;height:4rem!important;width:4rem!important}.nfd-pseudo-play-icon:after{border-style:solid!important;border-bottom:10px solid transparent!important;border-left:16px solid!important;border-right:0!important;border-top:10px solid transparent!important;content:""!important;height:16px!important;height:0!important;left:50%!important;margin-left:2px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important;width:16px!important;width:0!important}.entry-content>.wp-block-group.has-background+.wp-block-group.has-background:not([style*=margin-top]),.entry-content>.wp-block-group.has-background+[class*=nfd-theme-]:not([style*=margin-top]),.entry-content>[class*=nfd-theme-]+.wp-block-group.has-background:not([style*=margin-top]),.entry-content>[class*=nfd-theme-]+[class*=nfd-theme-]:not([style*=margin-top]){margin-block-start:0!important}:where(:root){--wndb--gap--scale-factor:1;--wndb--gap--xs:0.25rem;--wndb--gap--sm:0.5rem;--wndb--gap--md:1rem;--wndb--gap--lg:1.5rem;--wndb--gap--xl:2rem;--wndb--gap--2xl:2.5rem;--wndb--gap--3xl:3.5rem;--wndb--gap--4xl:6rem}.editor-styles-wrapper .nfd-gap-0,.nfd-gap-0{gap:0}.editor-styles-wrapper .nfd-gap-xs,.nfd-gap-xs{gap:calc(var(--wndb--gap--xs)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-sm,.nfd-gap-sm{gap:calc(var(--wndb--gap--sm)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-md,.nfd-gap-md{gap:calc(var(--wndb--gap--md)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-lg,.nfd-gap-lg{gap:calc(var(--wndb--gap--lg)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-xl,.nfd-gap-xl{gap:calc(var(--wndb--gap--xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-2xl,.nfd-gap-2xl{gap:calc(var(--wndb--gap--2xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-3xl,.nfd-gap-3xl{gap:calc(var(--wndb--gap--3xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-4xl,.nfd-gap-4xl{gap:calc(var(--wndb--gap--4xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-x-4xl,.nfd-gap-x-4xl{-moz-column-gap:calc(var(--wndb--gap--4xl)*var(--wndb--gap--scale-factor));column-gap:calc(var(--wndb--gap--4xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-x-lg,.nfd-gap-x-lg{-moz-column-gap:calc(var(--wndb--gap--lg)*var(--wndb--gap--scale-factor));column-gap:calc(var(--wndb--gap--lg)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-y-lg,.nfd-gap-y-lg{row-gap:calc(var(--wndb--gap--lg)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-y-xl,.nfd-gap-y-xl{row-gap:calc(var(--wndb--gap--xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-y-2xl,.nfd-gap-y-2xl{row-gap:calc(var(--wndb--gap--2xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-y-3xl,.nfd-gap-y-3xl{row-gap:calc(var(--wndb--gap--3xl)*var(--wndb--gap--scale-factor))}.nfd-border-2{border-bottom-width:2px!important}.nfd-border-strong:not([style*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]):not(.has-border-color){border-color:var(--wndb-color--borders-strong)!important}.nfd-border-light:not([style*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]):not(.has-border-color){border-color:var(--wndb--color--borders-light)!important}:where(:root){--wndb--button--outline-width:0px;--wndb--button-sm--font-size:1rem;--wndb--button-lg-x:2rem;--wndb--button-lg-y:0.75rem;--wndb--button-lg--font-size:1.125rem;--wndb--button-xl-x:3rem;--wndb--button-xl-y:1rem;--wndb--button-xl--font-size:1.125rem}[class*=nfd-btn].is-style-outline{--wndb--button--outline-width:2px}[class*=nfd-btn]>.wp-block-button__link:not([style*=padding]){padding:calc(.625rem - var(--wndb--button--outline-width)) calc(1.125rem - var(--wndb--button--outline-width))!important}.nfd-btn-sm>.wp-block-button__link:not([style*=padding]){padding:calc(.375rem - var(--wndb--button--outline-width)) calc(1rem - var(--wndb--button--outline-width))!important}.nfd-btn-sm:not(.has-custom-font-size)>.wp-block-button__link:not([style*=font-size]){font-size:var(--wndb--button-sm--font-size)!important}.nfd-btn-lg>.wp-block-button__link:not([style*=padding]){padding:calc(var(--wndb--button-lg-y) - var(--wndb--button--outline-width)) var(--wndb--button-lg-x)!important}.nfd-btn-lg:not(.has-custom-font-size)>.wp-block-button__link:not([style*=font-size]){font-size:var(--wndb--button-lg--font-size)!important}.nfd-btn-lg:not([style*=font-weight])>.wp-block-button__link{font-weight:600!important}.nfd-btn-xl>.wp-block-button__link:not([style*=padding]){padding:calc(var(--wndb--button-xl-y) - var(--wndb--button--outline-width)) var(--wndb--button-xl-x)!important}.nfd-btn-xl:not(.has-custom-font-size)>.wp-block-button__link:not([style*=font-size]){font-size:var(--wndb--button-xl--font-size)!important}.nfd-btn-xl:not([style*=font-weight])>.wp-block-button__link{font-weight:600!important}.nfd-btn-wide>.wp-block-button__link:not([style*=padding]){padding:calc(.625rem - var(--wndb--button--outline-width)) calc(2rem - var(--wndb--button--outline-width))!important}[class*=nfd-btn]:is(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:var(--wndb--color--text--contrast)!important}.nfd-btn:is(.is-style-outline)>.wp-block-button__link:not(.has-text-color):hover{--wndb--color--text--contrast:var(--wndb-gray-900);border-color:var(--wndb-white)!important}[class*=nfd-button]>.wp-block-button__link:not(.has-background):hover{filter:brightness(.8)!important}.nfd-theme-primary [class*=nfd-btn]:not(.is-style-outline):not(.nfd-btn-secondary):not(.nfd-btn-tertiary)>.wp-block-button__link:not(.has-background){background-color:var(--wndb-gray-800)!important}.nfd-theme-primary
	[class*=nfd-btn]:not(.is-style-outline):not(.nfd-btn-secondary):not(.nfd-btn-tertiary)>.wp-block-button__link:not(.has-background):hover{background-color:var(--wndb-gray-900)!important}.nfd-theme-primary
	[class*=nfd-btn]:is(.is-style-outline):not(.nfd-btn-secondary):not(.nfd-btn-tertiary)>.wp-block-button__link:not(.has-background):not(.has-text-color):hover{background-color:var(--wndb-white)!important;border-color:var(--wndb-white)!important;color:var(--wndb-gray-900)!important}.nfd-btn-secondary:is(.is-style-outline)>.wp-block-button__link:not(.has-text-color):hover{--wndb--color--text--contrast:var(--wndb-gray-900);border-color:var(--wndb-white)!important}.nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:var(--wndb-white)!important}.nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:var(--wndb-gray-800)!important}.nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-background):hover{background-color:var(--wndb-gray-900)!important}.nfd-theme-dark .nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-background),.nfd-theme-darker .nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:var(--wndb-white)!important}.nfd-theme-dark .nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-text-color),.nfd-theme-darker .nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:var(--wndb-gray-900)!important}.nfd-theme-dark .nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-background):hover,.nfd-theme-darker .nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-background):hover{background-color:var(--wndb-white)!important;color:var(--wndb-gray-900)!important;filter:brightness(.8)!important}.nfd-btn-tertiary:is(.is-style-outline)>.wp-block-button__link:not(.has-text-color):hover{--wndb--color--text--contrast:var(--wndb-gray-900)}.nfd-btn-tertiary:is(.is-style-outline)>.wp-block-button__link:not([class*=-border-color]){border-color:var(--wndb--color--subtle)!important}.nfd-btn-tertiary:not(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:var(--wndb--color--text--contrast)!important}.nfd-btn-tertiary:not(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:var(--wndb--color--borders)!important}.nfd-btn-tertiary:not(.is-style-outline)>.wp-block-button__link:not(.has-background):hover{--wndb--color--borders:var(--wndb--color--subtle)}:where(:root){--wndb--shadow--xs:0 1px 2px 0 rgba(18,18,23,.065);--wndb--shadow--sm:0 1px 3px 0 rgba(18,18,23,.1),0 1px 2px 0 rgba(18,18,23,.06)}.nfd-shadow-xs:not([style*=box-shadow]){box-shadow:var(--wndb--shadow--xs)!important}.nfd-shadow-sm:not([style*=box-shadow]){box-shadow:var(--wndb--shadow--sm)!important}.nfd-bg-subtle.nfd-shadow-xs:not([style*=box-shadow]),.nfd-theme-light .nfd-shadow-xs:not([style*=box-shadow]){--wndb--shadow--xs:none}:where(:root){--wndb--rounded--scale-factor:1;--wndb--border--radius--sm:0.25rem;--wndb--border--radius--md:0.5rem;--wndb--border--radius--lg:0.75rem;--wndb--border--radius--xl:1rem}[class*=nfd-rounded]:not([style*=-radius]),[class*=nfd-rounded]:not([style*=-radius])>.components-resizable-box__container>img:not([style*=-radius]),[class*=nfd-rounded]:not([style*=-radius])>.wp-element-button:not([style*=-radius]),[class*=nfd-rounded]:not([style*=-radius])>a>img,[class*=nfd-rounded]:not([style*=-radius])>img{border-radius:calc(var(--wndb--border--radius)*var(--wndb--rounded--scale-factor))!important}[class*=nfd-rounded-t-]:not([style*=-radius]),[class*=nfd-rounded-t-]:not([style*=-radius])>.components-resizable-box__container>img:not([style*=-radius]),[class*=nfd-rounded-t-]:not([style*=-radius])>.wp-element-button:not([style*=-radius]),[class*=nfd-rounded-t-]:not([style*=-radius])>a>img,[class*=nfd-rounded-t-]:not([style*=-radius])>img{border-radius:calc(var(--wndb--border--radius)*var(--wndb--rounded--scale-factor)) calc(var(--wndb--border--radius)*var(--wndb--rounded--scale-factor)) 0 0!important}.nfd-overflow-hidden.nfd-rounded-xl iframe:not([style*=-radius]){border-radius:calc(var(--wndb--border--radius--md)*var(--wndb--rounded--scale-factor))!important}.nfd-rounded-none:not([style*=-radius]){--wndb--border--radius:0}.nfd-rounded-sm:not([style*=-radius]){--wndb--border--radius:var(--wndb--border--radius--sm)}.nfd-rounded,.nfd-rounded-md,.nfd-rounded-t-md:not([style*=-radius]){--wndb--border--radius:var(--wndb--border--radius--md)}.nfd-rounded-lg,.nfd-rounded-t-lg:not([style*=-radius]){--wndb--border--radius:var(--wndb--border--radius--lg)}.nfd-rounded-t-xl:not([style*=-radius]),.nfd-rounded-xl{--wndb--border--radius:var(--wndb--border--radius--xl)}.nfd-rounded-full:not([style*=-radius]){--wndb--border--radius:9999px}:where(:root){--wndb-gray:#6c6c89;--wndb-gray-50:#f7f7f8;--wndb-gray-100:#ebebef;--wndb-gray-150:#e5e5e9;--wndb-gray-200:#d1d1db;--wndb-gray-300:#a9a9bc;--wndb-gray-400:#8a8aa3;--wndb-gray-500:#6c6c89;--wndb-gray-600:#55556d;--wndb-gray-700:#3f3f50;--wndb-gray-800:#1d1d22;--wndb-gray-900:#121217;--wndb-white:#fff;--wndb-white-50:hsla(0,0%,100%,.05);--wndb-white-100:hsla(0,0%,100%,.1);--wndb-white-150:hsla(0,0%,100%,.15);--wndb-white-200:hsla(0,0%,100%,.2);--wndb-white-300:hsla(0,0%,100%,.3);--wndb-white-400:hsla(0,0%,100%,.4);--wndb-white-500:hsla(0,0%,100%,.5);--wndb-white-600:hsla(0,0%,100%,.6);--wndb-white-700:hsla(0,0%,100%,.7);--wndb-white-800:hsla(0,0%,100%,.8);--wndb-white-900:hsla(0,0%,100%,.9);--wndb--color--primary:#00f;--wndb--color--secondary:#00f;--wndb--color--surface:var(--wndb-gray-50);--wndb--color--text:var(--wndb-gray-800);--wndb--color--text--contrast:var(--wndb-gray-900);--wndb--color--text--faded:var(--wndb-gray-600);--wndb--color--borders:var(--wndb-gray-150);--wndb--color--borders-light:var(--wndb-gray-100);--wndb--color--borders-strong:var(--wndb--color--text--faded);--wndb--color--subtle:var(--wndb-gray-200);--wndb--color--links:var(--wndb--color--primary);--wndb--color--body:var(--wndb--color--surface)}.is-style-nfd-theme-white,.nfd-theme-white:not([class*=is-style-nfd-theme]){--wndb--color--borders:var(--wndb-gray-150);--wndb--color--borders-light:var(--wndb-gray-100);--wndb--color--links:var(--wndb--color--primary);--wndb--color--subtle:var(--wndb-gray-200);--wndb--color--surface:var(--wndb-white);--wndb--color--text--contrast:var(--wndb-gray-900);--wndb--color--text--faded:var(--wndb-gray-700);--wndb--color--text:var(--wndb-gray-800)}.is-style-nfd-theme-light,.nfd-theme-light:not([class*=is-style-nfd-theme]){--wndb--color--borders:var(--wndb-gray-150);--wndb--color--borders-light:var(--wndb-gray-150);--wndb--color--links:var(--wndb--color--primary);--wndb--color--subtle:var(--wndb-gray-200);--wndb--color--surface:var(--wndb-gray-50);--wndb--color--text--contrast:var(--wndb-gray-900);--wndb--color--text--faded:var(--wndb-gray-700);--wndb--color--text:var(--wndb-gray-800)}.is-style-nfd-theme-dark,.nfd-theme-dark:not([class*=is-style-nfd-theme]){--wndb--color--borders:var(--wndb-white-100);--wndb--color--borders-light:var(--wndb--color--borders);--wndb--color--subtle:var(--wndb-white-200);--wndb--color--surface:var(--wndb-gray-800);--wndb--color--text--contrast:var(--wndb-white);--wndb--color--text--faded:var(--wndb-white-800);--wndb--color--text:var(--wndb-white);--wndb--shadow--sm:none;--wndb--shadow--xs:none;--wndb-mask-color:hsla(0,0%,100%,.12)}.is-style-nfd-theme-darker,.nfd-theme-darker:not([class*=is-style-nfd-theme]){--wndb--color--borders:var(--wndb-white-100);--wndb--color--borders-light:var(--wndb--color--borders);--wndb--color--subtle:var(--wndb-white-200);--wndb--color--surface:var(--wndb-gray-900);--wndb--color--text--contrast:var(--wndb-white);--wndb--color--text--faded:var(--wndb-white-800);--wndb--color--text:var(--wndb-white);--wndb--shadow--sm:none;--wndb--shadow--xs:none;--wndb-mask-color:hsla(0,0%,100%,.12)}.is-style-nfd-theme-primary,.nfd-theme-primary:not([class*=is-style-nfd-theme]){--wndb--color--borders:var(--wndb-white-100);--wndb--color--borders-light:var(--wndb--color--borders);--wndb--color--subtle:var(--wndb-white-200);--wndb--color--surface:var(--wndb--color--primary);--wndb--color--text--contrast:var(--wndb-white);--wndb--color--text--faded:var(--wndb-white-900);--wndb--color--text:var(--wndb-white);--wndb--color--links:var(--wndb-white);--wndb--shadow--sm:none;--wndb--shadow--xs:none;--wndb-mask-color:hsla(0,0%,100%,.12)}.is-style-nfd-theme-primary-15,.nfd-theme-primary-15:not([class*=is-style-nfd-theme]){--wndb--color--borders:color-mix(in srgb,var(--wndb--color--primary) 25%,#fff);--wndb--color--borders-light:color-mix(in srgb,var(--wndb--color--primary) 15%,#fff);--wndb--color--subtle:color-mix(in srgb,var(--wndb--color--primary) 30%,#fff);--wndb--color--surface:color-mix(in srgb,var(--wndb--color--primary) 15%,#fff)}.nfd-bg-surface:not(.has-background),[class*=is-style-nfd-theme]:not(.has-background){background-color:var(--wndb--color--surface)!important}.nfd-bg-surface:not(.has-text-color),[class*=is-style-nfd-theme]:not(.has-text-color){color:var(--wndb--color--text)!important}.nfd-text-faded p:not(.has-text-color):not(.has-link-color):not(.has-background):not(.nfd-text-primary),.nfd-text-faded time:not(.has-text-color):not(.has-background),.nfd-text-faded>a:not(.has-text-color):not(.has-link-color):not(.has-background),ol.nfd-text-faded:not(.has-text-color):not(.has-link-color):not(.has-background):not(.nfd-text-primary),p.nfd-text-faded:not(.has-text-color):not(.has-link-color):not(.has-background),ul.nfd-text-faded:not(.has-text-color):not(.has-link-color):not(.has-background):not(.nfd-text-primary){color:var(--wndb--color--text--faded)!important}.editor-styles-wrapper div .nfd-text-contrast:where(:not(.has-text-color)),.editor-styles-wrapper div :where(.nfd-text-contrast:not(.has-text-color):not(.wp-element-button)) a:where(:not(:hover)),.wp-site-blocks .nfd-text-contrast:where(:not(.has-text-color)),.wp-site-blocks .nfd-text-contrast:where(:not(.has-text-color)) a:where(:not(:hover)){color:var(--wndb--color--text--contrast)}.nfd-bg-surface .wp-block-separator:not(.has-background):not(.has-text-color):not(.nfd-border-strong),.nfd-bg-surface [style*=border]:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]):not(.nfd-border-strong),.nfd-bg-surface [style*=border]:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color])>img:not(.has-border-color):not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]),.nfd-bg-surface [style*=border]:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color])>img:not(.has-border-color):not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color])>.components-resizable-box__container>img:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]),.nfd-bg-surface:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]):not(.has-border-color):not(.nfd-border-strong),[class*=is-style-nfd-theme] .wp-block-separator:not(.has-background):not(.has-text-color):not(.nfd-border-strong),[class*=is-style-nfd-theme] [style*=border]:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]):not(.nfd-border-strong),[class*=is-style-nfd-theme] [style*=border]:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color])>img:not(.has-border-color):not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]),[class*=is-style-nfd-theme] [style*=border]:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color])>img:not(.has-border-color):not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color])>.components-resizable-box__container>img:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]),[class*=is-style-nfd-theme]:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]):not(.has-border-color):not(.nfd-border-strong){border-color:var(--wndb--color--borders)!important}.nfd-bg-surface .wp-block-separator:not(.has-background):not(.has-text-color):not(.nfd-border-2),[class*=is-style-nfd-theme] .wp-block-separator:not(.has-background):not(.has-text-color):not(.nfd-border-2){border-width:2px 0 0!important}.nfd-border-bg{--wndb--color--borders:var(--wndb--color--surface)}.nfd-border-primary{--wndb--color--borders:var(--wndb--color--primary)}.nfd-border-inherit{--wndb--color--borders:inherit}.nfd-bg-accent:not(.has-background),.nfd-bg-primary:not(.has-background),.wp-block-cover.nfd-bg-accent>.wp-block-cover__background:not([class*=background-color]),.wp-block-cover.nfd-bg-primary>.wp-block-cover__background:not([class*=background-color]){background-color:var(--wndb--color--primary)!important}.nfd-bg-secondary:not(.has-background),.wp-block-cover.nfd-bg-secondary>.wp-block-cover__background:not([class*=background-color]){background-color:var(--wndb--color--secondary)!important}.nfd-bg-accent:not(.has-text-color),.nfd-bg-primary:not(.has-text-color),.nfd-bg-secondary:not(.has-text-color){color:var(--wndb--color--white)!important}.nfd-bg-subtle:not(.has-background):not(.wp-block-button),.nfd-bg-subtle:not(.has-background)>.wp-block-button__link:not(.has-background){background-color:var(--wndb--color--borders-light)!important;color:var(--wndb--color--text--contrast)!important}.nfd-text-primary:not(.has-text-color),.wp-block-button.wndb-text-primary>a:not(.has-text-color){color:var(--wndb--color--primary)!important}.nfd-text-secondary:not(.has-text-color),.wp-block-button.wndb-text-secondary>a:not(.has-text-color){color:var(--wndb--color--secondary)!important}[class*=nfd-theme-primary] .nfd-text-primary:not(.has-text-color),[class*=nfd-theme-primary] .nfd-text-secondary:not(.has-text-color),[class*=nfd-theme-primary] .wp-block-button.wndb-text-primary>a:not(.has-text-color),[class*=nfd-theme-secondary] .wp-block-button.wndb-text-secondary>a:not(.has-text-color){color:var(--wndb--color--contrast)!important}[class*=nfd-theme-dark] .nfd-text-primary:not(.has-text-color),[class*=nfd-theme-darker] .nfd-text-primary:not(.has-text-color){color:var(--wndb--color--secondary)!important}.nfd-text-subtle:not(.has-text-color){color:var(--wndb--color--subtle)!important}.editor-styles-wrapper div .nfd-text-current:where(:not(.has-text-color)),.editor-styles-wrapper div :where(.nfd-text-current:not(.has-text-color):not(.wp-element-button)) a:where(:not(:hover)),.wp-site-blocks .nfd-text-current:where(:not(.has-text-color)),.wp-site-blocks .nfd-text-current:where(:not(.has-text-color)) a:where(:not(:hover)){color:currentColor}[class*=nfd-theme-] .wp-block-social-links.is-style-logos-only:not(.has-icon-color) .wp-block-social-link{color:var(--wndb--color--text--faded)!important;fill:var(--wndb--color--text--faded)!important}[class*=nfd-theme-] .wp-block-social-links.is-style-logos-only:not(.has-icon-color) .wp-block-social-link:hover{color:var(--wndb--color--text)!important;fill:var(--wndb--color--text)!important}.nfd-container.is-position-sticky:not([class*=nfd-bg-surface]):not([class*=is-style-nfd-]):not(.has-background){background-color:var(--wndb--color--body)!important}.nfd-container .has-secondary-color{color:var(--wndb--color--secondary)!important}.nfd-bg-gray-100:not(.has-background),.nfd-bg-gray-800:not(.has-background){background-color:var(--wndb--color--surface)!important}.nfd-bg-gray-100:not(.has-text-color),.nfd-bg-gray-800:not(.has-text-color){color:var(--wndb--color--text)!important}.nfd-bg-gray-800{--wndb--color--surface:var(--wndb-gray-800);--wndb--color--text:var(--wndb-white);--wndb--color--borders:var(--wndb-white-100);--wndb--color--text--faded:var(--wndb-white-700)}.nfd-bg-gray-100{--wndb--color--surface:var(--wndb-gray-50);--wndb--color--text:var(--wndb-gray-700);--wndb--color--borders:var(--wndb-gray-100)}.nfd-text-opacity-80 p:not(.has-text-color):not(.has-link-color):not(.has-background),.nfd-text-opacity-80 time:not(.has-text-color):not(.has-background),p.nfd-text-opacity-80:not(.has-text-color):not(.has-link-color):not(.has-background){opacity:.8!important}:where(:root){--wndb--slider-height:100lvh}.nfd-scroll-slider-horizontal,.nfd-scroll-slider-vertical{flex-wrap:nowrap!important;height:var(--wndb--slider-height)!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important;-ms-overflow-style:none!important;scrollbar-width:none!important}.nfd-scroll-slider-horizontal::-webkit-scrollbar,.nfd-scroll-slider-vertical::-webkit-scrollbar{display:none!important}.nfd-scroll-slider-vertical{height:100vh!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important}.nfd-scroll-slider-vertical>*{scroll-snap-align:start!important;width:100%!important}.nfd-scroll-slider-horizontal{flex-direction:row!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important}.nfd-scroll-slider-horizontal>*{flex-shrink:0!important;scroll-snap-align:start!important}.nfd-scroll-slider-horizontal>.wp-block-cover{width:100vw!important}.nfd-container.alignfull .nfd-scroll-slider-horizontal{--half-container:calc(50vw - var(--wndb--container)/2);padding-left:var(--half-container)!important;padding-right:var(--half-container)!important;scroll-padding:var(--half-container)!important}.nfd-scroll-slider-horizontal.nfd-scroll-slider-animate>.wp-block-cover:first-child{animation:scroll-slider-slide 1s ease 1s forwards}@keyframes scroll-slider-slide{0%{margin-left:0}to{margin-left:-100vw}}.block-editor-block-preview__content-iframe .is-root-container{min-height:8rem!important}.block-editor-block-preview__content-iframe figure:has([style*="aspect-ratio: 16 / 9"]){width:100%!important}.block-editor-block-preview__content-iframe [style*="min-height: 100vh"],.block-editor-block-preview__content-iframe [style*="min-height:100vh"]{min-height:800px!important}.block-editor-block-preview__content-iframe [style*="min-height: 70vh"],.block-editor-block-preview__content-iframe [style*="min-height:70vh"]{min-height:560px!important}.block-editor-block-preview__content-iframe [style*="min-height: 60vh"],.block-editor-block-preview__content-iframe [style*="min-height:60vh"]{min-height:480px!important}.block-editor-block-preview__content-iframe [style*="min-height: 50vh"],.block-editor-block-preview__content-iframe [style*="min-height:50vh"]{min-height:400px!important}.block-editor-block-preview__content-iframe [style*="min-height: 40vh"],.block-editor-block-preview__content-iframe [style*="min-height:40vh"]{min-height:320px!important}.block-editor-block-preview__content-iframe [style*="min-height: 35vh"],.block-editor-block-preview__content-iframe [style*="min-height:35vh"]{min-height:280px!important}.block-editor-block-preview__content-iframe [style*="min-height: 30vh"],.block-editor-block-preview__content-iframe [style*="min-height:30vh"]{min-height:240px!important}.block-editor-block-preview__content-iframe [style*="min-height: 10vh"],.block-editor-block-preview__content-iframe [style*="min-height:10vh"]{min-height:80px!important}.block-editor-block-preview__content-iframe [style*="min-height: 5vh"],.block-editor-block-preview__content-iframe [style*="min-height:5vh"]{min-height:40px!important}.nfd-wba-modal *{box-sizing:border-box!important}.block-editor-block-preview__content-iframe .nfd-wb-animate{opacity:1!important;transform:none!important;transition:none!important}.block-editor-block-preview__content-iframe .block-editor-warning:not(.wp-block-missing .block-editor-warning){display:none!important}.block-editor-block-preview__content-iframe .is-root-container>.nfd-container:not([class*=nfd-p-]):not([class*=nfd-py-]):not([class*=nfd-pt-]):not([class*=nfd-pb-]):not([style*=padding]){padding-block:var(--wndb--p)!important}.block-editor-block-preview__content-iframe [class*=nfd-rounded]:not([style*=-radius])>div>img:not([style*=-radius]){border-radius:calc(var(--wndb--border--radius)*var(--wndb--rounded--scale-factor))!important}ol.nfd-gap-sm:not(.is-layout-flex) li:not(:last-child),ul.nfd-gap-sm:not(.is-layout-flex) li:not(:last-child){margin-bottom:.5em!important}ol.nfd-gap-md:not(.is-layout-flex) li:not(:last-child),ul.nfd-gap-md:not(.is-layout-flex) li:not(:last-child){margin-bottom:1em!important}ul.nfd-list-check{list-style-type:none!important;padding-inline-start:1em!important}ul.nfd-list-check li:before{content:"✓";display:inline-block;margin-inline-end:8px}[class*=nfd-query-loop-] :where(.wp-block-post-author__avatar img){border-radius:999px;display:block}[class*=nfd-query-loop-] :where(.avatar-48){height:36px!important;width:36px!important}[class*=nfd-query-loop-] :where(.wp-block-post-author__content){display:flex;flex-direction:column;gap:4px;justify-content:center}[class*=nfd-query-loop-] .wp-block-post-author__avatar{margin-right:12px!important}.nfd-query-loop-1 :where(.wp-block-cover){aspect-ratio:2/1.1}.nfd-query-loop-1 :where(.wp-block-post-author__content){align-items:center!important;flex-direction:row!important}.nfd-query-loop-1 :where(.wp-block-post-author__byline){font-size:1em!important;opacity:.8!important}[class*=nfd-query-loop-] :where(.wp-block-categories){display:flex;gap:8px;list-style:none;padding:0}[class*=nfd-query-loop-] :where(.wp-block-categories a){color:inherit!important}.nfd-query-loop-2 .wp-block-cover__background{-webkit-mask-image:linear-gradient(180deg,transparent 25%,#000 75%)!important;mask-image:linear-gradient(180deg,transparent 25%,#000 75%)!important}.nfd-query-loop-3 :where(.wp-block-post-author__name){display:none!important}.nfd-form-items-grow>div:not(.wp-block-jetpack-button){flex-grow:1!important}.nfd-jp-form.nfd-text-center .consent{text-align:center!important}.nfd-jp-form .contact-form-submission .go-back-message .link{color:currentColor!important;text-decoration:underline!important}.nfd-jp-form .contact-form-submission .go-back-message{margin-top:0!important}.nfd-jp-form .contact-form-submission{border-color:currentColor!important;padding:calc(var(--wndb--p--md)*.5) 0!important}.nfd-jp-form textarea{resize:vertical!important}.nfd-jp-form .wp-block-button__link{padding-block-end:10px!important;padding-block-start:10px!important}.nfd-jp-form .consent,.nfd-jp-form .jetpack-field-checkbox .jetpack-field-label .jetpack-field-label__input,.nfd-jp-form .jetpack-field-consent .jetpack-field-label .jetpack-field-label__input{font-size:.875rem!important;line-height:1.5em!important;text-transform:none!important;text-wrap:balance!important}.nfd-jp-form input[type=checkbox]{padding:0!important}.nfd-jp-subscribe-form .wp-block-jetpack-label{display:none!important}.nfd-jp-subscribe-form .wp-block-jetpack-input{height:100%!important;margin:0!important}.nfd-heading-styles-panel{border-top:0!important;padding:0!important}.nfd-heading-styles-control .components-h-stack>.components-base-control.components-range-control{flex:1 1 40%!important}.wp-block-heading.is-style-nfd-heading-boxed{align-items:center!important;display:flex!important;gap:2.5rem!important;white-space:nowrap!important}.wp-block-heading.is-style-nfd-heading-boxed:after,.wp-block-heading.is-style-nfd-heading-boxed:before{border-bottom:var(--nfd-heading-border-size,3px) var(--nfd-heading-border-style,solid) var(--nfd-heading-border,#e8d833)!important;content:""!important}.wp-block-heading.is-style-nfd-heading-boxed{justify-content:center!important}.wp-block-heading.is-style-nfd-heading-boxed:after,.wp-block-heading.is-style-nfd-heading-boxed:before{flex:1 1 0!important}.wp-block-heading.is-style-nfd-heading-boxed.has-text-align-left{justify-content:flex-start!important}.wp-block-heading.is-style-nfd-heading-boxed.has-text-align-left:before{flex:0 0 0!important}.wp-block-heading.is-style-nfd-heading-boxed.has-text-align-left:after{flex:1 1 0!important}.wp-block-heading.is-style-nfd-heading-boxed.has-text-align-right{justify-content:flex-end!important}.wp-block-heading.is-style-nfd-heading-boxed.has-text-align-right:before{flex:1 1 0!important}.wp-block-heading.is-style-nfd-heading-boxed.has-text-align-right:after{flex:0 0 0!important}.wp-block-heading.is-style-nfd-heading-boxed.has-text-align-center{justify-content:center!important}.wp-block-heading.is-style-nfd-heading-boxed.has-text-align-center:after,.wp-block-heading.is-style-nfd-heading-boxed.has-text-align-center:before{flex:1 1 0!important}.wp-block-heading.is-style-nfd-heading-boxed.left-only:after,.wp-block-heading.is-style-nfd-heading-boxed.right-only:before{flex:0 0 0!important}.is-style-nfd-heading-highlight .nfd-heading-highlight__text{--hl-color:var(--nfd-heading-border,#ffeb3b);--hl-height:var(--nfd-heading-border-size,12px);box-decoration-break:clone!important;-webkit-box-decoration-break:clone!important;position:relative!important;text-decoration:none!important;z-index:1!important}.is-style-nfd-heading-highlight[style*="--nfd-heading-border-style: solid"] .nfd-heading-highlight__text,.is-style-nfd-heading-highlight[style*="--nfd-heading-border-style:solid"] .nfd-heading-highlight__text{background-image:linear-gradient(var(--hl-color),var(--hl-color))!important;background-position:left 100%!important;background-repeat:no-repeat!important;background-size:100% var(--hl-height)!important}.is-style-nfd-heading-highlight[style*="--nfd-heading-border-style: dashed"] .nfd-heading-highlight__text:after,.is-style-nfd-heading-highlight[style*="--nfd-heading-border-style: dotted"] .nfd-heading-highlight__text:after,.is-style-nfd-heading-highlight[style*="--nfd-heading-border-style:dashed"] .nfd-heading-highlight__text:after,.is-style-nfd-heading-highlight[style*="--nfd-heading-border-style:dotted"] .nfd-heading-highlight__text:after{bottom:0!important;content:""!important;height:var(--hl-height)!important;left:0!important;pointer-events:none!important;position:absolute!important;right:0!important;z-index:-1!important}.is-style-nfd-heading-highlight[style*="--nfd-heading-border-style: dotted"] .nfd-heading-highlight__text:after,.is-style-nfd-heading-highlight[style*="--nfd-heading-border-style:dotted"] .nfd-heading-highlight__text:after{background:radial-gradient(circle,var(--hl-color) 60%,transparent 61%) 0 100% /calc(var(--hl-height)*1.2) var(--hl-height) repeat-x!important}.is-style-nfd-heading-highlight[style*="--nfd-heading-border-style: dashed"] .nfd-heading-highlight__text:after,.is-style-nfd-heading-highlight[style*="--nfd-heading-border-style:dashed"] .nfd-heading-highlight__text:after{background:repeating-linear-gradient(to right,var(--hl-color) 0 calc(var(--hl-height)*1.4),transparent calc(var(--hl-height)*1.4) calc(var(--hl-height)*2.2)) 0 100% /100% var(--hl-height) no-repeat!important}.is-style-nfd-heading-underline.wp-block-heading{text-decoration-color:var(--nfd-heading-border,#e8d833)!important;text-decoration-line:underline!important;text-decoration-thickness:var(--nfd-heading-border-size,3px)!important;text-underline-offset:.25em!important}.is-style-nfd-heading-underline.wp-block-heading[style*="--nfd-heading-border-style: solid"],.is-style-nfd-heading-underline.wp-block-heading[style*="--nfd-heading-border-style:solid"]{text-decoration-style:solid!important}.is-style-nfd-heading-underline.wp-block-heading[style*="--nfd-heading-border-style: dashed"],.is-style-nfd-heading-underline.wp-block-heading[style*="--nfd-heading-border-style:dashed"]{text-decoration-style:dashed!important}.is-style-nfd-heading-underline.wp-block-heading[style*="--nfd-heading-border-style: dotted"],.is-style-nfd-heading-underline.wp-block-heading[style*="--nfd-heading-border-style:dotted"]{text-decoration-style:dotted!important}.nfd-mask-fade-to-b>.wp-block-cover__background{-webkit-mask-image:linear-gradient(180deg,transparent 50%,#000 120%)!important;mask-image:linear-gradient(180deg,transparent 50%,#000 120%)!important}.nfd-mask-radial-center>.wp-block-cover__background{-webkit-mask-image:radial-gradient(circle,transparent -40%,rgba(0,0,0,.9) 58%)!important;mask-image:radial-gradient(circle,transparent -40%,rgba(0,0,0,.9) 58%)!important}p[style*=text-decoration]>a{color:inherit!important;text-decoration:inherit!important}.is-style-dots.nfd-text-left:before{padding-left:0!important}.nfd-h-full,.nfd-h-full>.components-resizable-box__container>img,.nfd-h-full>img{height:100%!important}.nfd-w-full,.nfd-w-full>.components-resizable-box__container>img,.nfd-w-full>img{width:100%!important}.nfd-backdrop-blur-sm{backdrop-filter:blur(4px)!important}.nfd-backdrop-blur-md{backdrop-filter:blur(8px)!important}:not(.editor-styles-wrapper) header:has(.nfd-absolute-header){position:sticky!important;top:0!important;z-index:1!important}.nfd-absolute-header:not([style*=margin]){margin:0!important}:not(.editor-styles-wrapper) .nfd-absolute-header:not([style*=padding]):not([class*=nfd-px-]):not([style*=padding]){padding-inline:var(--wndb--p)!important}body:not(.editor-styles-wrapper) .wp-site-blocks .nfd-transparent-header,body:not(.editor-styles-wrapper) .wp-site-blocks header:has(>:first-child.nfd-transparent-header){min-width:100%!important;position:absolute!important;z-index:1!important}body:not(.editor-styles-wrapper) .nfd-transparent-header{background-color:transparent!important}.editor-styles-wrapper .nfd-transparent-header{background-color:rgba(0,0,0,.2)!important}.wp-site-blocks .nfd-transparent-header+:not([style*=margin]),.wp-site-blocks>header:has(>:first-child.nfd-transparent-header)+:not([style*=margin]){margin-top:0!important}:is([style*="min-height:100vh"]){min-height:calc(100vh - var(--wp-admin--admin-bar--height))!important}@supports (height:100dvh){:is([style*="height:100vh"]){min-height:calc(100dvh - var(--wp-admin--admin-bar--height, 0px))!important}}.nfd-wk-search .wp-block-search__input{font-size:inherit!important;min-height:50px!important;padding:8px 16px!important}:where(.wp-block-search__input){border-radius:var(--wndb--border--radius--sm)!important}.nfd-stretch-cover-child,.nfd-stretch-cover-child .wp-block-cover__inner-container{display:flex!important;flex-direction:column!important}.nfd-stretch-cover-child .wp-block-cover__inner-container,.nfd-stretch-cover-child .wp-block-cover__inner-container>.nfd-pseudo-play-icon,.nfd-stretch-cover-child .wp-block-cover__inner-container>.wp-block-group{align-items:inherit!important;flex-grow:1!important;justify-content:inherit!important}.nfd-stretch-cover-child .wp-block-cover__inner-container>.wp-block-group,.nfd-stretch-cover-child .wp-block-cover__inner-container>p{width:100%!important}.nfd-container summary{line-height:1.5!important;padding-right:32px!important;position:relative!important}.nfd-container summary::marker{content:none!important}.nfd-container summary:before{align-items:center!important;background-color:var(--wndb--color--borders)!important;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1wbHVzIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik01IDEyaDE0TTEyIDV2MTQiLz48L3N2Zz4=")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:13px!important;border-radius:999px!important;content:""!important;display:flex!important;height:1em!important;justify-content:center!important;opacity:.6!important;position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:1em!important}.nfd-container [open] summary{font-weight:700!important}.nfd-container [open] summary:before{opacity:1!important;transform:translateY(-50%) rotate(45deg)!important}.nfd-container summary:hover:before{opacity:1!important}.is-style-wide.wp-block-separator{width:100%!important}.nfd-aspect-video{aspect-ratio:16/9!important}.nfd-img-object-left img{-o-object-position:left!important;object-position:left!important}.nfd-img-object-right img{-o-object-position:right!important;object-position:right!important}.editor-styles-wrapper .wp-block-image.nfd-h-full>div{aspect-ratio:unset!important;height:100%!important;max-height:unset!important}.nfd-img-floating-photo{border:10px solid #fff!important;border-radius:8px!important;box-shadow:6px 6px 20px rgba(0,0,0,.2)!important;transform:rotate(5deg)!important}.nfd-yoast-toc ul li{list-style-type:disc!important}.nfd-yoast-toc{line-height:1.5!important}[class*=is-style-nfd-dots],[class*=is-style-nfd-waves]{padding-block:var(--wndb--p--sm)!important;position:relative!important}[class*=is-style-nfd-waves]{padding-block:var(--wndb--p--md)!important}.is-style-nfd-dots-bottom-right,.is-style-nfd-dots-top-right{padding-inline-end:var(--wndb--p--sm)!important}.is-style-nfd-dots-bottom-left,.is-style-nfd-dots-top-left{padding-inline-start:var(--wndb--p--sm)!important}.is-style-nfd-waves-bottom-right,.is-style-nfd-waves-top-right{padding-inline-end:var(--wndb--p--md)!important;padding-inline-start:var(--wndb--p--xs)!important}.is-style-nfd-waves-bottom-left,.is-style-nfd-waves-top-left{padding-inline-end:var(--wndb--p--xs)!important;padding-inline-start:var(--wndb--p--md)!important}[class*=is-style-nfd-dots]>img[class^=wp-image-],[class*=is-style-nfd-waves]>img[class^=wp-image-]{position:relative!important}[class*=is-style-nfd-dots]:before{background-image:radial-gradient(var(--wndb--color--primary) 2px,transparent 2px)!important;background-size:16px 16px!important;height:106px!important;opacity:1!important;width:106px!important}[class*=is-style-nfd-dots]:before,[class*=is-style-nfd-waves]:before{content:""!important;display:block!important;position:absolute!important}[class*=is-style-nfd-waves]:before{--wndb--wave-width:380px;--wndb--wave-spacing:16px;--wndb--wave-thickness:8px;--wndb--wave-curve:0.85;background:color-mix(in srgb,var(--wndb--color--tertiary) 60%,#fff)!important;width:var(--wndb--wave-width)!important;z-index:1!important;--wndb--wave-radius:calc(var(--wndb--wave-spacing)*sqrt(var(--wndb--wave-curve) * var(--wndb--wave-curve) + 1) + var(--wndb--wave-thickness)/2);--wndb--wave-height:calc(var(--wndb--wave-spacing) + var(--wndb--wave-thickness));--wndb--wave-gap:14px;height:calc(var(--wndb--wave-height)*3 + var(--wndb--wave-gap)*2)!important;--wndb--y1:0px;--wndb--y2:calc(var(--wndb--wave-height) + var(--wndb--wave-gap));--wndb--y3:calc((var(--wndb--wave-height) + var(--wndb--wave-gap))*2);--wndb--wave-gradient:#0000 calc(99% - var(--wndb--wave-thickness)),#000 calc(101% - var(--wndb--wave-thickness)) 99%,#0000 101%;--wndb--mask-stripe-1-top:radial-gradient(var(--wndb--wave-radius) at left 50% top calc(var(--wndb--wave-curve)*-1*var(--wndb--wave-spacing)),var(--wndb--wave-gradient)) 50% calc(var(--wndb--y1) + var(--wndb--wave-spacing)/2 + var(--wndb--wave-thickness)/2) /calc(var(--wndb--wave-spacing)*4) calc(var(--wndb--wave-spacing) + var(--wndb--wave-thickness)) repeat-x;--wndb--mask-stripe-1-bottom:radial-gradient(var(--wndb--wave-radius) at left 50% bottom calc(var(--wndb--wave-curve)*-1*var(--wndb--wave-spacing)),var(--wndb--wave-gradient)) calc(50% - var(--wndb--wave-spacing)*2) calc(var(--wndb--y1) - var(--wndb--wave-spacing)/2 - var(--wndb--wave-thickness)/2) /calc(var(--wndb--wave-spacing)*4) calc(var(--wndb--wave-spacing) + var(--wndb--wave-thickness)) repeat-x;--wndb--mask-stripe-2-top:radial-gradient(var(--wndb--wave-radius) at left 50% top calc(var(--wndb--wave-curve)*-1*var(--wndb--wave-spacing)),var(--wndb--wave-gradient)) 50% calc(var(--wndb--y2) + var(--wndb--wave-spacing)/2 + var(--wndb--wave-thickness)/2) /calc(var(--wndb--wave-spacing)*4) calc(var(--wndb--wave-spacing) + var(--wndb--wave-thickness)) repeat-x;--wndb--mask-stripe-2-bottom:radial-gradient(var(--wndb--wave-radius) at left 50% bottom calc(var(--wndb--wave-curve)*-1*var(--wndb--wave-spacing)),var(--wndb--wave-gradient)) calc(50% - var(--wndb--wave-spacing)*2) calc(var(--wndb--y2) - var(--wndb--wave-spacing)/2 - var(--wndb--wave-thickness)/2) /calc(var(--wndb--wave-spacing)*4) calc(var(--wndb--wave-spacing) + var(--wndb--wave-thickness)) repeat-x;--wndb--mask-stripe-3-top:radial-gradient(var(--wndb--wave-radius) at left 50% top calc(var(--wndb--wave-curve)*-1*var(--wndb--wave-spacing)),var(--wndb--wave-gradient)) 50% calc(var(--wndb--y3) + var(--wndb--wave-spacing)/2 + var(--wndb--wave-thickness)/2) /calc(var(--wndb--wave-spacing)*4) calc(var(--wndb--wave-spacing) + var(--wndb--wave-thickness)) repeat-x;--wndb--mask-stripe-3-bottom:radial-gradient(var(--wndb--wave-radius) at left 50% bottom calc(var(--wndb--wave-curve)*-1*var(--wndb--wave-spacing)),var(--wndb--wave-gradient)) calc(50% - var(--wndb--wave-spacing)*2) calc(var(--wndb--y3) - var(--wndb--wave-spacing)/2 - var(--wndb--wave-thickness)/2) /calc(var(--wndb--wave-spacing)*4) calc(var(--wndb--wave-spacing) + var(--wndb--wave-thickness)) repeat-x;mask:var(--wndb--mask-stripe-1-bottom),var(--wndb--mask-stripe-1-top),var(--wndb--mask-stripe-2-bottom),var(--wndb--mask-stripe-2-top),var(--wndb--mask-stripe-3-bottom),var(--wndb--mask-stripe-3-top)!important;-webkit-mask:var(--wndb--mask-stripe-1-bottom),var(--wndb--mask-stripe-1-top),var(--wndb--mask-stripe-2-bottom),var(--wndb--mask-stripe-2-top),var(--wndb--mask-stripe-3-bottom),var(--wndb--mask-stripe-3-top)!important;mask-repeat:repeat-x!important;-webkit-mask-repeat:repeat-x!important}.is-style-nfd-dots-bottom-right:before,.is-style-nfd-waves-bottom-right:before{bottom:0!important;right:0!important}.is-style-nfd-dots-bottom-left:before,.is-style-nfd-waves-bottom-left:before{bottom:0!important;left:0!important}.is-style-nfd-dots-top-left:before,.is-style-nfd-waves-top-left:before{left:0!important;top:0!important}.is-style-nfd-dots-top-right:before,.is-style-nfd-waves-top-right:before{right:0!important;top:0!important}.nfd-hover-settings .components-heading{width:100%!important}.nfd-hoverable{transition:color .15s ease,background-color .15s ease,text-decoration-color .15s ease!important}.nfd-hoverable.nfd-hover-text:hover{color:var(--nfd-hover-text)!important}.nfd-hoverable.nfd-hover-bg:hover{background-color:var(--nfd-hover-bg)!important}@media (max-width:782px){.md\:nfd-order-2{order:2!important}.md\:nfd-my-0:not([style*=margin]){margin-bottom:0!important;margin-top:0!important}.md\:nfd-flex{display:flex!important}.md\:nfd-hidden{display:none!important}.md\:nfd-basis-full{flex-basis:100%!important}.md\:nfd-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.md\:nfd-flex-col{flex-direction:column!important}.md\:nfd-flex-wrap{flex-wrap:wrap!important}.md\:nfd-items-start{align-items:flex-start!important}.md\:nfd-justify-start{justify-content:flex-start!important}.md\:nfd-justify-end{justify-content:flex-end!important}.md\:nfd-justify-center{justify-content:center!important}.md\:nfd-gap-0{gap:0!important}.md\:nfd-gap-4{gap:1rem!important}.md\:nfd-gap-5{gap:1.25rem!important}.md\:nfd-gap-8{gap:2rem!important}.md\:nfd-self-start{align-self:flex-start!important}.md\:nfd-rounded-lg:not([style*=-radius]){border-radius:.5rem!important}.md\:nfd-border-none{border-style:none!important}.md\:nfd-p-0:not([style*=padding]){padding:0!important}.md\:nfd-p-4:not([style*=padding]){padding:1rem!important}.md\:nfd-px-0:not([style*=padding]){padding-left:0!important;padding-right:0!important}.md\:nfd-py-0:not([style*=padding]){padding-bottom:0!important;padding-top:0!important}.md\:nfd-text-left{text-align:left!important}.md\:nfd-text-center{text-align:center!important}}
/*# sourceURL=nfd-wonder-blocks-utilities-inline-css */
</style>
<link rel='stylesheet' id='elementor-icons-shared-0-css' href='http://villas-in-morocco.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-regular-css' href='http://villas-in-morocco.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/regular.min.css?ver=5.15.3' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-solid-css' href='http://villas-in-morocco.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-brands-css' href='http://villas-in-morocco.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=5.15.3' type='text/css' media='all' />
<link rel='stylesheet' id='sweetalert2-css' href='http://villas-in-morocco.com/wp-content/plugins/myhome-core/assets/css/sweetalert2.min.css?ver=11.0.12' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='http://villas-in-morocco.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.34.2' type='text/css' media='all' />
<style id='elementor-frontend-inline-css' type='text/css'>
.elementor-kit-5417{--e-global-color-lprimary1:#30A1F3;--e-global-color-lprimary2:#F6D23D;--e-global-color-lcolor1:#2A3741;--e-global-color-lcolor2:#5A656F;--e-global-color-lcolor3:#E2E5E7;--e-global-color-lcolor4:#F7F8FA;--e-global-color-lcolor5:#FDFDFE;--e-global-color-lsectionbg:#F7F8FA;--e-global-color-lsectionbg2:#EEF1F3;--e-global-color-095bf74:#67747E;--e-global-color-e582d85:#313F4B;--e-global-color-d0db4b0:#FF5D5D;--e-global-typography-lheading1-font-family:"Roboto Condensed";--e-global-typography-lheading1-font-size:48px;--e-global-typography-lheading1-font-weight:700;--e-global-typography-lheading1-text-transform:none;--e-global-typography-lheading1-line-height:1.3em;--e-global-typography-lheading1-letter-spacing:0em;--e-global-typography-lheading1-word-spacing:0px;--e-global-typography-lheading2-font-family:"Roboto Condensed";--e-global-typography-lheading2-font-size:36px;--e-global-typography-lheading2-font-weight:500;--e-global-typography-lheading2-text-transform:none;--e-global-typography-lheading2-line-height:1.3em;--e-global-typography-lheading2-letter-spacing:0em;--e-global-typography-lheading3-font-family:"Roboto Condensed";--e-global-typography-lheading3-font-size:30px;--e-global-typography-lheading3-font-weight:600;--e-global-typography-lheading3-line-height:1.3em;--e-global-typography-lheading3-letter-spacing:0em;--e-global-typography-lheading4-font-family:"Roboto Condensed";--e-global-typography-lheading4-font-size:24px;--e-global-typography-lheading4-font-weight:600;--e-global-typography-lheading4-line-height:1.3em;--e-global-typography-lheading4-letter-spacing:0px;--e-global-typography-lheading5-font-family:"Roboto Condensed";--e-global-typography-lheading5-font-size:20px;--e-global-typography-lheading5-font-weight:600;--e-global-typography-lheading5-line-height:1.3em;--e-global-typography-lheading5-letter-spacing:0px;--e-global-typography-lheading6-font-family:"Roboto Condensed";--e-global-typography-lheading6-font-size:18px;--e-global-typography-lheading6-font-weight:500;--e-global-typography-lheading6-line-height:1.3em;--e-global-typography-lheading6-letter-spacing:0px;--e-global-typography-llabel-font-family:"Roboto";--e-global-typography-llabel-font-size:16px;--e-global-typography-llabel-font-weight:500;--e-global-typography-llabel-line-height:16px;--e-global-typography-llabel-letter-spacing:0px;--e-global-typography-ltext1-font-family:"Roboto";--e-global-typography-ltext1-font-size:16px;--e-global-typography-ltext1-font-weight:400;--e-global-typography-ltext1-line-height:29px;--e-global-typography-ltext1-letter-spacing:0px;--e-global-typography-ltext1bold-font-family:"Roboto";--e-global-typography-ltext1bold-font-size:16px;--e-global-typography-ltext1bold-font-weight:500;--e-global-typography-ltext1bold-line-height:29px;--e-global-typography-ltext1bold-letter-spacing:0px;--e-global-typography-ltext1large-font-family:"Roboto";--e-global-typography-ltext1large-font-size:22px;--e-global-typography-ltext1large-font-weight:300;--e-global-typography-ltext1large-line-height:32px;--e-global-typography-ltext1large-letter-spacing:0px;--e-global-typography-ltext2-font-family:"Roboto";--e-global-typography-ltext2-font-size:14px;--e-global-typography-ltext2-font-weight:400;--e-global-typography-ltext2-line-height:24px;--e-global-typography-ltext2-letter-spacing:0px;--e-global-typography-ltext2bold-font-family:"Roboto";--e-global-typography-ltext2bold-font-size:14px;--e-global-typography-ltext2bold-font-weight:600;--e-global-typography-ltext2bold-line-height:29px;--e-global-typography-ltext2bold-letter-spacing:0px;--e-global-lborder-radius:0px;--e-global-lborder-radius-large:0px;--e-global-shadow:27px 6px 20px 29px rgba(130.0031134215501, 28.611739130434785, 166.6, 0.83);--e-global-shadow-filter:drop-shadow(27px 6px 20px rgba(130.0031134215501, 28.611739130434785, 166.6, 0.83));}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5417 .myhome-input__clear{border-radius:0px;}.elementor-kit-5417 .myhome-select__clear{border-radius:0px;}.elementor-kit-5417 .myhome-select__arrow{border-radius:0px;}.elementor-kit-5417 .myhome-autocomplete-input__clear{border-radius:0px;}.elementor-kit-5417 .myhome-heading__small-text{color:var( --e-global-color-095bf74 );}.elementor-kit-5417 .myhome-button--primary-1, .elementor-kit-5417 .myhome-button-primary-1-selector, .elementor-kit-5417 .myhome-button--secondary, .elementor-kit-5417 .myhome-button--regular, .elementor-kit-5417 .myhome-button-border-radius-selector{font-weight:500;}.elementor-kit-5417 .myhome-box-arrow:not(.myhome-box-arrow--disabled) path{fill:var( --e-global-color-e582d85 );}.elementor-kit-5417 .myhome-box-arrow:not(.myhome-box-arrow--disabled){background-color:var( --e-global-color-lprimary2 );}.elementor-kit-5417 .myhome-listing-card-featured-label-selector{color:var( --e-global-color-lcolor1 );background-color:var( --e-global-color-lprimary2 );}.elementor-kit-5417 .myhome-listing-card-additional-attribute__icon path{fill:var( --e-global-color-d0db4b0 );}.elementor-kit-5417 .myhome-listing-row__description{-webkit-line-clamp:2;}.elementor-kit-5417 .myhome-quick-view__address-icon path{fill:var( --e-global-color-d0db4b0 );}.elementor-kit-5417 .myhome-quick-view .myhome-button{color:var( --e-global-color-lcolor1 );background-color:var( --e-global-color-lprimary2 );}.elementor-kit-5417 .myhome-blog-post-card-v4__meta-value{color:var( --e-global-color-lcolor2 );}.elementor-kit-5417 .myhome-blog-post-card-v5__meta-value{color:var( --e-global-color-lcolor2 );}.elementor-kit-5417 .myhome-blog-post-mini-card__meta-value{color:var( --e-global-color-lcolor2 );}.elementor-kit-5417 .myhome-blog-post-card-v4__icon path{fill:var( --e-global-color-d0db4b0 );}.elementor-kit-5417 .myhome-blog-post-card-v5__icon path{fill:var( --e-global-color-d0db4b0 );}.elementor-kit-5417 .myhome-blog-post-mini-card__icon path{fill:var( --e-global-color-d0db4b0 );}.elementor-kit-5417 .myhome-pagination__item:not(.myhome-pagination__item--active){background:var( --e-global-color-lcolor3 );}@media(max-width:1024px){.elementor-kit-5417{--e-global-typography-lheading1-letter-spacing:-2px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5417{--e-global-typography-lheading1-font-size:48px;--e-global-typography-lheading1-line-height:48px;--e-global-typography-lheading2-letter-spacing:-1px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/*# sourceURL=elementor-frontend-inline-css */
</style>
<link rel='stylesheet' id='myhome-css' href='http://villas-in-morocco.com/wp-content/themes/myhome/style.css?ver=4.0.8' type='text/css' media='all' />
<style id='myhome-inline-css' type='text/css'>
        :root {
        --e-global-color-lprimary1: #30A1F3;
        --e-global-color-lprimary2: #F6D23D;
        --e-global-color-lcolor1: #2A3741;
        --e-global-color-lcolor2: #5A656F;
        --e-global-color-lcolor3: #E2E5E7;
        --e-global-color-lcolor4: #F7F8FA;
        --e-global-color-lcolor5: #FDFDFE;
        }
                    .myhome-mini-listing-carousel-card__image img {
            aspect-ratio: 360 / 240;
            }

            .myhome-listing-card-v3__gallery img {
            aspect-ratio: 360 / 240;
            }

            .myhome-listing-card__gallery img {
            aspect-ratio: 360 / 240;
            }

            .myhome-skeleton-listing-card-v3__gallery img {
            aspect-ratio: 360 / 240;
            }

            .myhome-skeleton-listing-card__gallery img {
            aspect-ratio: 360 / 240;
            }

            .myhome-listing-card-row__gallery img {
            aspect-ratio: 360 / 240;
            }

            .myhome-listing-row__gallery img {
            aspect-ratio: 360 / 240;
            }

            .myhome-skeleton-listing-row__gallery img {
            aspect-ratio: 360 / 240;
            }

            .myhome-skeleton-listing-row__gallery img {
            aspect-ratio: 360 / 240;
            }

            @media (max-width: 1024px) {
            .myhome-listing-card-row__gallery img {
            aspect-ratio: 360 / 240;
            }
            }

            @media (max-width: 1024px) {
            .myhome-listing-row__gallery img {
            aspect-ratio: 360 / 240;
            }
            }

            @media (max-width: 1024px) {
            .myhome-skeleton-listing-row__gallery img {
            aspect-ratio: 360 / 240;
            }
            }

            @media (max-width: 1024px) {
            .myhome-skeleton-listing-row__gallery img {
            aspect-ratio: 360 / 240;
            }
            }
                        .myhome-blog-post-card-v5__image img {
            aspect-ratio: 360 / 240;
            }

            @media (max-width: 1024px) {
            .myhome-blog-post-card-v4__image img {
            aspect-ratio: 360 / 240;
            }
            }
                            .myhome-phone-with-country-code select {
                font-family: "Twemoji Country Flags", "Roboto";
                }
                
/*# sourceURL=myhome-inline-css */
</style>
<link rel='stylesheet' id='dropzone-css' href='http://villas-in-morocco.com/wp-content/plugins/myhome-core/framework/assets/css/dropzone.min.css?ver=6.9' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-gf-robotocondensed-css' href='https://fonts.googleapis.com/css?family=Roboto+Condensed:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=swap' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-gf-roboto-css' href='https://fonts.googleapis.com/css?family=Roboto:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=swap' type='text/css' media='all' />
<script type="text/javascript" src="http://villas-in-morocco.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" id="nfd-wonder-blocks-utilities-js-after">
/* <![CDATA[ */
(()=>{var l=class{constructor({clientId:e,...n}={}){this.options={activeClass:"nfd-wb-animated-in",root:null,rootMargin:"0px",threshold:0,...n}}observeElements(e,n=null,t=!1){if(!("IntersectionObserver"in window)||!e?.length||document.documentElement.classList.contains("block-editor-block-preview__content-iframe"))return;function o(c,s){this._mutationCallback(c,s,n)}let i=new IntersectionObserver(this._handleIntersection.bind(this),this.options),r=new MutationObserver(o.bind(this)),b=new MutationObserver(this._handleClassMutation.bind(this));e.forEach(c=>{let s=c;c.classList.contains("nfd-wb-reveal-right")&&(s=c.parentElement),i.observe(s),t&&(b.observe(s,{attributes:!0,attributeFilter:["class"]}),r.observe(s,{attributes:!0,attributeFilter:["class"]}))})}_handleIntersection(e,n){e.forEach(t=>{t.isIntersecting&&(t.target.classList.add(this.options.activeClass),t.target.querySelectorAll(".nfd-wb-animate").forEach(o=>{o.classList.add(this.options.activeClass)}),n.unobserve(t.target))})}_handleClassMutation(e){e.forEach(n=>{if(n?.type==="attributes"){let t=n.target;t.classList.contains("nfd-wb-animated-in")||t.classList.add("nfd-wb-animated-in")}})}_mutationCallback(e,n,t=null){e.forEach(o=>{if(o?.type==="attributes"){let i=o.target;t&&t===i.getAttribute("data-block")&&(i.getAttribute("data-replay-animation")===null&&(i.setAttribute("data-replay-animation",!0),requestAnimationFrame(()=>{i.removeAttribute("data-replay-animation")})),n.disconnect())}})}};document.addEventListener("DOMContentLoaded",()=>{d()});document.addEventListener("wonder-blocks/toolbar-button-added",()=>{d()});document.addEventListener("wonder-blocks/animation-changed",a=>{let e=a?.detail?.clientId;d(e)});document.addEventListener("wonder-blocks/block-order-changed",()=>{d()});window.onload=function(){d()};function d(a=null){let e=document.body?.classList.contains("block-editor-page")||!!a||document.body?.classList.contains("block-editor-iframe__body"),n=e?document.querySelector(".interface-interface-skeleton__content"):null,t=new l({root:n,threshold:0});requestAnimationFrame(()=>{let o=Array.from(document.getElementsByClassName("nfd-wb-animate"));t.observeElements(o,a,e)})}function u(a){(a||document).querySelectorAll(".wp-block-group.nfd-is-linked-group:not(.group-linked), .wp-block-cover.nfd-is-linked-group:not(.group-linked)").forEach(t=>{var o=t.getAttribute("data-link-url")||t.dataset.linkUrl;if(!o||!t.parentNode)return;let i=o.trim();o=/^(https?:)\/\//i.test(i)?i:"http://"+i;let r=document.createElement("a");r.href=o,(t.getAttribute("data-link-blank")==="1"||t.dataset.linkBlank==="1")&&(r.target="_blank",r.rel="noopener"),t.classList.add("group-linked"),[...t.attributes].map(({name:c,value:s})=>{r.setAttribute(c,s)}),r.innerHTML=t.innerHTML,t.parentNode.replaceChild(r,t)}),p()}function p(){document.addEventListener("click",a=>{a.target.closest(".block-editor-page .wp-block-group.nfd-is-linked-group, .block-editor-page .wp-block-cover.nfd-is-linked-group")&&a.preventDefault()},{capture:!0,passive:!1})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>u(document)):u(document);document.addEventListener("wonder-blocks/group-links-apply",a=>{u(a?.detail?.ctx||document)});})();

//# sourceURL=nfd-wonder-blocks-utilities-js-after
/* ]]> */
</script>
<script type="text/javascript" id="lazysizes-js-before">
/* <![CDATA[ */
        window.lazySizesConfig = window.lazySizesConfig || {};
        window.lazySizesConfig.loadMode = 1
        window.lazySizesConfig.init = 0
        
//# sourceURL=lazysizes-js-before
/* ]]> */
</script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-content/plugins/myhome-core/framework/assets/js/lazysizes.min.js?ver=5.3.2" id="lazysizes-js"></script>
<link rel="https://api.w.org/" href="https://villas-in-morocco.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://villas-in-morocco.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9" />
            <link rel="icon" href="https://villas-in-morocco.com/wp-content/uploads/2025/10/cropped-ba448b12-376a-456f-b03c-aca312469473-1.webp">
                    <link rel="canonical" href="https://villas-in-morocco.com/listings/"/>
        <meta name="generator" content="Elementor 3.34.2; features: additional_custom_breakpoints; settings: css_print_method-internal, google_font-enabled, font_display-swap">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://villas-in-morocco.com/wp-content/uploads/2025/10/cropped-ba448b12-376a-456f-b03c-aca312469473-1-32x32.webp" sizes="32x32" />
<link rel="icon" href="https://villas-in-morocco.com/wp-content/uploads/2025/10/cropped-ba448b12-376a-456f-b03c-aca312469473-1-192x192.webp" sizes="192x192" />
<link rel="apple-touch-icon" href="https://villas-in-morocco.com/wp-content/uploads/2025/10/cropped-ba448b12-376a-456f-b03c-aca312469473-1-180x180.webp" />
<meta name="msapplication-TileImage" content="https://villas-in-morocco.com/wp-content/uploads/2025/10/cropped-ba448b12-376a-456f-b03c-aca312469473-1-270x270.webp" />
    </head>
<body class="archive post-type-archive post-type-archive-myhome_listing wp-theme-myhome myhome-4.0.8 elementor-default elementor-kit-5417">

<style id="elementor-post-6062">.elementor-6062 .elementor-element.elementor-element-c0de6d0{border-style:solid;z-index:9999;}.elementor-6062 .elementor-element.elementor-element-b3cf54e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6062 .elementor-element.elementor-element-c4044f1 .myhome-menu{height:90px;}.elementor-6062 .elementor-element.elementor-element-c4044f1 .myhome-menu .myhome-menu__items > .myhome-menu__item > a {height:90px;}.elementor-6062 .elementor-element.elementor-element-c4044f1 .myhome-menu .myhome-menu__account{height:90px;}.myhome-menu-sticky .myhome-menu-sticky-holder{height:90px;}.elementor-6062 .elementor-element.elementor-element-c4044f1 .myhome-menu__logo{height:45px;}.elementor-6062 .elementor-element.elementor-element-c4044f1 .myhome-menu__submenu .myhome-menu__item:hover > a{background-color:#E2E5E750;}.elementor-6062 .elementor-element.elementor-element-b09cb61{--spacer-size:50px;}.elementor-6062 .elementor-element.elementor-element-1d345df7:not(.elementor-motion-effects-element-type-background), .elementor-6062 .elementor-element.elementor-element-1d345df7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lcolor1 );}.elementor-6062 .elementor-element.elementor-element-1d345df7 > .elementor-container{max-width:1240px;}.elementor-6062 .elementor-element.elementor-element-1d345df7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:90px 30px 90px 30px;}.elementor-6062 .elementor-element.elementor-element-1d345df7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6062 .elementor-element.elementor-element-ffcb2e1 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6062 .elementor-element.elementor-element-ffcb2e1 > .elementor-element-populated{padding:0px 90px 0px 0px;}.elementor-6062 .elementor-element.elementor-element-36ecfa2 .myhome-image-wrapper{height:45px;}.elementor-6062 .elementor-element.elementor-element-40cd168{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;color:var( --e-global-color-lcolor3 );}.elementor-6062 .elementor-element.elementor-element-1311ec47{--spacer-size:20px;}.elementor-6062 .elementor-element.elementor-element-3f5605c .myhome-small-data__icon{display:block;}.elementor-6062 .elementor-element.elementor-element-3f5605c .myhome-phone-wrapper{text-align:left;}.elementor-6062 .elementor-element.elementor-element-3f5605c .myhome-phone:hover{color:var( --e-global-color-lprimary1 );}.elementor-6062 .elementor-element.elementor-element-5514e3c{--spacer-size:10px;}.elementor-6062 .elementor-element.elementor-element-85881e4 .myhome-small-data__icon{display:block;}.elementor-6062 .elementor-element.elementor-element-85881e4 .myhome-address{text-align:left;}.elementor-6062 .elementor-element.elementor-element-2d0239e{--spacer-size:10px;}.elementor-6062 .elementor-element.elementor-element-de6cc3b .myhome-small-data__icon{display:block;}.elementor-6062 .elementor-element.elementor-element-de6cc3b .myhome-email-wrapper{text-align:left;}.elementor-6062 .elementor-element.elementor-element-de6cc3b .myhome-email:hover{color:var( --e-global-color-lprimary1 );}.elementor-6062 .elementor-element.elementor-element-f553c41 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6062 .elementor-element.elementor-element-f553c41 > .elementor-element-populated{margin:0px 25px 0px 0px;--e-column-margin-right:25px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6062 .elementor-element.elementor-element-5120151d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-6062 .elementor-element.elementor-element-5120151d .elementor-heading-title{font-family:var( --e-global-typography-lheading6-font-family ), Sans-serif;font-size:var( --e-global-typography-lheading6-font-size );font-weight:var( --e-global-typography-lheading6-font-weight );line-height:var( --e-global-typography-lheading6-line-height );letter-spacing:var( --e-global-typography-lheading6-letter-spacing );word-spacing:var( --e-global-typography-lheading6-word-spacing );color:var( --e-global-color-lcolor5 );}.elementor-6062 .elementor-element.elementor-element-5f43b4e9 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6062 .elementor-element.elementor-element-5f43b4e9 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6062 .elementor-element.elementor-element-5c482aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-6062 .elementor-element.elementor-element-5c482aa .elementor-heading-title{font-family:var( --e-global-typography-lheading6-font-family ), Sans-serif;font-size:var( --e-global-typography-lheading6-font-size );font-weight:var( --e-global-typography-lheading6-font-weight );line-height:var( --e-global-typography-lheading6-line-height );letter-spacing:var( --e-global-typography-lheading6-letter-spacing );word-spacing:var( --e-global-typography-lheading6-word-spacing );color:var( --e-global-color-lcolor5 );}.elementor-6062 .elementor-element.elementor-element-2e0a5a9{width:initial;max-width:initial;}.elementor-6062 .elementor-element.elementor-element-b85c86a.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-6062 .elementor-element.elementor-element-b85c86a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6062 .elementor-element.elementor-element-b85c86a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6062 .elementor-element.elementor-element-7380beb1{width:var( --container-widget-width, 262px );max-width:262px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;--container-widget-width:262px;--container-widget-flex-grow:0;}.elementor-6062 .elementor-element.elementor-element-7380beb1 .elementor-heading-title{font-family:var( --e-global-typography-lheading6-font-family ), Sans-serif;font-size:var( --e-global-typography-lheading6-font-size );font-weight:var( --e-global-typography-lheading6-font-weight );line-height:var( --e-global-typography-lheading6-line-height );letter-spacing:var( --e-global-typography-lheading6-letter-spacing );word-spacing:var( --e-global-typography-lheading6-word-spacing );color:var( --e-global-color-lcolor5 );}.elementor-6062 .elementor-element.elementor-element-5008779{width:var( --container-widget-width, 262px );max-width:262px;--container-widget-width:262px;--container-widget-flex-grow:0;}.elementor-6062 .elementor-element.elementor-element-5008779 .myhome-social-icon:hover i{color:var( --e-global-color-lprimary1 );}.elementor-6062 .elementor-element.elementor-element-5008779 .myhome-social-icon:hover svg path{fill:var( --e-global-color-lprimary1 );}.elementor-6062 .elementor-element.elementor-element-5008779 .myhome-social-icon:hover{border-color:var( --e-global-color-lprimary1 );}.elementor-6062 .elementor-element.elementor-element-abef5e3:not(.elementor-motion-effects-element-type-background), .elementor-6062 .elementor-element.elementor-element-abef5e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lcolor1 );}.elementor-6062 .elementor-element.elementor-element-abef5e3 > .elementor-background-overlay{background-color:#00000066;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6062 .elementor-element.elementor-element-abef5e3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6062 .elementor-element.elementor-element-c14ea3d .myhome-copyrights__container{color:var( --e-global-color-095bf74 );}@media(max-width:1024px){.elementor-6062 .elementor-element.elementor-element-1d345df7 > .elementor-container{max-width:900px;}.elementor-6062 .elementor-element.elementor-element-1d345df7{padding:90px 15px 90px 15px;}.elementor-6062 .elementor-element.elementor-element-ffcb2e1.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6062 .elementor-element.elementor-element-ffcb2e1 > .elementor-element-populated{padding:0px 30px 0px 15px;}.elementor-6062 .elementor-element.elementor-element-36ecfa2{width:auto;max-width:auto;}.elementor-6062 .elementor-element.elementor-element-40cd168{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;text-align:center;}.elementor-6062 .elementor-element.elementor-element-3f5605c .myhome-small-data__icon{display:none;}.elementor-6062 .elementor-element.elementor-element-3f5605c .myhome-phone-wrapper{text-align:center;}.elementor-6062 .elementor-element.elementor-element-85881e4 .myhome-small-data__icon{display:none;}.elementor-6062 .elementor-element.elementor-element-85881e4 .myhome-address{text-align:center;}.elementor-6062 .elementor-element.elementor-element-de6cc3b .myhome-small-data__icon{display:none;}.elementor-6062 .elementor-element.elementor-element-de6cc3b .myhome-email-wrapper{text-align:center;}.elementor-6062 .elementor-element.elementor-element-f553c41 > .elementor-element-populated{margin:70px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 30px 0px 15px;}.elementor-6062 .elementor-element.elementor-element-5120151d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;text-align:center;}.elementor-6062 .elementor-element.elementor-element-5120151d .elementor-heading-title{font-size:var( --e-global-typography-lheading6-font-size );line-height:var( --e-global-typography-lheading6-line-height );letter-spacing:var( --e-global-typography-lheading6-letter-spacing );word-spacing:var( --e-global-typography-lheading6-word-spacing );}.elementor-6062 .elementor-element.elementor-element-5f43b4e9 > .elementor-element-populated{margin:70px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 30px;}.elementor-6062 .elementor-element.elementor-element-5c482aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;text-align:center;}.elementor-6062 .elementor-element.elementor-element-5c482aa .elementor-heading-title{font-size:var( --e-global-typography-lheading6-font-size );line-height:var( --e-global-typography-lheading6-line-height );letter-spacing:var( --e-global-typography-lheading6-letter-spacing );word-spacing:var( --e-global-typography-lheading6-word-spacing );}.elementor-6062 .elementor-element.elementor-element-b85c86a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6062 .elementor-element.elementor-element-b85c86a > .elementor-element-populated{margin:90px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 30px;}.elementor-6062 .elementor-element.elementor-element-7380beb1{width:100%;max-width:100%;margin:00px 0px calc(var(--kit-widget-spacing, 0px) + 33px) 0px;text-align:center;}.elementor-6062 .elementor-element.elementor-element-7380beb1 .elementor-heading-title{font-size:var( --e-global-typography-lheading6-font-size );line-height:var( --e-global-typography-lheading6-line-height );letter-spacing:var( --e-global-typography-lheading6-letter-spacing );word-spacing:var( --e-global-typography-lheading6-word-spacing );}}@media(max-width:767px){.elementor-6062 .elementor-element.elementor-element-1d345df7{padding:60px 15px 60px 15px;}.elementor-6062 .elementor-element.elementor-element-ffcb2e1.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6062 .elementor-element.elementor-element-ffcb2e1 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-6062 .elementor-element.elementor-element-40cd168{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-6062 .elementor-element.elementor-element-1311ec47{--spacer-size:25px;}.elementor-6062 .elementor-element.elementor-element-f553c41.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6062 .elementor-element.elementor-element-f553c41 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:60px 15px 0px 15px;}.elementor-6062 .elementor-element.elementor-element-5120151d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;text-align:center;}.elementor-6062 .elementor-element.elementor-element-5120151d .elementor-heading-title{font-size:var( --e-global-typography-lheading6-font-size );line-height:var( --e-global-typography-lheading6-line-height );letter-spacing:var( --e-global-typography-lheading6-letter-spacing );word-spacing:var( --e-global-typography-lheading6-word-spacing );}.elementor-6062 .elementor-element.elementor-element-5f43b4e9.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6062 .elementor-element.elementor-element-5f43b4e9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:60px 15px 0px 15px;}.elementor-6062 .elementor-element.elementor-element-5c482aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;text-align:center;}.elementor-6062 .elementor-element.elementor-element-5c482aa .elementor-heading-title{font-size:var( --e-global-typography-lheading6-font-size );line-height:var( --e-global-typography-lheading6-line-height );letter-spacing:var( --e-global-typography-lheading6-letter-spacing );word-spacing:var( --e-global-typography-lheading6-word-spacing );}.elementor-6062 .elementor-element.elementor-element-b85c86a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6062 .elementor-element.elementor-element-b85c86a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:60px 40px 0px 40px;}.elementor-6062 .elementor-element.elementor-element-7380beb1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;text-align:center;}.elementor-6062 .elementor-element.elementor-element-7380beb1 .elementor-heading-title{font-size:var( --e-global-typography-lheading6-font-size );line-height:var( --e-global-typography-lheading6-line-height );letter-spacing:var( --e-global-typography-lheading6-letter-spacing );word-spacing:var( --e-global-typography-lheading6-word-spacing );}}@media(min-width:768px){.elementor-6062 .elementor-element.elementor-element-ffcb2e1{width:34%;}.elementor-6062 .elementor-element.elementor-element-f553c41{width:19%;}.elementor-6062 .elementor-element.elementor-element-5f43b4e9{width:23%;}.elementor-6062 .elementor-element.elementor-element-b85c86a{width:24%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6062 .elementor-element.elementor-element-ffcb2e1{width:100%;}.elementor-6062 .elementor-element.elementor-element-f553c41{width:50%;}.elementor-6062 .elementor-element.elementor-element-5f43b4e9{width:50%;}.elementor-6062 .elementor-element.elementor-element-b85c86a{width:100%;}}</style>		<div data-elementor-type="wp-post" data-elementor-id="6062" class="elementor elementor-6062">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-c0de6d0 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="c0de6d0" data-element_type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b3cf54e" data-id="b3cf54e" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c4044f1 elementor-widget elementor-widget-mh_menu" data-id="c4044f1" data-element_type="widget" data-widget_type="mh_menu.default">
				<div class="elementor-widget-container">
					<div class="myhome-app">
    <div class="myhome-menu-sticky-holder"></div>

    <mh-mobile-menu prefix="myhome">
        <div slot-scope="props">
            <div
                    class="myhome-menu-mobile"
                    :class="{'myhome-menu-mobile--open': props.show}"
            >
                <div class="myhome-menu-mobile__top">
                    <div class="myhome-menu-mobile__buttons">
                                                    <a
                                    class="myhome-button myhome-button--primary-1"
                                    href="https://villas-in-morocco.com/contact-us/"
                            >
                                <span>
                                    Get In Touch
                                                                            <i class="Array"></i>
                                                                    </span>                            
                            </a>
                                                
                                                    <a
                                    class="myhome-button myhome-button--secondary"
                                    href="tel:12028769612"
                            >
                                <span>
                                    12028769612
                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
                                            <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                            <path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/>
                                        </svg>
                                                                    </span>
                            </a>
                                            </div>

                    <div
                            class="myhome-menu-mobile__close"
                            @click.prevent="props.onShow"
                    >
                        <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewbox="0 0 17 17" fill="none">
                            <path d="M15.9999 15.9999L1 1" stroke="#2A3946" stroke-width="2" stroke-linecap="round"
                                  stroke-linejoin="round"/>
                            <path d="M16 1L1 16" stroke="#2A3946" stroke-width="2" stroke-linecap="round"
                                  stroke-linejoin="round"/>
                        </svg>
                    </div>
                </div>

                                    <div id="myhome-menu-mobile" class="myhome-menu-mobile__items"><div
        id="myhome-menu-mobile__item--menu-item-1-9677"
        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-9677 myhome-menu-mobile__item  myhome-menu-mobile__item--depth-0"
>
    <a
            href="https://villas-in-morocco.com/"
            title="Home"
            >
        Home
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div><div
        id="myhome-menu-mobile__item--menu-item-1-15609"
        class="menu-item menu-item-type-post_type_archive menu-item-object-myhome_listing current-menu-item menu-item-15609 myhome-menu-mobile__item  myhome-menu-mobile__item--depth-0"
>
    <a
            href="https://villas-in-morocco.com/listings/"
            title="Search"
            >
        Search
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div><div
        id="myhome-menu-mobile__item--menu-item-1-489"
        class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-489 myhome-menu-mobile__item  myhome-menu-mobile__item--depth-0"
>
    <a
            href="#"
            title="Pages"
            >
        Pages
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
<div class="myhome-menu-mobile__submenu myhome-menu-mobile__submenu--depth-0"><div
        id="myhome-menu-mobile__item--menu-item-1-1736"
        class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-1736 myhome-menu-mobile__item  myhome-menu-mobile__item--depth-1"
>
    <a
            href="https://villas-in-morocco.com/blog/"
            title="Blog"
            >
        Blog
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div><div
        id="myhome-menu-mobile__item--menu-item-1-8217"
        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8217 myhome-menu-mobile__item  myhome-menu-mobile__item--depth-1"
>
    <a
            href="https://villas-in-morocco.com/about-us/"
            title="About Us"
            >
        About Us
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div><div
        id="myhome-menu-mobile__item--menu-item-1-8220"
        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8220 myhome-menu-mobile__item  myhome-menu-mobile__item--depth-1"
>
    <a
            href="https://villas-in-morocco.com/contact-us/"
            title="Contact Us"
            >
        Contact Us
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div><div
        id="myhome-menu-mobile__item--menu-item-1-8218"
        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8218 myhome-menu-mobile__item  myhome-menu-mobile__item--depth-1"
>
    <a
            href="https://villas-in-morocco.com/our-team/"
            title="Our Team"
            >
        Our Team
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div><div
        id="myhome-menu-mobile__item--menu-item-1-8219"
        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8219 myhome-menu-mobile__item  myhome-menu-mobile__item--depth-1"
>
    <a
            href="https://villas-in-morocco.com/faq/"
            title="FAQ"
            >
        FAQ
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div><div
        id="myhome-menu-mobile__item--menu-item-1-8221"
        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8221 myhome-menu-mobile__item  myhome-menu-mobile__item--depth-1"
>
    <a
            href="https://villas-in-morocco.com/page-404/"
            title="Page 404"
                    target="_blank"
            >
        Page 404
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div></div></div></div>                
                <div class="myhome-menu-mobile__info">
                    
                                            <div class="myhome-menu-mobile__data">
                            <div class="myhome-menu-mobile__data-label">
                                Call Support                            </div>

                            <div class="myhome-menu-mobile__data-value">
                                <a href="tel:12028769612">
                                    12028769612                                </a>
                            </div>
                        </div>
                    
                                            <div class="myhome-menu-mobile__data">
                            <div class="myhome-menu-mobile__data-label">
                                Email Address                            </div>

                            <div class="myhome-menu-mobile__data-value">
                                <a href="mailto:support@villasmorocco.com">
                                    support@villasmorocco.com                                </a>
                            </div>
                        </div>
                                    </div>

                <div class="myhome-menu-mobile__socials">
                    <div class="myhome-social-icons">
                                                    <a
                                    class="myhome-social-icons__icon myhome-social-icon myhome-social-icon--color-1"
                                    href="#"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512">
                                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/>
                                </svg>
                            </a>
                        
                                                    <a
                                    class="myhome-social-icons__icon myhome-social-icon myhome-social-icon--color-1"
                                    href="#"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
                                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/>
                                </svg>
                            </a>
                        
                                                    <a
                                    class="myhome-social-icons__icon myhome-social-icon myhome-social-icon--color-1"
                                    href="#"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
                                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/>
                                </svg>
                            </a>
                        
                                                    <a
                                    class="myhome-social-icons__icon myhome-social-icon myhome-social-icon--color-1"
                                    href="#"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
                                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
                                </svg>
                            </a>
                        
                                                    <a
                                    class="myhome-social-icons__icon myhome-social-icon myhome-social-icon--color-1"
                                    href="#"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512">
                                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/>
                                </svg>
                            </a>
                        
                                                    <a
                                    class="myhome-social-icons__icon myhome-social-icon myhome-social-icon--color-1"
                                    href="#"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
                                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z"/>
                                </svg>
                            </a>
                        
                                                    <a
                                    class="myhome-social-icons__icon myhome-social-icon myhome-social-icon--color-1"
                                    href="#"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 496 512">
                                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path d="M248 8C111 8 0 119 0 256S111 504 248 504 496 393 496 256 385 8 248 8zM363 176.7c-3.7 39.2-19.9 134.4-28.1 178.3-3.5 18.6-10.3 24.8-16.9 25.4-14.4 1.3-25.3-9.5-39.3-18.7-21.8-14.3-34.2-23.2-55.3-37.2-24.5-16.1-8.6-25 5.3-39.5 3.7-3.8 67.1-61.5 68.3-66.7 .2-.7 .3-3.1-1.2-4.4s-3.6-.8-5.1-.5q-3.3 .7-104.6 69.1-14.8 10.2-26.9 9.9c-8.9-.2-25.9-5-38.6-9.1-15.5-5-27.9-7.7-26.8-16.3q.8-6.7 18.5-13.7 108.4-47.2 144.6-62.3c68.9-28.6 83.2-33.6 92.5-33.8 2.1 0 6.6 .5 9.6 2.9a10.5 10.5 0 0 1 3.5 6.7A43.8 43.8 0 0 1 363 176.7z"/>
                                </svg>
                            </a>
                                            </div>
                </div>
            </div>

            <div
                    class="myhome-dark-mask"
                    :class="{'myhome-dark-mask--active': props.show}"
                    @click.prevent="props.onShow"
            ></div>
        </div>
    </mh-mobile-menu>

    <div class="myhome-menu-wrapper">
        <header class="myhome-menu myhome-menu--simple myhome-menu--dark">
            <div class="myhome-menu__container">
                <mh-open-mobile-menu class="myhome-menu__mobile-button">
                    <div
                            slot-scope="props"
                            class="myhome-menu__mobile-button"
                            @click.prevent="props.onOpen"
                    >
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill="none">
                            <path d="M2.5 4.16668C2.38958 4.16512 2.27994 4.18552 2.17747 4.2267C2.07499 4.26787 1.98173 4.32901 1.90308 4.40655C1.82444 4.48408 1.762 4.57648 1.71937 4.67836C1.67675 4.78024 1.6548 4.88957 1.6548 5.00001C1.6548 5.11045 1.67675 5.21979 1.71937 5.32167C1.762 5.42355 1.82444 5.51594 1.90308 5.59348C1.98173 5.67102 2.07499 5.73215 2.17747 5.77333C2.27994 5.81451 2.38958 5.83491 2.5 5.83335H17.5C17.6104 5.83491 17.7201 5.81451 17.8225 5.77333C17.925 5.73215 18.0183 5.67102 18.0969 5.59348C18.1756 5.51594 18.238 5.42355 18.2806 5.32167C18.3233 5.21979 18.3452 5.11045 18.3452 5.00001C18.3452 4.88957 18.3233 4.78024 18.2806 4.67836C18.238 4.57648 18.1756 4.48408 18.0969 4.40655C18.0183 4.32901 17.925 4.26787 17.8225 4.2267C17.7201 4.18552 17.6104 4.16512 17.5 4.16668H2.5ZM2.5 9.16668C2.38958 9.16512 2.27994 9.18552 2.17747 9.2267C2.07499 9.26787 1.98173 9.32901 1.90308 9.40655C1.82444 9.48408 1.762 9.57648 1.71937 9.67836C1.67675 9.78024 1.6548 9.88957 1.6548 10C1.6548 10.1104 1.67675 10.2198 1.71937 10.3217C1.762 10.4235 1.82444 10.5159 1.90308 10.5935C1.98173 10.671 2.07499 10.7322 2.17747 10.7733C2.27994 10.8145 2.38958 10.8349 2.5 10.8333H17.5C17.6104 10.8349 17.7201 10.8145 17.8225 10.7733C17.925 10.7322 18.0183 10.671 18.0969 10.5935C18.1756 10.5159 18.238 10.4235 18.2806 10.3217C18.3233 10.2198 18.3452 10.1104 18.3452 10C18.3452 9.88957 18.3233 9.78024 18.2806 9.67836C18.238 9.57648 18.1756 9.48408 18.0969 9.40655C18.0183 9.32901 17.925 9.26787 17.8225 9.2267C17.7201 9.18552 17.6104 9.16512 17.5 9.16668H2.5ZM2.5 14.1667C2.38958 14.1651 2.27994 14.1855 2.17747 14.2267C2.07499 14.2679 1.98173 14.329 1.90308 14.4065C1.82444 14.4841 1.762 14.5765 1.71937 14.6784C1.67675 14.7802 1.6548 14.8896 1.6548 15C1.6548 15.1104 1.67675 15.2198 1.71937 15.3217C1.762 15.4235 1.82444 15.5159 1.90308 15.5935C1.98173 15.671 2.07499 15.7321 2.17747 15.7733C2.27994 15.8145 2.38958 15.8349 2.5 15.8333H17.5C17.6104 15.8349 17.7201 15.8145 17.8225 15.7733C17.925 15.7321 18.0183 15.671 18.0969 15.5935C18.1756 15.5159 18.238 15.4235 18.2806 15.3217C18.3233 15.2198 18.3452 15.1104 18.3452 15C18.3452 14.8896 18.3233 14.7802 18.2806 14.6784C18.238 14.5765 18.1756 14.4841 18.0969 14.4065C18.0183 14.329 17.925 14.2679 17.8225 14.2267C17.7201 14.1855 17.6104 14.1651 17.5 14.1667H2.5Z"
                                  fill="#2A3946"/>
                        </svg>
                    </div>
                </mh-open-mobile-menu>

                <div class="myhome-menu__left">
                                            <a
                                class="myhome-menu__logo"
                                href="http://villas-in-morocco.com"
                                title="villas in morocco"
                        >
                            <img
                                    src="https://villas-in-morocco.com/wp-content/uploads/2025/10/cbe66d08-ade9-4353-824c-40abcd8cc0b9-e1759790164753.webp"
                                    alt="villas in morocco"
                                    style="aspect-ratio: 1120 / 486"
                            >
                        </a>

                        <a
                                class="myhome-menu__logo myhome-menu__logo--sticky"
                                href="http://villas-in-morocco.com"
                                title="villas in morocco"
                        >
                            <img
                                    src="https://villas-in-morocco.com/wp-content/uploads/2025/10/cbe66d08-ade9-4353-824c-40abcd8cc0b9-e1759790164753.webp"
                                    alt="villas in morocco"
                            >
                        </a>
                    
                    <div id="myhome-menu" class="myhome-menu__items"><div
        id="myhome-menu__item--menu-item-2-9677"
        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-9677 myhome-menu__item  myhome-menu__item--depth-0"
>
    <a
            href="https://villas-in-morocco.com/"
            title="Home"
            >
        Home
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div>
<div
        id="myhome-menu__item--menu-item-2-15609"
        class="menu-item menu-item-type-post_type_archive menu-item-object-myhome_listing current-menu-item menu-item-15609 myhome-menu__item  myhome-menu__item--depth-0"
>
    <a
            href="https://villas-in-morocco.com/listings/"
            title="Search"
            >
        Search
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div>
<div
        id="myhome-menu__item--menu-item-2-489"
        class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-489 myhome-menu__item  myhome-menu__item--depth-0"
>
    <a
            href="#"
            title="Pages"
            >
        Pages
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
<div class="myhome-menu__submenu myhome-menu__submenu--depth-0">
    <div class="myhome-menu__submenu-inner"><div
        id="myhome-menu__item--menu-item-2-1736"
        class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-1736 myhome-menu__item  myhome-menu__item--depth-1"
>
    <a
            href="https://villas-in-morocco.com/blog/"
            title="Blog"
            >
        Blog
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div>
<div
        id="myhome-menu__item--menu-item-2-8217"
        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8217 myhome-menu__item  myhome-menu__item--depth-1"
>
    <a
            href="https://villas-in-morocco.com/about-us/"
            title="About Us"
            >
        About Us
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div>
<div
        id="myhome-menu__item--menu-item-2-8220"
        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8220 myhome-menu__item  myhome-menu__item--depth-1"
>
    <a
            href="https://villas-in-morocco.com/contact-us/"
            title="Contact Us"
            >
        Contact Us
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div>
<div
        id="myhome-menu__item--menu-item-2-8218"
        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8218 myhome-menu__item  myhome-menu__item--depth-1"
>
    <a
            href="https://villas-in-morocco.com/our-team/"
            title="Our Team"
            >
        Our Team
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div>
<div
        id="myhome-menu__item--menu-item-2-8219"
        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8219 myhome-menu__item  myhome-menu__item--depth-1"
>
    <a
            href="https://villas-in-morocco.com/faq/"
            title="FAQ"
            >
        FAQ
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div>
<div
        id="myhome-menu__item--menu-item-2-8221"
        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8221 myhome-menu__item  myhome-menu__item--depth-1"
>
    <a
            href="https://villas-in-morocco.com/page-404/"
            title="Page 404"
                    target="_blank"
            >
        Page 404
        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5" viewbox="0 0 7 5" fill="none">
            <path d="M3.5 2.56775L5.87477 0.192978C6.13207 -0.0643244 6.54972 -0.0643244 6.80702 0.192978C7.06433 0.450281 7.06433 0.867931 6.80702 1.12523L3.9394 3.99285C3.6964 4.23586 3.30298 4.23586 3.0606 3.99285L0.192977 1.12523C-0.0643257 0.867931 -0.0643257 0.450281 0.192977 0.192978C0.45028 -0.0643244 0.86793 -0.0643244 1.12523 0.192978L3.5 2.56775Z"
                  fill="#D5E3F0"/>
        </svg>
    </a>
</div>
</div>
</div></div>
</div>                </div>

                <div class="myhome-menu__right">
                    
                    <div class="myhome-menu__cta-buttons">
                                                    <div class="myhome-myhome-menu__secondary-cta-button">
                                <a
                                        class="myhome-button myhome-button--secondary"
                                        href="tel:12028769612"
                                >
                                                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
                                            <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                            <path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/>
                                        </svg>
                                    
                                    12028769612                                </a>
                            </div>
                        
                                                    <div class="myhome-menu__primary-cta-button">
                                <a
                                        class="myhome-button myhome-button--primary-1"
                                        href="https://villas-in-morocco.com/contact-us/"
                                >
                                    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480l0-83.6c0-4 1.5-7.8 4.2-10.8L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"></path></svg>
                                    Get In Touch                                </a>
                            </div>
                                            </div>
                </div>
            </div>

            <div class="myhome-menu__line"></div>
        </header>
    </div>
</div>        <style>
            @media (min-width: 1120px) {
                .myhome-menu--simple .myhome-menu__container {
                    flex-direction: row;
                }

                .myhome-menu--simple .myhome-menu__right {
                    display: flex;
                }

                .myhome-menu__button {
                    display: block;
                }

                .myhome-menu__mobile-button {
                    display: none;
                }

                .myhome-menu__separator {
                    display: block;
                }

                .myhome-menu__account-link {
                    display: block;
                }

                .myhome-menu__items {
                    display: flex;
                }
            }
        </style>
        				</div>
				</div>
				<div class="elementor-element elementor-element-b09cb61 elementor-widget elementor-widget-spacer" data-id="b09cb61" data-element_type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-cb8938e elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="cb8938e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-54d8dfc" data-id="54d8dfc" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1e9d906 elementor-widget elementor-widget-mh_template_loader" data-id="1e9d906" data-element_type="widget" data-widget_type="mh_template_loader.default">
				<div class="elementor-widget-container">
					<style id="elementor-post-10722">.elementor-10722 .elementor-element.elementor-element-1877210:not(.elementor-motion-effects-element-type-background), .elementor-10722 .elementor-element.elementor-element-1877210 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lsectionbg );}.elementor-10722 .elementor-element.elementor-element-1877210{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:20;}.elementor-10722 .elementor-element.elementor-element-1877210 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10722 .elementor-element.elementor-element-2dea295 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-10722 .elementor-element.elementor-element-8a5996d .elementor-repeater-item-949da38 .myhome-search-panel__list{max-height:169px;}.elementor-10722 .elementor-element.elementor-element-8a5996d .elementor-repeater-item-c653ea7 .myhome-search-panel__list{max-height:169px;}.elementor-10722 .elementor-element.elementor-element-8a5996d .myhome-main-search-form__primary-wrapper{background-color:var( --e-global-color-lsectionbg2 );}.elementor-10722 .elementor-element.elementor-element-8a5996d .myhome-search-results__title{color:var( --e-global-color-095bf74 );}.elementor-10722 .elementor-element.elementor-element-8a5996d .myhome-search-panel__circle--active{background-color:var( --e-global-color-lprimary2 );}.elementor-10722 .elementor-element.elementor-element-3196a05{--spacer-size:60px;}</style>		<div data-elementor-type="wp-post" data-elementor-id="10722" class="elementor elementor-10722">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-1877210 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="1877210" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2dea295" data-id="2dea295" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-8a5996d elementor-widget elementor-widget-mh_search_vertical" data-id="8a5996d" data-element_type="widget" data-widget_type="mh_search_vertical.default">
				<div class="elementor-widget-container">
					<div class="myhome-app">
    <mh-query-models
            prefix="myhome"
            request-url="https://villas-in-morocco.com/wp-json/myhome/v1/listings"
            :dependency-terms="[{&quot;id&quot;:432,&quot;key&quot;:&quot;myhome_432&quot;,&quot;name&quot;:&quot;For Rent&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[5974],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:424,&quot;key&quot;:&quot;myhome_424&quot;,&quot;name&quot;:&quot;Houses&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[9694],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:426,&quot;key&quot;:&quot;myhome_426&quot;,&quot;name&quot;:&quot;Industrial&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[9694],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:432,&quot;key&quot;:&quot;myhome_432&quot;,&quot;name&quot;:&quot;For Rent&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[5974],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:426,&quot;key&quot;:&quot;myhome_426&quot;,&quot;name&quot;:&quot;Industrial&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[9694],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:431,&quot;key&quot;:&quot;myhome_431&quot;,&quot;name&quot;:&quot;Land&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:428,&quot;key&quot;:&quot;myhome_428&quot;,&quot;name&quot;:&quot;Offices&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false}]"
            :initial-filters="[{&quot;key&quot;:&quot;myhome_9508&quot;,&quot;values&quot;:[534],&quot;type&quot;:&quot;taxonomy&quot;,&quot;terms&quot;:[{&quot;id&quot;:534,&quot;name&quot;:&quot;Marrakech&quot;}]}]"
            initial-template="templates/widgets/general/search/partials/search_results_row"
            wrapper-class="myhome-search-results__list-results"
            :limit="12"
            :initial-page="1"
            :initial-count="1"
            initial-sort-by="most-relevant"
            scroll-to-selector=".myhome-search-results"
            card-type="card"
            row-type="row"
            initial-title="Real Estate"
            initial-description=""
            :update-title="true"
                    :initial-term-count="[{&quot;id&quot;:432,&quot;count&quot;:1},{&quot;id&quot;:&quot;myhome_5495&quot;,&quot;count&quot;:1},{&quot;id&quot;:425,&quot;count&quot;:1},{&quot;id&quot;:&quot;myhome_14&quot;,&quot;count&quot;:1},{&quot;id&quot;:453,&quot;count&quot;:2},{&quot;id&quot;:534,&quot;count&quot;:1},{&quot;id&quot;:&quot;myhome_9508&quot;,&quot;count&quot;:13},{&quot;id&quot;:&quot;myhome_15545&quot;,&quot;count&quot;:1},{&quot;id&quot;:270,&quot;count&quot;:1},{&quot;id&quot;:280,&quot;count&quot;:1},{&quot;id&quot;:285,&quot;count&quot;:1},{&quot;id&quot;:&quot;myhome_4661&quot;,&quot;count&quot;:1}]"
                            base-url="https://villas-in-morocco.com/listings/"
            >
        <div
                slot-scope="props"
                class="myhome-search-v2"
                :class="{'myhome-loading': props.inProgress}"
        >
            <div class="myhome-search-v2__primary-form">
                <div class="myhome-main-search-form">
            <div class="myhome-main-search-form__primary-wrapper">
            <div class="myhome-container">
                <div class="myhome-main-search-form__primary">
                    <mh-keyword-search-field
        class="myhome-field-v2 myhome-search-form-field"
        request-url="https://villas-in-morocco.com/wp-admin/admin-post.php?action=myhome/keyword"
        :field="{&quot;key&quot;:&quot;keyword&quot;}"
        :filters="props.filters"
        :min-characters="1"
        :taxonomy-keys="[&quot;myhome_5495&quot;,&quot;myhome_14&quot;,&quot;myhome_9508&quot;,&quot;myhome_15545&quot;]"
        highlight-option-class="myhome-autocomplete-input__option--highlight"
        :keyword-suggestion-limit="10"
        active-text-class="myhome-autocomplete-input__option--highlight-text"
        save-search-nonce="bc8f077bb2"
        :reset-values="true"
>
    <div
            class="myhome-field-v2 myhome-search-form-field"
            slot-scope="keywordProps"
    >
        
        <div
                @click.prevent="keywordProps.focusInput"
                            class="myhome-autocomplete-input myhome-autocomplete-input--with-icon"
                            :class="{                    'myhome-autocomplete-input--active': keywordProps.keyword.length > 0 || keywordProps.open,                    'myhome-autocomplete-input--open': keywordProps.open,                }"
        >
                            <div class="myhome-autocomplete-input__icon myhome-icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path></svg>                                    </div>
            
            <div class="myhome-autocomplete-input__input-wrapper">
                <template>
                    <div
                            v-show="keywordProps.showPlaceholder"
                            class="myhome-autocomplete-input__placeholder"
                            v-html="keywordProps.placeholder"
                    >
                    </div>
                </template>

                <input
                        @keyup.stop.prevent
 @input="keywordProps.setKeyword($event.target.value)"
                        :value="keywordProps.keyword"
                        type="text"
                        placeholder="What are you looking for?"
                        @focusin="keywordProps.focusin"
                        @focusout="keywordProps.focusout"
                        @keyup.up.stop="keywordProps.decreaseOptionIndex"
                        @keyup.down.stop="keywordProps.increaseOptionIndex"
                        @keyup.enter="keywordProps.setOptionByIndex"
                        @keydown.down.stop.prevent
 @keydown.up.stop.prevent
>
            </div>

            <template>
                <div
                        v-if="keywordProps.keyword.length > 0"
                        class="myhome-autocomplete-input__clear"
                        @click.stop.prevent="keywordProps.clear"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                         fill="none">
                        <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                              fill="#F09965"/>
                    </svg>
                </div>

                <div v-if="keywordProps.open" class="myhome-autocomplete-input__dropdown">
                    <div
                            class="myhome-autocomplete-input__option"
                            v-for="(option, index) in keywordProps.options"
                            :key="option.id"
                            @click.prevent="keywordProps.setOption(option)"
                            :class="{'myhome-autocomplete-input__option--highlight': index === keywordProps.optionIndex}"
                    >
                        <div v-if="option.keyword !== ''">
                            <span v-html="option.label"></span>

                            <span v-if="option.term !== ''" class="myhome-autocomplete-input__in-category">
                                - in
                                <span v-html="option.term"></span>
                            </span>
                        </div>

                        <div v-if="option.keyword === '' && option.label !== ''" v-html="option.label"></div>
                    </div>
                </div>
            </template>
        </div>
    </div>
</mh-keyword-search-field><mh-location-search-field
        :field="{&quot;key&quot;:&quot;myhome_153&quot;,&quot;id&quot;:153,&quot;type&quot;:&quot;location&quot;,&quot;hideTerms&quot;:[],&quot;name&quot;:&quot;Location&quot;,&quot;countries&quot;:[],&quot;defaultRadius&quot;:0,&quot;searchTypes&quot;:[&quot;(cities)&quot;]}"
        :filters="props.filters"
        :dependencies="props.dependencies"
        field-selector=".mh-location-153"
        custom-label="Selected area on the map"
        :ask-for-location="false"
        active-text-class="myhome-autocomplete-input__option--highlight-text"
        :current-location="true"
        current-location-label="My location"
>
    <div
            class="myhome-field-v2 myhome-search-form-field myhome-location-field"
            slot-scope="locationField"
            v-if="locationField.isVisible"
    >
        
        <div
                @click.prevent="locationField.focusInput"
                class="myhome-autocomplete-input myhome-autocomplete-input--with-icon myhome-autocomplete-input--with-additional-select"
                :class="{                    'myhome-autocomplete-input--active': locationField.keyword.length > 0 || locationField.open,                    'myhome-autocomplete-input--open': locationField.open,                }"
        >
                            <div class="myhome-autocomplete-input__icon myhome-icon">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512"><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"></path></svg>                                    </div>
            
            <div class="myhome-autocomplete-input__input-wrapper">
                <template>
                    <div
                            v-if="locationField.loading"
                            class="myhome-autocomplete-input__loading"
                    >
                        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
                             xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                             width="20px" height="25px" viewbox="0 0 24 30" style="enable-background:new 0 0 50 50;"
                             xml:space="preserve">
                        <rect x="0" y="13" width="4" height="5" class="myhome-fill-primary-1" fill="#333">
                            <animate attributename="height" attributetype="XML"
                                     values="5;21;5"
                                     begin="0s" dur="0.8s" repeatcount="indefinite"/>
                            <animate attributename="y" attributetype="XML"
                                     values="13; 5; 13"
                                     begin="0s" dur="0.8s" repeatcount="indefinite"/>
                        </rect>
                            <rect x="10" y="13" width="4" height="5" class="myhome-fill-primary-1" fill="#333">
                                <animate attributename="height" attributetype="XML"
                                         values="5;21;5"
                                         begin="0.15s" dur="0.8s" repeatcount="indefinite"/>
                                <animate attributename="y" attributetype="XML"
                                         values="13; 5; 13"
                                         begin="0.15s" dur="0.8s" repeatcount="indefinite"/>
                            </rect>
                            <rect x="20" y="13" width="4" height="5" class="myhome-fill-primary-1" fill="#333">
                                <animate attributename="height" attributetype="XML"
                                         values="5;21;5"
                                         begin="0.3s" dur="0.8s" repeatcount="indefinite"/>
                                <animate attributename="y" attributetype="XML"
                                         values="13; 5; 13"
                                         begin="0.3s" dur="0.8s" repeatcount="indefinite"/>
                            </rect>
                        </svg>
                    </div>

                    <div
                            v-show="locationField.showPlaceholder"
                            class="myhome-autocomplete-input__placeholder"
                            v-html="locationField.placeholder"
                    >
                    </div>
                </template>

                <input
                        @click.stop
 @keyup.stop.prevent
 @input="locationField.setKeyword($event.target.value)"
                        :value="locationField.keyword"
                        type="text"
                        placeholder="Where are you looking?"
                        @focusin="locationField.focusin"
                        @focusout="locationField.focusout"
                        @keyup.up.stop="locationField.decreaseOptionIndex"
                        @keyup.down.stop="locationField.increaseOptionIndex"
                        @keyup.enter="locationField.setOptionByIndex"
                        @keydown.down.stop.prevent
 @keydown.up.stop.prevent
>
            </div>

                            <template>
                    <mh-radius-search-field
                            :field="{&quot;key&quot;:&quot;myhome_153&quot;,&quot;id&quot;:153,&quot;type&quot;:&quot;location&quot;,&quot;hideTerms&quot;:[],&quot;name&quot;:&quot;Location&quot;,&quot;countries&quot;:[],&quot;defaultRadius&quot;:0,&quot;searchTypes&quot;:[&quot;(cities)&quot;]}"
                            :filters="props.filters"
                            :dependencies="props.dependencies"
                                                    :initial-radius="{&quot;label&quot;:&quot;+30 miles&quot;,&quot;value&quot;:48270}"
                                                                            :options="[{&quot;label&quot;:&quot;+10 miles&quot;,&quot;value&quot;:16090},{&quot;label&quot;:&quot;+20 miles&quot;,&quot;value&quot;:32180},{&quot;label&quot;:&quot;+30 miles&quot;,&quot;value&quot;:48270},{&quot;label&quot;:&quot;+50 miles&quot;,&quot;value&quot;:80450},{&quot;label&quot;:&quot;+75 miles&quot;,&quot;value&quot;:120675},{&quot;label&quot;:&quot;+100 miles&quot;,&quot;value&quot;:160900},{&quot;label&quot;:&quot;+200 miles&quot;,&quot;value&quot;:321800},{&quot;label&quot;:&quot;+500 miles&quot;,&quot;value&quot;:804500}]"
                                            >
                        <div
                                @click.stop
 slot-scope="radiusField"
                                v-if="radiusField.isVisible && !radiusField.isDisabled"
                                class="myhome-autocomplete-input__additional-select myhome-radius-field"
                        >
                            <div
                                    class="myhome-radius-field__clear"
                                    @click.prevent="locationField.clear"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                                     fill="none">
                                    <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                          fill="#F09965"/>
                                </svg>
                            </div>

                            <div class="myhome-radius-field__separator"></div>

                            <mh-select
                                    :options="radiusField.options"
                                    :value="radiusField.value"
                                    @input="radiusField.setValue"
                                    active-text-class="myhome-select__active-text"
                                    highlight-option-class="myhome-select__option--highlight"
                                    :disabled="radiusField.isDisabled"
                                    :is-selected="radiusField.isSelected"
                                    order-type="static"
                            >
                                <div
                                        slot-scope="select"
                                        @focusin="select.focusIn"
                                        @focusout="select.focusOut"
                                        @keyup.esc="select.onClose"
                                        @keyup.up="select.decreaseOptionIndex"
                                        @keyup.down="select.increaseOptionIndex"
                                        @keyup.enter="select.setOptionByIndex"
                                        tabindex="0"
                                        class="myhome-select myhome-select--raw"
                                        :class="{                                        'myhome-select--open': select.open,                                    }"
                                        @click="select.onOpen"
                                >
                                    <div v-if="!radiusField.value" class="myhome-select__placeholder">
                                        Distance                                    </div>

                                    <div v-if="radiusField.value" class="myhome-select__placeholder">
                                        {{ radiusField.value.label }}
                                    </div>

                                    <div class="myhome-select__arrow">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5"
                                             viewbox="0 0 7 5" fill="none">
                                            <path d="M3.5 2.56768L5.87477 0.192917C6.13207 -0.0643854 6.54972 -0.0643854 6.80702 0.192917C7.06433 0.45022 7.06433 0.86787 6.80702 1.12517L3.9394 3.99279C3.6964 4.2358 3.30298 4.2358 3.0606 3.99279L0.192977 1.12517C-0.0643257 0.86787 -0.0643257 0.45022 0.192977 0.192917C0.45028 -0.0643854 0.86793 -0.0643854 1.12523 0.192917L3.5 2.56768Z"
                                                  fill="#2A3946"/>
                                        </svg>
                                    </div>

                                    <div v-if="select.open" class="myhome-select__dropdown">
                                        <div
                                                v-for="(option, index) in select.options"
                                                :key="option.id"
                                                @click="select.setOption(option)"
                                                class="myhome-select__option"
                                                :class="{                                                    'myhome-select__option--active': option.selected,                                                    'myhome-select__option--highlight': index === select.optionIndex,                                                    'myhome-select__option--disabled': option.disabled && !option.selected,                                                }"
                                        >
                                            <div class="myhome-select__value" v-html="option.label"></div>
                                        </div>
                                    </div>
                                </div>
                            </mh-select>
                        </div>
                    </mh-radius-search-field>
                </template>
            
            <template>
                <div
                        class="myhome-autocomplete-input__clear"
                        @click.stop.prevent="locationField.clear"
                                            v-if="locationField.keyword.length > 0 && locationField.value === ''"
                                    >
                    <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                         fill="none">
                        <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                              fill="#F09965"/>
                    </svg>
                </div>

                <div v-if="locationField.open" class="myhome-autocomplete-input__dropdown">
                    <div
                            class="myhome-autocomplete-input__option"
                            v-for="(option, index) in locationField.options"
                            :key="option.id"
                            @click.prevent="locationField.setOption(option)"
                            :class="{'myhome-autocomplete-input__option--highlight': index === locationField.optionIndex}"
                    >
                        <span v-html="option.formatted"></span>
                    </div>
                </div>
            </template>
        </div>
    </div>
</mh-location-search-field>                </div>
            </div>
        </div>
    </div>            </div>

            <div class="myhome-search-v2__breadcrumbs">
                <div class="myhome-app myhome-breadcrumbs-widget">
    <mh-breadcrumbs>
        <div slot-scope="props" class="myhome-breadcrumbs-wrapper">
            <div
                    v-if="!props.breadcrumbs"
                    class="myhome-breadcrumbs"
            >
                                                            <a
                                class="myhome-breadcrumbs__item"
                                href="http://villas-in-morocco.com"
                                title="Home"
                        >
                            Home                        </a>

                        <span class="myhome-breadcrumbs__separator">
                            <svg xmlns="http://www.w3.org/2000/svg" width="5" height="7" viewbox="0 0 5 7" fill="none">
                                <path d="M2.56744 3.5L0.192673 1.12523C-0.0646296 0.86793 -0.0646296 0.45028 0.192673 0.192977C0.449976 -0.0643258 0.867626 -0.0643258 1.12493 0.192977L3.99255 3.0606C4.23556 3.3036 4.23556 3.69702 3.99255 3.9394L1.12493 6.80702C0.867626 7.06433 0.449976 7.06433 0.192673 6.80702C-0.0646296 6.54972 -0.0646296 6.13207 0.192673 5.87477L2.56744 3.5Z"
                                      fill="#F09965"/>
                            </svg>
                        </span>
                                                                                <span class="myhome-breadcrumbs__item">
                            Search Results                        </span>
                                                </div>

            <template v-if="props.breadcrumbs">
                <div class="myhome-breadcrumbs">
                    <div
                            class="myhome-breadcrumbs__element"
                            v-for="(breadcrumb, index) in props.breadcrumbs"
                            :key="breadcrumb.key + '-' + index"
                    >
                        <template v-if="index < props.breadcrumbs.length - 1">
                            <a
                                    class="myhome-breadcrumbs__item"
                                    :href="breadcrumb.url"
                                    v-html="breadcrumb.name"
                            ></a>

                            <span class="myhome-breadcrumbs__separator">
                                <svg xmlns="http://www.w3.org/2000/svg" width="5" height="7" viewbox="0 0 5 7"
                                     fill="none">
                                    <path d="M2.56744 3.5L0.192673 1.12523C-0.0646296 0.86793 -0.0646296 0.45028 0.192673 0.192977C0.449976 -0.0643258 0.867626 -0.0643258 1.12493 0.192977L3.99255 3.0606C4.23556 3.3036 4.23556 3.69702 3.99255 3.9394L1.12493 6.80702C0.867626 7.06433 0.449976 7.06433 0.192673 6.80702C-0.0646296 6.54972 -0.0646296 6.13207 0.192673 5.87477L2.56744 3.5Z"
                                          fill="#F09965"/>
                                </svg>
                            </span>
                        </template>

                        <span
                                class="myhome-breadcrumbs__item"
                                v-if="index === props.breadcrumbs.length - 1"
                                v-html="breadcrumb.name"
                        ></span>
                    </div>
                </div>
            </template>
        </div>
    </mh-breadcrumbs>
</div>            </div>

            <div class="myhome-search-v2__content">
                <mh-search-sidebar
                        prefix="myhome"
                                            class="myhome-search-v2__sidebar"
                                    >
                    <div
                            slot-scope="sidebarProps"
                            class="myhome-search-v2__sidebar"
                            :class="{'myhome-search-v2__sidebar--open': sidebarProps.open}"
                            @click="sidebarProps.onOpen"
                    >
                        <div class="myhome-search-sidebar" @click.stop.prevent>
    <mh-taxonomy-search-field
        :field="{&quot;key&quot;:&quot;myhome_5495&quot;,&quot;id&quot;:5495,&quot;type&quot;:&quot;taxonomy&quot;,&quot;hideTerms&quot;:[],&quot;multiple&quot;:false,&quot;multilevel&quot;:false,&quot;orderType&quot;:&quot;count&quot;,&quot;whenTermHasNoResults&quot;:&quot;disable&quot;,&quot;disableUntilParentSelected&quot;:false,&quot;parentTaxonomyKeys&quot;:[]}"
        :filters="props.filters"
        :dependencies="props.dependencies"
        :term-count="props.termCount"
        :multiple="false"
        order-type="count"
        all-label="All"
            :initial-terms="[{&quot;id&quot;:432,&quot;key&quot;:&quot;myhome_432&quot;,&quot;name&quot;:&quot;For Rent&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[5974],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:433,&quot;key&quot;:&quot;myhome_433&quot;,&quot;name&quot;:&quot;For Sale&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:456,&quot;key&quot;:&quot;myhome_456&quot;,&quot;name&quot;:&quot;Sold&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false}]"
        :disable-fetch-terms="true"
        >
    <div
            slot-scope="taxonomyField"
                    v-if="taxonomyField.isVisible && !taxonomyField.isDisabled"
                    class="myhome-search-form-field myhome-search-form-field--myhome_5495 elementor-repeater-item-dc0bd10"
    >
        <div class="myhome-search-sidebar__children">
                            <div
                                            class="myhome-search-panel"
                                                                :class="{'myhome-search-panel--more': taxonomyField.showMoreOptionsButton}"
                                    >
                    <div class="myhome-search-panel__top">
                        <div class="myhome-search-panel__label">
                            Offer Type                        </div>

                        <div
                                class="myhome-search-panel__circle"
                                :class="{'myhome-search-panel__circle--active': taxonomyField.selectedTerms.length}"
                        ></div>
                    </div>

                    
                    <div
                            class="myhome-search-panel__content"
                                            >
                        
                        <template>
                            <div class="myhome-search-panel__list">
                                <div
                                        class="myhome-search-panel__item"
                                        :class="{'myhome-search-panel__item--active': !taxonomyField.selectedTerms.length}"
                                        @click="taxonomyField.clear"
                                >
                                    <div class="myhome-search-panel__item-wrapper">
                                        <div class="myhome-search-panel__item-inner">
                                            <div class="myhome-search-panel__option-button-wrapper">
                                                <div
                                                        class="myhome-radio"
                                                        :class="{'myhome-radio--active': !taxonomyField.selectedTerms.length}"
                                                ></div>
                                            </div>

                                            <div class="myhome-search-panel__item-label">
                                                Any
                                                                                                    <span>({{ taxonomyField.anyCount }})</span>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div
                                        v-for="option in taxonomyField.limitedOrderedOptions"
                                        class="myhome-search-panel__item"
                                        :class="{                                            'myhome-search-panel__item--disabled': option.count === 0,                                            'myhome-search-panel__item--active': option.active,                                        }"
                                        @click="taxonomyField.setTerm(option.id)"
                                >
                                    <div class="myhome-search-panel__item-wrapper">
                                        <div class="myhome-search-panel__item-inner">
                                            <div class="myhome-search-panel__option-button-wrapper">
                                                <div
                                                        class="myhome-radio"
                                                        :class="{'myhome-radio--active': option.active}"
                                                ></div>
                                            </div>

                                                                                            <div class="myhome-search-panel__item-label"
                                                     v-html="option.name + ' <span>('+ option.count +')</span>'"></div>
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>

                    <template>
                        <div
                                class="myhome-search-panel__more"
                                                            v-if="taxonomyField.showMoreOptionsButton"
                                                            @click="taxonomyField.onShowAllOptions"
                        >
                            Show More
                            ({{ taxonomyField.currentOptions.length
                            - 0 }})

                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
                                <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                <path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/>
                            </svg>
                        </div>
                    </template>
                </div>

                                    </div>
    </div>
</mh-taxonomy-search-field><mh-taxonomy-search-field
        :field="{&quot;key&quot;:&quot;myhome_14&quot;,&quot;id&quot;:14,&quot;type&quot;:&quot;taxonomy&quot;,&quot;hideTerms&quot;:[],&quot;multiple&quot;:false,&quot;multilevel&quot;:false,&quot;orderType&quot;:&quot;count&quot;,&quot;whenTermHasNoResults&quot;:&quot;disable&quot;,&quot;disableUntilParentSelected&quot;:false,&quot;parentTaxonomyKeys&quot;:[]}"
        :filters="props.filters"
        :dependencies="props.dependencies"
        :term-count="props.termCount"
        :multiple="false"
        order-type="count"
        all-label="All"
            :initial-terms="[{&quot;id&quot;:425,&quot;key&quot;:&quot;myhome_425&quot;,&quot;name&quot;:&quot;Apartments&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:424,&quot;key&quot;:&quot;myhome_424&quot;,&quot;name&quot;:&quot;Houses&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[9694],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:426,&quot;key&quot;:&quot;myhome_426&quot;,&quot;name&quot;:&quot;Industrial&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[9694],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:431,&quot;key&quot;:&quot;myhome_431&quot;,&quot;name&quot;:&quot;Land&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:428,&quot;key&quot;:&quot;myhome_428&quot;,&quot;name&quot;:&quot;Offices&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false}]"
        :disable-fetch-terms="true"
        >
    <div
            slot-scope="taxonomyField"
                    v-if="taxonomyField.isVisible && !taxonomyField.isDisabled"
                    class="myhome-search-form-field myhome-search-form-field--myhome_14 elementor-repeater-item-f581d89"
    >
        <div class="myhome-search-sidebar__children">
                            <div
                                            class="myhome-search-panel"
                                                                :class="{'myhome-search-panel--more': taxonomyField.showMoreOptionsButton}"
                                    >
                    <div class="myhome-search-panel__top">
                        <div class="myhome-search-panel__label">
                            Property Type                        </div>

                        <div
                                class="myhome-search-panel__circle"
                                :class="{'myhome-search-panel__circle--active': taxonomyField.selectedTerms.length}"
                        ></div>
                    </div>

                    
                    <div
                            class="myhome-search-panel__content"
                                            >
                        
                        <template>
                            <div class="myhome-search-panel__list">
                                <div
                                        class="myhome-search-panel__item"
                                        :class="{'myhome-search-panel__item--active': !taxonomyField.selectedTerms.length}"
                                        @click="taxonomyField.clear"
                                >
                                    <div class="myhome-search-panel__item-wrapper">
                                        <div class="myhome-search-panel__item-inner">
                                            <div class="myhome-search-panel__option-button-wrapper">
                                                <div
                                                        class="myhome-radio"
                                                        :class="{'myhome-radio--active': !taxonomyField.selectedTerms.length}"
                                                ></div>
                                            </div>

                                            <div class="myhome-search-panel__item-label">
                                                Any
                                                                                                    <span>({{ taxonomyField.anyCount }})</span>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div
                                        v-for="option in taxonomyField.limitedOrderedOptions"
                                        class="myhome-search-panel__item"
                                        :class="{                                            'myhome-search-panel__item--disabled': option.count === 0,                                            'myhome-search-panel__item--active': option.active,                                        }"
                                        @click="taxonomyField.setTerm(option.id)"
                                >
                                    <div class="myhome-search-panel__item-wrapper">
                                        <div class="myhome-search-panel__item-inner">
                                            <div class="myhome-search-panel__option-button-wrapper">
                                                <div
                                                        class="myhome-radio"
                                                        :class="{'myhome-radio--active': option.active}"
                                                ></div>
                                            </div>

                                                                                            <div class="myhome-search-panel__item-label"
                                                     v-html="option.name + ' <span>('+ option.count +')</span>'"></div>
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>

                    <template>
                        <div
                                class="myhome-search-panel__more"
                                                            v-if="taxonomyField.showMoreOptionsButton"
                                                            @click="taxonomyField.onShowAllOptions"
                        >
                            Show More
                            ({{ taxonomyField.currentOptions.length
                            - 0 }})

                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
                                <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                <path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/>
                            </svg>
                        </div>
                    </template>
                </div>

                                    </div>
    </div>
</mh-taxonomy-search-field>    <mh-price-search-field
            :field="{&quot;key&quot;:&quot;myhome_130&quot;,&quot;id&quot;:130,&quot;type&quot;:&quot;price&quot;,&quot;hideTerms&quot;:[432],&quot;currencySign&quot;:&quot;$ &quot;,&quot;currencySignPosition&quot;:&quot;before&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot;&quot;}"
            :filters="props.filters"
            :dependencies="props.dependencies"
            >
        <div
                slot-scope="mainPriceField"
                            v-show="mainPriceField.isVisible"
                            class="myhome-search-panel myhome-search-form-field myhome-search-form-field--myhome_130"
        >
            <div class="myhome-search-panel__top">
                <div class="myhome-search-panel__label">
                    Price                </div>

                <div
                        class="myhome-search-panel__circle"
                        :class="{'myhome-search-panel__circle--active': mainPriceField.hasAnyValue}"
                ></div>
            </div>

            <div class="myhome-search-panel__content">
                                    <div class="myhome-search-panel__fields">
                        <mh-price-search-field
                                class="myhome-search-form-field"
                                :field="{&quot;key&quot;:&quot;myhome_130&quot;,&quot;id&quot;:130,&quot;type&quot;:&quot;price&quot;,&quot;hideTerms&quot;:[432],&quot;currencySign&quot;:&quot;$ &quot;,&quot;currencySignPosition&quot;:&quot;before&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot;&quot;}"
                                field-key="myhome_130_from"
                                :filters="props.filters"
                                :dependencies="props.dependencies"
                                compare-type="greater"
                        >
                            <div
                                    class="myhome-search-form-field"
                                    slot-scope="priceField"
                                    @click.prevent="priceField.focusInput"
                            >
                                <div
                                                                            class="myhome-input"
                                                                            :class="{'myhome-input--active': priceField.value !== ''}"
                                >
                                    
                                    <input
                                            :value="priceField.value"
                                            @input="priceField.setValue($event.target.value)"
                                            type="text"
                                            placeholder="Min Price"
                                    >

                                    <template>
                                        <div
                                                v-if="priceField.value !== ''"
                                                class="myhome-input__clear"
                                                @click.stop.prevent="priceField.clear"
                                        >
                                            <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6"
                                                 viewbox="0 0 6 6"
                                                 fill="none">
                                                <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                      fill="#F09965"/>
                                            </svg>
                                        </div>
                                    </template>
                                </div>
                            </div>
                        </mh-price-search-field>

                        <mh-price-search-field
                                class="myhome-search-form-field"
                                :field="{&quot;key&quot;:&quot;myhome_130&quot;,&quot;id&quot;:130,&quot;type&quot;:&quot;price&quot;,&quot;hideTerms&quot;:[432],&quot;currencySign&quot;:&quot;$ &quot;,&quot;currencySignPosition&quot;:&quot;before&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot;&quot;}"
                                field-key="myhome_130_to"
                                :filters="props.filters"
                                :dependencies="props.dependencies"
                                compare-type="less"
                        >
                            <div
                                    class="myhome-search-form-field"
                                    slot-scope="priceField"
                                    @click.prevent="priceField.focusInput"
                            >
                                <div
                                                                            class="myhome-input"
                                                                            :class="{'myhome-input--active': priceField.value !== ''}"
                                >
                                    
                                    <input
                                            :value="priceField.value"
                                            @input="priceField.setValue($event.target.value)"
                                            type="text"
                                            placeholder="Max Price"
                                    >

                                    <template>
                                        <div
                                                v-if="priceField.value !== ''"
                                                class="myhome-input__clear"
                                                @click.stop.prevent="priceField.clear"
                                        >
                                            <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6"
                                                 viewbox="0 0 6 6"
                                                 fill="none">
                                                <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                      fill="#F09965"/>
                                            </svg>
                                        </div>
                                    </template>
                                </div>
                            </div>
                        </mh-price-search-field>
                    </div>
                            </div>
        </div>
    </mh-price-search-field>

    <template>
    <mh-price-search-field
            :field="{&quot;key&quot;:&quot;myhome_5974&quot;,&quot;id&quot;:5974,&quot;type&quot;:&quot;price&quot;,&quot;hideTerms&quot;:[],&quot;currencySign&quot;:&quot;$ &quot;,&quot;currencySignPosition&quot;:&quot;before&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot; \/month&quot;}"
            :filters="props.filters"
            :dependencies="props.dependencies"
            >
        <div
                slot-scope="mainPriceField"
                            v-show="mainPriceField.isVisible"
                            class="myhome-search-panel myhome-search-form-field myhome-search-form-field--myhome_5974"
        >
            <div class="myhome-search-panel__top">
                <div class="myhome-search-panel__label">
                    Rent Price                </div>

                <div
                        class="myhome-search-panel__circle"
                        :class="{'myhome-search-panel__circle--active': mainPriceField.hasAnyValue}"
                ></div>
            </div>

            <div class="myhome-search-panel__content">
                                    <div class="myhome-search-panel__fields">
                        <mh-price-search-field
                                class="myhome-search-form-field"
                                :field="{&quot;key&quot;:&quot;myhome_5974&quot;,&quot;id&quot;:5974,&quot;type&quot;:&quot;price&quot;,&quot;hideTerms&quot;:[],&quot;currencySign&quot;:&quot;$ &quot;,&quot;currencySignPosition&quot;:&quot;before&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot; \/month&quot;}"
                                field-key="myhome_5974_from"
                                :filters="props.filters"
                                :dependencies="props.dependencies"
                                compare-type="greater"
                        >
                            <div
                                    class="myhome-search-form-field"
                                    slot-scope="priceField"
                                    @click.prevent="priceField.focusInput"
                            >
                                <div
                                                                            class="myhome-input"
                                                                            :class="{'myhome-input--active': priceField.value !== ''}"
                                >
                                    
                                    <input
                                            :value="priceField.value"
                                            @input="priceField.setValue($event.target.value)"
                                            type="text"
                                            placeholder="Min Rent Price"
                                    >

                                    <template>
                                        <div
                                                v-if="priceField.value !== ''"
                                                class="myhome-input__clear"
                                                @click.stop.prevent="priceField.clear"
                                        >
                                            <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6"
                                                 viewbox="0 0 6 6"
                                                 fill="none">
                                                <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                      fill="#F09965"/>
                                            </svg>
                                        </div>
                                    </template>
                                </div>
                            </div>
                        </mh-price-search-field>

                        <mh-price-search-field
                                class="myhome-search-form-field"
                                :field="{&quot;key&quot;:&quot;myhome_5974&quot;,&quot;id&quot;:5974,&quot;type&quot;:&quot;price&quot;,&quot;hideTerms&quot;:[],&quot;currencySign&quot;:&quot;$ &quot;,&quot;currencySignPosition&quot;:&quot;before&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot; \/month&quot;}"
                                field-key="myhome_5974_to"
                                :filters="props.filters"
                                :dependencies="props.dependencies"
                                compare-type="less"
                        >
                            <div
                                    class="myhome-search-form-field"
                                    slot-scope="priceField"
                                    @click.prevent="priceField.focusInput"
                            >
                                <div
                                                                            class="myhome-input"
                                                                            :class="{'myhome-input--active': priceField.value !== ''}"
                                >
                                    
                                    <input
                                            :value="priceField.value"
                                            @input="priceField.setValue($event.target.value)"
                                            type="text"
                                            placeholder="Max Rent Price"
                                    >

                                    <template>
                                        <div
                                                v-if="priceField.value !== ''"
                                                class="myhome-input__clear"
                                                @click.stop.prevent="priceField.clear"
                                        >
                                            <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6"
                                                 viewbox="0 0 6 6"
                                                 fill="none">
                                                <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                      fill="#F09965"/>
                                            </svg>
                                        </div>
                                    </template>
                                </div>
                            </div>
                        </mh-price-search-field>
                    </div>
                            </div>
        </div>
    </mh-price-search-field>

    </template>
<mh-taxonomy-search-field
        :field="{&quot;key&quot;:&quot;myhome_9508&quot;,&quot;id&quot;:9508,&quot;type&quot;:&quot;taxonomy&quot;,&quot;hideTerms&quot;:[],&quot;multiple&quot;:false,&quot;multilevel&quot;:false,&quot;orderType&quot;:&quot;name&quot;,&quot;whenTermHasNoResults&quot;:&quot;disable&quot;,&quot;disableUntilParentSelected&quot;:false,&quot;parentTaxonomyKeys&quot;:[]}"
        :filters="props.filters"
        :dependencies="props.dependencies"
        :term-count="props.termCount"
        :multiple="true"
        order-type="name"
        all-label="All"
            :initial-terms="[{&quot;id&quot;:453,&quot;key&quot;:&quot;myhome_453&quot;,&quot;name&quot;:&quot;Agadir&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:535,&quot;key&quot;:&quot;myhome_535&quot;,&quot;name&quot;:&quot;Casablanca&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:538,&quot;key&quot;:&quot;myhome_538&quot;,&quot;name&quot;:&quot;Essaouira&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:534,&quot;key&quot;:&quot;myhome_534&quot;,&quot;name&quot;:&quot;Marrakech&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:536,&quot;key&quot;:&quot;myhome_536&quot;,&quot;name&quot;:&quot;Rabat&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:537,&quot;key&quot;:&quot;myhome_537&quot;,&quot;name&quot;:&quot;Tanger&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false}]"
        :disable-fetch-terms="true"
                :options-limit="6"
    >
    <div
            slot-scope="taxonomyField"
                    v-if="taxonomyField.isVisible && !taxonomyField.isDisabled"
                    class="myhome-search-form-field myhome-search-form-field--myhome_9508 elementor-repeater-item-949da38"
    >
        <div class="myhome-search-sidebar__children">
                            <div
                                            class="myhome-search-panel myhome-search-panel--limit-height"
                                            :class="{'myhome-search-panel--more': taxonomyField.showMoreOptionsButton}"
                >
                    <div class="myhome-search-panel__top">
                        <div class="myhome-search-panel__label">
                            Region                        </div>

                        <div
                                class="myhome-search-panel__circle"
                                :class="{'myhome-search-panel__circle--active': taxonomyField.selectedTerms.length}"
                        ></div>
                    </div>

                    <div class="myhome-search-panel__content">
                        
                        <template>
                            <div class="myhome-search-panel__list">
                                <div
                                        v-for="option in taxonomyField.limitedOrderedOptions"
                                        class="myhome-search-panel__item"
                                        :class="{                                            'myhome-search-panel__item--disabled': option.count === 0,                                            'myhome-search-panel__item--active': option.active,                                        }"
                                        @click="taxonomyField.addTerm(option.id)"
                                >
                                    <div class="myhome-search-panel__item-wrapper">
                                        <div class="myhome-search-panel__item-inner">
                                            <div class="myhome-search-panel__option-button-wrapper">
                                                <div
                                                        class="myhome-checkbox myhome-checkbox--size-6"
                                                        :class="{'myhome-checkbox--checked': option.active}"
                                                >
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
                                                         viewbox="0 0 10 10" fill="none">
                                                        <path d="M9.76184 0.728889L8.8648 0.0970432C8.6166 -0.0771195 8.27655 -0.0102893 8.11043 0.244879L3.71321 6.96431L1.69244 4.87031C1.48138 4.65159 1.13741 4.65159 0.926348 4.87031L0.1583 5.66619C-0.0527667 5.88491 -0.0527667 6.24133 0.1583 6.46207L3.26567 9.68205C3.43961 9.86229 3.71321 10 3.95946 10C4.2057 10 4.4539 9.84001 4.61415 9.59902L9.90646 1.50857C10.0745 1.2534 10.01 0.903051 9.76184 0.728889Z"
                                                              fill="#FDFDFE"/>
                                                    </svg>
                                                </div>
                                            </div>

                                                                                            <div class="myhome-search-panel__item-label"
                                                     v-html="option.name + '<span> ('+ option.count +')</span>'"></div>
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>

                    <template>
                        <div
                                class="myhome-search-panel__more"
                                v-if="taxonomyField.showMoreOptionsButton"
                                @click="taxonomyField.onShowAllOptions"
                        >
                            Show More
                            ({{ taxonomyField.currentOptions.length
                            - 6 }})

                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
                                <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                <path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/>
                            </svg>
                        </div>
                    </template>
                </div>
                    </div>
    </div>
</mh-taxonomy-search-field><mh-taxonomy-search-field
        :field="{&quot;key&quot;:&quot;myhome_15545&quot;,&quot;id&quot;:15545,&quot;type&quot;:&quot;taxonomy&quot;,&quot;hideTerms&quot;:[],&quot;multiple&quot;:false,&quot;multilevel&quot;:false,&quot;orderType&quot;:&quot;name&quot;,&quot;whenTermHasNoResults&quot;:&quot;disable&quot;,&quot;disableUntilParentSelected&quot;:true,&quot;parentTaxonomyKeys&quot;:[&quot;myhome_9508&quot;]}"
        :filters="props.filters"
        :dependencies="props.dependencies"
        :term-count="props.termCount"
        :multiple="true"
        order-type="name"
        all-label="All"
            :initial-terms="[{&quot;id&quot;:525,&quot;key&quot;:&quot;myhome_525&quot;,&quot;name&quot;:&quot;Astoria&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[453],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:513,&quot;key&quot;:&quot;myhome_513&quot;,&quot;name&quot;:&quot;Bushwick&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[451],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:516,&quot;key&quot;:&quot;myhome_516&quot;,&quot;name&quot;:&quot;Downtown Brooklyn&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[451],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:510,&quot;key&quot;:&quot;myhome_510&quot;,&quot;name&quot;:&quot;East Bronx&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:526,&quot;key&quot;:&quot;myhome_526&quot;,&quot;name&quot;:&quot;Flushing&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[453],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:527,&quot;key&quot;:&quot;myhome_527&quot;,&quot;name&quot;:&quot;Forest Hills&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[453],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:523,&quot;key&quot;:&quot;myhome_523&quot;,&quot;name&quot;:&quot;Harlem&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[452],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:528,&quot;key&quot;:&quot;myhome_528&quot;,&quot;name&quot;:&quot;Mid-Island&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[454],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:524,&quot;key&quot;:&quot;myhome_524&quot;,&quot;name&quot;:&quot;Midtown&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[452],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:517,&quot;key&quot;:&quot;myhome_517&quot;,&quot;name&quot;:&quot;Nassau County&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[455],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:509,&quot;key&quot;:&quot;myhome_509&quot;,&quot;name&quot;:&quot;North Bronx&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[450],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:519,&quot;key&quot;:&quot;myhome_519&quot;,&quot;name&quot;:&quot;North Shore&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[454],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:514,&quot;key&quot;:&quot;myhome_514&quot;,&quot;name&quot;:&quot;Park Slope&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[451],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:508,&quot;key&quot;:&quot;myhome_508&quot;,&quot;name&quot;:&quot;South Bronx&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[450],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:520,&quot;key&quot;:&quot;myhome_520&quot;,&quot;name&quot;:&quot;South Shore&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[454],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:518,&quot;key&quot;:&quot;myhome_518&quot;,&quot;name&quot;:&quot;Suffolk County&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[455],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:521,&quot;key&quot;:&quot;myhome_521&quot;,&quot;name&quot;:&quot;Upper East Side&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[452],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:522,&quot;key&quot;:&quot;myhome_522&quot;,&quot;name&quot;:&quot;Upper West Side&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[452],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:511,&quot;key&quot;:&quot;myhome_511&quot;,&quot;name&quot;:&quot;West Bronx&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:512,&quot;key&quot;:&quot;myhome_512&quot;,&quot;name&quot;:&quot;Williamsburg&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[451],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false}]"
        :disable-fetch-terms="true"
                :options-limit="100"
    >
    <div
            slot-scope="taxonomyField"
                    v-if="taxonomyField.isVisible && !taxonomyField.isDisabled"
                    class="myhome-search-form-field myhome-search-form-field--myhome_15545 elementor-repeater-item-c653ea7"
    >
        <div class="myhome-search-sidebar__children">
                            <div
                                            class="myhome-search-panel myhome-search-panel--limit-height"
                                            :class="{'myhome-search-panel--more': taxonomyField.showMoreOptionsButton}"
                >
                    <div class="myhome-search-panel__top">
                        <div class="myhome-search-panel__label">
                            Subregion                        </div>

                        <div
                                class="myhome-search-panel__circle"
                                :class="{'myhome-search-panel__circle--active': taxonomyField.selectedTerms.length}"
                        ></div>
                    </div>

                    <div class="myhome-search-panel__content">
                                                    <div class="myhome-search-panel__keyword">
                                <div class="myhome-input">
                                    <input
                                            @input="taxonomyField.setKeyword($event.target.value)"
                                            :value="taxonomyField.keyword"
                                            type="text"
                                            placeholder="Search"
                                    >

                                    <div
                                            v-if="taxonomyField.keyword !== ''"
                                            class="myhome-input__clear"
                                            @click="taxonomyField.setKeyword('')"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                                             fill="none">
                                            <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                  fill="#F09965"/>
                                        </svg>
                                    </div>
                                </div>
                            </div>
                        
                        <template>
                            <div class="myhome-search-panel__list">
                                <div
                                        v-for="option in taxonomyField.limitedOrderedOptions"
                                        class="myhome-search-panel__item"
                                        :class="{                                            'myhome-search-panel__item--disabled': option.count === 0,                                            'myhome-search-panel__item--active': option.active,                                        }"
                                        @click="taxonomyField.addTerm(option.id)"
                                >
                                    <div class="myhome-search-panel__item-wrapper">
                                        <div class="myhome-search-panel__item-inner">
                                            <div class="myhome-search-panel__option-button-wrapper">
                                                <div
                                                        class="myhome-checkbox myhome-checkbox--size-6"
                                                        :class="{'myhome-checkbox--checked': option.active}"
                                                >
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
                                                         viewbox="0 0 10 10" fill="none">
                                                        <path d="M9.76184 0.728889L8.8648 0.0970432C8.6166 -0.0771195 8.27655 -0.0102893 8.11043 0.244879L3.71321 6.96431L1.69244 4.87031C1.48138 4.65159 1.13741 4.65159 0.926348 4.87031L0.1583 5.66619C-0.0527667 5.88491 -0.0527667 6.24133 0.1583 6.46207L3.26567 9.68205C3.43961 9.86229 3.71321 10 3.95946 10C4.2057 10 4.4539 9.84001 4.61415 9.59902L9.90646 1.50857C10.0745 1.2534 10.01 0.903051 9.76184 0.728889Z"
                                                              fill="#FDFDFE"/>
                                                    </svg>
                                                </div>
                                            </div>

                                                                                            <div class="myhome-search-panel__item-label"
                                                     v-html="option.name + '<span> ('+ option.count +')</span>'"></div>
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>

                    <template>
                        <div
                                class="myhome-search-panel__more"
                                v-if="taxonomyField.showMoreOptionsButton"
                                @click="taxonomyField.onShowAllOptions"
                        >
                            Show More
                            ({{ taxonomyField.currentOptions.length
                            - 100 }})

                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
                                <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                <path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/>
                            </svg>
                        </div>
                    </template>
                </div>
                    </div>
    </div>
</mh-taxonomy-search-field><mh-select-number-search-field
        field-key="myhome_5462"
        :field="{&quot;key&quot;:&quot;myhome_5462&quot;,&quot;id&quot;:5462,&quot;type&quot;:&quot;number&quot;,&quot;hideTerms&quot;:[426,431,428],&quot;name&quot;:&quot;Bedrooms&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot;&quot;}"
        :filters="props.filters"
        :dependencies="props.dependencies"
    >
    <div
            slot-scope="mainNumberField"
            v-if="mainNumberField.isVisible"
            class="myhome-search-panel myhome-search-form-field myhome-search-form-field--myhome_5462"
    >
        <div class="myhome-search-panel__top">
            <div class="myhome-search-panel__label">
                Bedrooms            </div>

            <div
                    class="myhome-search-panel__circle"
                    :class="{'myhome-search-panel__circle--active': mainNumberField.hasAnyValue}"
            ></div>
        </div>

        <div class="myhome-search-panel__content">
                            <div class="myhome-search-panel__fields">
                    <mh-number-search-field
                            class="myhome-search-form-field"
                            :field="{&quot;key&quot;:&quot;myhome_5462&quot;,&quot;id&quot;:5462,&quot;type&quot;:&quot;number&quot;,&quot;hideTerms&quot;:[426,431,428],&quot;name&quot;:&quot;Bedrooms&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot;&quot;}"
                            field-key="myhome_5462_from"
                            :filters="props.filters"
                            :dependencies="props.dependencies"
                            compare-type="greater"
                    >
                        <div
                                slot-scope="numberField"
                                class="myhome-search-form-field"
                                @click.prevent="numberField.focusInput"
                        >
                            <div
                                                                    class="myhome-input"
                                                                    :class="{'myhome-input--active': numberField.value !== ''}"
                            >
                                
                                <input
                                        :value="numberField.value"
                                        @input="numberField.setValue($event.target.value)"
                                        type="text"
                                        placeholder="Min Bedrooms"
                                >

                                <template>
                                    <div
                                            v-if="numberField.value !== ''"
                                            class="myhome-input__clear"
                                            @click.stop.prevent="numberField.clear"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                                             fill="none">
                                            <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                  fill="#F09965"/>
                                        </svg>
                                    </div>
                                </template>
                            </div>
                        </div>
                    </mh-number-search-field>

                    <mh-number-search-field
                            class="myhome-search-form-field"
                            :field="{&quot;key&quot;:&quot;myhome_5462&quot;,&quot;id&quot;:5462,&quot;type&quot;:&quot;number&quot;,&quot;hideTerms&quot;:[426,431,428],&quot;name&quot;:&quot;Bedrooms&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot;&quot;}"
                            field-key="myhome_5462_to"
                            :filters="props.filters"
                            :dependencies="props.dependencies"
                            compare-type="less"
                    >
                        <div
                                slot-scope="numberField"
                                class="myhome-search-form-field"
                                @click.prevent="numberField.focusInput"
                        >
                            <div
                                                                    class="myhome-input"
                                                                    :class="{'myhome-input--active': numberField.value !== ''}"
                            >
                                
                                <input
                                        :value="numberField.value"
                                        @input="numberField.setValue($event.target.value)"
                                        type="text"
                                        placeholder="Max Bedrooms"
                                >

                                <template>
                                    <div
                                            v-if="numberField.value !== ''"
                                            class="myhome-input__clear"
                                            @click.stop.prevent="numberField.clear"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                                             fill="none">
                                            <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                  fill="#F09965"/>
                                        </svg>
                                    </div>
                                </template>
                            </div>
                        </div>
                    </mh-number-search-field>
                </div>
                    </div>
    </div>
</mh-select-number-search-field>
<mh-select-number-search-field
        field-key="myhome_5463"
        :field="{&quot;key&quot;:&quot;myhome_5463&quot;,&quot;id&quot;:5463,&quot;type&quot;:&quot;number&quot;,&quot;hideTerms&quot;:[426,431,428],&quot;name&quot;:&quot;Bathrooms&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot;&quot;}"
        :filters="props.filters"
        :dependencies="props.dependencies"
    >
    <div
            slot-scope="mainNumberField"
            v-if="mainNumberField.isVisible"
            class="myhome-search-panel myhome-search-form-field myhome-search-form-field--myhome_5463"
    >
        <div class="myhome-search-panel__top">
            <div class="myhome-search-panel__label">
                Bathrooms            </div>

            <div
                    class="myhome-search-panel__circle"
                    :class="{'myhome-search-panel__circle--active': mainNumberField.hasAnyValue}"
            ></div>
        </div>

        <div class="myhome-search-panel__content">
                            <div class="myhome-search-panel__fields">
                    <mh-number-search-field
                            class="myhome-search-form-field"
                            :field="{&quot;key&quot;:&quot;myhome_5463&quot;,&quot;id&quot;:5463,&quot;type&quot;:&quot;number&quot;,&quot;hideTerms&quot;:[426,431,428],&quot;name&quot;:&quot;Bathrooms&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot;&quot;}"
                            field-key="myhome_5463_from"
                            :filters="props.filters"
                            :dependencies="props.dependencies"
                            compare-type="greater"
                    >
                        <div
                                slot-scope="numberField"
                                class="myhome-search-form-field"
                                @click.prevent="numberField.focusInput"
                        >
                            <div
                                                                    class="myhome-input"
                                                                    :class="{'myhome-input--active': numberField.value !== ''}"
                            >
                                
                                <input
                                        :value="numberField.value"
                                        @input="numberField.setValue($event.target.value)"
                                        type="text"
                                        placeholder="Min Bathrooms"
                                >

                                <template>
                                    <div
                                            v-if="numberField.value !== ''"
                                            class="myhome-input__clear"
                                            @click.stop.prevent="numberField.clear"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                                             fill="none">
                                            <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                  fill="#F09965"/>
                                        </svg>
                                    </div>
                                </template>
                            </div>
                        </div>
                    </mh-number-search-field>

                    <mh-number-search-field
                            class="myhome-search-form-field"
                            :field="{&quot;key&quot;:&quot;myhome_5463&quot;,&quot;id&quot;:5463,&quot;type&quot;:&quot;number&quot;,&quot;hideTerms&quot;:[426,431,428],&quot;name&quot;:&quot;Bathrooms&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot;&quot;}"
                            field-key="myhome_5463_to"
                            :filters="props.filters"
                            :dependencies="props.dependencies"
                            compare-type="less"
                    >
                        <div
                                slot-scope="numberField"
                                class="myhome-search-form-field"
                                @click.prevent="numberField.focusInput"
                        >
                            <div
                                                                    class="myhome-input"
                                                                    :class="{'myhome-input--active': numberField.value !== ''}"
                            >
                                
                                <input
                                        :value="numberField.value"
                                        @input="numberField.setValue($event.target.value)"
                                        type="text"
                                        placeholder="Max Bathrooms"
                                >

                                <template>
                                    <div
                                            v-if="numberField.value !== ''"
                                            class="myhome-input__clear"
                                            @click.stop.prevent="numberField.clear"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                                             fill="none">
                                            <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                  fill="#F09965"/>
                                        </svg>
                                    </div>
                                </template>
                            </div>
                        </div>
                    </mh-number-search-field>
                </div>
                    </div>
    </div>
</mh-select-number-search-field>
<mh-select-number-search-field
        field-key="myhome_340"
        :field="{&quot;key&quot;:&quot;myhome_340&quot;,&quot;id&quot;:340,&quot;type&quot;:&quot;number&quot;,&quot;hideTerms&quot;:[431],&quot;name&quot;:&quot;Property Size&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot; ft\u00b2&quot;}"
        :filters="props.filters"
        :dependencies="props.dependencies"
    >
    <div
            slot-scope="mainNumberField"
            v-if="mainNumberField.isVisible"
            class="myhome-search-panel myhome-search-form-field myhome-search-form-field--myhome_340"
    >
        <div class="myhome-search-panel__top">
            <div class="myhome-search-panel__label">
                Property Size            </div>

            <div
                    class="myhome-search-panel__circle"
                    :class="{'myhome-search-panel__circle--active': mainNumberField.hasAnyValue}"
            ></div>
        </div>

        <div class="myhome-search-panel__content">
                            <div class="myhome-search-panel__fields">
                    <mh-number-search-field
                            class="myhome-search-form-field"
                            :field="{&quot;key&quot;:&quot;myhome_340&quot;,&quot;id&quot;:340,&quot;type&quot;:&quot;number&quot;,&quot;hideTerms&quot;:[431],&quot;name&quot;:&quot;Property Size&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot; ft\u00b2&quot;}"
                            field-key="myhome_340_from"
                            :filters="props.filters"
                            :dependencies="props.dependencies"
                            compare-type="greater"
                    >
                        <div
                                slot-scope="numberField"
                                class="myhome-search-form-field"
                                @click.prevent="numberField.focusInput"
                        >
                            <div
                                                                    class="myhome-input"
                                                                    :class="{'myhome-input--active': numberField.value !== ''}"
                            >
                                
                                <input
                                        :value="numberField.value"
                                        @input="numberField.setValue($event.target.value)"
                                        type="text"
                                        placeholder="Min Property Size"
                                >

                                <template>
                                    <div
                                            v-if="numberField.value !== ''"
                                            class="myhome-input__clear"
                                            @click.stop.prevent="numberField.clear"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                                             fill="none">
                                            <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                  fill="#F09965"/>
                                        </svg>
                                    </div>
                                </template>
                            </div>
                        </div>
                    </mh-number-search-field>

                    <mh-number-search-field
                            class="myhome-search-form-field"
                            :field="{&quot;key&quot;:&quot;myhome_340&quot;,&quot;id&quot;:340,&quot;type&quot;:&quot;number&quot;,&quot;hideTerms&quot;:[431],&quot;name&quot;:&quot;Property Size&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot; ft\u00b2&quot;}"
                            field-key="myhome_340_to"
                            :filters="props.filters"
                            :dependencies="props.dependencies"
                            compare-type="less"
                    >
                        <div
                                slot-scope="numberField"
                                class="myhome-search-form-field"
                                @click.prevent="numberField.focusInput"
                        >
                            <div
                                                                    class="myhome-input"
                                                                    :class="{'myhome-input--active': numberField.value !== ''}"
                            >
                                
                                <input
                                        :value="numberField.value"
                                        @input="numberField.setValue($event.target.value)"
                                        type="text"
                                        placeholder="Max Property Size"
                                >

                                <template>
                                    <div
                                            v-if="numberField.value !== ''"
                                            class="myhome-input__clear"
                                            @click.stop.prevent="numberField.clear"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                                             fill="none">
                                            <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                  fill="#F09965"/>
                                        </svg>
                                    </div>
                                </template>
                            </div>
                        </div>
                    </mh-number-search-field>
                </div>
                    </div>
    </div>
</mh-select-number-search-field>
<mh-select-number-search-field
        field-key="myhome_9694"
        :field="{&quot;key&quot;:&quot;myhome_9694&quot;,&quot;id&quot;:9694,&quot;type&quot;:&quot;number&quot;,&quot;hideTerms&quot;:[],&quot;name&quot;:&quot;Lot Size&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot; ft\u00b2&quot;}"
        :filters="props.filters"
        :dependencies="props.dependencies"
    >
    <div
            slot-scope="mainNumberField"
            v-if="mainNumberField.isVisible"
            class="myhome-search-panel myhome-search-form-field myhome-search-form-field--myhome_9694"
    >
        <div class="myhome-search-panel__top">
            <div class="myhome-search-panel__label">
                Lot Size            </div>

            <div
                    class="myhome-search-panel__circle"
                    :class="{'myhome-search-panel__circle--active': mainNumberField.hasAnyValue}"
            ></div>
        </div>

        <div class="myhome-search-panel__content">
                            <div class="myhome-search-panel__fields">
                    <mh-number-search-field
                            class="myhome-search-form-field"
                            :field="{&quot;key&quot;:&quot;myhome_9694&quot;,&quot;id&quot;:9694,&quot;type&quot;:&quot;number&quot;,&quot;hideTerms&quot;:[],&quot;name&quot;:&quot;Lot Size&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot; ft\u00b2&quot;}"
                            field-key="myhome_9694_from"
                            :filters="props.filters"
                            :dependencies="props.dependencies"
                            compare-type="greater"
                    >
                        <div
                                slot-scope="numberField"
                                class="myhome-search-form-field"
                                @click.prevent="numberField.focusInput"
                        >
                            <div
                                                                    class="myhome-input"
                                                                    :class="{'myhome-input--active': numberField.value !== ''}"
                            >
                                
                                <input
                                        :value="numberField.value"
                                        @input="numberField.setValue($event.target.value)"
                                        type="text"
                                        placeholder="Min Lot Size"
                                >

                                <template>
                                    <div
                                            v-if="numberField.value !== ''"
                                            class="myhome-input__clear"
                                            @click.stop.prevent="numberField.clear"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                                             fill="none">
                                            <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                  fill="#F09965"/>
                                        </svg>
                                    </div>
                                </template>
                            </div>
                        </div>
                    </mh-number-search-field>

                    <mh-number-search-field
                            class="myhome-search-form-field"
                            :field="{&quot;key&quot;:&quot;myhome_9694&quot;,&quot;id&quot;:9694,&quot;type&quot;:&quot;number&quot;,&quot;hideTerms&quot;:[],&quot;name&quot;:&quot;Lot Size&quot;,&quot;displayBefore&quot;:&quot;&quot;,&quot;displayAfter&quot;:&quot; ft\u00b2&quot;}"
                            field-key="myhome_9694_to"
                            :filters="props.filters"
                            :dependencies="props.dependencies"
                            compare-type="less"
                    >
                        <div
                                slot-scope="numberField"
                                class="myhome-search-form-field"
                                @click.prevent="numberField.focusInput"
                        >
                            <div
                                                                    class="myhome-input"
                                                                    :class="{'myhome-input--active': numberField.value !== ''}"
                            >
                                
                                <input
                                        :value="numberField.value"
                                        @input="numberField.setValue($event.target.value)"
                                        type="text"
                                        placeholder="Max Lot Size"
                                >

                                <template>
                                    <div
                                            v-if="numberField.value !== ''"
                                            class="myhome-input__clear"
                                            @click.stop.prevent="numberField.clear"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                                             fill="none">
                                            <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                  fill="#F09965"/>
                                        </svg>
                                    </div>
                                </template>
                            </div>
                        </div>
                    </mh-number-search-field>
                </div>
                    </div>
    </div>
</mh-select-number-search-field>
<mh-taxonomy-search-field
        :field="{&quot;key&quot;:&quot;myhome_4661&quot;,&quot;id&quot;:4661,&quot;type&quot;:&quot;taxonomy&quot;,&quot;hideTerms&quot;:[431],&quot;multiple&quot;:true,&quot;multilevel&quot;:false,&quot;orderType&quot;:&quot;name&quot;,&quot;whenTermHasNoResults&quot;:&quot;hide&quot;,&quot;disableUntilParentSelected&quot;:false,&quot;parentTaxonomyKeys&quot;:[]}"
        :filters="props.filters"
        :dependencies="props.dependencies"
        :term-count="props.termCount"
        :multiple="true"
        order-type="name"
        all-label="All"
            :initial-terms="[{&quot;id&quot;:263,&quot;key&quot;:&quot;myhome_263&quot;,&quot;name&quot;:&quot;Administrative support&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:264,&quot;key&quot;:&quot;myhome_264&quot;,&quot;name&quot;:&quot;Air conditioning&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:265,&quot;key&quot;:&quot;myhome_265&quot;,&quot;name&quot;:&quot;Attic&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:266,&quot;key&quot;:&quot;myhome_266&quot;,&quot;name&quot;:&quot;Balcony&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:267,&quot;key&quot;:&quot;myhome_267&quot;,&quot;name&quot;:&quot;Barbecue&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:268,&quot;key&quot;:&quot;myhome_268&quot;,&quot;name&quot;:&quot;Broadband Internet&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:269,&quot;key&quot;:&quot;myhome_269&quot;,&quot;name&quot;:&quot;Ceiling Fan&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:270,&quot;key&quot;:&quot;myhome_270&quot;,&quot;name&quot;:&quot;Central heating&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:446,&quot;key&quot;:&quot;myhome_446&quot;,&quot;name&quot;:&quot;Commercial Property&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:272,&quot;key&quot;:&quot;myhome_272&quot;,&quot;name&quot;:&quot;Disabled facilities&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:273,&quot;key&quot;:&quot;myhome_273&quot;,&quot;name&quot;:&quot;Dishwasher&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:274,&quot;key&quot;:&quot;myhome_274&quot;,&quot;name&quot;:&quot;Dryer&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:444,&quot;key&quot;:&quot;myhome_444&quot;,&quot;name&quot;:&quot;Farms and Ranches&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:275,&quot;key&quot;:&quot;myhome_275&quot;,&quot;name&quot;:&quot;Fireplace&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:276,&quot;key&quot;:&quot;myhome_276&quot;,&quot;name&quot;:&quot;Furnished&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:277,&quot;key&quot;:&quot;myhome_277&quot;,&quot;name&quot;:&quot;Garden&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:278,&quot;key&quot;:&quot;myhome_278&quot;,&quot;name&quot;:&quot;High ceilings&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:279,&quot;key&quot;:&quot;myhome_279&quot;,&quot;name&quot;:&quot;Hot Tub&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:443,&quot;key&quot;:&quot;myhome_443&quot;,&quot;name&quot;:&quot;Hunting Property&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:280,&quot;key&quot;:&quot;myhome_280&quot;,&quot;name&quot;:&quot;Kitchen&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:281,&quot;key&quot;:&quot;myhome_281&quot;,&quot;name&quot;:&quot;Laundry&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:282,&quot;key&quot;:&quot;myhome_282&quot;,&quot;name&quot;:&quot;Lift&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:283,&quot;key&quot;:&quot;myhome_283&quot;,&quot;name&quot;:&quot;Microwave&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:442,&quot;key&quot;:&quot;myhome_442&quot;,&quot;name&quot;:&quot;Recreational Property&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:284,&quot;key&quot;:&quot;myhome_284&quot;,&quot;name&quot;:&quot;Refrigerator&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:285,&quot;key&quot;:&quot;myhome_285&quot;,&quot;name&quot;:&quot;Security system&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:445,&quot;key&quot;:&quot;myhome_445&quot;,&quot;name&quot;:&quot;Undeveloped Land&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:286,&quot;key&quot;:&quot;myhome_286&quot;,&quot;name&quot;:&quot;Washer&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false},{&quot;id&quot;:287,&quot;key&quot;:&quot;myhome_287&quot;,&quot;name&quot;:&quot;WiFi&quot;,&quot;parent&quot;:0,&quot;searchFormPlaceholder&quot;:&quot;Choose Category&quot;,&quot;parentTermIds&quot;:[],&quot;dependencies&quot;:[],&quot;hasMultilevelChildren&quot;:false}]"
        :disable-fetch-terms="true"
                :options-limit="100"
    >
    <div
            slot-scope="taxonomyField"
                    v-if="taxonomyField.isVisible && !taxonomyField.isDisabled"
                    class="myhome-search-form-field myhome-search-form-field--myhome_4661 elementor-repeater-item-dd910fc"
    >
        <div class="myhome-search-sidebar__children">
                            <div
                                            class="myhome-search-panel myhome-search-panel--limit-height"
                                            :class="{'myhome-search-panel--more': taxonomyField.showMoreOptionsButton}"
                >
                    <div class="myhome-search-panel__top">
                        <div class="myhome-search-panel__label">
                            Features                        </div>

                        <div
                                class="myhome-search-panel__circle"
                                :class="{'myhome-search-panel__circle--active': taxonomyField.selectedTerms.length}"
                        ></div>
                    </div>

                    <div class="myhome-search-panel__content">
                                                    <div class="myhome-search-panel__keyword">
                                <div class="myhome-input">
                                    <input
                                            @input="taxonomyField.setKeyword($event.target.value)"
                                            :value="taxonomyField.keyword"
                                            type="text"
                                            placeholder="Search"
                                    >

                                    <div
                                            v-if="taxonomyField.keyword !== ''"
                                            class="myhome-input__clear"
                                            @click="taxonomyField.setKeyword('')"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" viewbox="0 0 6 6"
                                             fill="none">
                                            <path d="M0.667016 0.000289049C0.534874 0.000452754 0.405782 0.0400233 0.296228 0.113946C0.186675 0.187868 0.101634 0.292787 0.05197 0.415298C0.00230608 0.53781 -0.00972662 0.672352 0.0174091 0.801739C0.0445448 0.931126 0.109617 1.04948 0.204313 1.14169L2.06032 2.99857L0.204313 4.85546C0.140536 4.91672 0.0896183 4.9901 0.0545414 5.07129C0.0194646 5.15249 0.000933792 5.23987 3.43907e-05 5.32832C-0.00086501 5.41677 0.0158851 5.50452 0.0493036 5.58641C0.0827221 5.6683 0.132137 5.7427 0.194655 5.80525C0.257173 5.8678 0.331537 5.91724 0.413391 5.95067C0.495245 5.9841 0.582945 6.00086 0.671354 5.99996C0.759763 5.99906 0.847104 5.98052 0.928262 5.94543C1.00942 5.91034 1.08276 5.85939 1.144 5.79559L3 3.9387L4.856 5.79559C4.91723 5.85939 4.99058 5.91034 5.07173 5.94543C5.15289 5.98053 5.24023 5.99907 5.32864 5.99997C5.41705 6.00087 5.50475 5.98411 5.58661 5.95067C5.66846 5.91724 5.74283 5.8678 5.80535 5.80525C5.86786 5.74271 5.91728 5.66831 5.9507 5.58641C5.98412 5.50452 6.00087 5.41678 5.99997 5.32832C5.99907 5.23987 5.98053 5.15249 5.94546 5.07129C5.91038 4.9901 5.85946 4.91672 5.79568 4.85546L3.93968 2.99857L5.79568 1.14169C5.89171 1.0483 5.9573 0.928073 5.98385 0.796753C6.01041 0.665433 5.99669 0.529151 5.94449 0.405766C5.8923 0.282381 5.80407 0.177648 5.69136 0.105294C5.57865 0.0329402 5.44672 -0.00366036 5.31286 0.000289049C5.14022 0.00543568 4.97636 0.0776237 4.856 0.20156L3 2.05844L1.144 0.20156C1.08199 0.137793 1.00783 0.0871234 0.925898 0.0525512C0.843967 0.017979 0.755935 0.000207391 0.667016 0.000289049Z"
                                                  fill="#F09965"/>
                                        </svg>
                                    </div>
                                </div>
                            </div>
                        
                        <template>
                            <div class="myhome-search-panel__list">
                                <div
                                        v-for="option in taxonomyField.limitedOrderedOptions"
                                        class="myhome-search-panel__item"
                                        :class="{                                            'myhome-search-panel__item--disabled': option.count === 0,                                            'myhome-search-panel__item--active': option.active,                                        }"
                                        @click="taxonomyField.addTerm(option.id)"
                                >
                                    <div class="myhome-search-panel__item-wrapper">
                                        <div class="myhome-search-panel__item-inner">
                                            <div class="myhome-search-panel__option-button-wrapper">
                                                <div
                                                        class="myhome-checkbox myhome-checkbox--size-6"
                                                        :class="{'myhome-checkbox--checked': option.active}"
                                                >
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"
                                                         viewbox="0 0 10 10" fill="none">
                                                        <path d="M9.76184 0.728889L8.8648 0.0970432C8.6166 -0.0771195 8.27655 -0.0102893 8.11043 0.244879L3.71321 6.96431L1.69244 4.87031C1.48138 4.65159 1.13741 4.65159 0.926348 4.87031L0.1583 5.66619C-0.0527667 5.88491 -0.0527667 6.24133 0.1583 6.46207L3.26567 9.68205C3.43961 9.86229 3.71321 10 3.95946 10C4.2057 10 4.4539 9.84001 4.61415 9.59902L9.90646 1.50857C10.0745 1.2534 10.01 0.903051 9.76184 0.728889Z"
                                                              fill="#FDFDFE"/>
                                                    </svg>
                                                </div>
                                            </div>

                                                                                            <div class="myhome-search-panel__item-label"
                                                     v-html="option.name + '<span> ('+ option.count +')</span>'"></div>
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>

                    <template>
                        <div
                                class="myhome-search-panel__more"
                                v-if="taxonomyField.showMoreOptionsButton"
                                @click="taxonomyField.onShowAllOptions"
                        >
                            Show More
                            ({{ taxonomyField.currentOptions.length
                            - 100 }})

                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
                                <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                <path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/>
                            </svg>
                        </div>
                    </template>
                </div>
                    </div>
    </div>
</mh-taxonomy-search-field></div>
                        <portal v-show="sidebarProps.open" to="footer">
                            <div
                                    class="myhome-search-sidebar-mobile-button"
                                    :class="{'myhome-search-sidebar-mobile-button--show': sidebarProps.open}"
                            >
                                <div
                                        class="myhome-search-sidebar-mobile-button__close"
                                        @click.stop.prevent="sidebarProps.onOpen"
                                >
                                    <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17"
                                         viewbox="0 0 17 17"
                                         fill="none">
                                        <path d="M15.9999 15.9999L1 1" stroke="#2A3946" stroke-width="2"
                                              stroke-linecap="round" stroke-linejoin="round"></path>
                                        <path d="M16 1L1 16" stroke="#2A3946" stroke-width="2"
                                              stroke-linecap="round"
                                              stroke-linejoin="round"></path>
                                    </svg>
                                </div>
                            </div>
                        </portal>
                    </div>
                </mh-search-sidebar>

                <div class="myhome-search-v2__results">
                    <mh-open-sidebar-filters>
                        <div slot-scope="openSidebarFilters" class="myhome-search-v2__more-filters">
                            <div class="myhome-mobile-container">
                                <button
                                        class="myhome-simple-button myhome-simple-button--full-width myhome-simple-button--height-45 myhome-simple-button--background-primary-1"
                                        @click="openSidebarFilters.onClick"
                                >
                                    <span class="myhome-simple-button__icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="14" height="16"
                                             viewbox="0 0 14 16" fill="none">
                                            <path d="M0 0V1.49148L0.139205 1.67045L5.09091 7.85511V15.2727L6.10511 14.517L8.65057 12.608L8.90909 12.4091V7.85511L13.8608 1.67045L14 1.49148V0H0ZM1.4517 1.27273H12.5483L7.97443 7H6.02557L1.4517 1.27273ZM6.36364 8.27273H7.63636V11.7727L6.36364 12.7273V8.27273Z"
                                                  fill="#FDFDFE"/>
                                        </svg>
                                    </span>

                                    More filters                                </button>
                            </div>
                        </div>
                    </mh-open-sidebar-filters>

                    <div
            class="myhome-search-results myhome-highlight-featured-listings"
    >
            <div class="myhome-search-results__row">
            <div class="myhome-search-results__row-left">
                <template>
                    <div class="myhome-search-results__results-number">
                        <span class="myhome-search-results__results-number-count">
                            {{ props.count }}
                        </span>

                        <span class="myhome-search-results__results-number-label">
                            Results                        </span>
                    </div>

                    <template v-if="props.title !== ''">
                        <h1 class="myhome-search-results__title" v-html="props.title"></h1>
                    </template>
                </template>
            </div>

            <div class="myhome-search-results__row-right">
                                    <div class="myhome-search-results__sort-by">
                        <div class="myhome-search-results__sort-by-label">
                            Sort by:                        </div>

                        <template>
                            <mh-sort-by-options
                                    :options="[{&quot;id&quot;:&quot;most-relevant&quot;,&quot;name&quot;:&quot;Most Relevant&quot;,&quot;field&quot;:false},{&quot;id&quot;:&quot;newest&quot;,&quot;name&quot;:&quot;Date Listed: Newest&quot;,&quot;field&quot;:false},{&quot;id&quot;:&quot;price-high-to-low&quot;,&quot;name&quot;:&quot;Price: Highest&quot;,&quot;field&quot;:{&quot;id&quot;:130,&quot;hideTerms&quot;:[432]}},{&quot;id&quot;:&quot;price-low-to-high&quot;,&quot;name&quot;:&quot;Price: Lowest&quot;,&quot;field&quot;:{&quot;id&quot;:130,&quot;hideTerms&quot;:[432]}},{&quot;id&quot;:&quot;rent-price-high-to-low&quot;,&quot;name&quot;:&quot;Rent Price: Highest&quot;,&quot;field&quot;:{&quot;id&quot;:5974,&quot;hideTerms&quot;:[]}},{&quot;id&quot;:&quot;rent-price-low-to-high&quot;,&quot;name&quot;:&quot;Rent Price: Lowest&quot;,&quot;field&quot;:{&quot;id&quot;:5974,&quot;hideTerms&quot;:[]}}]"
                                    :dependencies="props.dependencies"
                                    :sort-by="props.sortBy"
                            >
                                <div slot-scope="sortByOptions">
                                    <mh-select
                                            :options="sortByOptions.options"
                                            @input="props.setSortBy"
                                            :is-selected="props.isSortBy"
                                            active-text-class="myhome-select__option--highlight-text"
                                            highlight-option-class="myhome-select__option--highlight"
                                            order-type="none"
                                    >
                                        <div
                                                slot-scope="select"
                                                @focusin="select.focusIn"
                                                @focusout="select.focusOut"
                                                @keyup.esc="select.onClose"
                                                @keyup.up="select.decreaseOptionIndex"
                                                @keyup.down="select.increaseOptionIndex"
                                                @keyup.enter="select.setOptionByIndex"
                                                tabindex="0"
                                                @click="select.onOpen"
                                                class="myhome-select myhome-select--width-auto"
                                                :class="{                                                    'myhome-select--open': select.open || true                                                }"
                                        >
                                            <div
                                                    class="myhome-select__placeholder"
                                                    v-html="select.getOptionLabel(props.sortBy)"
                                            ></div>

                                            <div class="myhome-select__arrow">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="7" height="5"
                                                     viewbox="0 0 7 5" fill="none">
                                                    <path d="M3.5 2.56768L5.87477 0.192917C6.13207 -0.0643854 6.54972 -0.0643854 6.80702 0.192917C7.06433 0.45022 7.06433 0.86787 6.80702 1.12517L3.9394 3.99279C3.6964 4.2358 3.30298 4.2358 3.0606 3.99279L0.192977 1.12517C-0.0643257 0.86787 -0.0643257 0.45022 0.192977 0.192917C0.45028 -0.0643854 0.86793 -0.0643854 1.12523 0.192917L3.5 2.56768Z"
                                                          fill="#2A3946"/>
                                                </svg>
                                            </div>

                                            <template>
                                                <div
                                                        v-if="select.open"
                                                        class="myhome-select__dropdown myhome-select__dropdown--auto-width"
                                                >
                                                    <div
                                                            v-for="(option, index) in select.options"
                                                            :key="option.id"
                                                            @click="select.setOption(option)"
                                                            class="myhome-select__option"
                                                            :class="{                                                                    'myhome-select__option--active': option.selected,                                                                    'myhome-select__option--highlight': index === select.optionIndex,                                                                    'myhome-select__option--disabled': option.disabled && !option.selected,                                                                }"
                                                    >
                                                        <div class="myhome-select__value"
                                                             v-html="option.label"></div>
                                                    </div>
                                                </div>
                                            </template>
                                        </div>
                                    </mh-select>
                                </div>
                            </mh-sort-by-options>
                        </template>
                    </div>
                
                                    <div class="myhome-search-results__views">
                        <div
                                @click.prevent="props.setTemplate('templates/widgets/general/search/partials/search_results_card')"
                                class="myhome-view-selector"
                                :class="{'myhome-view-selector--active': props.template === 'templates/widgets/general/search/partials/search_results_card' }"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
                                <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                <path d="M128 136c0-22.1-17.9-40-40-40L40 96C17.9 96 0 113.9 0 136l0 48c0 22.1 17.9 40 40 40H88c22.1 0 40-17.9 40-40l0-48zm0 192c0-22.1-17.9-40-40-40H40c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40H88c22.1 0 40-17.9 40-40V328zm32-192v48c0 22.1 17.9 40 40 40h48c22.1 0 40-17.9 40-40V136c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM288 328c0-22.1-17.9-40-40-40H200c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40h48c22.1 0 40-17.9 40-40V328zm32-192v48c0 22.1 17.9 40 40 40h48c22.1 0 40-17.9 40-40V136c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM448 328c0-22.1-17.9-40-40-40H360c-22.1 0-40 17.9-40 40v48c0 22.1 17.9 40 40 40h48c22.1 0 40-17.9 40-40V328z"/>
                            </svg>
                        </div>

                        <div
                                @click.prevent="props.setTemplate('templates/widgets/general/search/partials/search_results_row')"
                                class="myhome-view-selector"
                                :class="{'myhome-view-selector--active': props.template === 'templates/widgets/general/search/partials/search_results_row' }"
                        >
                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
                                <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                <path d="M32 288c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 288zm0-128c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 160z"/>
                            </svg>
                        </div>
                    </div>
                            </div>
        </div>
    
    <template>
        <div
                class="myhome-search-results__description"
                v-if="props.description !== ''"
                v-html="props.description"
        ></div>
    </template>

            <template>
    <div v-if="props.searchFilters.length > 0" class="myhome-search-results__filters">
        <div v-for="filter in props.searchFilters" :key="filter.key">
            <div
                    class="myhome-search-filter"
                    v-if="filter.type === 'taxonomy'"
                    @click.stop.prevent="props.removeTaxonomyFilter(filter.key, filter.termId)"
            >
                <span v-html="filter.label"></span>

                <div class="myhome-search-filter__close">
                    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
                        <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                        <path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/>
                    </svg>
                </div>
            </div>

            <div
                    class="myhome-search-filter"
                    v-if="filter.type === 'regular'"
                    @click.stop.prevent="props.removeFilter(filter.key)"
            >
                <span v-html="filter.label"></span>

                <div class="myhome-search-filter__close">
                    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
                        <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                        <path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/>
                    </svg>
                </div>
            </div>
        </div>

        <div
                v-if="props.searchFilters.length > 1"
                @click="props.onClear"
                class="myhome-search-results__clear-filters"
        >
            Clear all        </div>
    </div>
</template>    
    <div v-show="props.count > 0" class="myhome-search-results__list">
        <template>
            <div
                    v-if="props.inProgress && props.template === 'templates/widgets/general/search/partials/search_results_card'"
                    class="myhome-listing-grid myhome-listing-grid--small-cards myhome-listing-grid--cards"
            >
                <div
        class="myhome-skeleton-listing-card"
        v-for="n in 6"
>
    <div class="myhome-skeleton-listing-card__gallery">
        <img
                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
                alt="skeleton"
        >
    </div>

    <div class="myhome-skeleton-listing-card__content">
        <div class="myhome-skeleton-listing-card__line myhome-skeleton-listing-card__line--no-margin myhome-skeleton-listing-card__line--first"></div>

        <div class="myhome-skeleton-listing-card__line myhome-skeleton-listing-card__line--second"></div>

        <div class="myhome-skeleton-listing-card__line myhome-skeleton-listing-card__line--third"></div>
    </div>

            <div class="myhome-skeleton-listing-card__bottom">
            <div class="myhome-skeleton-listing-card__bottom-right">
                <div class="myhome-skeleton-listing-card__circle myhome-skeleton-listing-card__circle--margin-right"></div>

                                    <div class="myhome-skeleton-listing-card__circle"></div>
                            </div>
        </div>
    </div>            </div>

            <div
                    v-if="props.inProgress && (props.template === 'templates/widgets/general/search/partials/search_results_row')"
                    class="myhome-listing-grid myhome-listing-grid--rows-v2 myhome-listing-grid--1-col"
            >
                            </div>
        </template>

        <div v-show="!props.inProgress">
            <div class="myhome-search-results__list-results">
                <div class="myhome-listing-grid myhome-listing-grid--rows-v2 myhome-listing-grid--1-col">
                <a
                    class="myhome-listing-row"
                    href="https://villas-in-morocco.com/listing/15713/"
    >
        <div class="myhome-listing-row__left">
            <div
                                    class="myhome-listing-row__gallery myhome-listing-row__gallery--image-count-8"
                            >
                <div class="myhome-listing-row__labels">
                                            
                        
                                                                    
                                                                                                                        <div
                                            class="myhome-listing-row__label"
                                            style="                                                                                                color: #FDFDFE;                                                                                                                                        background-color: #FF5D5D;                                                                                            "
                                    >
                                        For Rent                                    </div>
                                                                                    
                                                            </div>

                                    <mh-card-gallery prefix="myhome">
                        <div
                                class="myhome-listing-row__gallery-inner"
                                slot-scope="gallery"
                        >
                            <div class="myhome-swiper-container">
                                <div class="myhome-swiper-wrapper">
                                                                                <div class="myhome-swiper-slide">
                                                <img
                                                        class="lazyload"
                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
                                                        alt=""
                                                                                                            data-src="https://villas-in-morocco.com/wp-content/uploads/2025/10/fc79e377-189d-4dfc-8cf3-f48989af8c47-e1759793675698-360x240.jpg"
                                                                                                    >
                                            </div>
                                                                                    <div class="myhome-swiper-slide">
                                                <img
                                                        class="lazyload"
                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
                                                        alt=""
                                                                                                            data-srcset="https://villas-in-morocco.com/wp-content/uploads/2025/10/5f246c2c-a455-4914-bbb3-b155b298c6ad-e1759793896941-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2025/10/5f246c2c-a455-4914-bbb3-b155b298c6ad-e1759793896941-720x480.jpg 720w"
                                                        data-sizes="auto"
                                                                                                    >
                                            </div>
                                                                                    <div class="myhome-swiper-slide">
                                                <img
                                                        class="lazyload"
                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
                                                        alt=""
                                                                                                            data-srcset="https://villas-in-morocco.com/wp-content/uploads/2025/10/8dd94df8-b464-4579-a99f-67fb2180e4d6-e1759793870359-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2025/10/8dd94df8-b464-4579-a99f-67fb2180e4d6-e1759793870359-720x480.jpg 720w"
                                                        data-sizes="auto"
                                                                                                    >
                                            </div>
                                                                                    <div class="myhome-swiper-slide">
                                                <img
                                                        class="lazyload"
                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
                                                        alt=""
                                                                                                            data-src="https://villas-in-morocco.com/wp-content/uploads/2025/10/93f99c8f-a502-44f6-b046-499f15e25cf3-e1759793823209-360x240.jpg"
                                                                                                    >
                                            </div>
                                                                                    <div class="myhome-swiper-slide">
                                                <img
                                                        class="lazyload"
                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
                                                        alt=""
                                                                                                            data-src="https://villas-in-morocco.com/wp-content/uploads/2025/10/a293efbf-7121-4c7a-a38a-f076015b4a34-e1759793793784-360x240.jpg"
                                                                                                    >
                                            </div>
                                                                                    <div class="myhome-swiper-slide">
                                                <img
                                                        class="lazyload"
                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
                                                        alt=""
                                                                                                            data-srcset="https://villas-in-morocco.com/wp-content/uploads/2025/10/ac5e9914-668b-4343-af9e-53838436bf27-e1759793765676-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2025/10/ac5e9914-668b-4343-af9e-53838436bf27-e1759793765676-720x480.jpg 720w"
                                                        data-sizes="auto"
                                                                                                    >
                                            </div>
                                                                                    <div class="myhome-swiper-slide">
                                                <img
                                                        class="lazyload"
                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
                                                        alt=""
                                                                                                            data-src="https://villas-in-morocco.com/wp-content/uploads/2025/10/d2f28b81-aa5f-4832-bd7c-429f7d5d1afc-e1759793742867-360x240.jpg"
                                                                                                    >
                                            </div>
                                                                                    <div class="myhome-swiper-slide">
                                                <img
                                                        class="lazyload"
                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
                                                        alt=""
                                                                                                            data-srcset="https://villas-in-morocco.com/wp-content/uploads/2025/10/f0927432-429a-4d7b-a92a-140f5da64f23-e1759793700983-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2025/10/f0927432-429a-4d7b-a92a-140f5da64f23-e1759793700983-720x480.jpg 720w"
                                                        data-sizes="auto"
                                                                                                    >
                                            </div>
                                                                                                            </div>

                                                                    <div class="myhome-listing-row__pagination">
                                        <div class="myhome-swiper-pagination"></div>
                                    </div>

                                    <div
                                            class="myhome-listing-row__prev-holder"
                                            @click.stop.prevent
></div>

                                    <div
                                            class="myhome-listing-row__next-holder"
                                            @click.stop.prevent
></div>

                                    <div
                                            @click.prevent="gallery.prevSlide"
                                            class="myhome-listing-row__prev"
                                            :class="{'myhome-listing-row__prev--active': !gallery.swiper.isBeginning}"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512">
                                            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                            <path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/>
                                        </svg>
                                    </div>

                                    <div
                                            @click.prevent="gallery.nextSlide"
                                            class="myhome-listing-row__next"
                                            :class="{'myhome-listing-row__next--active': !gallery.swiper.isEnd}"
                                    >
                                        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512">
                                            <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                            <path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/>
                                        </svg>
                                    </div>
                                                            </div>
                        </div>
                    </mh-card-gallery>
                            </div>
        </div>

        <div class="myhome-listing-row__main">
            <div class="myhome-listing-row__body">
                <div class="myhome-listing-row__inner">
                    <div class="myhome-listing-row__content">
                        <div class="myhome-listing-row__head">
                            <div class="myhome-listing-row__head-info">
                                                                    <div class="myhome-listing-row__attributes">
                                        <div class="myhome-attribute">
            <span class="myhome-attribute__icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512"><path d="M32 32c17.7 0 32 14.3 32 32V320H288V160c0-17.7 14.3-32 32-32H544c53 0 96 43 96 96V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V416H352 320 64v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V64C0 46.3 14.3 32 32 32zm144 96a80 80 0 1 1 0 160 80 80 0 1 1 0-160z"></path></svg>        </span>
    
    
    <span class="myhome-attribute__value">
        2    </span>

    </div><div class="myhome-attribute">
            <span class="myhome-attribute__icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M96 77.3c0-7.3 5.9-13.3 13.3-13.3c3.5 0 6.9 1.4 9.4 3.9l14.9 14.9C130 91.8 128 101.7 128 112c0 19.9 7.2 38 19.2 52c-5.3 9.2-4 21.1 3.8 29c9.4 9.4 24.6 9.4 33.9 0L289 89c9.4-9.4 9.4-24.6 0-33.9c-7.9-7.9-19.8-9.1-29-3.8C246 39.2 227.9 32 208 32c-10.3 0-20.2 2-29.2 5.5L163.9 22.6C149.4 8.1 129.7 0 109.3 0C66.6 0 32 34.6 32 77.3V256c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H96V77.3zM32 352v16c0 28.4 12.4 54 32 71.6V480c0 17.7 14.3 32 32 32s32-14.3 32-32V464H384v16c0 17.7 14.3 32 32 32s32-14.3 32-32V439.6c19.6-17.6 32-43.1 32-71.6V352H32z"></path></svg>        </span>
    
    
    <span class="myhome-attribute__value">
        2    </span>

    </div>                                    </div>
                                
                                <h3 class="myhome-listing-row__name myhome-listing-row-name-selector">
                                    Luxury Apartment for Rent with Pool View &#038; Golf Access                                </h3>

                                                            </div>

                                                            <div class="myhome-listing-row__icons">
                                                                            <mh-quick-preview
                                                prefix="myhome"
                                                request-url="https://villas-in-morocco.com/wp-admin/admin-post.php?action=myhome/model/preview"
                                                :model-id="15713"
                                        >
                                            <div
                                                    class="myhome-listing-row__icon"
                                                    slot-scope="quickPreview"
                                                    @click.stop.prevent="quickPreview.onOpen"
                                            >
                                                <div class="myhome-listing-row__icon-label">
                                                    Quick View                                                </div>

                                                <svg xmlns="http://www.w3.org/2000/svg" width="15" height="11"
                                                     viewbox="0 0 15 11"
                                                     fill="none">
                                                    <path d="M7.5 0.25C2.40909 0.25 0.5 5.34091 0.5 5.34091C0.5 5.34091 2.40909 10.4318 7.5 10.4318C12.5909 10.4318 14.5 5.34091 14.5 5.34091C14.5 5.34091 12.5909 0.25 7.5 0.25ZM7.5 1.52273C10.8575 1.52273 12.5557 4.23815 13.1055 5.33842C12.555 6.43106 10.8441 9.15909 7.5 9.15909C4.14255 9.15909 2.44435 6.44367 1.89453 5.34339C2.44562 4.25076 4.15591 1.52273 7.5 1.52273ZM7.5 2.79545C6.09427 2.79545 4.95455 3.93518 4.95455 5.34091C4.95455 6.74664 6.09427 7.88636 7.5 7.88636C8.90573 7.88636 10.0455 6.74664 10.0455 5.34091C10.0455 3.93518 8.90573 2.79545 7.5 2.79545ZM7.5 4.06818C8.20318 4.06818 8.77273 4.63773 8.77273 5.34091C8.77273 6.04409 8.20318 6.61364 7.5 6.61364C6.79682 6.61364 6.22727 6.04409 6.22727 5.34091C6.22727 4.63773 6.79682 4.06818 7.5 4.06818Z"
                                                          fill="#374B5C"/>
                                                </svg>
                                            </div>
                                        </mh-quick-preview>
                                    
                                                                            <mh-compare :model-id="15713">
                                            <div
                                                    slot-scope="compare"
                                                    class="myhome-listing-row__icon"
                                                    :class="{'myhome-listing-row__icon--active': compare.isActive}"
                                                    @click.prevent="compare.onClick"
                                            >
                                                <div class="myhome-listing-row__icon-label">
                                                    Add to Compare                                                </div>

                                                <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17"
                                                     viewbox="0 0 17 17"
                                                     fill="none">
                                                    <g clip-path="url(#clip0_53_5823)">
                                                        <path d="M0.169868 8.60556L3.01378 11.4283L5.83649 8.58436L3.56984 8.59284L3.55924 5.75953C3.5557 4.81318 4.30653 4.05672 5.25287 4.05318L11.5924 4.02946C11.8311 4.6848 12.4573 5.15956 13.1904 5.15682C14.1226 5.15333 14.8875 4.38264 14.884 3.45047C14.8805 2.5183 14.1098 1.75335 13.1777 1.75684C12.4446 1.75959 11.822 2.23902 11.5882 2.89613L5.24863 2.91985C3.69032 2.92568 2.42009 4.20546 2.42592 5.76377L2.43652 8.59708L0.169868 8.60556ZM1.32228 13.7013C1.32576 14.6335 2.09646 15.3984 3.02863 15.3949C3.76171 15.3922 4.3843 14.9127 4.61812 14.2556L10.9577 14.2319C12.516 14.2261 13.7862 12.9463 13.7804 11.388L13.7698 8.55468L16.0364 8.54619L13.1925 5.72348L10.3698 8.5674L12.6364 8.55892L12.647 11.3922C12.6506 12.3386 11.8998 13.095 10.9534 13.0986L4.61388 13.1223C4.37515 12.467 3.74898 11.9922 3.0159 11.9949C2.08374 11.9984 1.31879 12.7691 1.32228 13.7013ZM2.4556 13.697C2.45441 13.3774 2.70047 13.1295 3.02014 13.1283C3.33982 13.1271 3.58773 13.3731 3.58893 13.6928C3.59012 14.0125 3.34406 14.2604 3.02439 14.2616C2.70471 14.2628 2.4568 14.0167 2.4556 13.697ZM12.6174 3.45895C12.6162 3.13928 12.8622 2.89136 13.1819 2.89017C13.5016 2.88897 13.7495 3.13504 13.7507 3.45471C13.7519 3.77438 13.5058 4.0223 13.1861 4.02349C12.8665 4.02469 12.6186 3.77862 12.6174 3.45895Z"
                                                              fill="#283948"/>
                                                    </g>

                                                    <defs>
                                                        <clippath id="clip0_53_5823">
                                                            <rect width="16" height="16" fill="white"
                                                                  transform="translate(0.205078 16.2061) rotate(-90.2144)"/>
                                                        </clippath>
                                                    </defs>
                                                </svg>
                                            </div>
                                        </mh-compare>
                                                                    </div>
                                                    </div>

                        
                                                    <div class="myhome-listing-row__additional-attributes">
                                    <div class="myhome-listing-card-additional-attribute myhome-listing-card-additional-attribute--published_date_diff">
        <span class="myhome-listing-card-additional-attribute__icon">
                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
                    <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                    <path d="M128 0c17.7 0 32 14.3 32 32l0 32 128 0 0-32c0-17.7 14.3-32 32-32s32 14.3 32 32l0 32 48 0c26.5 0 48 21.5 48 48l0 48L0 160l0-48C0 85.5 21.5 64 48 64l48 0 0-32c0-17.7 14.3-32 32-32zM0 192l448 0 0 272c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48L0 192zm64 80l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm128 0l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM64 400l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zm112 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16z"/>
                </svg>
                    </span>

        <span class="myhome-listing-card-additional-attribute__value">
            4 months ago        </span>
    </div>

                            </div>
                        
                                                    <div class="myhome-listing-row__description myhome-listing-row-description-selector">
                                2 bedrooms, each with its own bathroom and shower, living room with pool view, central air conditioning, golf access, security, only 5 minutes from the airport. Price: €135 per night (~$158 USD per night; ~€4,050/$4,740 per month for 30 nights).                            </div>
                                            </div>

                    <div class="myhome-listing-row__bottom">
                        <div class="myhome-listing-card-user">
    <div class="myhome-listing-card-user__icon-wrapper">
        <div class="myhome-listing-card-user__icon">
                            <img
                        class="lazyload"
                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
                        data-src="https://villas-in-morocco.com/wp-content/uploads/2024/08/7-100x100.jpg"
                        alt="Emily Rees"
                >
                    </div>
    </div>

    <div class="myhome-listing-card-user__name">
        Emily Rees    </div>
</div>
    <div class="myhome-listing-card-main-value">
        $ 4,740 /month    </div>
                    </div>
                </div>
            </div>
        </div>
    </a>
    </div>            </div>
        </div>
    </div>

    <template>
        <div v-if="props.count > 0" class="myhome-search-results__pagination">
            <div class="myhome-search-results__pagination-desktop">
                <mh-pagination
                        :total-items="props.count"
                        :current-page="props.page"
                        :page-size="12"
                        :max-pages="4"
                >
                    <div
                            class="myhome-pagination"
                            slot-scope="pagination"
                    >
                        <div class="myhome-pagination__info">
                            <div class="myhome-pagination__info">
                                Showing                                <span>{{ pagination.startIndex + 1 >= 0 ? pagination.startIndex + 1 : 0
                                    }}</span> to
                                <span>{{ pagination.endIndex + 1 }}</span> of
                                <span>{{ pagination.totalItems
                                    }}</span> results                            </div>
                        </div>

                        <div v-if="pagination.pages.length > 1" class="myhome-pagination__list">
                            <div
                                    v-if="pagination.currentPage > 1"
                                    class="myhome-pagination__item"
                                    @click.prevent="props.setPage(props.page - 1)"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewbox="0 0 12 11"
                                     fill="none">
                                    <path d="M4.86195 10.4713C4.99228 10.6017 5.16262 10.6667 5.33329 10.6667C5.50395 10.6667 5.67429 10.6017 5.80462 10.4713C6.06496 10.211 6.06496 9.78898 5.80462 9.52865L2.27593 5.99996H11.3333C11.7013 5.99996 12 5.70129 12 5.33329C12 4.96528 11.7013 4.66662 11.3333 4.66662H2.27593L5.80462 1.13792C6.06496 0.877589 6.06496 0.455586 5.80462 0.195251C5.54429 -0.0650838 5.12229 -0.0650838 4.86195 0.195251L0.195251 4.86195C-0.0650838 5.12229 -0.0650838 5.54429 0.195251 5.80462L4.86195 10.4713Z"
                                          fill="#2A3946"/>
                                </svg>
                            </div>

                            <div
                                    v-if="pagination.startPage > 1"
                                    class="myhome-pagination__item"
                                    @click.prevent="props.setPage(1)"
                            >
                                1
                            </div>

                            <div
                                    v-if="pagination.startPage > 2"
                                    class="myhome-pagination__item"
                            >
                                ...
                            </div>

                            <div
                                    v-for="page in pagination.pages"
                                    class="myhome-pagination__item"
                                    :class="{'myhome-pagination__item--active': page === props.page}"
                                    @click.prevent="props.setPage(page)"
                            >
                                {{ page }}
                            </div>

                            <div
                                    v-if="pagination.currentPage < pagination.endPage"
                                    class="myhome-pagination__item"
                                    @click.prevent="props.setPage(props.page + 1)"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewbox="0 0 12 11"
                                     fill="none">
                                    <path d="M7.13805 10.4713C7.00772 10.6017 6.83738 10.6667 6.66671 10.6667C6.49605 10.6667 6.32571 10.6017 6.19538 10.4713C5.93504 10.211 5.93504 9.78898 6.19538 9.52865L9.72407 5.99996H0.666672C0.298669 5.99996 0 5.70129 0 5.33329C0 4.96528 0.298669 4.66662 0.666672 4.66662H9.72407L6.19538 1.13792C5.93504 0.877589 5.93504 0.455586 6.19538 0.195251C6.45571 -0.0650838 6.87771 -0.0650838 7.13805 0.195251L11.8047 4.86195C12.0651 5.12229 12.0651 5.54429 11.8047 5.80462L7.13805 10.4713Z"
                                          fill="#2A3946"/>
                                </svg>
                            </div>
                        </div>
                    </div>
                </mh-pagination>
            </div>

            <div class="myhome-search-results__pagination-mobile">
                <mh-pagination
                        :total-items="props.count"
                        :current-page="props.page"
                        :page-size="12"
                        :max-pages="3"
                >
                    <div
                            class="myhome-pagination"
                            slot-scope="pagination"
                    >
                        <div class="myhome-pagination__info">
                            Showing                            <span>{{ pagination.startIndex + 1
                                }}</span> to
                            <span>{{ pagination.endIndex + 1 }}</span> of
                            <span>{{ pagination.totalItems
                                }}</span> results                        </div>

                        <div
                                v-if="pagination.pages.length > 1"
                                class="myhome-pagination__list"
                        >
                            <div
                                    v-if="pagination.currentPage > 1"
                                    class="myhome-pagination__item"
                                    @click.prevent="props.setPage(props.page - 1)"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewbox="0 0 12 11"
                                     fill="none">
                                    <path d="M4.86195 10.4713C4.99228 10.6017 5.16262 10.6667 5.33329 10.6667C5.50395 10.6667 5.67429 10.6017 5.80462 10.4713C6.06496 10.211 6.06496 9.78898 5.80462 9.52865L2.27593 5.99996H11.3333C11.7013 5.99996 12 5.70129 12 5.33329C12 4.96528 11.7013 4.66662 11.3333 4.66662H2.27593L5.80462 1.13792C6.06496 0.877589 6.06496 0.455586 5.80462 0.195251C5.54429 -0.0650838 5.12229 -0.0650838 4.86195 0.195251L0.195251 4.86195C-0.0650838 5.12229 -0.0650838 5.54429 0.195251 5.80462L4.86195 10.4713Z"
                                          fill="#2A3946"/>
                                </svg>
                            </div>

                            <div
                                    v-if="pagination.startPage > 1"
                                    class="myhome-pagination__item"
                                    @click.prevent="props.setPage(1)"
                            >
                                1
                            </div>

                            <div
                                    v-if="pagination.startPage > 2"
                                    class="myhome-pagination__item"
                            >
                                ...
                            </div>

                            <div
                                    v-for="page in pagination.pages"
                                    class="myhome-pagination__item"
                                    :class="{'myhome-pagination__item--active': page === props.page}"
                                    @click.prevent="props.setPage(page)"
                            >
                                {{ page }}
                            </div>

                            <div
                                    v-if="pagination.currentPage < pagination.endPage"
                                    class="myhome-pagination__item"
                                    @click.prevent="props.setPage(props.page + 1)"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="11" viewbox="0 0 12 11"
                                     fill="none">
                                    <path d="M7.13805 10.4713C7.00772 10.6017 6.83738 10.6667 6.66671 10.6667C6.49605 10.6667 6.32571 10.6017 6.19538 10.4713C5.93504 10.211 5.93504 9.78898 6.19538 9.52865L9.72407 5.99996H0.666672C0.298669 5.99996 0 5.70129 0 5.33329C0 4.96528 0.298669 4.66662 0.666672 4.66662H9.72407L6.19538 1.13792C5.93504 0.877589 5.93504 0.455586 6.19538 0.195251C6.45571 -0.0650838 6.87771 -0.0650838 7.13805 0.195251L11.8047 4.86195C12.0651 5.12229 12.0651 5.54429 11.8047 5.80462L7.13805 10.4713Z"
                                          fill="#2A3946"/>
                                </svg>
                            </div>
                        </div>
                    </div>
                </mh-pagination>
            </div>
        </div>
    </template>
</div>                </div>
            </div>
        </div>
    </mh-query-models>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-3196a05 elementor-widget elementor-widget-spacer" data-id="3196a05" data-element_type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
					</div>
		</div>
					</div>
		</section>
				</div>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-1d345df7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1d345df7" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-ffcb2e1 listivio-tablet-order-1" data-id="ffcb2e1" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-36ecfa2 elementor-widget-tablet__width-auto elementor-widget elementor-widget-mh_logo" data-id="36ecfa2" data-element_type="widget" data-widget_type="mh_logo.default">
				<div class="elementor-widget-container">
					<div class="myhome-image-wrapper">
            <div class="myhome-image">
            <img
                    class="lazyload"
                    data-src="https://villas-in-morocco.com/wp-content/uploads/2025/10/cbe66d08-ade9-4353-824c-40abcd8cc0b9-e1759790164753.webp"
                    alt="villas in morocco"
            >
        </div>
    </div>				</div>
				</div>
				<div class="elementor-element elementor-element-40cd168 elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor" data-id="40cd168" data-element_type="widget" data-widget_type="text-editor.default">
									<p>Discover leading properties and secure your dream home with us. Expert guidance and support at every step.</p>								</div>
				<div class="elementor-element elementor-element-1311ec47 elementor-widget elementor-widget-spacer" data-id="1311ec47" data-element_type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-3f5605c elementor-widget elementor-widget-mh_phone" data-id="3f5605c" data-element_type="widget" data-widget_type="mh_phone.default">
				<div class="elementor-widget-container">
					<div class="myhome-phone-wrapper">
    <div class="myhome-small-data">
        <div class="myhome-small-data__icon">
            <div class="myhome-small-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
                    <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                    <path d="M16 64C16 28.7 44.7 0 80 0H304c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zM224 448a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM304 64H80V384H304V64z"/>
                </svg>
            </div>
        </div>

        <div class="myhome-small-data__value">
            <a
                    class="myhome-phone"
                    href="tel:12028769612"
            >
                12028769612            </a>
        </div>
    </div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-5514e3c elementor-widget elementor-widget-spacer" data-id="5514e3c" data-element_type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-85881e4 elementor-widget elementor-widget-mh_address" data-id="85881e4" data-element_type="widget" data-widget_type="mh_address.default">
				<div class="elementor-widget-container">
					<div class="myhome-address">
    <div class="myhome-small-data">
        <div class="myhome-small-data__icon">
            <div class="myhome-small-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
                    <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                    <path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/>
                </svg>
            </div>
        </div>

        <div class="myhome-small-data__value">
            518-520 5th Ave .   Marrakech, Morocco        </div>
    </div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-2d0239e elementor-widget elementor-widget-spacer" data-id="2d0239e" data-element_type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-de6cc3b elementor-widget elementor-widget-mh_email" data-id="de6cc3b" data-element_type="widget" data-widget_type="mh_email.default">
				<div class="elementor-widget-container">
					<div class="myhome-email-wrapper">
    <div class="myhome-small-data">
        <div class="myhome-small-data__icon">
            <div class="myhome-small-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
                    <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                    <path d="M256 64C150 64 64 150 64 256s86 192 192 192c17.7 0 32 14.3 32 32s-14.3 32-32 32C114.6 512 0 397.4 0 256S114.6 0 256 0S512 114.6 512 256v32c0 53-43 96-96 96c-29.3 0-55.6-13.2-73.2-33.9C320 371.1 289.5 384 256 384c-70.7 0-128-57.3-128-128s57.3-128 128-128c27.9 0 53.7 8.9 74.7 24.1c5.7-5 13.1-8.1 21.3-8.1c17.7 0 32 14.3 32 32v80 32c0 17.7 14.3 32 32 32s32-14.3 32-32V256c0-106-86-192-192-192zm64 192a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z"/>
                </svg>
            </div>
        </div>

        <div class="myhome-small-data__value">
            <a href="mailto:support@villasmorocco.com" class="myhome-email">
                support@villasmorocco.com            </a>
        </div>
    </div>
</div>				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-f553c41 listivio-tablet-order-3" data-id="f553c41" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5120151d elementor-widget elementor-widget-heading" data-id="5120151d" data-element_type="widget" data-widget_type="heading.default">
					<h4 class="elementor-heading-title elementor-size-default">Useful Links</h4>				</div>
				<div class="elementor-element elementor-element-b86efe7 elementor-widget elementor-widget-mh_simple_menu" data-id="b86efe7" data-element_type="widget" data-widget_type="mh_simple_menu.default">
				<div class="elementor-widget-container">
					<div class="myhome-vertical-link-list">
    <div id="myhome-simple-menu-container-b86efe7" class="menu-footer-menu-1-container"><ul class="myhome-simple-menu"><li id="menu-item-8383" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8383"><a href="https://villas-in-morocco.com/about-us/">About Us</a></li>
<li id="menu-item-8384" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8384"><a href="https://villas-in-morocco.com/contact-us/">Contact Us</a></li>
<li id="menu-item-8382" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8382"><a href="https://villas-in-morocco.com/our-team/">Our Team</a></li>
<li id="menu-item-3789" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-3789"><a href="https://villas-in-morocco.com/blog/">Blog</a></li>
</ul></div></div>				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-5f43b4e9 listivio-tablet-order-4" data-id="5f43b4e9" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5c482aa elementor-widget elementor-widget-heading" data-id="5c482aa" data-element_type="widget" data-widget_type="heading.default">
					<h4 class="elementor-heading-title elementor-size-default">Newest Listings</h4>				</div>
				<div class="elementor-element elementor-element-2e0a5a9 elementor-widget__width-initial elementor-widget elementor-widget-mh_footer_listing_list" data-id="2e0a5a9" data-element_type="widget" data-widget_type="mh_footer_listing_list.default">
				<div class="elementor-widget-container">
					<div class="myhome-mini-listings">
            <div class="myhome-mini-listings__item">
            <div class="myhome-mini-listing">
                <a
                        class="myhome-mini-listing__image"
                        href="https://villas-in-morocco.com/listing/15713/"
                        title="Luxury Apartment for Rent with Pool View &#038; Golf Access"
                >
                                            <img
                                class="lazyload"
                                data-src="https://villas-in-morocco.com/wp-content/uploads/2025/10/fc79e377-189d-4dfc-8cf3-f48989af8c47-e1759793675698-100x100.jpg"
                                alt="Luxury Apartment for Rent with Pool View &#038; Golf Access"
                        >
                                    </a>

                <div class="myhome-mini-listing__content">
                    <a
                            class="myhome-mini-listing__label"
                            href="https://villas-in-morocco.com/listing/15713/"
                            title="Luxury Apartment for Rent with Pool View &#038; Golf Access"
                    >
                        Luxury Apartment for Rent with Pool View &#038; Golf Access                    </a>

                    <div class="myhome-mini-listing__value">
                                                    $ 4,740 /month                                            </div>
                </div>
            </div>
        </div>
            <div class="myhome-mini-listings__item">
            <div class="myhome-mini-listing">
                <a
                        class="myhome-mini-listing__image"
                        href="https://villas-in-morocco.com/listing/minimalist-style-flat/"
                        title="Minimalist style flat"
                >
                                            <img
                                class="lazyload"
                                data-src="https://villas-in-morocco.com/wp-content/uploads/2022/10/card_1.jpg"
                                alt="Minimalist style flat"
                        >
                                    </a>

                <div class="myhome-mini-listing__content">
                    <a
                            class="myhome-mini-listing__label"
                            href="https://villas-in-morocco.com/listing/minimalist-style-flat/"
                            title="Minimalist style flat"
                    >
                        Minimalist style flat                    </a>

                    <div class="myhome-mini-listing__value">
                                                    $ 1,800,000                                            </div>
                </div>
            </div>
        </div>
            <div class="myhome-mini-listings__item">
            <div class="myhome-mini-listing">
                <a
                        class="myhome-mini-listing__image"
                        href="https://villas-in-morocco.com/listing/modern-two-bedroom-apartment/"
                        title="Modern two bedroom apartment"
                >
                                            <img
                                class="lazyload"
                                data-src="https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4.jpg"
                                alt="Modern two bedroom apartment"
                        >
                                    </a>

                <div class="myhome-mini-listing__content">
                    <a
                            class="myhome-mini-listing__label"
                            href="https://villas-in-morocco.com/listing/modern-two-bedroom-apartment/"
                            title="Modern two bedroom apartment"
                    >
                        Modern two bedroom apartment                    </a>

                    <div class="myhome-mini-listing__value">
                                                    $ 1,500 /month                                            </div>
                </div>
            </div>
        </div>
            <div class="myhome-mini-listings__item">
            <div class="myhome-mini-listing">
                <a
                        class="myhome-mini-listing__image"
                        href="https://villas-in-morocco.com/listing/studio-apartment/"
                        title="Studio apartment"
                >
                                            <img
                                class="lazyload"
                                data-src="https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2.jpg"
                                alt="Studio apartment"
                        >
                                    </a>

                <div class="myhome-mini-listing__content">
                    <a
                            class="myhome-mini-listing__label"
                            href="https://villas-in-morocco.com/listing/studio-apartment/"
                            title="Studio apartment"
                    >
                        Studio apartment                    </a>

                    <div class="myhome-mini-listing__value">
                                                    $ 1,500,000                                            </div>
                </div>
            </div>
        </div>
    </div>
				</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-b85c86a listivio-tablet-order-2" data-id="b85c86a" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7380beb1 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="7380beb1" data-element_type="widget" data-widget_type="heading.default">
					<h4 class="elementor-heading-title elementor-size-default">Follow Our Social Media</h4>				</div>
				<div class="elementor-element elementor-element-5008779 elementor-widget__width-initial elementor-widget elementor-widget-mh_social_profiles" data-id="5008779" data-element_type="widget" data-widget_type="mh_social_profiles.default">
				<div class="elementor-widget-container">
					<div class="myhome-social-icons-wrapper">
    <div class="myhome-social-icons">
                    <a
                                    class="myhome-social-icons__icon myhome-social-icon"
                                    href="#"
                    target="_blank"
            >
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512">
                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                    <path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/>
                </svg>
            </a>
        
                    <a
                                    class="myhome-social-icons__icon myhome-social-icon"
                                    href="#"
                    target="_blank"
            >
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                    <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/>
                </svg>
            </a>
        
                    <a
                                    class="myhome-social-icons__icon myhome-social-icon"
                                    href="#"
                    target="_blank"
            >
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                    <path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"/>
                </svg>
            </a>
        
                    <a
                                    class="myhome-social-icons__icon myhome-social-icon"
                                    href="#"
                    target="_blank"
            >
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                    <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
                </svg>
            </a>
        
                    <a
                                    class="myhome-social-icons__icon myhome-social-icon"
                                    href="#"
                    target="_blank"
            >
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512">
                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                    <path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/>
                </svg>
            </a>
        
                    <a
                                    class="myhome-social-icons__icon myhome-social-icon"
                                    href="#"
                    target="_blank"
            >
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                    <path d="M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z"/>
                </svg>
            </a>
        
                    <a
                                    class="myhome-social-icons__icon myhome-social-icon"
                                    href="#"
                    target="_blank"
            >
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 496 512">
                    <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                    <path d="M248 8C111 8 0 119 0 256S111 504 248 504 496 393 496 256 385 8 248 8zM363 176.7c-3.7 39.2-19.9 134.4-28.1 178.3-3.5 18.6-10.3 24.8-16.9 25.4-14.4 1.3-25.3-9.5-39.3-18.7-21.8-14.3-34.2-23.2-55.3-37.2-24.5-16.1-8.6-25 5.3-39.5 3.7-3.8 67.1-61.5 68.3-66.7 .2-.7 .3-3.1-1.2-4.4s-3.6-.8-5.1-.5q-3.3 .7-104.6 69.1-14.8 10.2-26.9 9.9c-8.9-.2-25.9-5-38.6-9.1-15.5-5-27.9-7.7-26.8-16.3q.8-6.7 18.5-13.7 108.4-47.2 144.6-62.3c68.9-28.6 83.2-33.6 92.5-33.8 2.1 0 6.6 .5 9.6 2.9a10.5 10.5 0 0 1 3.5 6.7A43.8 43.8 0 0 1 363 176.7z"/>
                </svg>
            </a>
            </div>
</div>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-abef5e3 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="abef5e3" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-57d3a85" data-id="57d3a85" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-c14ea3d elementor-widget elementor-widget-mh_copyrights" data-id="c14ea3d" data-element_type="widget" data-widget_type="mh_copyrights.default">
				<div class="elementor-widget-container">
					<div class="myhome-copyrights">
    <div class="myhome-copyrights__container">
        © 2015 Villas in Morocco. Luxury Villas &amp; Holiday Homes Across Morocco.    </div>
</div>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/myhome/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
            <div id="footer" class="myhome-app">
                <portal-target name="footer"></portal-target>

                            </div>
            <div class="myhome-app myhome-compare-preview-wrapper">
    <div class="myhome-compare-preview-wrapper__container">
        <template>
            <mh-compare-preview
                    class="myhome-compare-preview"
                    prefix="myhome"
                    :swiper-config="{&quot;loop&quot;:false,&quot;spaceBetween&quot;:15,&quot;slidesPerView&quot;:3}"
                    compare-page-url="https://villas-in-morocco.com/compare/"
            >
                <div
                        slot-scope="props"
                        class="myhome-compare-preview"
                        :class="{                            'myhome-compare-preview--hidden': props.count === 0,                            'myhome-compare-preview--open': props.open && props.count > 0                        }"
                >
                    <div class="myhome-compare-preview__button">
                        <div @click.prevent="props.onOpen" class="myhome-compare-button">
                            <div class="myhome-compare-button__inner">
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512">
                                    <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                    <path d="M320 488c0 9.5-5.6 18.1-14.2 21.9s-18.8 2.3-25.8-4.1l-80-72c-5.1-4.6-7.9-11-7.9-17.8s2.9-13.3 7.9-17.8l80-72c7-6.3 17.2-7.9 25.8-4.1s14.2 12.4 14.2 21.9v40h16c35.3 0 64-28.7 64-64V153.3C371.7 141 352 112.8 352 80c0-44.2 35.8-80 80-80s80 35.8 80 80c0 32.8-19.7 61-48 73.3V320c0 70.7-57.3 128-128 128H320v40zM456 80a24 24 0 1 0 -48 0 24 24 0 1 0 48 0zM192 24c0-9.5 5.6-18.1 14.2-21.9s18.8-2.3 25.8 4.1l80 72c5.1 4.6 7.9 11 7.9 17.8s-2.9 13.3-7.9 17.8l-80 72c-7 6.3-17.2 7.9-25.8 4.1s-14.2-12.4-14.2-21.9V128H176c-35.3 0-64 28.7-64 64V358.7c28.3 12.3 48 40.5 48 73.3c0 44.2-35.8 80-80 80s-80-35.8-80-80c0-32.8 19.7-61 48-73.3V192c0-70.7 57.3-128 128-128h16V24zM56 432a24 24 0 1 0 48 0 24 24 0 1 0 -48 0z"/>
                                </svg>

                                Compare
                                <div class="myhome-compare-button__count">{{ props.count }}</div>
                            </div>
                        </div>
                    </div>

                    <div class="myhome-compare-preview__content">
                        <div class="myhome-compare-preview__list">
                            <div class="myhome-swiper-container">
                                <div class="myhome-swiper-wrapper">
                                    <div
                                            v-for="model in props.models"
                                            :key="model.id"
                                            class="myhome-swiper-slide"
                                    >
                                        <a
                                                class="myhome-compare-preview-card"
                                                :key="'myhome-compare-model-' + model.id"
                                                :href="model.url"
                                        >
                                            <div class="myhome-compare-preview-card__image">
                                                <img :src="model.image" :alt="model.name">

                                                <div
                                                        class="myhome-compare-preview-card__remove"
                                                        @click.prevent="props.removeModel(model.id)"
                                                >
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
                                                        <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                                        <path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/>
                                                    </svg>
                                                </div>
                                            </div>

                                            <h3 class="myhome-compare-preview-card__label" v-html="model.name"></h3>
                                        </a>
                                    </div>

                                    <div
                                            v-for="index in props.placeholderNumber"
                                            class="myhome-swiper-slide"
                                            :key="index"
                                    >
                                        <div class="myhome-compare-preview-card">
                                            <div class="myhome-compare-preview-card__image myhome-compare-preview-card__image--placeholer">
                                                <img
                                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
                                                        alt="placeholder"
                                                >
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="myhome-compare-preview__bottom">
                            <div>
                                <div
                                        class="myhome-compare-preview__compare-button"
                                        :class="{'myhome-compare-preview__compare-button--visible': props.models.length > 1}"
                                >
                                    <a
                                            class="myhome-button myhome-button--primary-1"
                                            href="https://villas-in-morocco.com/compare/"
                                    >
                                        Compare                                    </a>
                                </div>

                                <div
                                        v-if="props.count === 1"
                                        class="myhome-compare-preview__info"
                                >
                                    <div class="myhome-compare-preview__info-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>
                                    </div>

                                    You&#039;re almost there, select at least one more listing to compare!                                </div>
                            </div>

                            <div class="myhome-compare-preview__nav myhome-box-arrows">
                                <div
                                        class="myhome-box-arrow"
                                        :class="{'myhome-box-arrow--disabled': props.swiper.isBeginning}"
                                        @click="props.prevSlide"
                                >
                                    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512">
                                        <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                        <path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/>
                                    </svg>
                                </div>

                                <div
                                        class="myhome-box-arrow"
                                        :class="{'myhome-box-arrow--disabled': props.swiper.isEnd}"
                                        @click="props.nextSlide"
                                >
                                    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512">
                                        <!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
                                        <path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/>
                                    </svg>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </mh-compare-preview>
        </template>
    </div>
</div>			<div class="ctc-no-number-message" style="display:none; position: fixed; bottom: 15px; right: 15px; z-index: 100000004; max-width:410px; background-color:#fff; margin:0; border:1px solid #fbfbfb; padding:11px; border-radius:4px; box-shadow:5px 10px 8px #888;">
				<span onclick="this.closest('.ctc-no-number-message').style.display='none';" style="position:absolute; top:5px; right:5px; background:transparent; border:none; font-size:18px; line-height:1; cursor:pointer;">&times;</span>
				<p style="margin:0;">No WhatsApp Number Found!</p>
							</div>
						<!-- Click to Chat - https://holithemes.com/plugins/click-to-chat/  v4.36 -->
			<style id="ht-ctc-entry-animations">.ht_ctc_entry_animation{animation-duration:0.4s;animation-fill-mode:both;animation-delay:0s;animation-iteration-count:1;}			@keyframes ht_ctc_anim_corner {0% {opacity: 0;transform: scale(0);}100% {opacity: 1;transform: scale(1);}}.ht_ctc_an_entry_corner {animation-name: ht_ctc_anim_corner;animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);transform-origin: bottom var(--side, right);}
			</style>						<div class="ht-ctc ht-ctc-chat ctc-analytics ctc_wp_desktop style-2  ht_ctc_entry_animation ht_ctc_an_entry_corner" id="ht-ctc-chat"  
				style="display: none;  position: fixed; bottom: 15px; right: 15px;"   >
								<div class="ht_ctc_style ht_ctc_chat_style">
				<div  style="display: flex; justify-content: center; align-items: center;  " class="ctc-analytics ctc_s_2">
	<p class="ctc-analytics ctc_cta ctc_cta_stick ht-ctc-cta  ht-ctc-cta-hover" style="padding: 0px 16px; line-height: 1.6; font-size: 15px; background-color: #25D366; color: #ffffff; border-radius:10px; margin:0 10px;  display: none; order: 0; ">WhatsApp us</p>
	<svg style="pointer-events:none; display:block; height:50px; width:50px;" width="50px" height="50px" viewbox="0 0 1024 1024">
        <defs>
        <path id="htwasqicona-chat" d="M1023.941 765.153c0 5.606-.171 17.766-.508 27.159-.824 22.982-2.646 52.639-5.401 66.151-4.141 20.306-10.392 39.472-18.542 55.425-9.643 18.871-21.943 35.775-36.559 50.364-14.584 14.56-31.472 26.812-50.315 36.416-16.036 8.172-35.322 14.426-55.744 18.549-13.378 2.701-42.812 4.488-65.648 5.3-9.402.336-21.564.505-27.15.505l-504.226-.081c-5.607 0-17.765-.172-27.158-.509-22.983-.824-52.639-2.646-66.152-5.4-20.306-4.142-39.473-10.392-55.425-18.542-18.872-9.644-35.775-21.944-50.364-36.56-14.56-14.584-26.812-31.471-36.415-50.314-8.174-16.037-14.428-35.323-18.551-55.744-2.7-13.378-4.487-42.812-5.3-65.649-.334-9.401-.503-21.563-.503-27.148l.08-504.228c0-5.607.171-17.766.508-27.159.825-22.983 2.646-52.639 5.401-66.151 4.141-20.306 10.391-39.473 18.542-55.426C34.154 93.24 46.455 76.336 61.07 61.747c14.584-14.559 31.472-26.812 50.315-36.416 16.037-8.172 35.324-14.426 55.745-18.549 13.377-2.701 42.812-4.488 65.648-5.3 9.402-.335 21.565-.504 27.149-.504l504.227.081c5.608 0 17.766.171 27.159.508 22.983.825 52.638 2.646 66.152 5.401 20.305 4.141 39.472 10.391 55.425 18.542 18.871 9.643 35.774 21.944 50.363 36.559 14.559 14.584 26.812 31.471 36.415 50.315 8.174 16.037 14.428 35.323 18.551 55.744 2.7 13.378 4.486 42.812 5.3 65.649.335 9.402.504 21.564.504 27.15l-.082 504.226z"/>
        </defs>
        <lineargradient id="htwasqiconb-chat" gradientunits="userSpaceOnUse" x1="512.001" y1=".978" x2="512.001" y2="1025.023">
            <stop offset="0" stop-color="#61fd7d"/>
            <stop offset="1" stop-color="#2bb826"/>
        </lineargradient>
        <use xlink:href="#htwasqicona-chat" overflow="visible" style="fill: url(#htwasqiconb-chat)" fill="url(#htwasqiconb-chat)"/>
        <g>
            <path style="fill: #FFFFFF;" fill="#FFF" d="M783.302 243.246c-69.329-69.387-161.529-107.619-259.763-107.658-202.402 0-367.133 164.668-367.214 367.072-.026 64.699 16.883 127.854 49.017 183.522l-52.096 190.229 194.665-51.047c53.636 29.244 114.022 44.656 175.482 44.682h.151c202.382 0 367.128-164.688 367.21-367.094.039-98.087-38.121-190.319-107.452-259.706zM523.544 808.047h-.125c-54.767-.021-108.483-14.729-155.344-42.529l-11.146-6.612-115.517 30.293 30.834-112.592-7.259-11.544c-30.552-48.579-46.688-104.729-46.664-162.379.066-168.229 136.985-305.096 305.339-305.096 81.521.031 158.154 31.811 215.779 89.482s89.342 134.332 89.312 215.859c-.066 168.243-136.984 305.118-305.209 305.118zm167.415-228.515c-9.177-4.591-54.286-26.782-62.697-29.843-8.41-3.062-14.526-4.592-20.645 4.592-6.115 9.182-23.699 29.843-29.053 35.964-5.352 6.122-10.704 6.888-19.879 2.296-9.176-4.591-38.74-14.277-73.786-45.526-27.275-24.319-45.691-54.359-51.043-63.543-5.352-9.183-.569-14.146 4.024-18.72 4.127-4.109 9.175-10.713 13.763-16.069 4.587-5.355 6.117-9.183 9.175-15.304 3.059-6.122 1.529-11.479-.765-16.07-2.293-4.591-20.644-49.739-28.29-68.104-7.447-17.886-15.013-15.466-20.645-15.747-5.346-.266-11.469-.322-17.585-.322s-16.057 2.295-24.467 11.478-32.113 31.374-32.113 76.521c0 45.147 32.877 88.764 37.465 94.885 4.588 6.122 64.699 98.771 156.741 138.502 21.892 9.45 38.982 15.094 52.308 19.322 21.98 6.979 41.982 5.995 57.793 3.634 17.628-2.633 54.284-22.189 61.932-43.615 7.646-21.427 7.646-39.791 5.352-43.617-2.294-3.826-8.41-6.122-17.585-10.714z"/>
        </g>
        </svg></div>
				</div>
			</div>
							<span class="ht_ctc_chat_data" data-settings="{&quot;number&quot;:&quot;&quot;,&quot;pre_filled&quot;:&quot;&quot;,&quot;dis_m&quot;:&quot;show&quot;,&quot;dis_d&quot;:&quot;show&quot;,&quot;css&quot;:&quot;cursor: pointer; z-index: 99999999;&quot;,&quot;pos_d&quot;:&quot;position: fixed; bottom: 15px; right: 15px;&quot;,&quot;pos_m&quot;:&quot;position: fixed; bottom: 15px; right: 15px;&quot;,&quot;side_d&quot;:&quot;right&quot;,&quot;side_m&quot;:&quot;right&quot;,&quot;schedule&quot;:&quot;no&quot;,&quot;se&quot;:150,&quot;ani&quot;:&quot;no-animation&quot;,&quot;url_target_d&quot;:&quot;_blank&quot;,&quot;ga&quot;:&quot;yes&quot;,&quot;gtm&quot;:&quot;1&quot;,&quot;fb&quot;:&quot;yes&quot;,&quot;webhook_format&quot;:&quot;json&quot;,&quot;g_init&quot;:&quot;default&quot;,&quot;g_an_event_name&quot;:&quot;click to chat&quot;,&quot;gtm_event_name&quot;:&quot;Click to Chat&quot;,&quot;pixel_event_name&quot;:&quot;Click to Chat by HoliThemes&quot;,&quot;no_number&quot;:&quot;No WhatsApp Number Found!&quot;}" data-rest="b4c150959f"></span>
							<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<link rel='stylesheet' id='widget-spacer-css' href='http://villas-in-morocco.com/wp-content/plugins/elementor/assets/css/widget-spacer.min.css?ver=3.34.2' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-icons-css' href='http://villas-in-morocco.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.46.0' type='text/css' media='all' />
<script type="text/javascript" id="ht_ctc_app_js-js-extra">
/* <![CDATA[ */
var ht_ctc_chat_var = {"number":"","pre_filled":"","dis_m":"show","dis_d":"show","css":"cursor: pointer; z-index: 99999999;","pos_d":"position: fixed; bottom: 15px; right: 15px;","pos_m":"position: fixed; bottom: 15px; right: 15px;","side_d":"right","side_m":"right","schedule":"no","se":"150","ani":"no-animation","url_target_d":"_blank","ga":"yes","gtm":"1","fb":"yes","webhook_format":"json","g_init":"default","g_an_event_name":"click to chat","gtm_event_name":"Click to Chat","pixel_event_name":"Click to Chat by HoliThemes","no_number":"No WhatsApp Number Found!"};
var ht_ctc_variables = {"g_an_event_name":"click to chat","gtm_event_name":"Click to Chat","pixel_event_type":"trackCustom","pixel_event_name":"Click to Chat by HoliThemes","g_an_params":["g_an_param_1","g_an_param_2","g_an_param_3"],"g_an_param_1":{"key":"number","value":"{number}"},"g_an_param_2":{"key":"title","value":"{title}"},"g_an_param_3":{"key":"url","value":"{url}"},"pixel_params":["pixel_param_1","pixel_param_2","pixel_param_3","pixel_param_4"],"pixel_param_1":{"key":"Category","value":"Click to Chat for WhatsApp"},"pixel_param_2":{"key":"ID","value":"{number}"},"pixel_param_3":{"key":"Title","value":"{title}"},"pixel_param_4":{"key":"URL","value":"{url}"},"gtm_params":["gtm_param_1","gtm_param_2","gtm_param_3","gtm_param_4","gtm_param_5"],"gtm_param_1":{"key":"type","value":"chat"},"gtm_param_2":{"key":"number","value":"{number}"},"gtm_param_3":{"key":"title","value":"{title}"},"gtm_param_4":{"key":"url","value":"{url}"},"gtm_param_5":{"key":"ref","value":"dataLayer push"}};
//# sourceURL=ht_ctc_app_js-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-content/plugins/click-to-chat-for-whatsapp/new/inc/assets/js/app.js?ver=4.36" id="ht_ctc_app_js-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
/* ]]> */
</script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.4" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-before">
/* <![CDATA[ */
var wpcf7 = {
    "api": {
        "root": "https:\/\/villas-in-morocco.com\/wp-json\/",
        "namespace": "contact-form-7\/v1"
    }
};
//# sourceURL=contact-form-7-js-before
/* ]]> */
</script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.4" id="contact-form-7-js"></script>
<script type="text/javascript" id="nfd-performance-lazy-loader-js-before">
/* <![CDATA[ */
window.nfdPerformance = window.nfdPerformance || {};
        window.nfdPerformance.imageOptimization = window.nfdPerformance.imageOptimization || {};
        window.nfdPerformance.imageOptimization.lazyLoading = {"classes":["nfd-performance-not-lazy","a3-notlazy","disable-lazyload","no-lazy","no-lazyload","skip-lazy"],"attributes":["data-lazy-src","data-crazy-lazy=\"exclude\"","data-no-lazy","data-no-lazy=\"1\""]};
//# sourceURL=nfd-performance-lazy-loader-js-before
/* ]]> */
</script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-content/plugins/bluehost-wordpress-plugin/vendor/newfold-labs/wp-module-performance/build/assets/image-lazy-loader.min.js?ver=1769035822" id="nfd-performance-lazy-loader-js"></script>
<script type="text/javascript" id="linkprefetcher-js-before">
/* <![CDATA[ */
window.LP_CONFIG = {"activeOnDesktop":true,"behavior":"mouseHover","hoverDelay":60,"instantClick":false,"activeOnMobile":true,"mobileBehavior":"viewport","ignoreKeywords":"#,?","isMobile":false}
//# sourceURL=linkprefetcher-js-before
/* ]]> */
</script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-content/plugins/bluehost-wordpress-plugin/vendor/newfold-labs/wp-module-performance/build/assets/link-prefetch.min.js?ver=4.12.1" id="linkprefetcher-js" defer></script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-content/plugins/elementor/assets/lib/swiper/v8/swiper.min.js?ver=8.4.5" id="swiper-js"></script>
<script type="text/javascript" id="myhome-js-extra">
/* <![CDATA[ */
var myhomeSharedState = {"requestUrl":"https://villas-in-morocco.com/wp-admin/admin-post.php?action=myhome/","user":"","loginPageUrl":"","compareModels":[],"compareModelIds":[]};
//# sourceURL=myhome-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-content/plugins/myhome-core/assets/js/frontend.min.js?ver=4.0.8" id="myhome-js"></script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-content/plugins/myhome-core/assets/js/sweetalert2.min.js?ver=11.0.12" id="sweetalert2-js"></script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.34.2" id="elementor-webpack-runtime-js"></script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.34.2" id="elementor-frontend-modules-js"></script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script type="text/javascript" id="elementor-frontend-js-before">
/* <![CDATA[ */
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.34.2","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"e_pro_free_trial_popup":true,"nested-elements":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"e_interactions":true,"e_editor_one":true,"import-export-customization":true},"urls":{"assets":"http:\/\/villas-in-morocco.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/villas-in-morocco.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/villas-in-morocco.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"302edb9e7e"},"swiperClass":"swiper","settings":{"editorPreferences":[]},"kit":{"viewport_mobile":767,"viewport_tablet":1024,"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":0,"title":"Listings - villas in morocco","excerpt":""}};
//# sourceURL=elementor-frontend-js-before
/* ]]> */
</script>
<script type="text/javascript" src="http://villas-in-morocco.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.34.2" id="elementor-frontend-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"http://villas-in-morocco.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9"}}
</script>
<script type="module">
/* <![CDATA[ */
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=http://villas-in-morocco.com/wp-includes/js/wp-emoji-loader.min.js
/* ]]> */
</script>
</body>
</html>