{"id":18036,"date":"2025-10-10T03:40:04","date_gmt":"2025-10-10T03:40:04","guid":{"rendered":"https:\/\/bondnew.cubereach.org\/?page_id=18036"},"modified":"2025-10-18T14:01:48","modified_gmt":"2025-10-18T14:01:48","slug":"home","status":"publish","type":"page","link":"https:\/\/heysearch.ae\/bondnew\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18036\" class=\"elementor elementor-18036\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fbd059 elementor-section-full_width elementor-section-stretched ban-hed  elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"5fbd059\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0ec3152\" data-id=\"0ec3152\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-264e7e9 elementor-widget elementor-widget-video\" data-id=\"264e7e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;start&quot;:0}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/1.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a72e89f elementor-section-full_width elementor-section-stretched ban-hed elementor-hidden-desktop elementor-section-height-default elementor-section-height-default\" data-id=\"a72e89f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-60834ae\" data-id=\"60834ae\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-72b2476 elementor-widget elementor-widget-video\" data-id=\"72b2476\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;start&quot;:0}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/2.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-629a7fb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"629a7fb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c570f30\" data-id=\"c570f30\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e88fa74 elementor-widget elementor-widget-html\" data-id=\"e88fa74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Sidebar Navigation -->\r\n<nav class=\"floating-btns\">\r\n    <!-- Enquiry Icon -->\r\n    <a open-modal=\"inquery-modal\" class=\"btn-item\" href=\"javascript:;\">\r\n        <img decoding=\"async\" src=\"https:\/\/imtiaz.ae\/layout\/image\/chat.svg\" width=\"22\" alt=\"ENQUIRY ICON\">\r\n    <\/a>\r\n    <!-- Enquiry Text -->\r\n    <span class=\"btn-label\">ENQUIRY<\/span>\r\n    \r\n    <!-- Call Icon -->\r\n    <a class=\"btn-item\" href=\"tel:+971543439967\">\r\n        <img decoding=\"async\" src=\"https:\/\/imtiaz.ae\/layout\/image\/call.svg\" width=\"20\" alt=\"CALL ICON\">\r\n    <\/a>\r\n    <!-- Call Text -->\r\n    <span class=\"btn-label\">CALL<\/span>\r\n    \r\n    <!-- WhatsApp Icon -->\r\n    <a class=\"btn-item\" href=\"https:\/\/wa.me\/+971543439967\" rel=\"noopener\" target=\"_blank\">\r\n        <img decoding=\"async\" src=\"https:\/\/imtiaz.ae\/layout\/image\/whats.svg\" width=\"20\" alt=\"WHATSAPP ICON\">\r\n    <\/a>\r\n    <!-- WhatsApp Text -->\r\n    <span class=\"btn-label\">WHATSAPP<\/span>\r\n<\/nav>\r\n\r\n<!-- Modal for Enquiry Form -->\r\n<div id=\"enquiryModal\" class=\"modal\" style=\"display:none;\">\r\n  <div class=\"modal-content\">\r\n    <span class=\"close\">&times;<\/span>\r\n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f18473-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"18473\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/bondnew\/wp-json\/wp\/v2\/pages\/18036#wpcf7-f18473-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"18473\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f18473-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"custom-contact-form\">\n <!-- Row 1 -->\n\t<div class=\"form-row\">\n\t\t<div class=\"form-group\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name*\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-group\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"Phone Number*\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n\n <!-- Message Field -->\n\t<div class=\"form-group full-width\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Your Message\" name=\"your-message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\n <!-- Submit Button -->\n\t<div class=\"btn-wrapper\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner custom-btn\" type=\"submit\" value=\"Submit\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<style>\n\/* === Contact Form 7 Custom Styling === *\/\n\n\/* Container *\/\n.custom-contact-form {\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* Two-column layout *\/\n.form-row {\n display: flex;\n gap: 20px;\n margin-bottom: 20px;\n}\n\n.form-group {\n flex: 1;\n}\n\n\/* Inputs + Select + Textarea *\/\n.custom-contact-form input[type=\"text\"],\n.custom-contact-form input[type=\"email\"],\n.custom-contact-form input[type=\"tel\"],\n.custom-contact-form select,\n.custom-contact-form textarea {\n border: none;\n border-bottom: 1px solid #000;\n padding: 12px 5px;\n font-size: 15px;\n width: 100%;\n background: transparent;\n outline: none;\n box-shadow: none;\n color: #051229;\n}\n\n\/* Placeholder color *\/\n.custom-contact-form ::placeholder {\n color: #051229;\n opacity: 1;\n}\n\n\/* \u2705 Smaller message box only *\/\n.custom-contact-form textarea {\n min-height: 20px;\n height: 40px;\n resize: none;\n}\n\n\/* Button wrapper *\/\n.btn-wrapper {\n display: flex;\n justify-content: flex-start;\n margin-top: 20px;\n}\n\n\/* Submit button *\/\n.wpcf7-submit.custom-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #000;\n color: #fff;\n font-size: 16px;\n font-weight: 600;\n padding: 14px 32px;\n border-radius: 1px;\n border: none;\n cursor: pointer;\n transition: background 0.3s, color 0.3s;\n min-height: 50px;\n}\n\/* Hover + Focus *\/\n.wpcf7-submit.custom-btn:hover,\n.wpcf7-submit.custom-btn:focus {\n background-color: #000;\n color: #fff;\n outline: none;\n}\n<\/style><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- CSS Styling -->\r\n<style>\r\n\r\n.floating-btns {\r\n    position: fixed;\r\n    bottom: 0px;\r\n    top: 0px;\r\n    height: 180px; \/* for 6 items *\/\r\n    right: 0px;\r\n    padding-bottom: 4px;      \/* decreased bottom padding *\/\r\n    padding-top: 6px;\r\n    z-index: 5;\r\n    margin: auto;\r\n    border-style: solid;\r\n    border-color: rgb(169, 169, 169);\r\n    border-image: initial;\r\n    background: rgba(0, 0, 0, 0.71);\r\n    border-width: 0.5px 0px 0.5px 0.5px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n.floating-btns > * {\r\n    color: rgb(255, 255, 255);\r\n    text-transform: uppercase;\r\n    font-size: 12px;\r\n    text-align: center;\r\n    transition: 0.4s;\r\n    padding: 6px 8px;\r\n}\r\n@media (max-width: 768px) {\r\n    .floating-btns > *{\r\n        padding: 6px 6px;\r\n    }\r\n    .btn-label {\r\n    font-size: 6px !important;\r\n    margin-bottom: 3px;\r\n    margin-top: -5px;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n    \r\n}\r\n\r\n.btn-label {\r\n    font-size: 8px;\r\n    margin-bottom: 3px;\r\n    margin-top: -5px;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* Modal styles *\/\r\n.modal {\r\n    display: none; \r\n    position: fixed; \r\n    z-index: 9999;\r\n    left: 0;\r\n    top: 30%;         \/* Moves popup to 30% from top *\/\r\n    width: 100%; \r\n    height: auto;     \/* Only covers enough for the popup content *\/\r\n    overflow: auto; \r\n    background: rgba(0,0,0,0.4);\r\n}\r\n.modal-content {\r\n    margin: auto; \r\n    background: #fff; \r\n    padding: 20px; \r\n    border-radius: 4px;\r\n    width: 520px;     \/* Increased width *\/\r\n    max-width: 90%;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.3);\r\n    position: relative; \/* Add relative positioning for its children *\/\r\n}\r\n.close {\r\n    color: #222; \r\n    float: right; \r\n    font-size: 24px; \r\n    font-weight: bold; \r\n    \r\n      position: absolute;  \/* Absolute positioning *\/\r\n  top: 8px;            \/* Fine tune distance from top *\/\r\n  right: 10px;         \/* Fine tune distance from right *\/\r\n  z-index: 2;\r\n  cursor: pointer;\r\n}\r\n<\/style>\r\n\r\n<!-- JavaScript for Popup Logic -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    var enquiryBtn = document.querySelector('[open-modal=\"inquery-modal\"]');\r\n    var modal = document.getElementById('enquiryModal');\r\n    var closeBtn = modal.querySelector('.close');\r\n\r\n    enquiryBtn.addEventListener('click', function() {\r\n        modal.style.display = 'block';\r\n    });\r\n\r\n    closeBtn.addEventListener('click', function() {\r\n        modal.style.display = 'none';\r\n    });\r\n\r\n    window.addEventListener('click', function(event) {\r\n        if(event.target === modal) {\r\n            modal.style.display = 'none';\r\n        }\r\n    });\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ace99e4 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"ace99e4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-ba4c258\" data-id=\"ba4c258\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ee4a80 elementor-widget elementor-widget-html\" data-id=\"7ee4a80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .left-bar-newID {\r\n    border-left: 4px solid #121212;\r\n    padding-left: 10px;\r\n    width: fit-content;\r\n  }\r\n  .fadein-headline-newID {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 45px;\r\n    line-height: 66px;\r\n    color: #121212;\r\n    letter-spacing: 0%;\r\n    vertical-align: middle;\r\n    white-space: pre-wrap;\r\n  }\r\n  .fadein-word-newID {\r\n    display: inline-block;\r\n    white-space: pre;\r\n  }\r\n  .fadein-letter-newID {\r\n    opacity: 0;\r\n    display: inline-block;\r\n    transition: opacity 0.4s;\r\n  }\r\n  .fadein-letter-newID.visible {\r\n    opacity: 1;\r\n  }\r\n  @media (max-width: 768px) {\r\n    .fadein-headline-newID {\r\n      font-size: 25px;\r\n      line-height: 35px;\r\n    }\r\n    .left-bar-newID {\r\n    border-left: 4px solid #121212;\r\n    padding-left: 10px;\r\n    width: fit-content;\r\n}\r\n  }\r\n  \r\n<\/style>\r\n\r\n<div class=\"left-bar-newID\">\r\n  <div class=\"fadein-headline-newID\" id=\"fadeinHeadline-newID\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const text = \"Transform your space with a bold new vision.\";\r\n  const container = document.getElementById(\"fadeinHeadline-newID\");\r\n  container.innerHTML = \"\";\r\n  let letterIndex = 0;\r\n  text.split('\\n').forEach((line, lineIdx, arr) => {\r\n    line.split(' ').forEach((word, wordIdx, wordArr) => {\r\n      \/\/ Word wrapper\r\n      const wordSpan = document.createElement(\"span\");\r\n      wordSpan.classList.add(\"fadein-word-newID\");\r\n      \/\/ Letter animation\r\n      word.split('').forEach(letter => {\r\n        const letterSpan = document.createElement(\"span\");\r\n        letterSpan.textContent = letter;\r\n        letterSpan.classList.add(\"fadein-letter-newID\");\r\n        \/\/ Set an individual animation delay in js\r\n        letterSpan.style.transitionDelay = (0.12 * letterIndex) + \"s\";\r\n        wordSpan.appendChild(letterSpan);\r\n        letterIndex++;\r\n      });\r\n      container.appendChild(wordSpan);\r\n      if (wordIdx < wordArr.length - 1) {\r\n        container.appendChild(document.createTextNode(\"\\u00A0\"));\r\n        letterIndex++; \/\/ Add \"space\" as a step for delay\r\n      }\r\n    });\r\n    if (lineIdx < arr.length - 1) {\r\n      container.appendChild(document.createElement(\"br\"));\r\n    }\r\n  });\r\n\r\n  \/\/ Animate: after DOM is ready, add visible class to all\r\n  setTimeout(() => {\r\n    const spans = container.querySelectorAll(\".fadein-letter-newID\");\r\n    spans.forEach(span => span.classList.add(\"visible\"));\r\n  }, 100);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4522300 elementor-widget elementor-widget-text-editor\" data-id=\"4522300\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tBond Property Group transforms your entire villa inside and out into\na masterpiece that reflects your lifestyle and legacy.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-743b1f1 elementor-align-left elementor-mobile-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"743b1f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/wa.me\/+971543439967\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">See More transformations<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-320bbfc\" data-id=\"320bbfc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b95356 elementor-widget elementor-widget-html\" data-id=\"7b95356\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.image-container {\r\n  display: flex;\r\n  gap: 10px; \/* space between images *\/\r\n  height: 450px;\r\n  overflow: hidden;\r\n}\r\n\r\n.image-container img {\r\n  width: 50%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center left;\r\n  transition: transform 0.5s ease, filter 0.5s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n\/* Hover animation *\/\r\n.image-container img:hover {\r\n  transform: scale(1.05); \/* slightly zoom in *\/\r\n  filter: brightness(1.1); \/* slight brightness change *\/\r\n}\r\n\r\n\/* Mobile view *\/\r\n@media (max-width: 768px) {\r\n  .image-container {\r\n    flex-direction: row; \/* same as desktop *\/\r\n  }\r\n\r\n  .image-container img {\r\n    width: 50%; \/* keep side by side *\/\r\n    object-position: center left; \/* same as desktop *\/\r\n    position: static; \/* remove absolute positioning *\/\r\n    clip-path: none; \/* remove clipping *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"image-container\">\r\n  <img decoding=\"async\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/image-section2-1.webp\" alt=\"Image 1\">\r\n  <img decoding=\"async\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/image-section2-2.webp\" alt=\"Image 2\">\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b469aea elementor-section-full_width elementor-section-stretched elementor-reverse-tablet elementor-reverse-mobile elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"b469aea\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fa5d60b floating-image-container\" data-id=\"fa5d60b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c8cb97 floating-img elementor-widget elementor-widget-image\" data-id=\"5c8cb97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/Gemini_Generated_Image_co6ab3co6ab3co6a_imgupscaler_imgupscaler-1024x585.webp\" class=\"attachment-large size-large wp-image-18104\" alt=\"\" srcset=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/Gemini_Generated_Image_co6ab3co6ab3co6a_imgupscaler_imgupscaler-1024x585.webp 1024w, https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/Gemini_Generated_Image_co6ab3co6ab3co6a_imgupscaler_imgupscaler-300x171.webp 300w, https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/Gemini_Generated_Image_co6ab3co6ab3co6a_imgupscaler_imgupscaler-768x439.webp 768w, https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/Gemini_Generated_Image_co6ab3co6ab3co6a_imgupscaler_imgupscaler-1536x877.webp 1536w, https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/Gemini_Generated_Image_co6ab3co6ab3co6a_imgupscaler_imgupscaler.webp 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d2dbd34\" data-id=\"d2dbd34\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b9d10b1 elementor-widget elementor-widget-heading\" data-id=\"b9d10b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u00a0What We Do<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d60cbdd elementor-widget elementor-widget-html\" data-id=\"d60cbdd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .left-bar-uniqueID {\r\n    border-left: 4px solid #121212;\r\n    padding-left: 10px;\r\n    width: fit-content;\r\n  }\r\n\r\n  .fadein-headline-uniqueID {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 45px;\r\n    line-height: 1.4em;\r\n    color: #121212;\r\n    letter-spacing: 0%;\r\n    vertical-align: middle;\r\n    white-space: pre-wrap;\r\n  }\r\n\r\n  .fadein-letter-uniqueID {\r\n    opacity: 0;\r\n    display: inline-block;\r\n    transition: opacity 0.4s;\r\n  }\r\n\r\n  .fadein-letter-uniqueID.visible {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* Mobile responsive typography *\/\r\n  @media (max-width: 768px) {\r\n    .fadein-headline-uniqueID {\r\n      font-size: 25px;\r\n      line-height: 36px;\r\n      \r\n    }\r\n    .left-bar-newID {\r\n    border-left: 4px solid #121212;\r\n    padding-left: 10px;\r\n    width: fit-content;\r\n}\r\n  }\r\n  \r\n\r\n<\/style>\r\n\r\n<div class=\"left-bar-uniqueID\">\r\n  <div class=\"fadein-headline-uniqueID\" id=\"fadeinHeadline-uniqueID\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const text = \"Beyond Renovation \u2014\\nCrafting Timeless Luxury\\nfor Your Villa\";\r\n    const container = document.getElementById(\"fadeinHeadline-uniqueID\");\r\n    container.innerHTML = \"\";\r\n    let letterIndex = 0;\r\n\r\n    \/\/ For each line in the text\r\n    text.split('\\n').forEach((line, lineIdx, arr) => {\r\n      \/\/ For each word in the line\r\n      line.split(' ').forEach((word, wordIdx, wordArr) => {\r\n        \/\/ Word wrapper prevents mid-word breaks\r\n        const wordSpan = document.createElement(\"span\");\r\n        wordSpan.style.display = \"inline-block\";\r\n        wordSpan.style.whiteSpace = \"pre\";\r\n        \/\/ Letter animation\r\n        word.split('').forEach(letter => {\r\n          const letterSpan = document.createElement(\"span\");\r\n          letterSpan.textContent = letter;\r\n          letterSpan.classList.add(\"fadein-letter-uniqueID\");\r\n          letterSpan.style.transitionDelay = (0.12 * letterIndex) + \"s\";\r\n          wordSpan.appendChild(letterSpan);\r\n          letterIndex++;\r\n        });\r\n        container.appendChild(wordSpan);\r\n        \/\/ Add space after each word except the last in the line\r\n        if (wordIdx < wordArr.length - 1) {\r\n          container.appendChild(document.createTextNode(\"\\u00A0\"));\r\n          letterIndex++; \/\/ Give space a delay slot as well\r\n        }\r\n      });\r\n      \/\/ If not last line, add <br>\r\n      if (lineIdx < arr.length - 1) {\r\n        container.appendChild(document.createElement(\"br\"));\r\n      }\r\n    });\r\n\r\n    \/\/ Animate: add visible class after DOM is ready\r\n    setTimeout(() => {\r\n      const spans = container.querySelectorAll(\".fadein-letter-uniqueID\");\r\n      spans.forEach(span => span.classList.add(\"visible\"));\r\n    }, 100);\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5c9e97 elementor-widget elementor-widget-text-editor\" data-id=\"b5c9e97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We take your entire villa\u00a0 every room, every surface, every exterior detail and deliver a seamless transformation that elevates both lifestyle and value.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c1977f elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"7c1977f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0e20595\" data-id=\"0e20595\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8006246 elementor-widget elementor-widget-heading\" data-id=\"8006246\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Factories<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b48c482 elementor-widget elementor-widget-html\" data-id=\"b48c482\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .fadein-headline-custom {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 35px;\r\n    line-height: 75px;\r\n    letter-spacing: 0%;\r\n    vertical-align: middle;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.05em;\r\n    justify-content: center;\r\n    color: #121212;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .fadein-letter-custom {\r\n    opacity: 0;\r\n    display: inline-block;\r\n    transition: opacity 0.4s;\r\n  }\r\n\r\n  .fadein-letter-custom.visible {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* Mobile responsive line height *\/\r\n  @media (max-width: 768px) {\r\n    .fadein-headline-custom {\r\n      line-height: 45px;\r\n      font-size: 25px\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"fadein-headline-custom\" id=\"fadeinHeadline-custom\"><\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const text = \"Our In House Facilities\";\r\n    const container = document.getElementById(\"fadeinHeadline-custom\");\r\n    container.innerHTML = \"\";\r\n    let letterIndex = 0;\r\n\r\n    \/\/ Word-by-word (but animate by letter)\r\n    text.split(' ').forEach((word, wordIdx, wordArr) => {\r\n      \/\/ Word wrapper: keeps word together\r\n      const wordSpan = document.createElement(\"span\");\r\n      wordSpan.style.display = \"inline-block\";\r\n      wordSpan.style.whiteSpace = \"pre\";\r\n      \/\/ Letter-by-letter inside word\r\n      word.split('').forEach(letter => {\r\n        const letterSpan = document.createElement(\"span\");\r\n        letterSpan.textContent = letter;\r\n        letterSpan.classList.add(\"fadein-letter-custom\");\r\n        letterSpan.style.transitionDelay = (0.12 * letterIndex) + \"s\";\r\n        wordSpan.appendChild(letterSpan);\r\n        letterIndex++;\r\n      });\r\n      container.appendChild(wordSpan);\r\n      \/\/ Space between words\r\n      if (wordIdx < wordArr.length - 1) {\r\n        container.appendChild(document.createTextNode(\"\\u00A0\"));\r\n        letterIndex++; \/\/ To add a delay slot for the space\r\n      }\r\n    });\r\n\r\n    \/\/ Animate: add visible class to all after DOM is ready\r\n    setTimeout(() => {\r\n      const spans = container.querySelectorAll(\".fadein-letter-custom\");\r\n      spans.forEach(span => span.classList.add(\"visible\"));\r\n    }, 100);\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f39c98 elementor-widget elementor-widget-html\" data-id=\"5f39c98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<style>\r\n\r\n\r\n\/* Full-bleed section but with centered cards and reduced left\/right gutters\r\n   Targets large desktops ~1600\u20131800px (e.g. 1728px) *\/\r\n@media (min-width: 1600px) and (max-width: 1800px) {\r\n  .facilities-zigzag {\r\n    \/* make section span full viewport width but stay visually centered *\/\r\n    position: relative;\r\n    width: 100vw;               \/* full viewport width *\/\r\n    left: 50%;                  \/* center the full-bleed element *\/\r\n    transform: translateX(-50%);\r\n    box-sizing: border-box;\r\n\r\n    \/* internal gutters (adjust to increase\/decrease left-right space) *\/\r\n    padding-left: 80px;        \/* <-- change this to 60px \/ 40px for less space *\/\r\n    padding-right: 80px;\r\n\r\n    \/* keep layout\/gaps as before *\/\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    gap: 117px !important;\r\n    margin-top: 53px;\r\n    margin-bottom: 53px;\r\n    background: transparent;   \/* keep section background as is *\/\r\n    z-index: 1;\r\n    overflow: visible;\r\n  }\r\n\r\n  \/* keep cards fixed width but allow them to stay centered inside the padding *\/\r\n  .facility-zigzag-box {\r\n    flex: 0 0 285px;           \/* keep the same card width you had *\/\r\n    max-width: 360px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .facility-img-box {\r\n    width: 100%;\r\n    height: 230px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .facility-img-sharp {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .facility-label {\r\n    text-align: center;\r\n    font-size: 25px;\r\n    line-height: 45px;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (min-width: 1600px) and (max-width: 1800px) {\r\n    .facility-img-box {\r\n        width: 363px !important;\r\n        height: 270px !important;\r\n        \r\n    }\r\n    .facilities-zigzag {\r\ngap:117px !important;\r\n} \r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.facilities-zigzag {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  gap: 35px;\r\n  margin: 53px 0;\r\n  flex-wrap: nowrap;\r\n}\r\n.facility-zigzag-box {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  width: 285px;\r\n}\r\n.facility-zigzag-box.top { margin-bottom: 50px; }\r\n.facility-zigzag-box.bottom { margin-top: 50px; }\r\n.facility-img-box {\r\n  width: 100%;\r\n  aspect-ratio: 1\/1;\r\n  overflow: hidden;\r\n  background: #ececec;\r\n  margin-bottom: 13px;\r\n  border-radius: 0;\r\n  position: relative;\r\n  height: 230px;\r\n}\r\n.facility-img-sharp {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 0;\r\n  animation: zoomInOut 10s ease-in-out infinite;\r\n  transform-origin: center center;\r\n}\r\n@keyframes zoomInOut {\r\n  0%   { transform: scale(1); }\r\n  50%  { transform: scale(1.09); }\r\n  100% { transform: scale(1); }\r\n}\r\n.facility-label {\r\n  color: #121212;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-weight: 800;\r\n  font-size: 25px;\r\n  line-height: 45px;\r\n  letter-spacing: 0;\r\n  text-align: center;\r\n  width: 100%;\r\n}\r\n@media (max-width: 700px) {\r\n    .facility-img-box {\r\n        margin-bottom: 0;\r\n        height: 150px;\r\n    }\r\n}\r\n@media (max-width: 700px) {\r\n  .facilities-zigzag {\r\n    flex-direction: column;\r\n    gap: 30px;\r\n    align-items: stretch;\r\n    margin: 16px 0;\r\n  }\r\n  .facility-zigzag-box {\r\n    width: 100%;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    flex-direction: row;\r\n    align-items: center; \/* center image\/text vertically *\/\r\n    gap: 18px;\r\n    \r\n  }\r\n  .facility-img-box { margin-bottom: 0; }\r\n  .facility-label { margin-bottom: 0; font-size: 20px; line-height: 30px; }\r\n  .facility-zigzag-box.top,\r\n  .facility-zigzag-box.bottom { margin: 0; }\r\n  .facility-zigzag-box:nth-child(odd) {\r\n    flex-direction: row;\r\n  }\r\n  .facility-zigzag-box:nth-child(odd) .facility-img-box {\r\n    order: 1;\r\n  }\r\n  .facility-zigzag-box:nth-child(odd) .facility-label {\r\n    order: 2;\r\n    text-align: left;\r\n    padding-left: 45px;\r\n    padding-right: 0;\r\n  }\r\n  .facility-zigzag-box:nth-child(even) {\r\n    flex-direction: row-reverse;\r\n  }\r\n  .facility-zigzag-box:nth-child(even) .facility-img-box {\r\n    order: 1;\r\n  }\r\n  .facility-zigzag-box:nth-child(even) .facility-label {\r\n    order: 2;\r\n    text-align: right;\r\n    padding-right: 55px;\r\n    padding-left: 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"facilities-zigzag\">\r\n  <div class=\"facility-zigzag-box top\">\r\n    <div class=\"facility-img-box\">\r\n      <img decoding=\"async\" class=\"facility-img-sharp\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/0201-1.webp\" alt=\"Aluminium\" \/>\r\n    <\/div>\r\n    <div class=\"facility-label\">Aluminium<\/div>\r\n  <\/div>\r\n  <div class=\"facility-zigzag-box bottom\">\r\n    <div class=\"facility-img-box\">\r\n      <img decoding=\"async\" class=\"facility-img-sharp\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/0501-1.webp\" alt=\"Joinery\" \/>\r\n    <\/div>\r\n    <div class=\"facility-label\">Joinery<\/div>\r\n  <\/div>\r\n  <div class=\"facility-zigzag-box top\">\r\n    <div class=\"facility-img-box\">\r\n      <img decoding=\"async\" class=\"facility-img-sharp\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/0301-1.webp\" alt=\"Marble\" \/>\r\n    <\/div>\r\n    <div class=\"facility-label\">Marble<\/div>\r\n  <\/div>\r\n  <div class=\"facility-zigzag-box bottom\">\r\n    <div class=\"facility-img-box\">\r\n      <img decoding=\"async\" class=\"facility-img-sharp\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/0101-1.webp\" alt=\"Upholstery\" \/>\r\n    <\/div>\r\n    <div class=\"facility-label\">Upholstery<\/div>\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e9b5d7 elementor-align-center elementor-mobile-align-center elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"4e9b5d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/wa.me\/+971543439967\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Call us for a free consultation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b3f8eb8 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"b3f8eb8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-b34afa2\" data-id=\"b34afa2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a316e15 elementor-widget elementor-widget-heading\" data-id=\"a316e15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Portfolio Showcase<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-331826f elementor-widget elementor-widget-html\" data-id=\"331826f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .left-bar-dubai-headline {\r\n    border-left: 4px solid #121212;\r\n    padding-left: 10px;\r\n    width: fit-content;\r\n    \/* margin: 0 auto;  removed to align left *\/\r\n  }\r\n\r\n  .fadein-headline-dubai-headline {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 35px;\r\n    line-height: 1.4em;\r\n    color: #121212;\r\n    letter-spacing: 0%;\r\n    vertical-align: middle;\r\n    white-space: pre-wrap;\r\n  }\r\n  .fadein-letter-dubai-headline {\r\n    opacity: 0;\r\n    display: inline-block;\r\n    transition: opacity 0.4s;\r\n  }\r\n  .fadein-letter-dubai-headline.visible {\r\n    opacity: 1;\r\n  }\r\n  \r\n  @media (max-width: 768px) {\r\n      .fadein-headline-dubai-headline {\r\n          font-size: 25px;\r\n      }\r\n      \r\n  }\r\n<\/style>\r\n\r\n<div class=\"left-bar-dubai-headline\">\r\n  <div class=\"fadein-headline-dubai-headline\" id=\"fadeinHeadline-dubai-headline\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const text = \"Dubai\u2019s Most Exclusive\\nVillas Reimagined.\";\r\n    const container = document.getElementById(\"fadeinHeadline-dubai-headline\");\r\n    container.innerHTML = \"\";\r\n    let letterIndex = 0;\r\n\r\n    \/\/ Split by lines first\r\n    text.split('\\n').forEach((line, lineIdx, arr) => {\r\n      \/\/ For each word in the line\r\n      line.split(' ').forEach((word, wordIdx, wordArr) => {\r\n        \/\/ Word wrapper for no-break\r\n        const wordSpan = document.createElement(\"span\");\r\n        wordSpan.style.display = \"inline-block\";\r\n        wordSpan.style.whiteSpace = \"pre\";\r\n        \/\/ Animate each letter in the word\r\n        word.split('').forEach(letter => {\r\n          const letterSpan = document.createElement(\"span\");\r\n          letterSpan.textContent = letter;\r\n          letterSpan.classList.add(\"fadein-letter-dubai-headline\");\r\n          letterSpan.style.transitionDelay = (0.12 * letterIndex) + \"s\";\r\n          wordSpan.appendChild(letterSpan);\r\n          letterIndex++;\r\n        });\r\n        container.appendChild(wordSpan);\r\n        \/\/ Add space after each word except last in line\r\n        if (wordIdx < wordArr.length - 1) {\r\n          container.appendChild(document.createTextNode(\"\\u00A0\"));\r\n          letterIndex++; \/\/ To add a delay slot for space\r\n        }\r\n      });\r\n      \/\/ Add <br> if not last line\r\n      if (lineIdx < arr.length - 1) {\r\n        container.appendChild(document.createElement(\"br\"));\r\n      }\r\n    });\r\n\r\n    \/\/ Animate: add visible class to all letters after DOM is ready\r\n    setTimeout(() => {\r\n      const spans = container.querySelectorAll(\".fadein-letter-dubai-headline\");\r\n      spans.forEach(span => span.classList.add(\"visible\"));\r\n    }, 100);\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85e2f69 elementor-widget elementor-widget-text-editor\" data-id=\"85e2f69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>From Palm Jumeirah to Emirates Hills, our portfolio speaks for itself. Each villa tells a story of transformation, precision, and timeless luxury.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-b797607\" data-id=\"b797607\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-439d637 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"439d637\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d62a98\" data-id=\"1d62a98\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8462b73 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image-carousel\" data-id=\"8462b73\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;none&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 6\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"8462b73\" data-elementor-lightbox-title=\"DSC07273-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyMDcsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9EU0MwNzI3My1zY2FsZWQtMS53ZWJwIiwic2xpZGVzaG93IjoiODQ2MmI3MyJ9\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07273-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07273-scaled-1.webp\" alt=\"DSC07273-scaled\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 6\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"8462b73\" data-elementor-lightbox-title=\"DSC07126-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyMDYsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9EU0MwNzEyNi1zY2FsZWQtMS53ZWJwIiwic2xpZGVzaG93IjoiODQ2MmI3MyJ9\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07126-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07126-scaled-1.webp\" alt=\"DSC07126-scaled\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 6\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"8462b73\" data-elementor-lightbox-title=\"DSC07213-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyMDUsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9EU0MwNzIxMy1zY2FsZWQtMS53ZWJwIiwic2xpZGVzaG93IjoiODQ2MmI3MyJ9\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07213-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07213-scaled-1.webp\" alt=\"DSC07213-scaled\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 6\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"8462b73\" data-elementor-lightbox-title=\"DSC07132-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyMDQsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9EU0MwNzEzMi1zY2FsZWQtMS53ZWJwIiwic2xpZGVzaG93IjoiODQ2MmI3MyJ9\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07132-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07132-scaled-1.webp\" alt=\"DSC07132-scaled\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 6\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"8462b73\" data-elementor-lightbox-title=\"DSC07237-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyMDMsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9EU0MwNzIzNy1zY2FsZWQtMS53ZWJwIiwic2xpZGVzaG93IjoiODQ2MmI3MyJ9\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07237-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07237-scaled-1.webp\" alt=\"DSC07237-scaled\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 6\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"8462b73\" data-elementor-lightbox-title=\"DSC07249-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyMDIsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9EU0MwNzI0OS1zY2FsZWQtMS53ZWJwIiwic2xpZGVzaG93IjoiODQ2MmI3MyJ9\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07249-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07249-scaled-1.webp\" alt=\"DSC07249-scaled\" \/><\/figure><\/a><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52d3ac6 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"52d3ac6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Carousel container *\/\r\n.gallery-wrapper {\r\n  width: 100%;\r\n  max-width: 500px;\r\n  overflow-x: auto;\r\n  scroll-snap-type: x mandatory;\r\n  -webkit-overflow-scrolling: touch;\r\n  display: flex;\r\n  gap: 20px;\r\n  padding-left: 40px;\r\n  box-sizing: border-box;\r\n  scrollbar-width: none;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n.gallery-wrapper::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.gallery-item {\r\n  flex: 0 0 auto;\r\n  width: 300px;\r\n  height: 200px;\r\n  scroll-snap-align: start;\r\n  border-radius: 8px;\r\n  object-fit: cover;\r\n  user-select: none;\r\n  -webkit-user-drag: none;\r\n}\r\n<\/style>\r\n\r\n<div class=\"gallery-wrapper\" id=\"gallery\">\r\n  <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07249-scaled-1.webp\" alt=\"\">\r\n  <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07237-scaled-1.webp\" alt=\"\">\r\n  <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07132-scaled-1.webp\" alt=\"\">\r\n  <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07213-scaled-1.webp\" alt=\"\">\r\n  <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07126-scaled-1.webp\" alt=\"\">\r\n  <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07273-scaled-1.webp\" alt=\"\">\r\n<\/div>\r\n\r\n<script>\r\n(async function () {\r\n  const gallery = document.getElementById('gallery');\r\n  if (!gallery) return;\r\n\r\n  const copiesPerSide = 3;\r\n  const originalItems = Array.from(gallery.querySelectorAll('.gallery-item'));\r\n  const origCount = originalItems.length;\r\n  if (!origCount) return;\r\n\r\n  for (let i = 0; i < copiesPerSide; i++) {\r\n    originalItems.forEach(item => gallery.appendChild(item.cloneNode(true)));\r\n    originalItems.slice().reverse().forEach(item => gallery.insertBefore(item.cloneNode(true), gallery.firstChild));\r\n  }\r\n\r\n  await Promise.all(Array.from(gallery.querySelectorAll('img')).map(img => {\r\n    if (img.complete) return Promise.resolve();\r\n    return new Promise(res => { img.onload = img.onerror = res; });\r\n  }));\r\n\r\n  function computeStep() {\r\n    const items = Array.from(gallery.querySelectorAll('.gallery-item'));\r\n    if (items.length < 2) return 0;\r\n    const r0 = items[0].getBoundingClientRect();\r\n    const r1 = items[1].getBoundingClientRect();\r\n    return Math.abs(r1.left - r0.left);\r\n  }\r\n\r\n  let step = computeStep();\r\n  const middleStartIndex = origCount * copiesPerSide;\r\n\r\n  function goToMiddle(offsetIndex = 0) {\r\n    if (!step) step = computeStep();\r\n    gallery.style.scrollBehavior = 'auto';\r\n    gallery.scrollLeft = (middleStartIndex + offsetIndex) * step;\r\n    setTimeout(() => gallery.style.scrollBehavior = '', 50);\r\n  }\r\n\r\n  goToMiddle(0);\r\n\r\n  let pointerDown = false;\r\n  let recenterTimer = null;\r\n\r\n  function scheduleRecenter(delay = 80) {\r\n    clearTimeout(recenterTimer);\r\n    recenterTimer = setTimeout(() => {\r\n      performRecenter();\r\n    }, delay);\r\n  }\r\n  function performRecenter() {\r\n    if (!step) step = computeStep();\r\n    const idx = Math.round(gallery.scrollLeft \/ step);\r\n    const leftBoundary = middleStartIndex;\r\n    const rightBoundary = middleStartIndex + origCount - 1;\r\n\r\n    if (idx < leftBoundary || idx > rightBoundary) {\r\n      const relative = ((idx - middleStartIndex) % origCount + origCount) % origCount;\r\n      const target = (middleStartIndex + relative) * step;\r\n      gallery.style.scrollBehavior = 'auto';\r\n      gallery.scrollLeft = target;\r\n      setTimeout(() => {\r\n        gallery.style.scrollBehavior = '';\r\n      }, 50);\r\n    }\r\n  }\r\n\r\n  gallery.addEventListener('pointerdown', () => { pointerDown = true; clearTimeout(recenterTimer); }, { passive: true });\r\n  window.addEventListener('pointerup', () => { if (pointerDown) { pointerDown = false; scheduleRecenter(100); } });\r\n\r\n  gallery.addEventListener('touchstart', () => { pointerDown = true; clearTimeout(recenterTimer); }, { passive: true });\r\n  window.addEventListener('touchend', () => { if (pointerDown) { pointerDown = false; scheduleRecenter(100); } });\r\n\r\n  gallery.addEventListener('scroll', () => {\r\n    if (!pointerDown) scheduleRecenter(120);\r\n  }, { passive: true });\r\n\r\n  let resizeTimer = null;\r\n  window.addEventListener('resize', () => {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(() => {\r\n      step = computeStep();\r\n      goToMiddle(0);\r\n    }, 150);\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70d3c3c elementor-widget elementor-widget-heading\" data-id=\"70d3c3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Interior<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ea1d08 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image-carousel\" data-id=\"3ea1d08\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;none&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 5\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"3ea1d08\" data-elementor-lightbox-title=\"DSC07999-l40-front02-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyNDQsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9EU0MwNzk5OS1sNDAtZnJvbnQwMi1zY2FsZWQtMS53ZWJwIiwic2xpZGVzaG93IjoiM2VhMWQwOCJ9\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07999-l40-front02-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/DSC07999-l40-front02-scaled-1.webp\" alt=\"DSC07999-l40-front02-scaled\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 5\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"3ea1d08\" data-elementor-lightbox-title=\"ex-12-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyMzksInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9leC0xMi1zY2FsZWQtMS53ZWJwIiwic2xpZGVzaG93IjoiM2VhMWQwOCJ9\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/ex-12-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/ex-12-scaled-1.webp\" alt=\"ex-12-scaled\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 5\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"3ea1d08\" data-elementor-lightbox-title=\"Villa-L40-Frond-L-Palm-Jumeirah-scaled.jpg\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTc5MDEsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9WaWxsYS1MNDAtRnJvbmQtTC1QYWxtLUp1bWVpcmFoLXNjYWxlZC0xLmpwZyIsInNsaWRlc2hvdyI6IjNlYTFkMDgifQ%3D%3D\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/Villa-L40-Frond-L-Palm-Jumeirah-scaled-1.jpg\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/Villa-L40-Frond-L-Palm-Jumeirah-scaled-1.jpg\" alt=\"Villa-L40-Frond-L-Palm-Jumeirah-scaled.jpg\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 5\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"3ea1d08\" data-elementor-lightbox-title=\"ex-3\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkyODgsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9leC0zLXNjYWxlZC5qcGciLCJzbGlkZXNob3ciOiIzZWExZDA4In0%3D\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/ex-3-scaled.jpg\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/ex-3-scaled.jpg\" alt=\"ex-3\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 5\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"3ea1d08\" data-elementor-lightbox-title=\"ex-2\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTkyODksInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9leC0yLXNjYWxlZC5qcGciLCJzbGlkZXNob3ciOiIzZWExZDA4In0%3D\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/ex-2-scaled.jpg\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/ex-2-scaled.jpg\" alt=\"ex-2\" \/><\/figure><\/a><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71e3f09 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"71e3f09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Carousel container *\/\r\n.custom-carousel-wrapper {\r\n  width: 100%;\r\n  max-width: 500px;\r\n  overflow-x: auto;\r\n  scroll-snap-type: x mandatory;\r\n  -webkit-overflow-scrolling: touch;\r\n  display: flex;\r\n  gap: 20px;\r\n  padding-left: 40px;\r\n  box-sizing: border-box;\r\n  scrollbar-width: none;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n.custom-carousel-wrapper::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.custom-carousel-slide {\r\n  flex: 0 0 auto;\r\n  width: 300px;\r\n  height: 200px;\r\n  scroll-snap-align: start;\r\n  border-radius: 8px;\r\n  object-fit: cover;\r\n  user-select: none;\r\n  -webkit-user-drag: none;\r\n}\r\n<\/style>\r\n\r\n<div class=\"custom-carousel-wrapper\" id=\"customCarousel\">\r\n  \r\n  <img decoding=\"async\" class=\"custom-carousel-slide\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/ex-2-scaled.jpg\" alt=\"\">\r\n  \r\n  <img decoding=\"async\" class=\"custom-carousel-slide\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/Villa-L40-Frond-L-Palm-Jumeirah-scaled-1.jpg\" alt=\"\">\r\n  \r\n  <img decoding=\"async\" class=\"custom-carousel-slide\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/ex-12-scaled-1.webp\" alt=\"\">\r\n  <img decoding=\"async\" class=\"custom-carousel-slide\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/ex-3-scaled.jpg\" alt=\"\">\r\n<\/div>\r\n\r\n<script>\r\n(async function () {\r\n  const carousel = document.getElementById('customCarousel');\r\n  if (!carousel) return;\r\n\r\n  const copiesPerSide = 3;\r\n  const originalSlides = Array.from(carousel.querySelectorAll('.custom-carousel-slide'));\r\n  const origCount = originalSlides.length;\r\n  if (!origCount) return;\r\n\r\n  for (let i = 0; i < copiesPerSide; i++) {\r\n    originalSlides.forEach(sl => carousel.appendChild(sl.cloneNode(true)));\r\n    originalSlides.slice().reverse().forEach(sl => carousel.insertBefore(sl.cloneNode(true), carousel.firstChild));\r\n  }\r\n\r\n  await Promise.all(Array.from(carousel.querySelectorAll('img')).map(img => {\r\n    if (img.complete) return Promise.resolve();\r\n    return new Promise(res => { img.onload = img.onerror = res; });\r\n  }));\r\n\r\n  function computeStep() {\r\n    const slides = Array.from(carousel.querySelectorAll('.custom-carousel-slide'));\r\n    if (slides.length < 2) return 0;\r\n    const r0 = slides[0].getBoundingClientRect();\r\n    const r1 = slides[1].getBoundingClientRect();\r\n    return Math.abs(r1.left - r0.left);\r\n  }\r\n\r\n  let step = computeStep();\r\n  const middleStartIndex = origCount * copiesPerSide;\r\n\r\n  function goToMiddle(offsetIndex = 0) {\r\n    if (!step) step = computeStep();\r\n    carousel.style.scrollBehavior = 'auto';\r\n    carousel.scrollLeft = (middleStartIndex + offsetIndex) * step;\r\n    setTimeout(() => carousel.style.scrollBehavior = '', 50);\r\n  }\r\n\r\n  goToMiddle(0);\r\n\r\n  let pointerDown = false;\r\n  let recenterTimer = null;\r\n\r\n  function scheduleRecenter(delay = 80) {\r\n    clearTimeout(recenterTimer);\r\n    recenterTimer = setTimeout(() => {\r\n      performRecenter();\r\n    }, delay);\r\n  }\r\n  function performRecenter() {\r\n    if (!step) step = computeStep();\r\n    const idx = Math.round(carousel.scrollLeft \/ step);\r\n    const leftBoundary = middleStartIndex;\r\n    const rightBoundary = middleStartIndex + origCount - 1;\r\n\r\n    if (idx < leftBoundary || idx > rightBoundary) {\r\n      const relative = ((idx - middleStartIndex) % origCount + origCount) % origCount;\r\n      const target = (middleStartIndex + relative) * step;\r\n      carousel.style.scrollBehavior = 'auto';\r\n      carousel.scrollLeft = target;\r\n      setTimeout(() => {\r\n        carousel.style.scrollBehavior = '';\r\n      }, 50);\r\n    }\r\n  }\r\n\r\n  carousel.addEventListener('pointerdown', () => { pointerDown = true; clearTimeout(recenterTimer); }, { passive: true });\r\n  window.addEventListener('pointerup', () => { if (pointerDown) { pointerDown = false; scheduleRecenter(100); } });\r\n\r\n  carousel.addEventListener('touchstart', () => { pointerDown = true; clearTimeout(recenterTimer); }, { passive: true });\r\n  window.addEventListener('touchend', () => { if (pointerDown) { pointerDown = false; scheduleRecenter(100); } });\r\n\r\n  carousel.addEventListener('scroll', () => {\r\n    if (!pointerDown) scheduleRecenter(120);\r\n  }, { passive: true });\r\n\r\n  let resizeTimer = null;\r\n  window.addEventListener('resize', () => {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(() => {\r\n      step = computeStep();\r\n      goToMiddle(0);\r\n    }, 150);\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dfd3f1 elementor-widget elementor-widget-heading\" data-id=\"9dfd3f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Facade<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c91e0b elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image-carousel\" data-id=\"0c91e0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;none&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 6\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"0c91e0b\" data-elementor-lightbox-title=\"l-4-scaled (1)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyNjYsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9sLTQtc2NhbGVkLTEtMS53ZWJwIiwic2xpZGVzaG93IjoiMGM5MWUwYiJ9\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-4-scaled-1-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-4-scaled-1-1.webp\" alt=\"l-4-scaled (1)\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 6\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"0c91e0b\" data-elementor-lightbox-title=\"l-3-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyNjUsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9sLTMtc2NhbGVkLTEud2VicCIsInNsaWRlc2hvdyI6IjBjOTFlMGIifQ%3D%3D\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-3-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-3-scaled-1.webp\" alt=\"l-3-scaled\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 6\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"0c91e0b\" data-elementor-lightbox-title=\"l-2-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyNjQsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9sLTItc2NhbGVkLTEud2VicCIsInNsaWRlc2hvdyI6IjBjOTFlMGIifQ%3D%3D\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-2-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-2-scaled-1.webp\" alt=\"l-2-scaled\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 6\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"0c91e0b\" data-elementor-lightbox-title=\"l-1-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyNjMsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9sLTEtc2NhbGVkLTEud2VicCIsInNsaWRlc2hvdyI6IjBjOTFlMGIifQ%3D%3D\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-1-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-1-scaled-1.webp\" alt=\"l-1-scaled\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 6\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"0c91e0b\" data-elementor-lightbox-title=\"l-6-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyNjIsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9sLTYtc2NhbGVkLTEud2VicCIsInNsaWRlc2hvdyI6IjBjOTFlMGIifQ%3D%3D\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-6-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-6-scaled-1.webp\" alt=\"l-6-scaled\" \/><\/figure><\/a><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 6\"><a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"0c91e0b\" data-elementor-lightbox-title=\"ex-10-scaled\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTgyNjEsInVybCI6Imh0dHBzOlwvXC9oZXlzZWFyY2guYWVcL2JvbmRuZXdcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzEwXC9leC0xMC1zY2FsZWQtMS53ZWJwIiwic2xpZGVzaG93IjoiMGM5MWUwYiJ9\" href=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/ex-10-scaled-1.webp\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/ex-10-scaled-1.webp\" alt=\"ex-10-scaled\" \/><\/figure><\/a><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4ad11c elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"c4ad11c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Carousel container *\/\r\n.uniquecarousel-wrapper {\r\n  width: 100%;\r\n  max-width: 500px;\r\n  overflow-x: auto;\r\n  scroll-snap-type: x mandatory;\r\n  -webkit-overflow-scrolling: touch;\r\n  display: flex;\r\n  gap: 20px;\r\n  padding-left: 40px;\r\n  box-sizing: border-box;\r\n  scrollbar-width: none;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n.uniquecarousel-wrapper::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.uniquecarousel-slide {\r\n  flex: 0 0 auto;\r\n  width: 300px;\r\n  height: 200px;\r\n  scroll-snap-align: start;\r\n  border-radius: 8px;\r\n  object-fit: cover;\r\n  user-select: none;\r\n  -webkit-user-drag: none;\r\n}\r\n<\/style>\r\n\r\n<div class=\"uniquecarousel-wrapper\" id=\"uniqueCarousel\">\r\n  <img decoding=\"async\" class=\"uniquecarousel-slide\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-4-scaled-1-1.webp\" alt=\"\">\r\n  <img decoding=\"async\" class=\"uniquecarousel-slide\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-3-scaled-1.webp\" alt=\"\">\r\n  <img decoding=\"async\" class=\"uniquecarousel-slide\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-2-scaled-1.webp\" alt=\"\">\r\n  <img decoding=\"async\" class=\"uniquecarousel-slide\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-1-scaled-1.webp\" alt=\"\">\r\n  <img decoding=\"async\" class=\"uniquecarousel-slide\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/l-6-scaled-1.webp\" alt=\"\">\r\n  <img decoding=\"async\" class=\"uniquecarousel-slide\" src=\"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/ex-10-scaled-1.webp\" alt=\"\">\r\n<\/div>\r\n\r\n<script>\r\n(async function () {\r\n  const carousel = document.getElementById('uniqueCarousel');\r\n  if (!carousel) return;\r\n\r\n  const copiesPerSide = 3;\r\n  const originalSlides = Array.from(carousel.querySelectorAll('.uniquecarousel-slide'));\r\n  const origCount = originalSlides.length;\r\n  if (!origCount) return;\r\n\r\n  for (let i = 0; i < copiesPerSide; i++) {\r\n    originalSlides.forEach(sl => carousel.appendChild(sl.cloneNode(true)));\r\n    originalSlides.slice().reverse().forEach(sl => carousel.insertBefore(sl.cloneNode(true), carousel.firstChild));\r\n  }\r\n\r\n  await Promise.all(Array.from(carousel.querySelectorAll('img')).map(img => {\r\n    if (img.complete) return Promise.resolve();\r\n    return new Promise(res => { img.onload = img.onerror = res; });\r\n  }));\r\n\r\n  function computeStep() {\r\n    const slides = Array.from(carousel.querySelectorAll('.uniquecarousel-slide'));\r\n    if (slides.length < 2) return 0;\r\n    const r0 = slides[0].getBoundingClientRect();\r\n    const r1 = slides[1].getBoundingClientRect();\r\n    return Math.abs(r1.left - r0.left);\r\n  }\r\n\r\n  let step = computeStep();\r\n  const middleStartIndex = origCount * copiesPerSide;\r\n\r\n  function goToMiddle(offsetIndex = 0) {\r\n    if (!step) step = computeStep();\r\n    carousel.style.scrollBehavior = 'auto';\r\n    carousel.scrollLeft = (middleStartIndex + offsetIndex) * step;\r\n    setTimeout(() => carousel.style.scrollBehavior = '', 50);\r\n  }\r\n\r\n  goToMiddle(0);\r\n\r\n  let pointerDown = false;\r\n  let recenterTimer = null;\r\n\r\n  function scheduleRecenter(delay = 80) {\r\n    clearTimeout(recenterTimer);\r\n    recenterTimer = setTimeout(() => {\r\n      performRecenter();\r\n    }, delay);\r\n  }\r\n  function performRecenter() {\r\n    if (!step) step = computeStep();\r\n    const idx = Math.round(carousel.scrollLeft \/ step);\r\n    const leftBoundary = middleStartIndex;\r\n    const rightBoundary = middleStartIndex + origCount - 1;\r\n\r\n    if (idx < leftBoundary || idx > rightBoundary) {\r\n      const relative = ((idx - middleStartIndex) % origCount + origCount) % origCount;\r\n      const target = (middleStartIndex + relative) * step;\r\n      carousel.style.scrollBehavior = 'auto';\r\n      carousel.scrollLeft = target;\r\n      setTimeout(() => {\r\n        carousel.style.scrollBehavior = '';\r\n      }, 50);\r\n    }\r\n  }\r\n\r\n  carousel.addEventListener('pointerdown', () => { pointerDown = true; clearTimeout(recenterTimer); }, { passive: true });\r\n  window.addEventListener('pointerup', () => { if (pointerDown) { pointerDown = false; scheduleRecenter(100); } });\r\n\r\n  carousel.addEventListener('touchstart', () => { pointerDown = true; clearTimeout(recenterTimer); }, { passive: true });\r\n  window.addEventListener('touchend', () => { if (pointerDown) { pointerDown = false; scheduleRecenter(100); } });\r\n\r\n  carousel.addEventListener('scroll', () => {\r\n    if (!pointerDown) scheduleRecenter(120);\r\n  }, { passive: true });\r\n\r\n  let resizeTimer = null;\r\n  window.addEventListener('resize', () => {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(() => {\r\n      step = computeStep();\r\n      goToMiddle(0);\r\n    }, 150);\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc3c89c elementor-widget elementor-widget-heading\" data-id=\"dc3c89c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Landscape &amp; Pool<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1ed68d elementor-align-center elementor-mobile-align-center elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"d1ed68d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/wa.me\/+971543439967\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">See More transformations<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f9acce1 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"f9acce1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-32fb021 elementor-invisible\" data-id=\"32fb021\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d4c71c3 elementor-widget elementor-widget-heading\" data-id=\"d4c71c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">OUR MAIN STRENGTH<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f32fa82 elementor-widget elementor-widget-html\" data-id=\"f32fa82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .left-bar-uniquedone {\r\n    border-left: 4px solid #121212;\r\n    padding-left: 10px;\r\n    width: fit-content;\r\n    \/* margin: 0 auto;  removed to align left *\/\r\n  }\r\n\r\n  .fadein-headline-uniquedone {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 35px;\r\n    line-height: 45px;\r\n    color: #121212;\r\n    letter-spacing: 0%;\r\n    vertical-align: middle;\r\n    white-space: pre-wrap;\r\n  }\r\n  .fadein-letter-uniquedone {\r\n    opacity: 0;\r\n    display: inline-block;\r\n    transition: opacity 0.4s;\r\n  }\r\n  .fadein-letter-uniquedone.visible {\r\n    opacity: 1;\r\n  }\r\n   @media (max-width: 768px) {\r\n       .fadein-headline-uniquedone{\r\n           font-size: 25px;\r\n       }\r\n       \r\n   }\r\n<\/style>\r\n\r\n<div class=\"left-bar-uniquedone\">\r\n  <div class=\"fadein-headline-uniquedone\" id=\"fadeinHeadline-uniquedone\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const text = \"All Done In-House\";\r\n    const container = document.getElementById(\"fadeinHeadline-uniquedone\");\r\n    container.innerHTML = \"\";\r\n    let letterIndex = 0;\r\n\r\n    \/\/ Animate by letter, keeping words intact\r\n    text.split(' ').forEach((word, wordIdx, wordArr) => {\r\n      \/\/ Wrap each word to prevent breaks\r\n      const wordSpan = document.createElement(\"span\");\r\n      wordSpan.style.display = \"inline-block\";\r\n      wordSpan.style.whiteSpace = \"pre\";\r\n      \/\/ Animate letter inside word\r\n      word.split('').forEach(letter => {\r\n        const letterSpan = document.createElement(\"span\");\r\n        letterSpan.textContent = letter;\r\n        letterSpan.classList.add(\"fadein-letter-uniquedone\");\r\n        letterSpan.style.transitionDelay = (0.12 * letterIndex) + \"s\";\r\n        wordSpan.appendChild(letterSpan);\r\n        letterIndex++;\r\n      });\r\n      container.appendChild(wordSpan);\r\n      \/\/ Add space between words, except after last word\r\n      if (wordIdx < wordArr.length - 1) {\r\n        container.appendChild(document.createTextNode(\"\\u00A0\"));\r\n        letterIndex++; \/\/ Space counts for delay offset\r\n      }\r\n    });\r\n\r\n    \/\/ Trigger fade-in after setup\r\n    setTimeout(() => {\r\n      const spans = container.querySelectorAll(\".fadein-letter-uniquedone\");\r\n      spans.forEach(span => span.classList.add(\"visible\"));\r\n    }, 100);\r\n  })();\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a030950 elementor-widget elementor-widget-text-editor\" data-id=\"a030950\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>From Palm Jumeirah to Emirates Hills, our portfolio speaks for itself. Each villa tells a story of transformation, precision, and timeless luxury.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-f8fad15\" data-id=\"f8fad15\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d1dfee7 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"d1dfee7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;animation_mobile&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3adbd5a\" data-id=\"3adbd5a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b5ff8c0 elementor-widget elementor-widget-html\" data-id=\"b5ff8c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"stats-wrapper\">\r\n  <div class=\"stat-block\">\r\n    <div class=\"circle\">\r\n      <div class=\"value-wrapper\">\r\n        <span class=\"value\">30<\/span><span class=\"symbol\">+<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"caption\">Years Of Experience<\/div>\r\n  <\/div>\r\n  <div class=\"stat-block\">\r\n    <div class=\"circle\">\r\n      <div class=\"value-wrapper\">\r\n        <span class=\"value\">03<\/span><span class=\"symbol\">+<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"caption\">Factories<\/div>\r\n  <\/div>\r\n  <div class=\"stat-block\">\r\n    <div class=\"circle\">\r\n      <div class=\"value-wrapper\">\r\n        <span class=\"value\">600<\/span><span class=\"symbol\">+<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"caption\">Employees<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.stats-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 200px;\r\n  padding: 20px;\r\n}\r\n @media (max-width: 768px){\r\n     .stats-wrapper {\r\n    display: flex\r\n;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 35px;\r\n    padding: 20px;\r\n}\r\n }\r\n\r\n\r\n\r\n@media (min-width: 1600px) and (max-width: 1800px){\r\n   .stats-wrapper {\r\n        gap: 380px;\r\n    }\r\n}\r\n.stat-block {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  gap: 10px;\r\n}\r\n.circle {\r\n  width: 140px;\r\n  height: 140px;\r\n  border: 1px solid #bfbfbf;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n}\r\n.value-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.value,\r\n.symbol,\r\n.caption {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  color: #93979b;\r\n}\r\n.value,\r\n.symbol {\r\n  font-weight: 800;\r\n  font-size: 35px;\r\n  line-height: 1;\r\n}\r\n.symbol {\r\n  margin-left: 3px !important;\r\n}\r\n.caption {\r\n  font-weight: 500;\r\n  font-size: 16px;\r\n  margin-top: 14px;\r\n  color: #121212;\r\n}\r\n\r\n\/* DESKTOP *\/\r\n@media (min-width: 900px) {\r\n  .stats-wrapper {\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    \r\n    padding: 32px 0;\r\n  }\r\n  .circle {\r\n    width: 160px;\r\n    height: 160px;\r\n  }\r\n  .value {\r\n    font-size: 52px;\r\n  }\r\n   .symbol {\r\n    font-size: 52px;\r\n    margin-top: -15px;\r\n  }\r\n  .caption {\r\n    font-size: 28px;\r\n    margin-top: 18px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e6b6bec elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle elementor-invisible\" data-id=\"e6b6bec\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-33b1144\" data-id=\"33b1144\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e012ee2 elementor-widget elementor-widget-heading\" data-id=\"e012ee2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Testimonials<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-43bc887\" data-id=\"43bc887\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e7bb98a elementor-widget elementor-widget-html\" data-id=\"e7bb98a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .animated-headline-unique {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 35px;\r\n    line-height: 75px;\r\n    letter-spacing: 0%;\r\n    vertical-align: middle;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.05em;\r\n    justify-content: left;\r\n    color: #121212;\r\n    align-items: left;\r\n    text-align: left;\r\n  }\r\n  .animated-letter-unique {\r\n    opacity: 0;\r\n    display: inline-block;\r\n    transition: opacity 0.4s;\r\n  }\r\n  .animated-letter-unique.visible {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* Mobile view adjustment *\/\r\n  @media (max-width: 768px) {\r\n    .animated-headline-unique {\r\n      line-height: 45px;\r\n      font-size: 20px;\r\n      text-align: center!important;\r\n      align-items: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<div class=\"animated-headline-unique\" id=\"animatedHeadlineUnique\"><\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const text = \"What Our Happy Clients Say\";\r\n    const container = document.getElementById(\"animatedHeadlineUnique\");\r\n    container.innerHTML = \"\";\r\n    let letterIndex = 0;\r\n\r\n    text.split(' ').forEach((word, wordIdx, wordArr) => {\r\n      const wordSpan = document.createElement(\"span\");\r\n      wordSpan.style.display = \"inline-block\";\r\n      wordSpan.style.whiteSpace = \"pre\";\r\n      word.split('').forEach(letter => {\r\n        const letterSpan = document.createElement(\"span\");\r\n        letterSpan.textContent = letter;\r\n        letterSpan.classList.add(\"animated-letter-unique\");\r\n        letterSpan.style.transitionDelay = (0.12 * letterIndex) + \"s\";\r\n        wordSpan.appendChild(letterSpan);\r\n        letterIndex++;\r\n      });\r\n      container.appendChild(wordSpan);\r\n      if (wordIdx < wordArr.length - 1) {\r\n        container.appendChild(document.createTextNode(\"\\u00A0\"));\r\n        letterIndex++;\r\n      }\r\n    });\r\n\r\n    setTimeout(() => {\r\n      const spans = container.querySelectorAll(\".animated-letter-unique\");\r\n      spans.forEach(span => span.classList.add(\"visible\"));\r\n    }, 100);\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b61cf43 elementor-widget elementor-widget-html\" data-id=\"b61cf43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.testimonial-slider-custom {\r\n  border-radius: 1px;\r\n  padding: 0;\r\n  max-width: 800px;\r\n  min-width: 320px;\r\n \r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  box-shadow: 0 2px 18px rgba(0,0,0,0.02);\r\n  position: relative;\r\n}\r\n.testimonial-slider-row {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  gap: 18px;\r\n}\r\n.testimonial-slider-main {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n.testimonial-slider-divider {\r\n  border-top: 1px solid #bcbcbc;\r\n  margin: 28px 0 20px 0;\r\n}\r\n.testimonial-slider-text {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-size: 19px;\r\n  font-weight: 500;\r\n  color: #222;\r\n  margin: 0 0 14px 0;\r\n  text-align: left;\r\n}\r\n@media (max-width: 768px) {\r\n    .testimonial-slider-text {\r\n        font-size: 15px;\r\n    }\r\n}\r\n.testimonial-slider-profile {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n.slider-profile-img {\r\n  display: inline-block;\r\n  width: 58px;\r\n  height: 58px;\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n  border: 2px solid #dedede;\r\n  background: #eee;\r\n}\r\n.slider-profile-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n.slider-profile-name {\r\n  font-weight: 700;\r\n  font-size: 18px;\r\n  color: #121212;\r\n  font-family: 'Montserrat', sans-serif;\r\n  text-align: left;\r\n}\r\n.testimonial-slider-arrows {\r\n  display: flex;\r\n  gap: 10px;\r\n  align-items: center;\r\n  margin-left: 18px;\r\n}\r\n.testimonial-slider-arrow {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: none !important;\r\n  border: none;\r\n  color: #121212;\r\n  font-size: 22px;\r\n  cursor: pointer;\r\n  transition: none;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: none;\r\n  padding: 0;\r\n}\r\n.testimonial-slider-arrow:hover {\r\n  background: none !important;\r\n}\r\n@media (max-width: 600px) {\r\n  .testimonial-slider-custom {\r\n    padding: 0;\r\n  }\r\n  .testimonial-slider-row {\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    align-items: flex-start;\r\n  }\r\n  .testimonial-slider-profile {\r\n    margin-top: 10px;\r\n  }\r\n  .testimonial-slider-arrows {\r\n    margin-left: 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"testimonial-slider-custom\">\r\n  <div class=\"testimonial-slider-main\">\r\n    <div id=\"testimonial-slider-text\" class=\"testimonial-slider-text\"><\/div>\r\n    <div class=\"testimonial-slider-divider\"><\/div>\r\n    <div class=\"testimonial-slider-row\">\r\n      <div class=\"testimonial-slider-profile\">\r\n        <div class=\"slider-profile-img\">\r\n          <img decoding=\"async\" src=\"yourimage.jpg\" alt=\"Eleanor Sinclair\" \/>\r\n        <\/div>\r\n        <span class=\"slider-profile-name\" id=\"testimonial-slider-name\"><\/span>\r\n      <\/div>\r\n      <div class=\"testimonial-slider-arrows\">\r\n        <button class=\"testimonial-slider-arrow\" id=\"testimonial-prev\">&#8592;<\/button>\r\n        <button class=\"testimonial-slider-arrow\" id=\"testimonial-next\">&#8594;<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst testimonials = [\r\n  {\r\n    text: \"We planned for at least a 3-month buffer, but Bond delivered right on the day they promised. Honestly, we\u2019ve never had a project handed over this smoothly in Dubai.\",\r\n    name: \"Palm Jumeirah Client\",\r\n    img: \"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/img-client1-70x70-1.webp\"\r\n  },\r\n  {\r\n    text: \"From the first quotation to the final delivery, everything was transparent and on time. Their quality speaks for itself - we couldn\u2019t be happier.\",\r\n    name: \"Jumeirah Golf Estates Client\",\r\n    img: \"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/team8-min-70x70-1.webp\"\r\n  },\r\n  {\r\n    text: \"Emerson was a breath of fresh air. He helped us secure a villa on the Palm for 4 million dirhams less than another company quoted - truly impressive work.\",\r\n    name: \"Dubai Hills Client\",\r\n    img: \"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/team6-min.jpg\"\r\n  },\r\n  {\r\n    text: \"We\u2019re seriously considering Bond because they make even the most complex renovation ideas sound simple. Their in-house factories and craftsmanship absolutely\u00a0blew\u00a0us\u00a0away.\",\r\n    name: \"Emirates Hills Client\",\r\n    img: \"https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/team7-min.jpg\"\r\n  }\r\n];\r\nlet currentSlide = 0;\r\nfunction showTestimonial(idx) {\r\n  document.getElementById('testimonial-slider-text').textContent = testimonials[idx].text;\r\n  document.getElementById('testimonial-slider-name').textContent = testimonials[idx].name;\r\n  document.querySelector('.slider-profile-img img').src = testimonials[idx].img;\r\n}\r\ndocument.getElementById('testimonial-prev').onclick = function() {\r\n  currentSlide = (currentSlide - 1 + testimonials.length) % testimonials.length;\r\n  showTestimonial(currentSlide);\r\n};\r\ndocument.getElementById('testimonial-next').onclick = function() {\r\n  currentSlide = (currentSlide + 1) % testimonials.length;\r\n  showTestimonial(currentSlide);\r\n};\r\nshowTestimonial(0);\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c27ee4 wid-sec elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"3c27ee4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5b1e433\" data-id=\"5b1e433\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1d76ebb elementor-widget elementor-widget-html\" data-id=\"1d76ebb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .fadein-headline-unique {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 35px;\r\n    line-height: 75px;\r\n    letter-spacing: 0%;\r\n    vertical-align: middle;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.05em; \/* slight gap is optional *\/\r\n    justify-content: center;\r\n    color: #FFFFFF;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .fadein-letter-unique {\r\n    opacity: 0;\r\n    display: inline-block;\r\n    transition: opacity 0.4s;\r\n  }\r\n\r\n  .fadein-letter-unique.visible {\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* Mobile view adjustment for line height *\/\r\n  @media (max-width: 768px) {\r\n    .fadein-headline-unique {\r\n      line-height: 45px;\r\n      font-size: 25px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"fadein-headline-unique\" id=\"fadeinHeadline-unique\"><\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const text = \"Exclusive Offer for New Clients\";\r\n    const container = document.getElementById(\"fadeinHeadline-unique\");\r\n    container.innerHTML = \"\";\r\n    let letterIndex = 0;\r\n\r\n    text.split(' ').forEach((word, wordIdx, wordArr) => {\r\n      const wordSpan = document.createElement(\"span\");\r\n      wordSpan.style.display = \"inline-block\";\r\n      wordSpan.style.whiteSpace = \"pre\";\r\n      word.split('').forEach(letter => {\r\n        const letterSpan = document.createElement(\"span\");\r\n        letterSpan.textContent = letter;\r\n        letterSpan.classList.add(\"fadein-letter-unique\");\r\n        letterSpan.style.transitionDelay = (0.12 * letterIndex) + \"s\";\r\n        wordSpan.appendChild(letterSpan);\r\n        letterIndex++;\r\n      });\r\n      container.appendChild(wordSpan);\r\n      if (wordIdx < wordArr.length - 1) {\r\n        container.appendChild(document.createTextNode(\"\\u00A0\"));\r\n        letterIndex++;\r\n      }\r\n    });\r\n\r\n    setTimeout(() => {\r\n      const spans = container.querySelectorAll(\".fadein-letter-unique\");\r\n      spans.forEach(span => span.classList.add(\"visible\"));\r\n    }, 100);\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f3ce96 elementor-widget elementor-widget-text-editor\" data-id=\"7f3ce96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Book your consultation this month and receive a complimentary 3D design proposal<br \/>valued at AED 50,000<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95197bb elementor-align-center elementor-mobile-align-center elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"95197bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/wa.me\/+971543439967\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Unlock your offer<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d2aa15b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"d2aa15b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-524960a\" data-id=\"524960a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ebc49c7 elementor-widget elementor-widget-html\" data-id=\"ebc49c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .left-bar-uniqueRenovation {\r\n    border-left: 4px solid #121212;\r\n    padding-left: 10px;\r\n    width: fit-content;\r\n  }\r\n\r\n  .fadein-headline-uniqueRenovation {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 35px;\r\n    line-height: 45px;\r\n    color: #121212;\r\n    letter-spacing: 0%;\r\n    vertical-align: middle;\r\n    white-space: pre-wrap;\r\n  }\r\n  @media (max-width: 768px) {\r\n       .fadein-headline-uniqueRenovation{\r\n           font-size: 25px;\r\n       }\r\n       \r\n   }\r\n  .fadein-letter-uniqueRenovation {\r\n    opacity: 0;\r\n    display: inline-block;\r\n    transition: opacity 0.4s;\r\n  }\r\n  .fadein-letter-uniqueRenovation.visible {\r\n    opacity: 1;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"left-bar-uniqueRenovation\">\r\n  <div class=\"fadein-headline-uniqueRenovation\" id=\"fadeinHeadline-uniqueRenovation\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const text = \"Know Your Renovation Cost\";\r\n    const container = document.getElementById(\"fadeinHeadline-uniqueRenovation\");\r\n    container.innerHTML = \"\";\r\n    let letterIndex = 0;\r\n\r\n    text.split(' ').forEach((word, wordIdx, wordArr) => {\r\n      const wordSpan = document.createElement(\"span\");\r\n      wordSpan.style.display = \"inline-block\";\r\n      wordSpan.style.whiteSpace = \"pre\";\r\n      word.split('').forEach(letter => {\r\n        const letterSpan = document.createElement(\"span\");\r\n        letterSpan.textContent = letter;\r\n        letterSpan.classList.add(\"fadein-letter-uniqueRenovation\");\r\n        letterSpan.style.transitionDelay = (0.12 * letterIndex) + \"s\";\r\n        wordSpan.appendChild(letterSpan);\r\n        letterIndex++;\r\n      });\r\n      container.appendChild(wordSpan);\r\n      if (wordIdx < wordArr.length - 1) {\r\n        container.appendChild(document.createTextNode(\"\\u00A0\"));\r\n        letterIndex++;\r\n      }\r\n    });\r\n\r\n    setTimeout(() => {\r\n      const spans = container.querySelectorAll(\".fadein-letter-uniqueRenovation\");\r\n      spans.forEach(span => span.classList.add(\"visible\"));\r\n    }, 100);\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78debc2 elementor-widget elementor-widget-text-editor\" data-id=\"78debc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Tell us a bit about your project and we\u2019ll estimate the cost for your villa\u2019s full renovation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-5dbfcf9\" data-id=\"5dbfcf9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fa510aa elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle elementor-invisible\" data-id=\"fa510aa\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-09d8203\" data-id=\"09d8203\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a63c656 estimate-form elementor-widget elementor-widget-shortcode\" data-id=\"a63c656\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f18337-o2\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"18337\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/bondnew\/wp-json\/wp\/v2\/pages\/18036#wpcf7-f18337-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"18337\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f18337-o2\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"estimate-form multi-step-cf7\" data-steps=\"4\">\n\n <!-- STEP 1 -->\n\t<div class=\"es-step\" data-step=\"1\">\n\t\t<div class=\"es-title\">\n\t\t\t<h3>Location of the villa\n\t\t\t<\/h3>\n\t\t\t<p><span class=\"es-step-indicator\">Step 1 of 4<\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"es-options\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"property-location\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><label><input type=\"radio\" name=\"property-location\" value=\"Palm Jumeirah\" \/><span class=\"wpcf7-list-item-label\">Palm Jumeirah<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"property-location\" value=\"Emirates Hills\" \/><span class=\"wpcf7-list-item-label\">Emirates Hills<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"property-location\" value=\"Dubai Hills\" \/><span class=\"wpcf7-list-item-label\">Dubai Hills<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"property-location\" value=\"Jumeirah Golf Estates\" \/><span class=\"wpcf7-list-item-label\">Jumeirah Golf Estates<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"radio\" name=\"property-location\" value=\"Al Barari\" \/><span class=\"wpcf7-list-item-label\">Al Barari<\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"es-nav\">\n\t\t\t<p><button type=\"button\" class=\"es-next\">Next \u2192<\/button>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n <!-- STEP 2 -->\n\t<div class=\"es-step\" data-step=\"2\">\n\t\t<div class=\"es-title\">\n\t\t\t<h3>How big is your home?\n\t\t\t<\/h3>\n\t\t\t<p><span class=\"es-step-indicator\">Step 2 of 4<\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"es-options\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"builtup-range\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><label><input type=\"radio\" name=\"builtup-range\" value=\"100\u2013200 sqm\" \/><span class=\"wpcf7-list-item-label\">100\u2013200 sqm<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"builtup-range\" value=\"200\u2013400 sqm\" \/><span class=\"wpcf7-list-item-label\">200\u2013400 sqm<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"builtup-range\" value=\"400\u2013600 sqm\" \/><span class=\"wpcf7-list-item-label\">400\u2013600 sqm<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"builtup-range\" value=\"600+ sqm\" \/><span class=\"wpcf7-list-item-label\">600+ sqm<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"radio\" name=\"builtup-range\" value=\"Not sure\" \/><span class=\"wpcf7-list-item-label\">Not sure<\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"es-nav\">\n\t\t\t<p><button type=\"button\" class=\"es-back\">Go Back<\/button><br \/>\n<button type=\"button\" class=\"es-next\">Next \u2192<\/button>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n <!-- STEP 3 -->\n\t<div class=\"es-step\" data-step=\"3\">\n\t\t<div class=\"es-title\">\n\t\t\t<h3>What category of renovation?\n\t\t\t<\/h3>\n\t\t\t<p><span class=\"es-step-indicator\">Step 3 of 4<\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"es-options\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"renovation-category\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><label><input type=\"radio\" name=\"renovation-category\" value=\"Contemporary\" \/><span class=\"wpcf7-list-item-label\">Contemporary<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"renovation-category\" value=\"Luxurious\" \/><span class=\"wpcf7-list-item-label\">Luxurious<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"radio\" name=\"renovation-category\" value=\"Ultra-luxury\" \/><span class=\"wpcf7-list-item-label\">Ultra-luxury<\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"es-options\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"plot-range\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Plot size range (e.g. 500\u2013750 sqm)\" value=\"\" type=\"text\" name=\"plot-range\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"es-nav\">\n\t\t\t<p><button type=\"button\" class=\"es-back\">Go Back<\/button><br \/>\n<button type=\"button\" class=\"es-next\">Next \u2192<\/button>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n <!-- STEP 4 (updated: removed email field) -->\n\t<div class=\"es-step\" data-step=\"4\">\n\t\t<div class=\"es-title\">\n\t\t\t<h3>Contact Details\n\t\t\t<\/h3>\n\t\t\t<p><span class=\"es-step-indicator\">Step 4 of 4<\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"cf7-two-column es-contact\">\n\t\t\t<div class=\"cf7-col\">\n\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"tel-854\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Phone number\" value=\"\" type=\"tel\" name=\"tel-854\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"cf7-col\">\n\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"es-nav es-nav-inline\">\n\t\t\t<p><button type=\"button\" class=\"es-back\">Go Back<\/button><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner es-submit\" type=\"submit\" value=\"Submit\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<p><script>\n(function(){\n \"use strict\";\n\n \/\/ Utility: test whether an element is considered \"required\" by CF7\n function isRequiredField(el) {\n if (!el) return false;\n if (el.hasAttribute('required')) return true;\n if (el.getAttribute('aria-required') === 'true') return true;\n if (el.classList && el.classList.contains('wpcf7-validates-as-required')) return true;\n \/\/ CF7 hidden inputs with required may be input[type=\"tel*\"] etc but server side; above checks suffice\n return false;\n }\n\n \/\/ Utility: get value presence\n function hasValue(el) {\n if(!el) return false;\n const tag = el.tagName.toLowerCase();\n if (tag === 'input') {\n const t = el.type;\n if (t === 'checkbox' || t === 'radio') return el.checked;\n return el.value.trim() !== '';\n }\n if (tag === 'select') return el.value !== '' && el.value !== null;\n if (tag === 'textarea') return el.value.trim() !== '';\n return el.textContent && el.textContent.trim() !== '';\n }\n\n \/\/ Find all multi-step containers on page\n function initAllMultiStep() {\n const wrappers = Array.from(document.querySelectorAll('.multi-step-cf7'));\n if (!wrappers.length) return;\n wrappers.forEach(initSingle);\n }\n\n function initSingle(wrapper) {\n if (!wrapper) return;\n \/\/ Avoid double init\n if (wrapper.dataset.esInit === '1') return;\n wrapper.dataset.esInit = '1';\n\n const steps = Array.from(wrapper.querySelectorAll('.es-step'));\n if (!steps.length) return;\n const total = steps.length;\n\n \/\/ show step function\n function showStep(index) {\n steps.forEach(s => s.classList.remove('active'));\n const step = wrapper.querySelector('.es-step[data-step=\"' + index + '\"]');\n if (step) step.classList.add('active');\n \/\/ update step indicator text if present\n wrapper.querySelectorAll('.es-step .es-step-indicator').forEach(ind => {\n const parent = ind.closest('.es-step');\n if (!parent) return;\n const stepNum = parent.getAttribute('data-step') || 1;\n ind.textContent = 'Step ' + stepNum + ' of ' + total;\n });\n \/\/ focus first input in step\n const firstInput = step.querySelector('input, select, textarea, button');\n if (firstInput) firstInput.focus({preventScroll:true});\n }\n\n \/\/ find current step index; default to 1\n let current = 1;\n showStep(current);\n\n \/\/ helper: clear previous inline error messages in the step\n function clearStepErrors(stepEl) {\n const prev = stepEl.querySelectorAll('.es-error-msg');\n prev.forEach(p => p.remove());\n \/\/ also remove error classes\n stepEl.querySelectorAll('.es-invalid').forEach(el => el.classList.remove('es-invalid'));\n }\n\n \/\/ helper: validate all required fields in the step; returns boolean\n function validateStep(stepEl) {\n clearStepErrors(stepEl);\n let ok = true;\n \/\/ collect candidate controls: inputs, selects, textareas and CF7 radio groups (inputs of same name)\n const controls = Array.from(stepEl.querySelectorAll('input, select, textarea'));\n \/\/ For radio groups, we should check by name only once\n const radioNamesChecked = new Set();\n\n for (const el of controls) {\n \/\/ skip hidden fields (type=hidden) and disabled\n if (el.type === 'hidden' || el.disabled) continue;\n\n \/\/ handle radio group\n if (el.type === 'radio') {\n const name = el.name || '';\n if (!name) continue;\n if (radioNamesChecked.has(name)) continue;\n radioNamesChecked.add(name);\n\n \/\/ find all radios with this name inside the step\n const all = stepEl.querySelectorAll('input[type=\"radio\"][name=\"'+name+'\"]');\n \/\/ decide if required by checking any of the radios marked required\n let groupRequired = false;\n all.forEach(r => { if (isRequiredField(r)) groupRequired = true; });\n if (groupRequired) {\n \/\/ check if any checked\n const anyChecked = Array.from(all).some(r=>r.checked);\n if (!anyChecked) {\n ok = false;\n \/\/ append error after the radio group container (find nearest parent)\n const container = all[0].closest('.es-options') || all[0].parentElement;\n const msg = document.createElement('span');\n msg.className = 'es-error-msg';\n msg.textContent = 'Please choose an option';\n container && container.appendChild(msg);\n all.forEach(r => r.classList.add('es-invalid'));\n }\n }\n\n continue; \/\/ move to next control\n }\n\n \/\/ For checkboxes: treat similarly to radio (single checkbox required = checked)\n if (el.type === 'checkbox') {\n if (isRequiredField(el) && !el.checked) {\n ok = false;\n el.classList.add('es-invalid');\n const msg = document.createElement('span');\n msg.className = 'es-error-msg';\n msg.textContent = 'This field is required';\n el.parentElement && el.parentElement.appendChild(msg);\n }\n continue;\n }\n\n \/\/ For other inputs\/selects\/textareas\n if (isRequiredField(el)) {\n if (!hasValue(el)) {\n ok = false;\n el.classList.add('es-invalid');\n const msg = document.createElement('span');\n msg.className = 'es-error-msg';\n msg.textContent = 'This field is required';\n \/\/ Insert message after element (or in container)\n if (el.nextElementSibling) el.parentElement.insertBefore(msg, el.nextElementSibling);\n else el.parentElement.appendChild(msg);\n }\n }\n }\n\n return ok;\n }\n\n \/\/ attach click handlers for Next \/ Back\n wrapper.addEventListener('click', function(e) {\n const nextBtn = e.target.closest('.es-next');\n const backBtn = e.target.closest('.es-back');\n\n if (nextBtn) {\n e.preventDefault();\n const stepEl = wrapper.querySelector('.es-step[data-step=\"' + current + '\"]');\n if (!stepEl) return;\n \/\/ validate current\n const ok = validateStep(stepEl);\n if (!ok) {\n \/\/ prevent moving forward, focus first invalid\n const firstInvalid = stepEl.querySelector('.es-invalid, .es-error-msg');\n if (firstInvalid) firstInvalid.scrollIntoView({behavior:'smooth', block:'center'});\n return;\n }\n \/\/ advance\n if (current < total) {\n current++;\n showStep(current);\n }\n return;\n }\n\n if (backBtn) {\n e.preventDefault();\n if (current > 1) {\n current--;\n showStep(current);\n }\n return;\n }\n });\n\n \/\/ also support keyboard Enter on inputs to move forward if not last step\n wrapper.addEventListener('keydown', function(e){\n if (e.key === 'Enter') {\n \/\/ if focused element is inside a text input and not on last step, attempt to go next\n const activeStepEl = wrapper.querySelector('.es-step[data-step=\"' + current + '\"]');\n if (!activeStepEl) return;\n \/\/ if the focused element is the submit button allow normal submit\n const active = document.activeElement;\n if (!active) return;\n if (active.tagName.toLowerCase() === 'textarea') return; \/\/ don't intercept textarea enter\n if (active.classList && active.classList.contains('es-submit')) return;\n \/\/ prevent default form submit if not last step\n if (current < total) {\n e.preventDefault();\n const ok = validateStep(activeStepEl);\n if (ok) {\n current++;\n showStep(current);\n return;\n }\n }\n }\n });\n\n \/\/ Optional: when CF7 returns validation errors after submit, show appropriate step\n \/\/ we observe the form area for CF7 error messages and jump to the step that contains them\n const parentForm = wrapper.closest('form') || document;\n if (parentForm && parentForm !== document) {\n const mo = new MutationObserver(function(muts){\n \/\/ if CF7 inserts .wpcf7-not-valid or .wpcf7-validation-errors, find first invalid and jump to its step\n const invalid = wrapper.querySelector('.wpcf7-not-valid, .es-invalid, .es-error-msg');\n if (invalid) {\n \/\/ locate its containing .es-step\n const parentStep = invalid.closest('.es-step');\n if (parentStep) {\n const stepIndex = parseInt(parentStep.getAttribute('data-step')) || 1;\n current = stepIndex;\n showStep(current);\n }\n }\n });\n mo.observe(parentForm, { childList:true, subtree:true, attributes:true });\n }\n }\n\n \/\/ Wait for DOM loaded and for forms to be inserted (Elementor\/CF7)\n document.addEventListener('DOMContentLoaded', function(){\n \/\/ small delay to allow CF7 to render\n setTimeout(initAllMultiStep, 150);\n \/\/ Also attempt again later for dynamic rendering\n setTimeout(initAllMultiStep, 850);\n });\n\n})();\n<\/script>\n<\/p>\n<style>\n<!-- Multi-step CF7 JS + minimal CSS for step visibility & inline errors -->\n<\/style>\n<style>\n\/* Step visibility *\/\n.multi-step-cf7 .es-step { display: none; opacity: 0; transform: translateY(6px); transition: opacity .22s ease, transform .22s ease; }\n.multi-step-cf7 .es-step.active { display: block; opacity: 1; transform: translateY(0); }\n\n\/* Navigation layout (optional) *\/\n.multi-step-cf7 .es-nav { margin-top: 16px; display:flex; gap:12px; align-items:center; }\n.multi-step-cf7 .es-nav .es-next,\n.multi-step-cf7 .es-nav .es-back,\n.multi-step-cf7 .es-nav .es-submit { cursor: pointer; }\n\n\/* Small inline validation message *\/\n.multi-step-cf7 .es-error-msg { color:#d9534f; font-size:12px; margin-top:6px; display:block; }\n\n\/* Simple focus style for inputs (optional) *\/\n.multi-step-cf7 input:focus, .multi-step-cf7 textarea:focus, .multi-step-cf7 select:focus {\n outline: 2px solid rgba(0,123,255,0.12);\n box-shadow: 0 0 0 3px rgba(0,123,255,0.06);\n}\n\n\/* Make sure CF7 submit button doesn't show until last step (CF7 generates it) *\/\n.multi-step-cf7 .es-step:not([data-step=\"4\"]) .es-submit { display: none; }\n<\/style>\n<p><script>\n(function(){\n \"use strict\";\n\n \/\/ Utility: test whether an element is considered \"required\" by CF7\n function isRequiredField(el) {\n if (!el) return false;\n if (el.hasAttribute('required')) return true;\n if (el.getAttribute('aria-required') === 'true') return true;\n if (el.classList && el.classList.contains('wpcf7-validates-as-required')) return true;\n \/\/ CF7 hidden inputs with required may be input[type=\"tel*\"] etc but server side; above checks suffice\n return false;\n }\n\n \/\/ Utility: get value presence\n function hasValue(el) {\n if(!el) return false;\n const tag = el.tagName.toLowerCase();\n if (tag === 'input') {\n const t = el.type;\n if (t === 'checkbox' || t === 'radio') return el.checked;\n return el.value.trim() !== '';\n }\n if (tag === 'select') return el.value !== '' && el.value !== null;\n if (tag === 'textarea') return el.value.trim() !== '';\n return el.textContent && el.textContent.trim() !== '';\n }\n\n \/\/ Find all multi-step containers on page\n function initAllMultiStep() {\n const wrappers = Array.from(document.querySelectorAll('.multi-step-cf7'));\n if (!wrappers.length) return;\n wrappers.forEach(initSingle);\n }\n\n function initSingle(wrapper) {\n if (!wrapper) return;\n \/\/ Avoid double init\n if (wrapper.dataset.esInit === '1') return;\n wrapper.dataset.esInit = '1';\n\n const steps = Array.from(wrapper.querySelectorAll('.es-step'));\n if (!steps.length) return;\n const total = steps.length;\n\n \/\/ show step function\n function showStep(index) {\n steps.forEach(s => s.classList.remove('active'));\n const step = wrapper.querySelector('.es-step[data-step=\"' + index + '\"]');\n if (step) step.classList.add('active');\n \/\/ update step indicator text if present\n wrapper.querySelectorAll('.es-step .es-step-indicator').forEach(ind => {\n const parent = ind.closest('.es-step');\n if (!parent) return;\n const stepNum = parent.getAttribute('data-step') || 1;\n ind.textContent = 'Step ' + stepNum + ' of ' + total;\n });\n \/\/ focus first input in step\n const firstInput = step.querySelector('input, select, textarea, button');\n if (firstInput) firstInput.focus({preventScroll:true});\n }\n\n \/\/ find current step index; default to 1\n let current = 1;\n showStep(current);\n\n \/\/ helper: clear previous inline error messages in the step\n function clearStepErrors(stepEl) {\n const prev = stepEl.querySelectorAll('.es-error-msg');\n prev.forEach(p => p.remove());\n \/\/ also remove error classes\n stepEl.querySelectorAll('.es-invalid').forEach(el => el.classList.remove('es-invalid'));\n }\n\n \/\/ helper: validate all required fields in the step; returns boolean\n function validateStep(stepEl) {\n clearStepErrors(stepEl);\n let ok = true;\n \/\/ collect candidate controls: inputs, selects, textareas and CF7 radio groups (inputs of same name)\n const controls = Array.from(stepEl.querySelectorAll('input, select, textarea'));\n \/\/ For radio groups, we should check by name only once\n const radioNamesChecked = new Set();\n\n for (const el of controls) {\n \/\/ skip hidden fields (type=hidden) and disabled\n if (el.type === 'hidden' || el.disabled) continue;\n\n \/\/ handle radio group\n if (el.type === 'radio') {\n const name = el.name || '';\n if (!name) continue;\n if (radioNamesChecked.has(name)) continue;\n radioNamesChecked.add(name);\n\n \/\/ find all radios with this name inside the step\n const all = stepEl.querySelectorAll('input[type=\"radio\"][name=\"'+name+'\"]');\n \/\/ decide if required by checking any of the radios marked required\n let groupRequired = false;\n all.forEach(r => { if (isRequiredField(r)) groupRequired = true; });\n if (groupRequired) {\n \/\/ check if any checked\n const anyChecked = Array.from(all).some(r=>r.checked);\n if (!anyChecked) {\n ok = false;\n \/\/ append error after the radio group container (find nearest parent)\n const container = all[0].closest('.es-options') || all[0].parentElement;\n const msg = document.createElement('span');\n msg.className = 'es-error-msg';\n msg.textContent = 'Please choose an option';\n container && container.appendChild(msg);\n all.forEach(r => r.classList.add('es-invalid'));\n }\n }\n\n continue; \/\/ move to next control\n }\n\n \/\/ For checkboxes: treat similarly to radio (single checkbox required = checked)\n if (el.type === 'checkbox') {\n if (isRequiredField(el) && !el.checked) {\n ok = false;\n el.classList.add('es-invalid');\n const msg = document.createElement('span');\n msg.className = 'es-error-msg';\n msg.textContent = 'This field is required';\n el.parentElement && el.parentElement.appendChild(msg);\n }\n continue;\n }\n\n \/\/ For other inputs\/selects\/textareas\n if (isRequiredField(el)) {\n if (!hasValue(el)) {\n ok = false;\n el.classList.add('es-invalid');\n const msg = document.createElement('span');\n msg.className = 'es-error-msg';\n msg.textContent = 'This field is required';\n \/\/ Insert message after element (or in container)\n if (el.nextElementSibling) el.parentElement.insertBefore(msg, el.nextElementSibling);\n else el.parentElement.appendChild(msg);\n }\n }\n }\n\n return ok;\n }\n\n \/\/ attach click handlers for Next \/ Back\n wrapper.addEventListener('click', function(e) {\n const nextBtn = e.target.closest('.es-next');\n const backBtn = e.target.closest('.es-back');\n\n if (nextBtn) {\n e.preventDefault();\n const stepEl = wrapper.querySelector('.es-step[data-step=\"' + current + '\"]');\n if (!stepEl) return;\n \/\/ validate current\n const ok = validateStep(stepEl);\n if (!ok) {\n \/\/ prevent moving forward, focus first invalid\n const firstInvalid = stepEl.querySelector('.es-invalid, .es-error-msg');\n if (firstInvalid) firstInvalid.scrollIntoView({behavior:'smooth', block:'center'});\n return;\n }\n \/\/ advance\n if (current < total) {\n current++;\n showStep(current);\n }\n return;\n }\n\n if (backBtn) {\n e.preventDefault();\n if (current > 1) {\n current--;\n showStep(current);\n }\n return;\n }\n });\n\n \/\/ also support keyboard Enter on inputs to move forward if not last step\n wrapper.addEventListener('keydown', function(e){\n if (e.key === 'Enter') {\n \/\/ if focused element is inside a text input and not on last step, attempt to go next\n const activeStepEl = wrapper.querySelector('.es-step[data-step=\"' + current + '\"]');\n if (!activeStepEl) return;\n \/\/ if the focused element is the submit button allow normal submit\n const active = document.activeElement;\n if (!active) return;\n if (active.tagName.toLowerCase() === 'textarea') return; \/\/ don't intercept textarea enter\n if (active.classList && active.classList.contains('es-submit')) return;\n \/\/ prevent default form submit if not last step\n if (current < total) {\n e.preventDefault();\n const ok = validateStep(activeStepEl);\n if (ok) {\n current++;\n showStep(current);\n return;\n }\n }\n }\n });\n\n \/\/ Optional: when CF7 returns validation errors after submit, show appropriate step\n \/\/ we observe the form area for CF7 error messages and jump to the step that contains them\n const parentForm = wrapper.closest('form') || document;\n if (parentForm && parentForm !== document) {\n const mo = new MutationObserver(function(muts){\n \/\/ if CF7 inserts .wpcf7-not-valid or .wpcf7-validation-errors, find first invalid and jump to its step\n const invalid = wrapper.querySelector('.wpcf7-not-valid, .es-invalid, .es-error-msg');\n if (invalid) {\n \/\/ locate its containing .es-step\n const parentStep = invalid.closest('.es-step');\n if (parentStep) {\n const stepIndex = parseInt(parentStep.getAttribute('data-step')) || 1;\n current = stepIndex;\n showStep(current);\n }\n }\n });\n mo.observe(parentForm, { childList:true, subtree:true, attributes:true });\n }\n }\n\n \/\/ Wait for DOM loaded and for forms to be inserted (Elementor\/CF7)\n document.addEventListener('DOMContentLoaded', function(){\n \/\/ small delay to allow CF7 to render\n setTimeout(initAllMultiStep, 150);\n \/\/ Also attempt again later for dynamic rendering\n setTimeout(initAllMultiStep, 850);\n });\n\n})();\n<\/script>\n<\/p>\n<style>\n\n\/* ---------- Make nav buttons inline and equal size ---------- *\/\n\/* apply to any .es-nav container (works for step 1..4) *\/\n.es-nav {\n display: flex !important;\n align-items: center;\n gap: 14px;\n flex-wrap: wrap; \/* allow wrap on very small screens *\/\n}\n\n\/* For steps where nav uses separate wrappers, target inline class if present *\/\n.es-nav.es-nav-inline { justify-content: flex-start; }\n\n\/* Make Go Back, Next and Submit visually same \"button block\" *\/\n.es-nav .es-back,\n.es-nav .es-next,\n.es-nav .es-submit,\n.es-nav .wpcf7-form-control.wpcf7-submit {\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n min-width: 150px; \/* same minimum width *\/\n height: 52px; \/* same height *\/\n padding: 0 20px;\n border-radius: 10px;\n font-weight: 700;\n font-size: 15px;\n box-sizing: border-box;\n}\n\n\/* Styling for the three button types *\/\n.es-nav .es-back {\n background: #fff;\n color: #111;\n border: 1px solid #d6d6d6;\n}\n.es-nav .es-next {\n background: transparent;\n color: #111;\n border: 2px solid #0b75ff; \/* outlined look if you prefer *\/\n background: #fff;\n}\n.es-nav .es-submit,\n.es-nav .wpcf7-form-control.wpcf7-submit {\n background: #111; \/* black filled *\/\n color: #fff;\n border: 0;\n}\n\n\/* Hover states *\/\n.es-nav .es-back:hover { background:#f2f2f2; }\n.es-nav .es-next:hover { border-color:#0a62d6; transform: translateY(-1px); }\n.es-nav .es-submit:hover { background:#333; }\n\n\/* If you want equal widths instead of min-width, uncomment below *\/\n\/* .es-nav .es-back, .es-nav .es-next, .es-nav .es-submit { flex: 1 1 0; } *\/\n\n\/* ---------- Fix radio chips: remove big white boxes between radios ---------- *\/\n.es-options { margin-bottom: 12px; }\n\n\/* remove heavy box style and use light \"chip\" spacing *\/\n.es-options .wpcf7-list-item {\n display: inline-flex;\n align-items: center;\n margin: 6px 10px 6px 0;\n padding: 6px 10px;\n border-radius: 8px;\n background: transparent; \/* make background transparent *\/\n border: 1px solid transparent; \/* remove visible border *\/\n box-shadow: none; \/* remove any shadow *\/\n font-size: 14px;\n color: #222;\n}\n\n\/* if CF7 injected label wrappers add cursor *\/\n.es-options .wpcf7-list-item label,\n.es-options .wpcf7-list-item .wpcf7-list-item-label {\n cursor: pointer;\n}\n\n\/* radio circle size and spacing *\/\n.es-options .wpcf7-list-item input[type=\"radio\"] {\n width: 16px;\n height: 16px;\n margin-right: 8px;\n vertical-align: middle;\n accent-color: #111; \/* black dot when checked *\/\n}\n\n\/* reduce the white chip look for checked state *\/\n.es-options .wpcf7-list-item input[type=\"radio\"]:checked + .wpcf7-list-item-label,\n.es-options .wpcf7-list-item input[type=\"radio\"]:checked ~ .wpcf7-list-item-label {\n font-weight: 700;\n}\n\n\n\n\/* ---------- Clean stray spinner\/dots if present ---------- *\/\n\/* hide CF7 spinner visuals next to submit when you don't want them *\/\n.wpcf7-spinner { display: none !important; }\n\n\/* ---------- Responsive: stack buttons on very small devices ---------- *\/\n@media (max-width: 520px) {\n .es-nav { flex-direction: column; align-items: stretch; }\n .es-nav .es-back,\n .es-nav .es-next,\n .es-nav .es-submit,\n .es-nav .wpcf7-form-control.wpcf7-submit {\n width: 100% !important;\n min-width: 0;\n height: 48px;\n }\n \/* make radios full width stacked *\/\n .es-options .wpcf7-list-item { display:block; width:100%; }\n}\n\n\n.es-nav p {\n display: contents !important;\n}\n.es-nav p br{\n display:none !important;\n}\n\n}\n.es-btn-wrap br { display: none !important; }\n\n.es-nav .es-next, .es-nav .es-back, .es-submit {\n padding: 9px 16px;\n border-radius: 6px;\n border: 1px solid white !important;\n background: black !important;\n color: white !important;\n font-weight: 600;\n cursor: pointer;\n}\n.estimate-form {\n max-width: 660px;\n margin: 28px auto;\n background: #f8f9fa;\n padding: 5px 15px 5px 15px !important;\n border-radius: 10px;\n box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05) !important;\n}\n@media (max-width: 768px){\n.estimate-form {\n max-width: 280px !important;\n}\n}\n<\/style><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-86c1902 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"86c1902\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3d6ed54\" data-id=\"3d6ed54\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-22a1c5b elementor-widget elementor-widget-html\" data-id=\"22a1c5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Font -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.headline-fadein-villa {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  font-weight: 800;\r\n  font-size: 45px;\r\n  line-height: 1.4em;\r\n  letter-spacing: 0%;\r\n  vertical-align: middle;\r\n  display: inline-block;\r\n  gap: 0.05em;\r\n  color: #121212;\r\n  text-align: center;\r\n  white-space: pre-line;\r\n  width: 100%;\r\n}\r\n@media (max-width: 768px) {\r\n       .headline-fadein-villa{\r\n           font-size: 25px;\r\n       }\r\n       \r\n   }\r\n\r\n.letter-fadein-villa {\r\n  opacity: 0;\r\n  display: inline-block;\r\n  transition: opacity 0.4s;\r\n}\r\n\r\n.letter-fadein-villa.visible {\r\n  opacity: 1;\r\n}\r\n\r\n\/* Mobile line height adjustment *\/\r\n@media (max-width: 768px) {\r\n  .headline-fadein-villa {\r\n    line-height: 45px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"headline-fadein-villa\" id=\"headlineFadeinVilla\"><\/div>\r\n\r\n<script>\r\n  (function() {\r\n    const text = \"Your Dream Villa. \\nReady to Begin.\";\r\n    const container = document.getElementById(\"headlineFadeinVilla\");\r\n    container.innerHTML = \"\";\r\n    let letterIndex = 0;\r\n\r\n    text.split(\/\\n\/).forEach((line, idx, arr) => {\r\n      line.split(' ').forEach((word, wordIdx, wordArr) => {\r\n        const wordSpan = document.createElement(\"span\");\r\n        wordSpan.style.display = \"inline-block\";\r\n        wordSpan.style.whiteSpace = \"pre\";\r\n        word.split('').forEach(letter => {\r\n          const letterSpan = document.createElement(\"span\");\r\n          letterSpan.textContent = letter;\r\n          letterSpan.className = \"letter-fadein-villa\";\r\n          letterSpan.style.transitionDelay = (0.12 * letterIndex) + \"s\";\r\n          wordSpan.appendChild(letterSpan);\r\n          letterIndex++;\r\n        });\r\n        container.appendChild(wordSpan);\r\n        if (wordIdx < wordArr.length - 1) {\r\n          container.appendChild(document.createTextNode(\"\\u00A0\"));\r\n          letterIndex++;\r\n        }\r\n      });\r\n      if (idx < arr.length - 1) {\r\n        container.appendChild(document.createElement(\"br\"));\r\n      }\r\n    });\r\n\r\n    setTimeout(() => {\r\n      const spans = container.querySelectorAll(\".letter-fadein-villa\");\r\n      spans.forEach(span => span.classList.add(\"visible\"));\r\n    }, 100);\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d9439c elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2d9439c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Don\u2019t settle for outdated spaces or piecemeal upgrades. Let\u2019s create a villa that reflects your lifestyle and legacy.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5df128 elementor-align-center elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"b5df128\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/wa.me\/+971543439967\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book Your Consultation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-772a3b8 elementor-align-center elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"772a3b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/wa.me\/+971543439967\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Chat on WhatsApp<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e61cd50 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e61cd50\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bee83d6\" data-id=\"bee83d6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c806d8a elementor-widget elementor-widget-html\" data-id=\"c806d8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"circle-arrow\" id=\"circleArrowBtn\" onclick=\"scrollToTopOrBottom()\">\r\n  <svg class=\"progress-ring\" width=\"48\" height=\"48\">\r\n    <!-- Static Mild Border -->\r\n    <circle class=\"circle-bg\" stroke=\"#ccc\" stroke-width=\"2\" fill=\"none\" r=\"22\" cx=\"24\" cy=\"24\"\/>\r\n    <!-- Animated Active Border -->\r\n    <circle class=\"progress-ring__circle\" stroke=\"#000\" stroke-width=\"2\" fill=\"none\" r=\"22\" cx=\"24\" cy=\"24\"\/>\r\n    <!-- Arrow in center -->\r\n    <polyline points=\"16,26 24,18 32,26\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n  <\/svg>\r\n<\/div>\r\n<style>\r\n.circle-arrow {\r\n  position: fixed;\r\n  bottom: 40px;\r\n  right: 40px;\r\n  z-index: 99;\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n}\r\n\/* Mild Gray Static Border *\/\r\n.circle-bg {\r\n  \/* no animation, always visible *\/\r\n}\r\n.progress-ring__circle {\r\n  transition: stroke-dashoffset 0.35s;\r\n  transform: rotate(-90deg);\r\n  transform-origin: 50% 50%;\r\n}\r\n<\/style>\r\n<script>\r\n\/\/ Two circles: one for default mild color, one for animated black\r\nconst animCircle = document.querySelector('.progress-ring__circle');\r\nconst radius = animCircle.r.baseVal.value;\r\nconst circumference = 2 * Math.PI * radius;\r\nanimCircle.style.strokeDasharray = `${circumference} ${circumference}`;\r\nanimCircle.style.strokeDashoffset = `${circumference}`;\r\n\/\/ Animate progress as before\r\nfunction setProgress(percent) {\r\n  const offset = circumference - (percent \/ 100) * circumference;\r\n  animCircle.style.strokeDashoffset = offset;\r\n}\r\nfunction animateProgress() {\r\n  const scroll = window.scrollY || window.pageYOffset;\r\n  const docHeight = document.documentElement.scrollHeight - window.innerHeight;\r\n  const percent = docHeight > 0 ? (scroll \/ docHeight) * 100 : 0;\r\n  setProgress(percent);\r\n}\r\nwindow.addEventListener('scroll', animateProgress);\r\nanimateProgress();\r\nwindow.scrollToTopOrBottom = function() {\r\n  const scroll = window.scrollY || window.pageYOffset;\r\n  const docHeight = document.documentElement.scrollHeight - window.innerHeight;\r\n  if(scroll > docHeight \/ 2) {\r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n  } else {\r\n    window.scrollTo({ top: docHeight, behavior: 'smooth' });\r\n  }\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/1.mp4https:\/\/heysearch.ae\/bondnew\/wp-content\/uploads\/2025\/10\/2.mp4 ENQUIRY CALL WHATSAPP &times; Bond Property Group transforms your entire villa inside and out into a masterpiece that reflects [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-18036","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/heysearch.ae\/bondnew\/wp-json\/wp\/v2\/pages\/18036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heysearch.ae\/bondnew\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heysearch.ae\/bondnew\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heysearch.ae\/bondnew\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heysearch.ae\/bondnew\/wp-json\/wp\/v2\/comments?post=18036"}],"version-history":[{"count":952,"href":"https:\/\/heysearch.ae\/bondnew\/wp-json\/wp\/v2\/pages\/18036\/revisions"}],"predecessor-version":[{"id":19332,"href":"https:\/\/heysearch.ae\/bondnew\/wp-json\/wp\/v2\/pages\/18036\/revisions\/19332"}],"wp:attachment":[{"href":"https:\/\/heysearch.ae\/bondnew\/wp-json\/wp\/v2\/media?parent=18036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}