<!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 » 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&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&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="{"background_background":"classic"}">
<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="[{"id":432,"key":"myhome_432","name":"For Rent","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[5974],"hasMultilevelChildren":false},{"id":424,"key":"myhome_424","name":"Houses","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[9694],"hasMultilevelChildren":false},{"id":426,"key":"myhome_426","name":"Industrial","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[9694],"hasMultilevelChildren":false},{"id":432,"key":"myhome_432","name":"For Rent","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[5974],"hasMultilevelChildren":false},{"id":426,"key":"myhome_426","name":"Industrial","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[9694],"hasMultilevelChildren":false},{"id":431,"key":"myhome_431","name":"Land","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":428,"key":"myhome_428","name":"Offices","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false}]"
:initial-filters="[]"
initial-template="templates/widgets/general/search/partials/search_results_row"
wrapper-class="myhome-search-results__list-results"
:limit="12"
:initial-page="1"
:initial-count="13"
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="[{"id":432,"count":4},{"id":433,"count":9},{"id":"myhome_5495","count":13},{"id":424,"count":3},{"id":425,"count":7},{"id":426,"count":1},{"id":428,"count":1},{"id":431,"count":1},{"id":"myhome_14","count":13},{"id":453,"count":2},{"id":534,"count":1},{"id":"myhome_9508","count":13},{"id":510,"count":1},{"id":511,"count":1},{"id":512,"count":1},{"id":518,"count":1},{"id":520,"count":1},{"id":523,"count":2},{"id":524,"count":1},{"id":525,"count":1},{"id":526,"count":1},{"id":528,"count":2},{"id":"myhome_15545","count":13},{"id":263,"count":6},{"id":264,"count":6},{"id":265,"count":6},{"id":266,"count":4},{"id":267,"count":6},{"id":268,"count":3},{"id":269,"count":6},{"id":270,"count":7},{"id":273,"count":4},{"id":274,"count":5},{"id":275,"count":4},{"id":276,"count":1},{"id":277,"count":3},{"id":278,"count":4},{"id":279,"count":4},{"id":280,"count":6},{"id":281,"count":7},{"id":282,"count":6},{"id":283,"count":3},{"id":284,"count":1},{"id":285,"count":7},{"id":287,"count":3},{"id":444,"count":1},{"id":446,"count":1},{"id":"myhome_4661","count":13}]"
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="{"key":"keyword"}"
:filters="props.filters"
:min-characters="1"
:taxonomy-keys="["myhome_5495","myhome_14","myhome_9508","myhome_15545"]"
highlight-option-class="myhome-autocomplete-input__option--highlight"
:keyword-suggestion-limit="10"
active-text-class="myhome-autocomplete-input__option--highlight-text"
save-search-nonce="80685a144c"
: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="{"key":"myhome_153","id":153,"type":"location","hideTerms":[],"name":"Location","countries":[],"defaultRadius":0,"searchTypes":["(cities)"]}"
: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="{"key":"myhome_153","id":153,"type":"location","hideTerms":[],"name":"Location","countries":[],"defaultRadius":0,"searchTypes":["(cities)"]}"
:filters="props.filters"
:dependencies="props.dependencies"
:initial-radius="{"label":"+30 miles","value":48270}"
:options="[{"label":"+10 miles","value":16090},{"label":"+20 miles","value":32180},{"label":"+30 miles","value":48270},{"label":"+50 miles","value":80450},{"label":"+75 miles","value":120675},{"label":"+100 miles","value":160900},{"label":"+200 miles","value":321800},{"label":"+500 miles","value":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="{"key":"myhome_5495","id":5495,"type":"taxonomy","hideTerms":[],"multiple":false,"multilevel":false,"orderType":"count","whenTermHasNoResults":"disable","disableUntilParentSelected":false,"parentTaxonomyKeys":[]}"
:filters="props.filters"
:dependencies="props.dependencies"
:term-count="props.termCount"
:multiple="false"
order-type="count"
all-label="All"
:initial-terms="[{"id":432,"key":"myhome_432","name":"For Rent","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[5974],"hasMultilevelChildren":false},{"id":433,"key":"myhome_433","name":"For Sale","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":456,"key":"myhome_456","name":"Sold","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":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="{"key":"myhome_14","id":14,"type":"taxonomy","hideTerms":[],"multiple":false,"multilevel":false,"orderType":"count","whenTermHasNoResults":"disable","disableUntilParentSelected":false,"parentTaxonomyKeys":[]}"
:filters="props.filters"
:dependencies="props.dependencies"
:term-count="props.termCount"
:multiple="false"
order-type="count"
all-label="All"
:initial-terms="[{"id":425,"key":"myhome_425","name":"Apartments","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":424,"key":"myhome_424","name":"Houses","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[9694],"hasMultilevelChildren":false},{"id":426,"key":"myhome_426","name":"Industrial","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[9694],"hasMultilevelChildren":false},{"id":431,"key":"myhome_431","name":"Land","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":428,"key":"myhome_428","name":"Offices","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":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="{"key":"myhome_130","id":130,"type":"price","hideTerms":[432],"currencySign":"$ ","currencySignPosition":"before","displayBefore":"","displayAfter":""}"
: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="{"key":"myhome_130","id":130,"type":"price","hideTerms":[432],"currencySign":"$ ","currencySignPosition":"before","displayBefore":"","displayAfter":""}"
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="{"key":"myhome_130","id":130,"type":"price","hideTerms":[432],"currencySign":"$ ","currencySignPosition":"before","displayBefore":"","displayAfter":""}"
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="{"key":"myhome_5974","id":5974,"type":"price","hideTerms":[],"currencySign":"$ ","currencySignPosition":"before","displayBefore":"","displayAfter":" \/month"}"
: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="{"key":"myhome_5974","id":5974,"type":"price","hideTerms":[],"currencySign":"$ ","currencySignPosition":"before","displayBefore":"","displayAfter":" \/month"}"
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="{"key":"myhome_5974","id":5974,"type":"price","hideTerms":[],"currencySign":"$ ","currencySignPosition":"before","displayBefore":"","displayAfter":" \/month"}"
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="{"key":"myhome_9508","id":9508,"type":"taxonomy","hideTerms":[],"multiple":false,"multilevel":false,"orderType":"name","whenTermHasNoResults":"disable","disableUntilParentSelected":false,"parentTaxonomyKeys":[]}"
:filters="props.filters"
:dependencies="props.dependencies"
:term-count="props.termCount"
:multiple="true"
order-type="name"
all-label="All"
:initial-terms="[{"id":453,"key":"myhome_453","name":"Agadir","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":535,"key":"myhome_535","name":"Casablanca","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":538,"key":"myhome_538","name":"Essaouira","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":534,"key":"myhome_534","name":"Marrakech","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":536,"key":"myhome_536","name":"Rabat","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":537,"key":"myhome_537","name":"Tanger","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":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="{"key":"myhome_15545","id":15545,"type":"taxonomy","hideTerms":[],"multiple":false,"multilevel":false,"orderType":"name","whenTermHasNoResults":"disable","disableUntilParentSelected":true,"parentTaxonomyKeys":["myhome_9508"]}"
:filters="props.filters"
:dependencies="props.dependencies"
:term-count="props.termCount"
:multiple="true"
order-type="name"
all-label="All"
:initial-terms="[{"id":525,"key":"myhome_525","name":"Astoria","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[453],"dependencies":[],"hasMultilevelChildren":false},{"id":513,"key":"myhome_513","name":"Bushwick","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[451],"dependencies":[],"hasMultilevelChildren":false},{"id":516,"key":"myhome_516","name":"Downtown Brooklyn","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[451],"dependencies":[],"hasMultilevelChildren":false},{"id":510,"key":"myhome_510","name":"East Bronx","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":526,"key":"myhome_526","name":"Flushing","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[453],"dependencies":[],"hasMultilevelChildren":false},{"id":527,"key":"myhome_527","name":"Forest Hills","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[453],"dependencies":[],"hasMultilevelChildren":false},{"id":523,"key":"myhome_523","name":"Harlem","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[452],"dependencies":[],"hasMultilevelChildren":false},{"id":528,"key":"myhome_528","name":"Mid-Island","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[454],"dependencies":[],"hasMultilevelChildren":false},{"id":524,"key":"myhome_524","name":"Midtown","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[452],"dependencies":[],"hasMultilevelChildren":false},{"id":517,"key":"myhome_517","name":"Nassau County","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[455],"dependencies":[],"hasMultilevelChildren":false},{"id":509,"key":"myhome_509","name":"North Bronx","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[450],"dependencies":[],"hasMultilevelChildren":false},{"id":519,"key":"myhome_519","name":"North Shore","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[454],"dependencies":[],"hasMultilevelChildren":false},{"id":514,"key":"myhome_514","name":"Park Slope","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[451],"dependencies":[],"hasMultilevelChildren":false},{"id":508,"key":"myhome_508","name":"South Bronx","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[450],"dependencies":[],"hasMultilevelChildren":false},{"id":520,"key":"myhome_520","name":"South Shore","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[454],"dependencies":[],"hasMultilevelChildren":false},{"id":518,"key":"myhome_518","name":"Suffolk County","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[455],"dependencies":[],"hasMultilevelChildren":false},{"id":521,"key":"myhome_521","name":"Upper East Side","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[452],"dependencies":[],"hasMultilevelChildren":false},{"id":522,"key":"myhome_522","name":"Upper West Side","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[452],"dependencies":[],"hasMultilevelChildren":false},{"id":511,"key":"myhome_511","name":"West Bronx","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":512,"key":"myhome_512","name":"Williamsburg","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[451],"dependencies":[],"hasMultilevelChildren":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="{"key":"myhome_5462","id":5462,"type":"number","hideTerms":[426,431,428],"name":"Bedrooms","displayBefore":"","displayAfter":""}"
: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="{"key":"myhome_5462","id":5462,"type":"number","hideTerms":[426,431,428],"name":"Bedrooms","displayBefore":"","displayAfter":""}"
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="{"key":"myhome_5462","id":5462,"type":"number","hideTerms":[426,431,428],"name":"Bedrooms","displayBefore":"","displayAfter":""}"
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="{"key":"myhome_5463","id":5463,"type":"number","hideTerms":[426,431,428],"name":"Bathrooms","displayBefore":"","displayAfter":""}"
: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="{"key":"myhome_5463","id":5463,"type":"number","hideTerms":[426,431,428],"name":"Bathrooms","displayBefore":"","displayAfter":""}"
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="{"key":"myhome_5463","id":5463,"type":"number","hideTerms":[426,431,428],"name":"Bathrooms","displayBefore":"","displayAfter":""}"
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="{"key":"myhome_340","id":340,"type":"number","hideTerms":[431],"name":"Property Size","displayBefore":"","displayAfter":" ft\u00b2"}"
: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="{"key":"myhome_340","id":340,"type":"number","hideTerms":[431],"name":"Property Size","displayBefore":"","displayAfter":" ft\u00b2"}"
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="{"key":"myhome_340","id":340,"type":"number","hideTerms":[431],"name":"Property Size","displayBefore":"","displayAfter":" ft\u00b2"}"
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="{"key":"myhome_9694","id":9694,"type":"number","hideTerms":[],"name":"Lot Size","displayBefore":"","displayAfter":" ft\u00b2"}"
: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="{"key":"myhome_9694","id":9694,"type":"number","hideTerms":[],"name":"Lot Size","displayBefore":"","displayAfter":" ft\u00b2"}"
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="{"key":"myhome_9694","id":9694,"type":"number","hideTerms":[],"name":"Lot Size","displayBefore":"","displayAfter":" ft\u00b2"}"
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="{"key":"myhome_4661","id":4661,"type":"taxonomy","hideTerms":[431],"multiple":true,"multilevel":false,"orderType":"name","whenTermHasNoResults":"hide","disableUntilParentSelected":false,"parentTaxonomyKeys":[]}"
:filters="props.filters"
:dependencies="props.dependencies"
:term-count="props.termCount"
:multiple="true"
order-type="name"
all-label="All"
:initial-terms="[{"id":263,"key":"myhome_263","name":"Administrative support","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":264,"key":"myhome_264","name":"Air conditioning","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":265,"key":"myhome_265","name":"Attic","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":266,"key":"myhome_266","name":"Balcony","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":267,"key":"myhome_267","name":"Barbecue","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":268,"key":"myhome_268","name":"Broadband Internet","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":269,"key":"myhome_269","name":"Ceiling Fan","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":270,"key":"myhome_270","name":"Central heating","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":446,"key":"myhome_446","name":"Commercial Property","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":272,"key":"myhome_272","name":"Disabled facilities","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":273,"key":"myhome_273","name":"Dishwasher","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":274,"key":"myhome_274","name":"Dryer","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":444,"key":"myhome_444","name":"Farms and Ranches","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":275,"key":"myhome_275","name":"Fireplace","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":276,"key":"myhome_276","name":"Furnished","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":277,"key":"myhome_277","name":"Garden","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":278,"key":"myhome_278","name":"High ceilings","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":279,"key":"myhome_279","name":"Hot Tub","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":443,"key":"myhome_443","name":"Hunting Property","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":280,"key":"myhome_280","name":"Kitchen","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":281,"key":"myhome_281","name":"Laundry","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":282,"key":"myhome_282","name":"Lift","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":283,"key":"myhome_283","name":"Microwave","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":442,"key":"myhome_442","name":"Recreational Property","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":284,"key":"myhome_284","name":"Refrigerator","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":285,"key":"myhome_285","name":"Security system","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":445,"key":"myhome_445","name":"Undeveloped Land","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":286,"key":"myhome_286","name":"Washer","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":false},{"id":287,"key":"myhome_287","name":"WiFi","parent":0,"searchFormPlaceholder":"Choose Category","parentTermIds":[],"dependencies":[],"hasMultilevelChildren":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="[{"id":"most-relevant","name":"Most Relevant","field":false},{"id":"newest","name":"Date Listed: Newest","field":false},{"id":"price-high-to-low","name":"Price: Highest","field":{"id":130,"hideTerms":[432]}},{"id":"price-low-to-high","name":"Price: Lowest","field":{"id":130,"hideTerms":[432]}},{"id":"rent-price-high-to-low","name":"Rent Price: Highest","field":{"id":5974,"hideTerms":[]}},{"id":"rent-price-low-to-high","name":"Rent Price: Lowest","field":{"id":5974,"hideTerms":[]}}]"
: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 myhome-listing-row--featured"
href="https://villas-in-morocco.com/listing/minimalist-style-flat/"
>
<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 myhome-listing-row__label--featured myhome-listing-card-featured-label-selector">
Featured </div>
<div
class="myhome-listing-row__label"
style=" color: #FDFDFE; background-color: #66BB6A; "
>
For Sale </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-srcset="https://villas-in-morocco.com/wp-content/uploads/2022/10/card_1.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_1-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_1-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_1-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_1-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_1-750x500.jpg 750w"
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/2022/10/card_4.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-750x500.jpg 750w"
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/2022/10/card_5.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-750x500.jpg 750w"
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/2022/10/card_3.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-750x500.jpg 750w"
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/2022/10/card_2.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-750x500.jpg 750w"
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/2022/10/card_9.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_9-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_9-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_9-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_9-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_9-750x500.jpg 750w"
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/2022/10/card_8.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_8-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_8-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_8-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_8-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_8-750x500.jpg 750w"
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/2022/10/card_7.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-750x500.jpg 750w"
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">
4 </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 class="myhome-attribute">
<span class="myhome-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z"></path></svg> </span>
<span class="myhome-attribute__value">
1,600 ft² </span>
</div> </div>
<h3 class="myhome-listing-row__name myhome-listing-row-name-selector">
Minimalist style flat </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="10705"
>
<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="10705">
<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--address">
<span class="myhome-listing-card-additional-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
<!--!Font Awesome Free 6.6.0 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>
</span>
<span class="myhome-listing-card-additional-attribute__value">
New York, NY, USA </span>
</div>
<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">
1 year ago </span>
</div>
</div>
<div class="myhome-listing-row__description myhome-listing-row-description-selector">
Experience the best with our premium listing. Contact us to learn more and see why it’s exceptional. Discover standout features and how they align perfectly with your needs. We’re excited to showcase this offer and guide you through the next steps to secure your ideal property with confidence and ease. </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">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11"
viewbox="0 0 10 11" fill="none">
<path d="M5 0C3.34766 0 2 1.34766 2 3C2 4.65234 3.34766 6 5 6C6.65234 6 8 4.65234 8 3C8 1.34766 6.65234 0 5 0ZM5 6C2.24609 6 0 8.24609 0 11H1C1 8.78516 2.78516 7 5 7C7.21484 7 9 8.78516 9 11H10C10 8.24609 7.75391 6 5 6ZM5 1C6.10938 1 7 1.89062 7 3C7 4.10938 6.10938 5 5 5C3.89062 5 3 4.10938 3 3C3 1.89062 3.89062 1 5 1Z"
fill="#374B5C"/>
</svg>
</div>
</div>
<div class="myhome-listing-card-user__name">
chouayh.abdelaat </div>
</div>
<div class="myhome-listing-card-main-value">
$ 1,800,000 </div>
</div>
</div>
</div>
</div>
</a>
<a
class="myhome-listing-row myhome-listing-row--featured"
href="https://villas-in-morocco.com/listing/modern-two-bedroom-apartment/"
>
<div class="myhome-listing-row__left">
<div
class="myhome-listing-row__gallery myhome-listing-row__gallery--image-count-7"
>
<div class="myhome-listing-row__labels">
<div class="myhome-listing-row__label myhome-listing-row__label--featured myhome-listing-card-featured-label-selector">
Featured </div>
<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-srcset="https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-750x500.jpg 750w"
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/2022/10/card_5.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-750x500.jpg 750w"
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/2022/10/card_6.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_6-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_6-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_6-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_6-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_6-750x500.jpg 750w"
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/2022/10/card_7.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-750x500.jpg 750w"
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/2022/10/card_3.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-750x500.jpg 750w"
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/2022/10/card_1.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_1-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_1-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_1-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_1-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_1-750x500.jpg 750w"
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/2022/10/card_2.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-750x500.jpg 750w"
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">
3 </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">
1 </span>
</div><div class="myhome-attribute">
<span class="myhome-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z"></path></svg> </span>
<span class="myhome-attribute__value">
850 ft² </span>
</div> </div>
<h3 class="myhome-listing-row__name myhome-listing-row-name-selector">
Modern two bedroom apartment </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="10708"
>
<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="10708">
<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--address">
<span class="myhome-listing-card-additional-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
<!--!Font Awesome Free 6.6.0 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>
</span>
<span class="myhome-listing-card-additional-attribute__value">
New York, NY, USA </span>
</div>
<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">
1 year ago </span>
</div>
</div>
<div class="myhome-listing-row__description myhome-listing-row-description-selector">
Experience the best with our premium listing. Contact us to learn more and see why it’s exceptional. Discover standout features and how they align perfectly with your needs. We’re excited to showcase this offer and guide you through the next steps to secure your ideal property with confidence and ease. </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">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11"
viewbox="0 0 10 11" fill="none">
<path d="M5 0C3.34766 0 2 1.34766 2 3C2 4.65234 3.34766 6 5 6C6.65234 6 8 4.65234 8 3C8 1.34766 6.65234 0 5 0ZM5 6C2.24609 6 0 8.24609 0 11H1C1 8.78516 2.78516 7 5 7C7.21484 7 9 8.78516 9 11H10C10 8.24609 7.75391 6 5 6ZM5 1C6.10938 1 7 1.89062 7 3C7 4.10938 6.10938 5 5 5C3.89062 5 3 4.10938 3 3C3 1.89062 3.89062 1 5 1Z"
fill="#374B5C"/>
</svg>
</div>
</div>
<div class="myhome-listing-card-user__name">
chouayh.abdelaat </div>
</div>
<div class="myhome-listing-card-main-value">
$ 1,500 /month </div>
</div>
</div>
</div>
</div>
</a>
<a
class="myhome-listing-row myhome-listing-row--featured"
href="https://villas-in-morocco.com/listing/studio-apartment/"
>
<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 myhome-listing-row__label--featured myhome-listing-card-featured-label-selector">
Featured </div>
<div
class="myhome-listing-row__label"
style=" color: #FDFDFE; background-color: #66BB6A; "
>
For Sale </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-srcset="https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_2-750x500.jpg 750w"
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/2022/10/card_4.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_4-750x500.jpg 750w"
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/2022/10/card_3.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_3-750x500.jpg 750w"
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/2022/10/card_5.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_5-750x500.jpg 750w"
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/2022/10/card_6.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_6-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_6-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_6-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_6-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_6-750x500.jpg 750w"
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/2022/10/card_7.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_7-750x500.jpg 750w"
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/2022/10/card_8.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_8-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_8-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_8-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_8-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_8-750x500.jpg 750w"
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/2022/10/card_9.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_9-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_9-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_9-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_9-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2022/10/card_9-750x500.jpg 750w"
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">
3 </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">
1 </span>
</div><div class="myhome-attribute">
<span class="myhome-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z"></path></svg> </span>
<span class="myhome-attribute__value">
9,450 ft² </span>
</div> </div>
<h3 class="myhome-listing-row__name myhome-listing-row-name-selector">
Studio apartment </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="10706"
>
<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="10706">
<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--address">
<span class="myhome-listing-card-additional-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
<!--!Font Awesome Free 6.6.0 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>
</span>
<span class="myhome-listing-card-additional-attribute__value">
New York, NY, USA </span>
</div>
<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">
1 year ago </span>
</div>
</div>
<div class="myhome-listing-row__description myhome-listing-row-description-selector">
Experience the best with our premium listing. Contact us to learn more and see why it’s exceptional. Discover standout features and how they align perfectly with your needs. We’re excited to showcase this offer and guide you through the next steps to secure your ideal property with confidence and ease. </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">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11"
viewbox="0 0 10 11" fill="none">
<path d="M5 0C3.34766 0 2 1.34766 2 3C2 4.65234 3.34766 6 5 6C6.65234 6 8 4.65234 8 3C8 1.34766 6.65234 0 5 0ZM5 6C2.24609 6 0 8.24609 0 11H1C1 8.78516 2.78516 7 5 7C7.21484 7 9 8.78516 9 11H10C10 8.24609 7.75391 6 5 6ZM5 1C6.10938 1 7 1.89062 7 3C7 4.10938 6.10938 5 5 5C3.89062 5 3 4.10938 3 3C3 1.89062 3.89062 1 5 1Z"
fill="#374B5C"/>
</svg>
</div>
</div>
<div class="myhome-listing-card-user__name">
chouayh.abdelaat </div>
</div>
<div class="myhome-listing-card-main-value">
$ 1,500,000 </div>
</div>
</div>
</div>
</div>
</a>
<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 & 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>
<a
class="myhome-listing-row"
href="https://villas-in-morocco.com/listing/spacious-office/"
>
<div class="myhome-listing-row__left">
<div
class="myhome-listing-row__gallery myhome-listing-row__gallery--image-count-1"
>
<div class="myhome-listing-row__labels">
<div
class="myhome-listing-row__label"
style=" color: #FDFDFE; background-color: #66BB6A; "
>
For Sale </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-srcset="https://villas-in-morocco.com/wp-content/uploads/2021/12/office-3.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/office-3-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/office-3-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/office-3-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/office-3-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/office-3-750x500.jpg 750w"
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 448 512"><path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z"></path></svg> </span>
<span class="myhome-attribute__value">
900 ft² </span>
</div> </div>
<h3 class="myhome-listing-row__name myhome-listing-row-name-selector">
Spacious Office </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="5839"
>
<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="5839">
<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--address">
<span class="myhome-listing-card-additional-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
<!--!Font Awesome Free 6.6.0 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>
</span>
<span class="myhome-listing-card-additional-attribute__value">
Austin, TX, USA </span>
</div>
<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">
1 year ago </span>
</div>
</div>
<div class="myhome-listing-row__description myhome-listing-row-description-selector">
Experience the best with our premium listing. Contact us to learn more and see why it’s exceptional. Discover standout features and how they align perfectly with your needs. We’re excited to showcase this offer and guide you through the next steps to secure your ideal property with confidence and ease. </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">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11"
viewbox="0 0 10 11" fill="none">
<path d="M5 0C3.34766 0 2 1.34766 2 3C2 4.65234 3.34766 6 5 6C6.65234 6 8 4.65234 8 3C8 1.34766 6.65234 0 5 0ZM5 6C2.24609 6 0 8.24609 0 11H1C1 8.78516 2.78516 7 5 7C7.21484 7 9 8.78516 9 11H10C10 8.24609 7.75391 6 5 6ZM5 1C6.10938 1 7 1.89062 7 3C7 4.10938 6.10938 5 5 5C3.89062 5 3 4.10938 3 3C3 1.89062 3.89062 1 5 1Z"
fill="#374B5C"/>
</svg>
</div>
</div>
<div class="myhome-listing-card-user__name">
chouayh.abdelaat </div>
</div>
<div class="myhome-listing-card-main-value">
$ 1,300,000 </div>
</div>
</div>
</div>
</div>
</a>
<a
class="myhome-listing-row"
href="https://villas-in-morocco.com/listing/spacious-city-apartment/"
>
<div class="myhome-listing-row__left">
<div
class="myhome-listing-row__gallery myhome-listing-row__gallery--image-count-1"
>
<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-srcset="https://villas-in-morocco.com/wp-content/uploads/2021/12/apartments-24.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/apartments-24-300x159.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/apartments-24-768x407.jpg 768w"
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">
1 </span>
</div><div class="myhome-attribute">
<span class="myhome-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z"></path></svg> </span>
<span class="myhome-attribute__value">
180 ft² </span>
</div> </div>
<h3 class="myhome-listing-row__name myhome-listing-row-name-selector">
Spacious City Apartment </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="5810"
>
<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="5810">
<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--address">
<span class="myhome-listing-card-additional-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
<!--!Font Awesome Free 6.6.0 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>
</span>
<span class="myhome-listing-card-additional-attribute__value">
Manila, Philippines </span>
</div>
<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">
1 year ago </span>
</div>
</div>
<div class="myhome-listing-row__description myhome-listing-row-description-selector">
Experience the best with our premium listing. Contact us to learn more and see why it’s exceptional. Discover standout features and how they align perfectly with your needs. We’re excited to showcase this offer and guide you through the next steps to secure your ideal property with confidence and ease. </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">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11"
viewbox="0 0 10 11" fill="none">
<path d="M5 0C3.34766 0 2 1.34766 2 3C2 4.65234 3.34766 6 5 6C6.65234 6 8 4.65234 8 3C8 1.34766 6.65234 0 5 0ZM5 6C2.24609 6 0 8.24609 0 11H1C1 8.78516 2.78516 7 5 7C7.21484 7 9 8.78516 9 11H10C10 8.24609 7.75391 6 5 6ZM5 1C6.10938 1 7 1.89062 7 3C7 4.10938 6.10938 5 5 5C3.89062 5 3 4.10938 3 3C3 1.89062 3.89062 1 5 1Z"
fill="#374B5C"/>
</svg>
</div>
</div>
<div class="myhome-listing-card-user__name">
chouayh.abdelaat </div>
</div>
<div class="myhome-listing-card-main-value">
$ 350 /month </div>
</div>
</div>
</div>
</div>
</a>
<a
class="myhome-listing-row"
href="https://villas-in-morocco.com/listing/spacious-modern-apartment/"
>
<div class="myhome-listing-row__left">
<div
class="myhome-listing-row__gallery myhome-listing-row__gallery--image-count-1"
>
<div class="myhome-listing-row__labels">
<div
class="myhome-listing-row__label"
style=" color: #FDFDFE; background-color: #66BB6A; "
>
For Sale </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-srcset="https://villas-in-morocco.com/wp-content/uploads/2021/12/apartments-29.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/apartments-29-300x225.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/apartments-29-768x576.jpg 768w"
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">
4 </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 class="myhome-attribute">
<span class="myhome-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z"></path></svg> </span>
<span class="myhome-attribute__value">
350 ft² </span>
</div> </div>
<h3 class="myhome-listing-row__name myhome-listing-row-name-selector">
Spacious Modern Apartment </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="5805"
>
<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="5805">
<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--address">
<span class="myhome-listing-card-additional-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
<!--!Font Awesome Free 6.6.0 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>
</span>
<span class="myhome-listing-card-additional-attribute__value">
London, UK </span>
</div>
<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">
1 year ago </span>
</div>
</div>
<div class="myhome-listing-row__description myhome-listing-row-description-selector">
Experience the best with our premium listing. Contact us to learn more and see why it’s exceptional. Discover standout features and how they align perfectly with your needs. We’re excited to showcase this offer and guide you through the next steps to secure your ideal property with confidence and ease. </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">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11"
viewbox="0 0 10 11" fill="none">
<path d="M5 0C3.34766 0 2 1.34766 2 3C2 4.65234 3.34766 6 5 6C6.65234 6 8 4.65234 8 3C8 1.34766 6.65234 0 5 0ZM5 6C2.24609 6 0 8.24609 0 11H1C1 8.78516 2.78516 7 5 7C7.21484 7 9 8.78516 9 11H10C10 8.24609 7.75391 6 5 6ZM5 1C6.10938 1 7 1.89062 7 3C7 4.10938 6.10938 5 5 5C3.89062 5 3 4.10938 3 3C3 1.89062 3.89062 1 5 1Z"
fill="#374B5C"/>
</svg>
</div>
</div>
<div class="myhome-listing-card-user__name">
chouayh.abdelaat </div>
</div>
<div class="myhome-listing-card-main-value">
$ 800,000 </div>
</div>
</div>
</div>
</div>
</a>
<a
class="myhome-listing-row"
href="https://villas-in-morocco.com/listing/industrial-campus/"
>
<div class="myhome-listing-row__left">
<div
class="myhome-listing-row__gallery myhome-listing-row__gallery--image-count-1"
>
<div class="myhome-listing-row__labels">
<div
class="myhome-listing-row__label"
style=" color: #FDFDFE; background-color: #66BB6A; "
>
For Sale </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-srcset="https://villas-in-morocco.com/wp-content/uploads/2021/12/Industrial-6.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/Industrial-6-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/Industrial-6-768x513.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/Industrial-6-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/Industrial-6-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/Industrial-6-750x500.jpg 750w"
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 448 512"><path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z"></path></svg> </span>
<span class="myhome-attribute__value">
11,000 ft² </span>
</div> </div>
<h3 class="myhome-listing-row__name myhome-listing-row-name-selector">
Industrial Campus </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="5877"
>
<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="5877">
<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--address">
<span class="myhome-listing-card-additional-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
<!--!Font Awesome Free 6.6.0 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>
</span>
<span class="myhome-listing-card-additional-attribute__value">
Oslo, Norway </span>
</div>
<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">
2 years ago </span>
</div>
</div>
<div class="myhome-listing-row__description myhome-listing-row-description-selector">
Experience the best with our premium listing. Contact us to learn more and see why it’s exceptional. Discover standout features and how they align perfectly with your needs. We’re excited to showcase this offer and guide you through the next steps to secure your ideal property with confidence and ease. </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">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11"
viewbox="0 0 10 11" fill="none">
<path d="M5 0C3.34766 0 2 1.34766 2 3C2 4.65234 3.34766 6 5 6C6.65234 6 8 4.65234 8 3C8 1.34766 6.65234 0 5 0ZM5 6C2.24609 6 0 8.24609 0 11H1C1 8.78516 2.78516 7 5 7C7.21484 7 9 8.78516 9 11H10C10 8.24609 7.75391 6 5 6ZM5 1C6.10938 1 7 1.89062 7 3C7 4.10938 6.10938 5 5 5C3.89062 5 3 4.10938 3 3C3 1.89062 3.89062 1 5 1Z"
fill="#374B5C"/>
</svg>
</div>
</div>
<div class="myhome-listing-card-user__name">
chouayh.abdelaat </div>
</div>
<div class="myhome-listing-card-main-value">
$ 3,000,000 </div>
</div>
</div>
</div>
</div>
</a>
<a
class="myhome-listing-row"
href="https://villas-in-morocco.com/listing/development-opportunity/"
>
<div class="myhome-listing-row__left">
<div
class="myhome-listing-row__gallery myhome-listing-row__gallery--image-count-1"
>
<div class="myhome-listing-row__labels">
<div
class="myhome-listing-row__label"
style=" color: #FDFDFE; background-color: #66BB6A; "
>
For Sale </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-srcset="https://villas-in-morocco.com/wp-content/uploads/2021/12/land-40.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/land-40-300x232.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/land-40-768x595.jpg 768w"
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">
<h3 class="myhome-listing-row__name myhome-listing-row-name-selector">
Development Opportunity </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="5869"
>
<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="5869">
<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--address">
<span class="myhome-listing-card-additional-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
<!--!Font Awesome Free 6.6.0 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>
</span>
<span class="myhome-listing-card-additional-attribute__value">
Chișinău, Moldova </span>
</div>
<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">
2 years ago </span>
</div>
</div>
<div class="myhome-listing-row__description myhome-listing-row-description-selector">
Experience the best with our premium listing. Contact us to learn more and see why it’s exceptional. Discover standout features and how they align perfectly with your needs. We’re excited to showcase this offer and guide you through the next steps to secure your ideal property with confidence and ease. </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">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11"
viewbox="0 0 10 11" fill="none">
<path d="M5 0C3.34766 0 2 1.34766 2 3C2 4.65234 3.34766 6 5 6C6.65234 6 8 4.65234 8 3C8 1.34766 6.65234 0 5 0ZM5 6C2.24609 6 0 8.24609 0 11H1C1 8.78516 2.78516 7 5 7C7.21484 7 9 8.78516 9 11H10C10 8.24609 7.75391 6 5 6ZM5 1C6.10938 1 7 1.89062 7 3C7 4.10938 6.10938 5 5 5C3.89062 5 3 4.10938 3 3C3 1.89062 3.89062 1 5 1Z"
fill="#374B5C"/>
</svg>
</div>
</div>
<div class="myhome-listing-card-user__name">
chouayh.abdelaat </div>
</div>
<div class="myhome-listing-card-main-value">
$ 1,600,000 </div>
</div>
</div>
</div>
</div>
</a>
<a
class="myhome-listing-row"
href="https://villas-in-morocco.com/listing/affordable-house/"
>
<div class="myhome-listing-row__left">
<div
class="myhome-listing-row__gallery myhome-listing-row__gallery--image-count-6"
>
<div class="myhome-listing-row__labels">
<div
class="myhome-listing-row__label"
style=" color: #FDFDFE; background-color: #66BB6A; "
>
For Sale </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-srcset="https://villas-in-morocco.com/wp-content/uploads/2021/12/home-40.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-40-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-40-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-40-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-40-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-40-750x500.jpg 750w"
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/2021/12/bathroom-4.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-750x500.jpg 750w"
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/2021/12/bathroom-5.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-5-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-5-768x513.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-5-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-5-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-5-750x500.jpg 750w"
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/2021/12/home-66.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-66-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-66-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-66-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-66-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-66-750x500.jpg 750w"
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/2021/12/home-65.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-65-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-65-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-65-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-65-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-65-750x500.jpg 750w"
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/2021/12/home-36.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-36-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-36-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-36-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-36-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-36-750x500.jpg 750w"
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">
5 </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">
3 </span>
</div><div class="myhome-attribute">
<span class="myhome-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z"></path></svg> </span>
<span class="myhome-attribute__value">
500 ft² </span>
</div> </div>
<h3 class="myhome-listing-row__name myhome-listing-row-name-selector">
Affordable House </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="5929"
>
<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="5929">
<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--address">
<span class="myhome-listing-card-additional-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
<!--!Font Awesome Free 6.6.0 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>
</span>
<span class="myhome-listing-card-additional-attribute__value">
New York, NY, USA </span>
</div>
<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">
2 years ago </span>
</div>
</div>
<div class="myhome-listing-row__description myhome-listing-row-description-selector">
Experience the best with our premium listing. Contact us to learn more and see why it’s exceptional. Discover standout features and how they align perfectly with your needs. We’re excited to showcase this offer and guide you through the next steps to secure your ideal property with confidence and ease. </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">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11"
viewbox="0 0 10 11" fill="none">
<path d="M5 0C3.34766 0 2 1.34766 2 3C2 4.65234 3.34766 6 5 6C6.65234 6 8 4.65234 8 3C8 1.34766 6.65234 0 5 0ZM5 6C2.24609 6 0 8.24609 0 11H1C1 8.78516 2.78516 7 5 7C7.21484 7 9 8.78516 9 11H10C10 8.24609 7.75391 6 5 6ZM5 1C6.10938 1 7 1.89062 7 3C7 4.10938 6.10938 5 5 5C3.89062 5 3 4.10938 3 3C3 1.89062 3.89062 1 5 1Z"
fill="#374B5C"/>
</svg>
</div>
</div>
<div class="myhome-listing-card-user__name">
chouayh.abdelaat </div>
</div>
<div class="myhome-listing-card-main-value">
$ 300,000 </div>
</div>
</div>
</div>
</div>
</a>
<a
class="myhome-listing-row"
href="https://villas-in-morocco.com/listing/place-house-for-nature-lovers/"
>
<div class="myhome-listing-row__left">
<div
class="myhome-listing-row__gallery myhome-listing-row__gallery--image-count-4"
>
<div class="myhome-listing-row__labels">
<div
class="myhome-listing-row__label"
style=" color: #FDFDFE; background-color: #66BB6A; "
>
For Sale </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-srcset="https://villas-in-morocco.com/wp-content/uploads/2021/12/home-27.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-27-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-27-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-27-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-27-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-27-750x500.jpg 750w"
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/2021/12/bathroom-8.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-8-300x211.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-8-768x541.jpg 768w"
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/2021/12/bathroom-5.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-5-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-5-768x513.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-5-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-5-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-5-750x500.jpg 750w"
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/2021/12/bathroom-4.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-750x500.jpg 750w"
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">
7 </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">
3 </span>
</div><div class="myhome-attribute">
<span class="myhome-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z"></path></svg> </span>
<span class="myhome-attribute__value">
1,200 ft² </span>
</div> </div>
<h3 class="myhome-listing-row__name myhome-listing-row-name-selector">
Place House for Nature Lovers </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="5931"
>
<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="5931">
<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--address">
<span class="myhome-listing-card-additional-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
<!--!Font Awesome Free 6.6.0 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>
</span>
<span class="myhome-listing-card-additional-attribute__value">
New York, NY, USA </span>
</div>
<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">
2 years ago </span>
</div>
</div>
<div class="myhome-listing-row__description myhome-listing-row-description-selector">
Experience the best with our premium listing. Contact us to learn more and see why it’s exceptional. Discover standout features and how they align perfectly with your needs. We’re excited to showcase this offer and guide you through the next steps to secure your ideal property with confidence and ease. </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">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11"
viewbox="0 0 10 11" fill="none">
<path d="M5 0C3.34766 0 2 1.34766 2 3C2 4.65234 3.34766 6 5 6C6.65234 6 8 4.65234 8 3C8 1.34766 6.65234 0 5 0ZM5 6C2.24609 6 0 8.24609 0 11H1C1 8.78516 2.78516 7 5 7C7.21484 7 9 8.78516 9 11H10C10 8.24609 7.75391 6 5 6ZM5 1C6.10938 1 7 1.89062 7 3C7 4.10938 6.10938 5 5 5C3.89062 5 3 4.10938 3 3C3 1.89062 3.89062 1 5 1Z"
fill="#374B5C"/>
</svg>
</div>
</div>
<div class="myhome-listing-card-user__name">
chouayh.abdelaat </div>
</div>
<div class="myhome-listing-card-main-value">
$ 2,600,000 </div>
</div>
</div>
</div>
</div>
</a>
<a
class="myhome-listing-row"
href="https://villas-in-morocco.com/listing/furnished-house/"
>
<div class="myhome-listing-row__left">
<div
class="myhome-listing-row__gallery myhome-listing-row__gallery--image-count-3"
>
<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-srcset="https://villas-in-morocco.com/wp-content/uploads/2021/12/home-38.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-38-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-38-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-38-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-38-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-38-750x500.jpg 750w"
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/2021/12/bathroom-4.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/bathroom-4-750x500.jpg 750w"
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/2021/12/home-36.jpg 1024w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-36-300x200.jpg 300w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-36-768x512.jpg 768w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-36-360x240.jpg 360w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-36-720x480.jpg 720w, https://villas-in-morocco.com/wp-content/uploads/2021/12/home-36-750x500.jpg 750w"
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">
6 </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">
3 </span>
</div><div class="myhome-attribute">
<span class="myhome-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M32 32C14.3 32 0 46.3 0 64v96c0 17.7 14.3 32 32 32s32-14.3 32-32V96h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H64V352zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32h64v64c0 17.7 14.3 32 32 32s32-14.3 32-32V64c0-17.7-14.3-32-32-32H320zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32v64H320c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32V352z"></path></svg> </span>
<span class="myhome-attribute__value">
1,000 ft² </span>
</div> </div>
<h3 class="myhome-listing-row__name myhome-listing-row-name-selector">
Furnished House </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="5930"
>
<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="5930">
<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--address">
<span class="myhome-listing-card-additional-attribute__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512">
<!--!Font Awesome Free 6.6.0 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>
</span>
<span class="myhome-listing-card-additional-attribute__value">
New York, NY, USA </span>
</div>
<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">
2 years ago </span>
</div>
</div>
<div class="myhome-listing-row__description myhome-listing-row-description-selector">
Experience the best with our premium listing. Contact us to learn more and see why it’s exceptional. Discover standout features and how they align perfectly with your needs. We’re excited to showcase this offer and guide you through the next steps to secure your ideal property with confidence and ease. </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">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="11"
viewbox="0 0 10 11" fill="none">
<path d="M5 0C3.34766 0 2 1.34766 2 3C2 4.65234 3.34766 6 5 6C6.65234 6 8 4.65234 8 3C8 1.34766 6.65234 0 5 0ZM5 6C2.24609 6 0 8.24609 0 11H1C1 8.78516 2.78516 7 5 7C7.21484 7 9 8.78516 9 11H10C10 8.24609 7.75391 6 5 6ZM5 1C6.10938 1 7 1.89062 7 3C7 4.10938 6.10938 5 5 5C3.89062 5 3 4.10938 3 3C3 1.89062 3.89062 1 5 1Z"
fill="#374B5C"/>
</svg>
</div>
</div>
<div class="myhome-listing-card-user__name">
chouayh.abdelaat </div>
</div>
<div class="myhome-listing-card-main-value">
$ 2,000 /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="{"background_background":"classic"}">
<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 & 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 & 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 & Golf Access"
>
Luxury Apartment for Rent with Pool View & 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="{"background_background":"classic"}">
<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 & 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="{"loop":false,"spaceBetween":15,"slidesPerView":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'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;">×</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="{"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!"}" data-rest="31fbc903f3"></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=1768933202" 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.0" 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":"19b9cb592d"},"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>
