{"id":19682,"date":"2020-02-18T11:31:43","date_gmt":"2020-02-18T11:31:43","guid":{"rendered":"https:\/\/demo38.houzez.co\/?page_id=10"},"modified":"2026-09-15T13:22:08","modified_gmt":"2026-09-15T12:22:08","slug":"home-default","status":"publish","type":"page","link":"https:\/\/providentialproperties.uk\/","title":{"rendered":"Home Default"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19682\" class=\"elementor elementor-19682\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c9fe1d e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"6c9fe1d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7dacc6f elementor-widget elementor-widget-html\" data-id=\"7dacc6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GSAP + ScrollTrigger -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n\r\n<div id=\"custom-hero-scope\">\r\n    <section class=\"hero-slider\">\r\n        \r\n        <!-- Slides Wrapper -->\r\n        <div class=\"slides-wrapper\" id=\"slidesWrapper\">\r\n            \r\n            <!-- Slide 1: London Portfolio -->\r\n            <div class=\"hero-slide active\" data-slide=\"1\">\r\n                <div class=\"slide-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1513635269975-59663e0ac1ad?auto=format&fit=crop&q=80&w=2070');\"><\/div>\r\n                <div class=\"hero-content\">\r\n                    <span class=\"location-label\">London Portfolio<\/span>\r\n                    <h1 class=\"hero-title\">Connecting Global Capital to <span>UAE Luxury.<\/span><\/h1>\r\n                    <div class=\"search-pill\">\r\n                        <select class=\"investRequirement\">\r\n                            <option value=\"\" disabled selected>Investment Requirement<\/option>\r\n                            <option>Residential Acquisition<\/option>\r\n                            <option>Commercial Portfolio<\/option>\r\n                            <option>UHNW Private Office<\/option>\r\n                        <\/select>\r\n                        <button class=\"sg-popup-id-19891\">Get Portfolio Access<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Slide 2: Abu Dhabi Portfolio -->\r\n            <div class=\"hero-slide\" data-slide=\"2\">\r\n                <div class=\"slide-bg\" style=\"background-image: url('https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/abu-dhabi-4k.png');\"><\/div>\r\n                <div class=\"hero-content\">\r\n                    <span class=\"location-label\">Abu Dhabi Portfolio<\/span>\r\n                    <h1 class=\"hero-title\">Premium Investment Portfolios in <span>Abu Dhabi.<\/span><\/h1>\r\n                    <div class=\"search-pill\">\r\n                        <select class=\"investRequirement\">\r\n                            <option value=\"\" disabled selected>Investment Requirement<\/option>\r\n                            <option>Residential Acquisition<\/option>\r\n                            <option>Commercial Portfolio<\/option>\r\n                            <option>UHNW Private Office<\/option>\r\n                        <\/select>\r\n                        <button class=\"sg-popup-id-19891\">Get Portfolio Access<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Slide 3: Yas Island -->\r\n            <div class=\"hero-slide\" data-slide=\"3\">\r\n                <div class=\"slide-bg\" style=\"background-image: url('https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/Yas-Island-1.jpg');\"><\/div>\r\n                <div class=\"hero-content\">\r\n                    <span class=\"location-label\">Yas Island<\/span>\r\n                    <h1 class=\"hero-title\">Experience World-Class Living at <span>Yas Island.<\/span><\/h1>\r\n                    <div class=\"search-pill\">\r\n                        <select class=\"investRequirement\">\r\n                            <option value=\"\" disabled selected>Investment Requirement<\/option>\r\n                            <option>Residential Acquisition<\/option>\r\n                            <option>Commercial Portfolio<\/option>\r\n                            <option>UHNW Private Office<\/option>\r\n                        <\/select>\r\n                        <!-- Custom Direct Button Redirection Link Added Here -->\r\n                        <button onclick=\"window.open('https:\/\/providentialproperties.ae\/yas-island')\">Explore Yas Island<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Slide 4: Saadiyat Island -->\r\n            <div class=\"hero-slide\" data-slide=\"4\">\r\n                <div class=\"slide-bg\" style=\"background-image: url('https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/Saadiyat-Cultural-District.jpg');\"><\/div>\r\n                <div class=\"hero-content\">\r\n                    <span class=\"location-label\">Saadiyat Island<\/span>\r\n                    <h1 class=\"hero-title\">Cultural Sophistication Meets Beachside Luxury on <span>Saadiyat.<\/span><\/h1>\r\n                    <div class=\"search-pill\">\r\n                        <select class=\"investRequirement\">\r\n                            <option value=\"\" disabled selected>Investment Requirement<\/option>\r\n                            <option>Residential Acquisition<\/option>\r\n                            <option>Commercial Portfolio<\/option>\r\n                            <option>UHNW Private Office<\/option>\r\n                        <\/select>\r\n                        <button onclick=\"window.open('https:\/\/providentialproperties.ae\/saadiyat-island')\">View Saadiyat Listings<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Slide 5: Hudayriyat Island -->\r\n            <div class=\"hero-slide\" data-slide=\"5\">\r\n                <div class=\"slide-bg\" style=\"background-image: url('https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/Marsana-west-beach.jpg');\"><\/div>\r\n                <div class=\"hero-content\">\r\n                    <span class=\"location-label\">Hudayriyat Island<\/span>\r\n                    <h1 class=\"hero-title\">The Ultimate Active Luxury Lifestyle Destination at <span>Hudayriyat.<\/span><\/h1>\r\n                    <div class=\"search-pill\">\r\n                        <select class=\"investRequirement\">\r\n                            <option value=\"\" disabled selected>Investment Requirement<\/option>\r\n                            <option>Residential Acquisition<\/option>\r\n                            <option>Commercial Portfolio<\/option>\r\n                            <option>UHNW Private Office<\/option>\r\n                        <\/select>\r\n                        <button onclick=\"window.open('https:\/\/providentialproperties.ae\/hudayriyat-island')\">Discover Hudayriyat<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Slide 6: Aldar Properties -->\r\n            <div class=\"hero-slide\" data-slide=\"6\">\r\n                <div class=\"slide-bg\" style=\"background-image: url('https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/gardina-bay-aldar.webp');\"><\/div>\r\n                <div class=\"hero-content\">\r\n                    <span class=\"location-label\">Aldar Properties<\/span>\r\n                    <h1 class=\"hero-title\">Invest in Premium Living Spaces Crafted by <span>Aldar.<\/span><\/h1>\r\n                    <div class=\"search-pill\">\r\n                        <select class=\"investRequirement\">\r\n                            <option value=\"\" disabled selected>Investment Requirement<\/option>\r\n                            <option>Residential Acquisition<\/option>\r\n                            <option>Commercial Portfolio<\/option>\r\n                            <option>UHNW Private Office<\/option>\r\n                        <\/select>\r\n                        <button onclick=\"window.open('https:\/\/providentialproperties.ae\/developer\/aldar-properties-abu-dhabi\/')\">Explore Aldar Projects<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Slide 7: Modon Properties -->\r\n            <div class=\"hero-slide\" data-slide=\"7\">\r\n                <div class=\"slide-bg\" style=\"background-image: url('https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/modon-bg-scaled.webp');\"><\/div>\r\n                <div class=\"hero-content\">\r\n                    <span class=\"location-label\">Modon Properties<\/span>\r\n                    <h1 class=\"hero-title\">Master-Planned Ecosystems Developed by <span>Modon.<\/span><\/h1>\r\n                    <div class=\"search-pill\">\r\n                        <select class=\"investRequirement\">\r\n                            <option value=\"\" disabled selected>Investment Requirement<\/option>\r\n                            <option>Residential Acquisition<\/option>\r\n                            <option>Commercial Portfolio<\/option>\r\n                            <option>UHNW Private Office<\/option>\r\n                        <\/select>\r\n                        <button onclick=\"window.open('https:\/\/providentialproperties.ae\/developer\/modon-properties-abu-dhabi\/')\">Explore Modon Communities<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Slider Arrows -->\r\n        <button class=\"nav-arrow prev-arrow\" onclick=\"changeSlide(-1)\" aria-label=\"Previous Slide\">\u2039<\/button>\r\n        <button class=\"nav-arrow next-arrow\" onclick=\"changeSlide(1)\" aria-label=\"Next Slide\">\u203a<\/button>\r\n\r\n        <!-- Dynamic Slide Indicator Dots -->\r\n        <div class=\"slider-nav\" id=\"heroSliderNav\"><\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    \/* ALL STYLES PREFIXED WITH #custom-hero-scope TO PROTECT ELEMENTOR CODE INTEGRITY *\/\r\n    \r\n    #custom-hero-scope .hero-slider {\r\n        --gold: #c5a059;\r\n        position: relative;\r\n        height: 100vh;\r\n        width: 100%;\r\n        color: #ffffff;\r\n        font-family: 'Inter', sans-serif;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #custom-hero-scope .slides-wrapper {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    #custom-hero-scope .hero-slide {\r\n        position: absolute;\r\n        inset: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        pointer-events: none;\r\n        transition: visibility 0s linear 0.6s; \/* Match transition times *\/\r\n    }\r\n\r\n    #custom-hero-scope .hero-slide.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        pointer-events: auto;\r\n        transition-delay: 0s;\r\n    }\r\n\r\n    #custom-hero-scope .slide-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 1;\r\n        background-size: cover;\r\n        background-position: center;\r\n    }\r\n\r\n    #custom-hero-scope .slide-bg::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.7));\r\n    }\r\n\r\n    #custom-hero-scope .hero-content {\r\n        position: relative;\r\n        z-index: 10;\r\n        text-align: center;\r\n        width: 100%;\r\n        max-width: 950px;\r\n        padding: 0 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #custom-hero-scope .location-label {\r\n        font-size: 0.8rem;\r\n        letter-spacing: 6px;\r\n        text-transform: uppercase;\r\n        color: var(--gold);\r\n        margin-bottom: 20px;\r\n        display: block;\r\n        font-weight: 700;\r\n    }\r\n\r\n    #custom-hero-scope .hero-title {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: clamp(2.3rem, 6.5vw, 4.8rem);\r\n        line-height: 1.1;\r\n        margin-bottom: 40px;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    #custom-hero-scope .search-pill {\r\n        display: inline-flex;\r\n        background: rgba(255, 255, 255, 0.15);\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        border-radius: 100px;\r\n        padding: 8px 8px 8px 30px;\r\n        width: 100%;\r\n        max-width: 650px;\r\n        margin: 0 auto;\r\n        text-align: left;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #custom-hero-scope select {\r\n        background: transparent;\r\n        border: none;\r\n        color: white !important;\r\n        font-size: 0.9rem;\r\n        flex-grow: 1;\r\n        outline: none;\r\n        font-family: 'Inter', sans-serif;\r\n    }\r\n\r\n    #custom-hero-scope option { background: #1a1a1a; color: white; }\r\n\r\n    #custom-hero-scope button {\r\n        background: var(--gold);\r\n        color: #000 !important;\r\n        border: none;\r\n        padding: 15px 35px;\r\n        border-radius: 100px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        font-size: 0.75rem;\r\n        cursor: pointer;\r\n        white-space: nowrap;\r\n        transition: transform 0.2s ease, background 0.3s ease;\r\n    }\r\n    \r\n    #custom-hero-scope button:hover {\r\n        transform: scale(1.03);\r\n    }\r\n\r\n    \/* Slider Navigation Arrows *\/\r\n    #custom-hero-scope .nav-arrow {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        z-index: 25;\r\n        background: rgba(0, 0, 0, 0.4);\r\n        color: #fff !important;\r\n        border: 1px solid rgba(255,255,255,0.2);\r\n        width: 55px;\r\n        height: 55px;\r\n        border-radius: 50%;\r\n        font-size: 2rem;\r\n        line-height: 48px;\r\n        text-align: center;\r\n        padding: 0;\r\n        transition: all 0.3s ease;\r\n    }\r\n    \r\n    #custom-hero-scope .nav-arrow:hover {\r\n        background: var(--gold);\r\n        color: #000 !important;\r\n    }\r\n\r\n    #custom-hero-scope .prev-arrow { left: 30px; }\r\n    #custom-hero-scope .next-arrow { right: 30px; }\r\n\r\n    \/* Indicator Dots *\/\r\n    #custom-hero-scope .slider-nav {\r\n        position: absolute;\r\n        bottom: 40px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        z-index: 20;\r\n        display: flex;\r\n        gap: 12px;\r\n    }\r\n\r\n    #custom-hero-scope .nav-dot {\r\n        width: 35px;\r\n        height: 3px;\r\n        background: rgba(255,255,255,0.3);\r\n        cursor: pointer;\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    #custom-hero-scope .nav-dot.active { background: var(--gold); }\r\n\r\n    @media (max-width: 768px) {\r\n        #custom-hero-scope .search-pill { flex-direction: column; border-radius: 20px; padding: 20px; }\r\n        #custom-hero-scope select { margin-bottom: 15px; width: 100%; }\r\n        #custom-hero-scope button { width: 100%; }\r\n        #custom-hero-scope .nav-arrow { display: none; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    let currentIdx = 0;\r\n    let rotationTimer = null;\r\n    const scope = document.getElementById('custom-hero-scope');\r\n    if (!scope) return;\r\n    \r\n    const slides = scope.querySelectorAll('.hero-slide');\r\n    const totalSlides = slides.length;\r\n\r\n    function buildNavigationDots() {\r\n        const dotsContainer = document.getElementById('heroSliderNav');\r\n        if (!dotsContainer) return;\r\n        dotsContainer.innerHTML = '';\r\n        slides.forEach((_, idx) => {\r\n            const dot = document.createElement('div');\r\n            dot.className = `nav-dot ${idx === 0 ? 'active' : ''}`;\r\n            dot.onclick = () => { resetAutoplay(); goToSlide(idx); };\r\n            dotsContainer.appendChild(dot);\r\n        });\r\n    }\r\n\r\n    function goToSlide(nextIdx) {\r\n        if (nextIdx === currentIdx) return;\r\n        \r\n        const currentSlide = slides[currentIdx];\r\n        const nextSlide = slides[nextIdx];\r\n        \r\n        \/\/ Update active dots instantly\r\n        const dots = scope.querySelectorAll('.nav-dot');\r\n        dots.forEach((dot, idx) => dot.classList.toggle('active', idx === nextIdx));\r\n\r\n        if (window.gsap) {\r\n            \/\/ High-end crossfade animation using GSAP\r\n            gsap.killTweensOf([currentSlide, nextSlide, currentSlide.querySelector('.hero-content'), nextSlide.querySelector('.hero-content')]);\r\n            \r\n            \/\/ Prepare next slide out of view smoothly\r\n            gsap.set(nextSlide, { visibility: 'visible', opacity: 0, pointerEvents: 'auto' });\r\n            gsap.set(nextSlide.querySelector('.hero-content'), { y: 20, opacity: 0 });\r\n            \r\n            \/\/ Fade out current slide items\r\n            gsap.to(currentSlide.querySelector('.hero-content'), { y: -20, opacity: 0, duration: 0.4 });\r\n            gsap.to(currentSlide, { opacity: 0, duration: 0.6, onComplete: () => {\r\n                gsap.set(currentSlide, { visibility: 'hidden', pointerEvents: 'none' });\r\n                currentSlide.classList.remove('active');\r\n            }});\r\n\r\n            \/\/ Fade in next slide items smoothly without shifting widths\r\n            nextSlide.classList.add('active');\r\n            gsap.to(nextSlide, { opacity: 1, duration: 0.6 });\r\n            gsap.to(nextSlide.querySelector('.hero-content'), { y: 0, opacity: 1, duration: 0.5, delay: 0.1 });\r\n\r\n        } else {\r\n            \/\/ Seamless CSS fallback\r\n            currentSlide.classList.remove('active');\r\n            nextSlide.classList.add('active');\r\n        }\r\n\r\n        currentIdx = nextIdx;\r\n    }\r\n\r\n    window.changeSlide = function(direction) {\r\n        resetAutoplay();\r\n        let newIdx = currentIdx + direction;\r\n        if (newIdx >= totalSlides) newIdx = 0;\r\n        if (newIdx < 0) newIdx = totalSlides - 1;\r\n        goToSlide(newIdx);\r\n    };\r\n\r\n    function startAutoplay() {\r\n        rotationTimer = setInterval(() => {\r\n            let nextIdx = (currentIdx + 1) % totalSlides;\r\n            goToSlide(nextIdx);\r\n        }, 6000);\r\n    }\r\n\r\n    function resetAutoplay() {\r\n        clearInterval(rotationTimer);\r\n        startAutoplay();\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        buildNavigationDots();\r\n        startAutoplay();\r\n        \r\n        \/\/ Initial setup animation for the absolute first load layout\r\n        if (window.gsap && slides[0]) {\r\n            gsap.from(slides[0].querySelector('.hero-content'), { opacity: 0, y: 30, duration: 1.2, ease: \"power3.out\" });\r\n        }\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3d9ebc e-con-full e-flex e-con e-parent\" data-id=\"a3d9ebc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-373a082 e-flex e-con-boxed e-con e-child\" data-id=\"373a082\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45b70ec elementor-widget elementor-widget-heading\" data-id=\"45b70ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">\"Why Everyone is Talking about the UAE?\"<\/h4>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f9c480 elementor-widget elementor-widget-html\" data-id=\"4f9c480\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GSAP + ScrollTrigger -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<div id=\"logic-section-scope\">\r\n    <section class=\"simple-logic-wrap\">\r\n        <div class=\"logic-grid\">\r\n            \r\n            <!-- Sticky Photos -->\r\n            <div class=\"visual-side\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529655683826-aba9b3e77383?q=80&w=1200\" class=\"active\" id=\"logic-pic1\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1582407947304-fd86f028f716?q=80&w=1200\" id=\"logic-pic2\">\r\n                <img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/golden-visa.png\" id=\"logic-pic3\">\r\n                <img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/dubai-hd.jpg\" id=\"logic-pic4\">\r\n            <\/div>\r\n\r\n            <!-- Plain English Content -->\r\n            <div class=\"text-side\">\r\n                \r\n                <!-- Point 01: Taxes -->\r\n                <div class=\"content-block\" data-logic-img=\"logic-pic1\">\r\n                    <span class=\"tagline\">Point 01 \/ Taxes<\/span>\r\n                    <h2>Keep what <span>you earn.<\/span><\/h2>\r\n                    <p>In the UK, a large portion of your profit goes to taxes. In Abu Dhabi, your profit belongs to you. It is that simple.<\/p>\r\n                    \r\n                    <div class=\"math-row\">\r\n                        <div class=\"math-card\">\r\n                            <span>UK Tax<\/span>\r\n                            <div class=\"big-num\">28%<\/div>\r\n                        <\/div>\r\n                        <div class=\"math-card dark-card\">\r\n                            <span>UAE Tax<\/span>\r\n                            <div class=\"big-num highlight-gold\">0%<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Point 02: Capital Appreciation (NEW) -->\r\n                <div class=\"content-block\" data-logic-img=\"logic-pic2\">\r\n                    <span class=\"tagline\">Point 02 \/ Capital Growth<\/span>\r\n                    <h2>Build real <span>wealth.<\/span><\/h2>\r\n                    <p>While the UK property market faces slow growth and changing regulations, Abu Dhabi is expanding rapidly. Invest in a global powerhouse where your asset value scales cleanly.<\/p>\r\n                    \r\n                    <ul class=\"check-list\">\r\n                        <li>High capital appreciation driven by Vision 2030<\/li>\r\n                        <li>0% Capital Gains Tax when you exit or sell<\/li>\r\n                        <li>Strong demand in premium waterfront & business districts<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Point 03: The Perks -->\r\n                <div class=\"content-block\" data-logic-img=\"logic-pic3\">\r\n                    <span class=\"tagline\">Point 03 \/ Your Future<\/span>\r\n                    <h2>More than <span>just money.<\/span><\/h2>\r\n                    <p>Investing here isn't just about the bank account. It\u2019s about a safer, tax-free life for you and your family.<\/p>\r\n                    \r\n                    <ul class=\"check-list\">\r\n                        <li>Get a 10-Year Residency Visa<\/li>\r\n                        <li>The safest city in the world<\/li>\r\n                        <li>Strong currency linked to the US Dollar<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Point 04: Rental Income (Moved to Last) -->\r\n                <div class=\"content-block\" data-logic-img=\"logic-pic4\">\r\n                    <span class=\"tagline\">Point 04 \/ Income<\/span>\r\n                    <h2>Higher <span>Rent.<\/span><\/h2>\r\n                    <p>London rents are high, but costs are higher. Abu Dhabi properties earn more and cost less to maintain, putting more cash in your pocket every month.<\/p>\r\n                    \r\n                    <ul class=\"check-list\">\r\n                        <li>Earn 8% - 10% rent per year<\/li>\r\n                        <li>Zero tax on your rental income<\/li>\r\n                        <li>No \"Ground Rent\" or hidden UK fees<\/li>\r\n                    <\/ul>\r\n\r\n                    <a href=\"#\" class=\"action-btn\">Get the Full Brochure<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    #logic-section-scope {\r\n        --logic-gold: #c5a059;\r\n        --logic-dark: #1a1a1a;\r\n        --logic-bg: #ffffff;\r\n        --logic-grey: #f4f4f4;\r\n        background: var(--logic-bg);\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    #logic-section-scope .simple-logic-wrap {\r\n        position: relative;\r\n        overflow: clip;\r\n    }\r\n\r\n    #logic-section-scope .logic-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        min-height: 240vh; \/* Increased slightly to accommodate 4 items comfortably *\/\r\n    }\r\n\r\n    #logic-section-scope .visual-side {\r\n        position: sticky;\r\n        top: 0;\r\n        height: 100vh;\r\n        overflow: hidden;\r\n        z-index: 5;\r\n    }\r\n\r\n    #logic-section-scope .visual-side img {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        opacity: 0;\r\n        transition: opacity 0.6s ease-in-out;\r\n    }\r\n\r\n    #logic-section-scope .visual-side img.active { opacity: 1; }\r\n\r\n    #logic-section-scope .text-side {\r\n        padding: 0 10%;\r\n        z-index: 10;\r\n        position: relative;\r\n    }\r\n\r\n    #logic-section-scope .content-block {\r\n        min-height: 60vh;\r\n        padding: 100px 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        border-bottom: 1px solid #eee;\r\n    }\r\n\r\n    #logic-section-scope .tagline {\r\n        color: var(--logic-gold);\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        font-weight: 700;\r\n        font-size: 0.75rem;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    #logic-section-scope h2 {\r\n        font-family: 'Playfair Display', serif !important;\r\n        font-size: clamp(2.5rem, 4vw, 4rem);\r\n        line-height: 1.2;\r\n        margin-bottom: 25px;\r\n        color: var(--logic-dark) !important;\r\n        margin-top: 0;\r\n    }\r\n\r\n    #logic-section-scope p {\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n        color: #555 !important;\r\n        margin-bottom: 30px;\r\n        max-width: 500px;\r\n    }\r\n\r\n    #logic-section-scope .math-row {\r\n        display: flex;\r\n        gap: 20px;\r\n        margin-top: 20px;\r\n    }\r\n\r\n    #logic-section-scope .math-card {\r\n        flex: 1;\r\n        padding: 20px;\r\n        background: var(--logic-grey);\r\n        border-radius: 4px;\r\n    }\r\n\r\n    #logic-section-scope .dark-card { background: #111; color: #fff; }\r\n    #logic-section-scope .math-card span { font-size: 0.7rem; text-transform: uppercase; opacity: 0.6; }\r\n    #logic-section-scope .big-num { display: block; font-size: 2.2rem; font-weight: 700; font-family: 'Playfair Display', serif; margin-top: 5px; }\r\n    #logic-section-scope .highlight-gold { color: var(--logic-gold); }\r\n\r\n    #logic-section-scope .check-list {\r\n        list-style: none !important;\r\n        padding: 0 !important;\r\n    }\r\n\r\n    #logic-section-scope .check-list li {\r\n        margin-bottom: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-weight: 500;\r\n        color: var(--logic-dark);\r\n    }\r\n\r\n    #logic-section-scope .check-list li::before {\r\n        content: \"\u2713\";\r\n        color: var(--logic-gold);\r\n        font-weight: bold;\r\n    }\r\n\r\n    #logic-section-scope .action-btn {\r\n        display: inline-block;\r\n        margin-top: 40px;\r\n        padding: 20px 45px;\r\n        background: var(--logic-dark);\r\n        color: #fff !important;\r\n        text-decoration: none;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    #logic-section-scope .action-btn:hover { background: var(--logic-gold); }\r\n\r\n    @media (max-width: 1024px) {\r\n        #logic-section-scope .logic-grid { grid-template-columns: 1fr; min-height: auto; }\r\n        #logic-section-scope .visual-side { display: none; }\r\n        #logic-section-scope .content-block { min-height: auto; padding: 60px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const initLogic = () => {\r\n        if (typeof gsap === 'undefined' || !document.querySelector('#logic-section-scope')) return;\r\n        \r\n        gsap.registerPlugin(ScrollTrigger);\r\n        const scope = document.querySelector('#logic-section-scope');\r\n        const blocks = scope.querySelectorAll('.content-block');\r\n        const images = scope.querySelectorAll('.visual-side img');\r\n\r\n        blocks.forEach((block, i) => {\r\n            ScrollTrigger.create({\r\n                trigger: block,\r\n                start: \"top 70%\", \r\n                end: \"bottom 30%\",\r\n                onEnter: () => {\r\n                    images.forEach(img => img.classList.remove('active'));\r\n                    if(images[i]) images[i].classList.add('active');\r\n                },\r\n                onEnterBack: () => {\r\n                    images.forEach(img => img.classList.remove('active'));\r\n                    if(images[i]) images[i].classList.add('active');\r\n                }\r\n            });\r\n        });\r\n    };\r\n\r\n    if (document.readyState === 'complete') {\r\n        initLogic();\r\n    } else {\r\n        window.addEventListener('load', initLogic);\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10f4036 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"10f4036\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b6bac8 elementor-widget elementor-widget-html\" data-id=\"1b6bac8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"neighborhood-tabs-scope\">\r\n    <section class=\"district-section\">\r\n        <div class=\"district-container\">\r\n            <div class=\"district-header\">\r\n                <h2>Iconic Neighborhoods<\/h2>\r\n            <\/div>\r\n\r\n            <!-- Tab Navigation -->\r\n            <div class=\"tabs-nav\">\r\n                <div class=\"tab-link active\" onclick=\"openDistrict(event, 'saadiyat')\">Saadiyat<\/div>\r\n                <div class=\"tab-link\" onclick=\"openDistrict(event, 'yas')\">Yas<\/div>\r\n                <div class=\"tab-link\" onclick=\"openDistrict(event, 'alreem')\">Al Reem<\/div>\r\n                <div class=\"tab-link\" onclick=\"openDistrict(event, 'hudayriyat')\">Hudayriyat<\/div>\r\n                <div class=\"tab-link\" onclick=\"openDistrict(event, 'jubail')\">Jubail<\/div>\r\n                <div class=\"tab-link\" onclick=\"openDistrict(event, 'ramhan')\">Ramhan<\/div>\r\n            <\/div>\r\n\r\n            <!-- Tab 1: Saadiyat -->\r\n            <div id=\"saadiyat\" class=\"tab-content active\">\r\n                <div class=\"district-info\">\r\n                    <span class=\"vibe-tag\">Culture & Arts<\/span>\r\n                    <h3>Saadiyat Island<\/h3>\r\n                    <p>Home to the Louvre and Guggenheim, Saadiyat is the cultural heart of the region. It offers pristine white beaches and ultra-luxury villas for the sophisticated investor.<\/p>\r\n                    <div class=\"gallery-mini\"><img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/Saadiyat-Cultural-District.jpg\" alt=\"Saadiyat\"><\/div>\r\n                <\/div>\r\n                <div class=\"district-gallery\">\r\n                     <div class=\"gallery-main\"><img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/Saadiyat_Island_Abu_Dhab.jpg\" alt=\"Louvre\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tab 2: Yas -->\r\n            <div id=\"yas\" class=\"tab-content\">\r\n                <div class=\"district-info\">\r\n                    <span class=\"vibe-tag\">Energy & Leisure<\/span>\r\n                    <h3>Yas Island<\/h3>\r\n                    <p>The global destination for entertainment. From the F1 Circuit to world-class theme parks, Yas is the ultimate location for high-yield holiday rentals.<\/p>\r\n                    <div class=\"gallery-mini\"><img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/Yas-Island-1.jpg\" alt=\"Yas\"><\/div>\r\n                <\/div>\r\n                <div class=\"district-gallery\">\r\n                     <div class=\"gallery-main\"><img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/Yas-Island-Abu-Dhabi-1.jpg\" alt=\"Yas Marina\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tab 3: Al Reem -->\r\n            <div id=\"alreem\" class=\"tab-content\">\r\n                <div class=\"district-info\">\r\n                    <span class=\"vibe-tag\">Urban Lifestyle<\/span>\r\n                    <h3>Al Reem Island<\/h3>\r\n                    <p>The \"Canary Wharf\" of Abu Dhabi. A skyline of luxury high-rises and business hubs, perfect for professionals seeking a fast-paced urban lifestyle.<\/p>\r\n                    <div class=\"gallery-mini\"><img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/adgm.jpg\" alt=\"Al Reem\"><\/div>\r\n                <\/div>\r\n                <div class=\"district-gallery\">\r\n                     <div class=\"gallery-main\"><img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/al-reem-island-cover1.jpeg\" alt=\"Skyline\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tab 4: Hudayriyat -->\r\n            <div id=\"hudayriyat\" class=\"tab-content\">\r\n                <div class=\"district-info\">\r\n                    <span class=\"vibe-tag\">Sport & Adventure<\/span>\r\n                    <h3>Hudayriyat Island<\/h3>\r\n                    <p>An adventure seeker's paradise. Featuring world-class cycling tracks, OCR parks, and the new Surf Abu Dhabi, this is the future of active luxury living.<\/p>\r\n                    <div class=\"gallery-mini\"><img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/hudayriyat-island.webp\" alt=\"Hudayriyat\"><\/div>\r\n                <\/div>\r\n                <div class=\"district-gallery\">\r\n                     <div class=\"gallery-main\"><img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/Marsana-west-beach.jpg\" alt=\"Hudayriyat Beach\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tab 5: Jubail -->\r\n            <div id=\"jubail\" class=\"tab-content\">\r\n                <div class=\"district-info\">\r\n                    <span class=\"vibe-tag\">Nature & Wellness<\/span>\r\n                    <h3>Jubail Island<\/h3>\r\n                    <p>Nestled between the mangroves, Jubail is a sanctuary of serenity. Low-density living designed to harmonize with the natural ecosystem and coastal wildlife.<\/p>\r\n                    <div class=\"gallery-mini\"><img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/Jubail-island-Best-Properties-for-Sale-in-Jubail-island-e1777902129624.jpg\" alt=\"Jubail\"><\/div>\r\n                <\/div>\r\n                <div class=\"district-gallery\">\r\n                     <div class=\"gallery-main\"><img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/jubail-islands.jpg\" alt=\"Jubail Nature\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tab 6: Ramhan -->\r\n            <div id=\"ramhan\" class=\"tab-content\">\r\n                <div class=\"district-info\">\r\n                    <span class=\"vibe-tag\">Private Waterfront<\/span>\r\n                    <h3>Ramhan Island<\/h3>\r\n                    <p>A master-planned luxury island. Every home sits directly on the waterfront, featuring a world-class marina, luxury retail, and an unrivaled sense of seclusion.<\/p>\r\n                    <div class=\"gallery-mini\"><img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/Ramhan-Island-Photos-7.jpg\" alt=\"Ramhan\"><\/div>\r\n                <\/div>\r\n                <div class=\"district-gallery\">\r\n                     <div class=\"gallery-main\"><img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/ramhan-island.webp\" alt=\"Ramhan Marina\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    \/* SCOPED STYLES - Only affects #neighborhood-tabs-scope *\/\r\n    #neighborhood-tabs-scope {\r\n        --d-gold: #b5935a;\r\n        --d-black: #0a0a0a;\r\n        --d-grey: #555555;\r\n        background-color: #ffffff;\r\n        font-family: 'Outfit', sans-serif;\r\n    }\r\n\r\n    #neighborhood-tabs-scope .district-section {\r\n        padding: 100px 5%;\r\n    }\r\n\r\n    #neighborhood-tabs-scope .district-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    #neighborhood-tabs-scope .district-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    #neighborhood-tabs-scope .district-header h2 {\r\n        font-family: 'Cinzel', serif !important;\r\n        font-size: clamp(2rem, 4vw, 3rem);\r\n        color: var(--d-black) !important;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    \/* --- TABS NAV --- *\/\r\n    #neighborhood-tabs-scope .tabs-nav {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 25px;\r\n        margin-bottom: 40px;\r\n        border-bottom: 1px solid #eee;\r\n        overflow-x: auto;\r\n        white-space: nowrap;\r\n        scrollbar-width: none;\r\n    }\r\n\r\n    #neighborhood-tabs-scope .tabs-nav::-webkit-scrollbar { display: none; }\r\n\r\n    #neighborhood-tabs-scope .tab-link {\r\n        padding: 15px 5px;\r\n        cursor: pointer;\r\n        font-weight: 600;\r\n        font-size: 0.85rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #999 !important;\r\n        transition: 0.3s;\r\n        border-bottom: 2px solid transparent;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    #neighborhood-tabs-scope .tab-link.active {\r\n        color: var(--d-gold) !important;\r\n        border-bottom: 2px solid var(--d-gold);\r\n    }\r\n\r\n    \/* --- TAB CONTENT --- *\/\r\n    #neighborhood-tabs-scope .tab-content {\r\n        display: none;\r\n        animation: dFadeIn 0.6s ease;\r\n    }\r\n\r\n    #neighborhood-tabs-scope .tab-content.active {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.2fr;\r\n        gap: 50px;\r\n        align-items: center;\r\n    }\r\n\r\n    @keyframes dFadeIn {\r\n        from { opacity: 0; transform: translateY(15px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    #neighborhood-tabs-scope .district-info h3 {\r\n        font-family: 'Cinzel', serif !important;\r\n        font-size: 2.2rem;\r\n        margin-bottom: 15px;\r\n        color: var(--d-black) !important;\r\n    }\r\n\r\n    #neighborhood-tabs-scope .district-info p {\r\n        font-size: 1.05rem;\r\n        line-height: 1.7;\r\n        color: var(--d-grey) !important;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    #neighborhood-tabs-scope .vibe-tag {\r\n        display: inline-block;\r\n        background: #f4f4f4;\r\n        padding: 4px 12px;\r\n        border-radius: 50px;\r\n        font-size: 0.7rem;\r\n        font-weight: 700;\r\n        color: var(--d-gold) !important;\r\n        margin-bottom: 10px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    #neighborhood-tabs-scope .gallery-mini {\r\n        width: 100%;\r\n        height: 250px;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        margin-top: 20px;\r\n    }\r\n\r\n    #neighborhood-tabs-scope .gallery-main {\r\n        width: 100%;\r\n        height: 500px;\r\n        border-radius: 8px;\r\n        overflow: hidden;\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    #neighborhood-tabs-scope img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        #neighborhood-tabs-scope .tab-content.active { grid-template-columns: 1fr; gap: 30px; }\r\n        #neighborhood-tabs-scope .tabs-nav { justify-content: flex-start; }\r\n        #neighborhood-tabs-scope .gallery-main { height: 300px; }\r\n        #neighborhood-tabs-scope .gallery-mini { display: none; } \/* Clean up mobile *\/\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    window.openDistrict = function(evt, cityName) {\r\n        const scope = document.getElementById('neighborhood-tabs-scope');\r\n        const tabcontent = scope.querySelectorAll(\".tab-content\");\r\n        const tablinks = scope.querySelectorAll(\".tab-link\");\r\n\r\n        tabcontent.forEach(content => {\r\n            content.style.display = \"none\";\r\n            content.classList.remove(\"active\");\r\n        });\r\n\r\n        tablinks.forEach(link => {\r\n            link.classList.remove(\"active\");\r\n        });\r\n\r\n        const activeTab = scope.querySelector(`#${cityName}`);\r\n        activeTab.style.display = \"grid\";\r\n        activeTab.classList.add(\"active\");\r\n        evt.currentTarget.classList.add(\"active\");\r\n    };\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f775ac e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"1f775ac\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2dba85 elementor-widget elementor-widget-html\" data-id=\"e2dba85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@300;400;600&family=Mrs+Saint+Delafield&display=swap');\r\n\r\n    \/* 1. Scope everything to a unique ID to prevent leaking *\/\r\n    #steve-bio-unique {\r\n        --lux-gold: #c5a059;\r\n        --lux-dark: #111111;\r\n        --lux-bg: #ffffff;\r\n        \r\n        \/* Ensures padding\/borders don't expand the width *\/\r\n        box-sizing: border-box;\r\n        width: 100%;\r\n        background: var(--lux-bg);\r\n        font-family: 'Montserrat', sans-serif;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    #steve-bio-unique * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* 2. Grid Management - Uses 'min-content' to prevent overlap *\/\r\n    #steve-bio-unique .editorial-grid {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 60px; \/* Reduced gap to be safer on smaller screens *\/\r\n        align-items: center;\r\n        padding: 40px 20px;\r\n    }\r\n\r\n    #steve-bio-unique .visual-frame {\r\n        position: relative;\r\n    }\r\n\r\n    #steve-bio-unique .portrait-box img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        box-shadow: 15px 15px 40px rgba(0,0,0,0.1);\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* The gold accent box *\/\r\n    #steve-bio-unique .visual-frame::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: -20px;\r\n        right: -20px;\r\n        width: 60%;\r\n        height: 80%;\r\n        background: var(--lux-gold);\r\n        opacity: 0.1;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* 3. Typography - Strict Heading Styles *\/\r\n    #steve-bio-unique .eyebrow {\r\n        color: var(--lux-gold);\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        display: block;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    #steve-bio-unique .editorial-heading {\r\n        font-family: 'Playfair Display', serif !important;\r\n        font-size: clamp(2rem, 3.5vw, 3.2rem) !important;\r\n        color: var(--lux-dark) !important;\r\n        line-height: 1.1 !important;\r\n        margin: 0 0 10px 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n\r\n    #steve-bio-unique .director-title {\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #888;\r\n        display: block;\r\n        margin-bottom: 30px;\r\n        border-bottom: 1px solid #f0f0f0;\r\n        padding-bottom: 15px;\r\n    }\r\n\r\n    #steve-bio-unique .the-hook {\r\n        font-family: 'Playfair Display', serif;\r\n        font-style: italic;\r\n        font-size: 1.25rem;\r\n        line-height: 1.5;\r\n        color: var(--lux-dark);\r\n        margin-bottom: 25px;\r\n        padding-left: 20px;\r\n        border-left: 3px solid var(--lux-gold);\r\n    }\r\n\r\n    #steve-bio-unique .bio-text {\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n        color: #555;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* 4. Signature Area *\/\r\n    #steve-bio-unique .sig-area {\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    #steve-bio-unique .handwritten-sig {\r\n        font-family: 'Mrs Saint Delafield', cursive !important;\r\n        font-size: 4rem !important;\r\n        color: var(--lux-dark);\r\n        margin: 0 !important;\r\n        line-height: 0.8 !important;\r\n    }\r\n\r\n    #steve-bio-unique .sig-subtitle {\r\n        font-size: 11px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #bbb;\r\n    }\r\n\r\n    \/* 5. Button Style *\/\r\n    #steve-bio-unique .portfolio-btn {\r\n        display: inline-block;\r\n        background: var(--lux-dark);\r\n        color: #ffffff !important;\r\n        padding: 18px 35px;\r\n        text-decoration: none !important;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        transition: all 0.3s ease;\r\n        border: 1px solid var(--lux-dark);\r\n    }\r\n\r\n    #steve-bio-unique .portfolio-btn:hover {\r\n        background: var(--lux-gold);\r\n        border-color: var(--lux-gold);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    \/* Mobile Cleanup *\/\r\n    @media (max-width: 1024px) {\r\n        #steve-bio-unique .editorial-grid { \r\n            grid-template-columns: 1fr; \r\n            gap: 40px; \r\n            padding: 40px 15px;\r\n        }\r\n        #steve-bio-unique .visual-frame { max-width: 500px; margin: 0 auto; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"steve-bio-unique\">\r\n    <div class=\"editorial-grid\">\r\n        \r\n        <!-- Visual Side -->\r\n        <div class=\"visual-frame\">\r\n            <div class=\"portrait-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/mr.steve_.jpg\" alt=\"Mr. Steve\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Content Side -->\r\n        <div class=\"content-box\">\r\n            <span class=\"eyebrow\">Leadership & Strategy<\/span>\r\n            <h2 class=\"editorial-heading\">Meet Mr. Steve: Your Gateway to Abu Dhabi\u2019s Elite.<\/h2>\r\n            <span class=\"director-title\">Investment Director \u2013 Luxury Properties (UAE & UK)<\/span>\r\n\r\n            <div class=\"the-hook\">\r\n                \"Investing 3,000 miles away requires more than just a brochure; it requires a boots-on-the-ground partner who understands the British mindset.\"\r\n            <\/div>\r\n\r\n            <p class=\"bio-text\">\r\n                With a decade of experience securing high-yield assets for international portfolios, Steve bridges the gap between London's financial precision and the Middle East's luxury growth. He has successfully overseen the acquisition of over \u00a3250M in UAE real estate for UK-based clients.\r\n            <\/p>\r\n\r\n            <div class=\"sig-area\">\r\n                <p class=\"handwritten-sig\">Steve<\/p>\r\n                <span class=\"sig-subtitle\">Investment Director At Providential<\/span>\r\n            <\/div>\r\n\r\n            <a href=\"#\" class=\"portfolio-btn\">Request a Portfolio Review<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edd4e53 elementor-widget elementor-widget-html\" data-id=\"edd4e53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GSAP Libraries -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<div id=\"cinematic-video-wrapper\">\r\n    <section class=\"cinematic-section\">\r\n        \r\n        <!-- The Visual Frame -->\r\n        <div class=\"video-container\">\r\n            <!-- Background Video (Stays Parallax) -->\r\n            <video class=\"parallax-video\" id=\"sizzleVideoBackground\" autoplay muted loop playsinline>\r\n                <source src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/Steve-Final-2.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n\r\n            <!-- Pulsing Play Button -->\r\n            <div class=\"play-trigger\" onclick=\"openVideoPopup()\">\r\n                <div class=\"play-circle\">\r\n                    <svg viewBox=\"0 0 24 24\" id=\"playIcon\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Glassmorphism Card -->\r\n            <div class=\"info-overlay\">\r\n                <span class=\"tag-exclusive\">Exclusive Insight<\/span>\r\n                <h3 class=\"overlay-title\">Abu Dhabi: The 2026 Investor\u2019s Outlook<\/h3>\r\n                <div class=\"meta-data\">\r\n                    <span>Duration: 1:20 Min<\/span>\r\n                    <span>HD 4K<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Video Modal Popup -->\r\n        <div id=\"videoPopupModal\" class=\"v-modal-overlay\">\r\n            <div class=\"v-modal-content\">\r\n                <span class=\"v-close-modal\" onclick=\"closeVideoPopup()\">&times;<\/span>\r\n                <video id=\"popupVideoPlayer\" controls>\r\n                    <source src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/Steve-Final-2.mp4\" type=\"video\/mp4\">\r\n                    Your browser does not support the video tag.\r\n                <\/video>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    #cinematic-video-wrapper {\r\n        --v-gold: #c5a059;\r\n        --v-border: rgba(255, 255, 255, 0.12);\r\n        background-color: #ffffff;\r\n        font-family: 'Inter', sans-serif;\r\n        overflow: hidden;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #cinematic-video-wrapper * { box-sizing: border-box; }\r\n\r\n    #cinematic-video-wrapper .cinematic-section {\r\n        position: relative;\r\n        padding: 60px 5%;\r\n    }\r\n\r\n    #cinematic-video-wrapper .video-container {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        border: 1px solid var(--v-border);\r\n        box-shadow: 0 50px 100px rgba(0,0,0,0.2);\r\n        aspect-ratio: 16 \/ 9;\r\n        background: #000;\r\n    }\r\n\r\n    #cinematic-video-wrapper .parallax-video {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 125%;\r\n        object-fit: cover;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    #cinematic-video-wrapper .play-trigger {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        z-index: 10;\r\n        cursor: pointer;\r\n    }\r\n\r\n    #cinematic-video-wrapper .play-circle {\r\n        width: 80px;\r\n        height: 80px;\r\n        background: var(--v-gold);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        animation: v-pulse 2s infinite;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    #cinematic-video-wrapper .play-circle:hover { transform: scale(1.1); background: #fff; }\r\n    #cinematic-video-wrapper .play-circle svg { width: 30px; fill: #000; margin-left: 5px; }\r\n\r\n    @keyframes v-pulse {\r\n        0% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0.7); }\r\n        70% { box-shadow: 0 0 0 30px rgba(197, 160, 89, 0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0); }\r\n    }\r\n\r\n    \/* Modal Styles *\/\r\n    .v-modal-overlay {\r\n        display: none;\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(0, 0, 0, 0.95);\r\n        z-index: 9999;\r\n        justify-content: center;\r\n        align-items: center;\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .v-modal-content {\r\n        position: relative;\r\n        width: 90%;\r\n        max-width: 1000px;\r\n        aspect-ratio: 16 \/ 9;\r\n        background: #000;\r\n        border-radius: 15px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .v-modal-content video {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .v-close-modal {\r\n        position: absolute;\r\n        top: -45px;\r\n        right: 0;\r\n        color: #fff;\r\n        font-size: 40px;\r\n        cursor: pointer;\r\n        line-height: 1;\r\n    }\r\n\r\n    #cinematic-video-wrapper .info-overlay {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        left: 30px;\r\n        z-index: 5;\r\n        background: rgba(15, 15, 15, 0.5);\r\n        backdrop-filter: blur(15px);\r\n        -webkit-backdrop-filter: blur(15px);\r\n        border: 1px solid var(--v-border);\r\n        padding: 20px;\r\n        border-radius: 15px;\r\n        max-width: 300px;\r\n    }\r\n\r\n    #cinematic-video-wrapper .tag-exclusive {\r\n        display: inline-block;\r\n        font-size: 10px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        background: var(--v-gold);\r\n        color: #000;\r\n        padding: 4px 10px;\r\n        border-radius: 4px;\r\n        font-weight: 700;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    #cinematic-video-wrapper .overlay-title {\r\n        font-size: 1.3rem;\r\n        color: #fff;\r\n        margin: 0 0 8px 0;\r\n    }\r\n\r\n    #cinematic-video-wrapper .meta-data {\r\n        font-size: 0.75rem;\r\n        color: rgba(255,255,255,0.6);\r\n        display: flex;\r\n        gap: 15px;\r\n    }\r\n\r\n    #cinematic-video-wrapper .video-footer-cta {\r\n        text-align: center;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    #cinematic-video-wrapper .cta-text {\r\n        font-size: 1rem;\r\n        color: #333;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    #cinematic-video-wrapper .whatsapp-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        background: #25D366;\r\n        color: #fff !important;\r\n        text-decoration: none !important;\r\n        padding: 16px 35px;\r\n        border-radius: 100px;\r\n        font-weight: 600;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .v-close-modal { top: 10px; right: 10px; z-index: 10; }\r\n        #cinematic-video-wrapper .video-container { aspect-ratio: 1 \/ 1; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    const modal = document.getElementById('videoPopupModal');\r\n    const popupVideo = document.getElementById('popupVideoPlayer');\r\n\r\n    function openVideoPopup() {\r\n        modal.style.display = 'flex';\r\n        popupVideo.play();\r\n        \/\/ Prevent body scrolling when video is open\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    function closeVideoPopup() {\r\n        modal.style.display = 'none';\r\n        popupVideo.pause();\r\n        popupVideo.currentTime = 0;\r\n        \/\/ Re-enable body scrolling\r\n        document.body.style.overflow = 'auto';\r\n    }\r\n\r\n    \/\/ Close modal if user clicks outside the video box\r\n    window.onclick = function(event) {\r\n        if (event.target == modal) {\r\n            closeVideoPopup();\r\n        }\r\n    }\r\n\r\n    \/\/ GSAP Scroll Trigger for background parallax\r\n    (function() {\r\n        const initVideoScroll = () => {\r\n            if (typeof gsap === 'undefined' || !document.querySelector('#sizzleVideoBackground')) return;\r\n            gsap.registerPlugin(ScrollTrigger);\r\n\r\n            gsap.to(\"#sizzleVideoBackground\", {\r\n                yPercent: 15,\r\n                ease: \"none\",\r\n                scrollTrigger: {\r\n                    trigger: \"#cinematic-video-wrapper\",\r\n                    start: \"top bottom\",\r\n                    end: \"bottom top\",\r\n                    scrub: true\r\n                }\r\n            });\r\n        };\r\n\r\n        if (document.readyState === 'complete') {\r\n            initVideoScroll();\r\n        } else {\r\n            window.addEventListener('load', initVideoScroll);\r\n        }\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d4df62 e-con-full e-flex e-con e-parent\" data-id=\"9d4df62\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-87deb02 e-flex e-con-boxed e-con e-child\" data-id=\"87deb02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bccecc6 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"bccecc6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-584c155 elementor-widget elementor-widget-heading\" data-id=\"584c155\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Investor's Choice<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ddcbb1 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"8ddcbb1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;animation_delay&quot;:200}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9e76d5 elementor-widget elementor-widget-text-editor\" data-id=\"b9e76d5\" 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 filter through the mess. These three projects represent the highest stability and yield for UK capital right now.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a705ce7 e-con-full e-flex e-con e-child\" data-id=\"a705ce7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e86e4d animated-fast elementor-invisible elementor-widget elementor-widget-houzez_elementor_properties_carousel_v1\" data-id=\"1e86e4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"houzez_elementor_properties_carousel_v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"property-carousel-module property-carousel-module-v3 property-carousel-module-v3-3cols houzez-carousel-arrows-KoEbJ\">\n            <div class=\"property-carousel-buttons-wrap \">\n                                <button type=\"button\" class=\"slick-prev-js-KoEbJ slick-prev btn-primary-outlined\">Prev<\/button>\n                <button type=\"button\" class=\"slick-next-js-KoEbJ slick-next btn-primary-outlined\">Next<\/button>\n                                            <\/div><!-- property-carousel-buttons-wrap -->\n\n            <div class=\"listing-view grid-view\">\n                <div id=\"houzez-properties-carousel-KoEbJ\" data-token=\"KoEbJ\" class=\"houzez-properties-carousel-js houzez-all-slider-wrap property-carousel-wrap-v3-3cols\">\n                    <div class=\"item-listing-wrap hz-item-gallery-js item-wrap-v3 hz-map-trigger\" data-hz-id=\"20013\" data-images=\"[{&quot;image&quot;:&quot;https:\\\/\\\/providentialproperties.uk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/jubail-island-aerial-view-584x438.webp&quot;,&quot;alt&quot;:&quot;jubail island aerial view&quot;,&quot;width&quot;:584,&quot;height&quot;:438,&quot;srcset&quot;:false,&quot;sizes&quot;:&quot;(max-width: 584px) 100vw, 584px&quot;},{&quot;image&quot;:&quot;https:\\\/\\\/providentialproperties.uk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/jubail-island-map-view-584x438.webp&quot;,&quot;alt&quot;:&quot;jubail island map view&quot;,&quot;width&quot;:584,&quot;height&quot;:438,&quot;srcset&quot;:false,&quot;sizes&quot;:&quot;(max-width: 584px) 100vw, 584px&quot;},{&quot;image&quot;:&quot;https:\\\/\\\/providentialproperties.uk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/jubail-island-living-area-584x438.webp&quot;,&quot;alt&quot;:&quot;jubail island living area&quot;,&quot;width&quot;:584,&quot;height&quot;:438,&quot;srcset&quot;:false,&quot;sizes&quot;:&quot;(max-width: 584px) 100vw, 584px&quot;},{&quot;image&quot;:&quot;https:\\\/\\\/providentialproperties.uk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/jubail-island-living-room-584x438.webp&quot;,&quot;alt&quot;:&quot;jubail island living room&quot;,&quot;width&quot;:584,&quot;height&quot;:438,&quot;srcset&quot;:false,&quot;sizes&quot;:&quot;(max-width: 584px) 100vw, 584px&quot;},{&quot;image&quot;:&quot;https:\\\/\\\/providentialproperties.uk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/jubail-island-villa-front-view-584x438.webp&quot;,&quot;alt&quot;:&quot;jubail island villa front view&quot;,&quot;width&quot;:584,&quot;height&quot;:438,&quot;srcset&quot;:false,&quot;sizes&quot;:&quot;(max-width: 584px) 100vw, 584px&quot;},{&quot;image&quot;:&quot;https:\\\/\\\/providentialproperties.uk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/jubail-island-balcony-view-584x438.webp&quot;,&quot;alt&quot;:&quot;jubail island balcony view&quot;,&quot;width&quot;:584,&quot;height&quot;:438,&quot;srcset&quot;:false,&quot;sizes&quot;:&quot;(max-width: 584px) 100vw, 584px&quot;},{&quot;image&quot;:&quot;https:\\\/\\\/providentialproperties.uk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/jubail-island-retail-584x438.webp&quot;,&quot;alt&quot;:&quot;jubail island retail&quot;,&quot;width&quot;:584,&quot;height&quot;:438,&quot;srcset&quot;:false,&quot;sizes&quot;:&quot;(max-width: 584px) 100vw, 584px&quot;},{&quot;image&quot;:&quot;https:\\\/\\\/providentialproperties.uk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/jubail-island-walking-trail-584x438.webp&quot;,&quot;alt&quot;:&quot;jubail island jogging trail&quot;,&quot;width&quot;:584,&quot;height&quot;:438,&quot;srcset&quot;:false,&quot;sizes&quot;:&quot;(max-width: 584px) 100vw, 584px&quot;},{&quot;image&quot;:&quot;https:\\\/\\\/providentialproperties.uk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/jubail-island-park-584x438.webp&quot;,&quot;alt&quot;:&quot;jubail island park&quot;,&quot;width&quot;:584,&quot;height&quot;:438,&quot;srcset&quot;:false,&quot;sizes&quot;:&quot;(max-width: 584px) 100vw, 584px&quot;},{&quot;image&quot;:&quot;https:\\\/\\\/providentialproperties.uk\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/jubail-island-street-apartment-view-584x438.webp&quot;,&quot;alt&quot;:&quot;jubail island apartment view&quot;,&quot;width&quot;:584,&quot;height&quot;:438,&quot;srcset&quot;:false,&quot;sizes&quot;:&quot;(max-width: 584px) 100vw, 584px&quot;}]\">\n\t<div class=\"item-wrap\">\n\t\t<div class=\"item-header\">\n\t\t\t<div class=\"listing-image-wrap\">\n\t<div class=\"listing-thumb\">\n\t\t<a target=\"_self\" href=\"https:\/\/providentialproperties.uk\/?property=jubail-island-by-lead-development\" class=\"listing-featured-thumb hover-effect image-wrap\" role=\"link\">\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"584\" height=\"438\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/jubail-island-aerial-view-584x438.webp\" class=\"img-fluid wp-post-image\" alt=\"jubail island aerial view\" \/>\t\t<\/a><!-- hover-effect -->\n\t<\/div>\n<\/div>\t\t<\/div>\n\t\t\t\t<div class=\"labels-wrap d-flex align-items-center gap-1\" role=\"group\"> \n\n\t<a href=\"https:\/\/providentialproperties.uk\/?property_status=for-sale\" class=\"label-status label status-color-27\">\n\t\t\t\t\tFor Sale\n\t\t\t\t<\/a>       \n\n<\/div>\n\t\t<div class=\"item-body w-100\">\n\t\t\t<div class=\"d-flex flex-column justify-content-end h-100\">\n\t\t\t\t<h2 class=\"item-title mb-2 \">\n\t<a target=\"_self\" href=\"https:\/\/providentialproperties.uk\/?property=jubail-island-by-lead-development\" role=\"link\">Jubail Island by LEAD Development<\/a>\n<\/h2><!-- item-title -->\t\t\t\t<ul class=\"item-amenities d-flex flex-wrap align-items-center gap-2 mb-2 item-amenities-with-icons\" role=\"list\">\n\t<li class=\"h-type d-flex w-100\" role=\"listitem\"><span>Apartment, Villa<\/span><\/li><\/ul>\t\t\t\t<ul class=\"item-price-wrap d-flex flex-column gap-2\" role=\"list\">\n\t<li class=\"item-price\"><span class=\"price-prefix\">Starts from <\/span><span class=\"price\">\u00a3644,360,000<\/span><span class=\"price-postfix\"><\/span><\/li><\/ul>\t\t\t<\/div>\n\t\t\t<ul class=\"item-tools d-flex align-items-center justify-content-center gap-1\">\n        <li class=\"item-tool item-preview\">\n        <span class=\"hz-show-lightbox-js item-tool-preview text-center\" data-listid=\"20013\">\n            <span data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Preview\">\n                <i class=\"houzez-icon icon-expand-3\"><\/i>   \n            <\/span>\n        <\/span><!-- item-tool-favorite -->\n    <\/li><!-- item-tool -->\n        \n        <li class=\"item-tool item-favorite\">\n        <span class=\"add-favorite-js item-tool-favorite text-center\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Favourite\" data-listid=\"20013\">\n            <i class=\"houzez-icon icon-love-it \"><\/i>\n        <\/span><!-- item-tool-favorite -->\n    <\/li><!-- item-tool -->\n    \n        <li class=\"item-tool item-compare\">\n        <span class=\"houzez_compare compare-20013 item-tool-compare text-center\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Add to Compare\" data-listing_id=\"20013\" data-listing_image=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/jubail-island-aerial-view-584x438.webp\">\n            <i class=\"houzez-icon icon-add-circle\"><\/i>\n            <!-- <i class=\"houzez-icon icon-subtract-circle\"><\/i> -->\n        <\/span><!-- item-tool-compare -->\n    <\/li><!-- item-tool -->\n    <\/ul><!-- item-tools -->\n\t\t<\/div>\n\t\t<div class=\"preview_loader\"><\/div>\n\t<\/div>\n\t<div class=\"item-wrap-outside mt-2\">\n\t\t<h2 class=\"item-title mb-2 \">\n\t<a target=\"_self\" href=\"https:\/\/providentialproperties.uk\/?property=jubail-island-by-lead-development\" role=\"link\">Jubail Island by LEAD Development<\/a>\n<\/h2><!-- item-title -->\t\t<ul class=\"item-amenities d-flex flex-wrap align-items-center gap-2 mb-2 item-amenities-with-icons\" role=\"list\">\n\t<li class=\"h-type d-flex w-100\" role=\"listitem\"><span>Apartment, Villa<\/span><\/li><\/ul>\t<\/div>\n<\/div>                <\/div><!-- carousel-wrap -->\n            <\/div><!-- listing-view grid-view -->\n            \n                    <\/div><!-- property-carousel-module -->\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc0b327 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"fc0b327\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1edd5f elementor-widget elementor-widget-html\" data-id=\"b1edd5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Webflow-Inspired Editorial Layout -->\r\n<div id=\"premium-lifestyle-v2\">\r\n    <section class=\"editorial-section\">\r\n        <div class=\"bg-watermark\">LIFESTYLE<\/div>\r\n        \r\n        <div class=\"custom-container\">\r\n            <div class=\"hero-header\">\r\n                <div class=\"reveal-box\">\r\n                    <span class=\"tag\">The Gold Standard<\/span>\r\n                <\/div>\r\n                <h2 class=\"main-title\">\r\n                    Global Living, <br>\r\n                    <span class=\"italic-display\">Refined.<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- Block 1: Education -->\r\n            <div class=\"editorial-row\" data-aos=\"fade-up\">\r\n                <div class=\"image-wrapper\">\r\n                    <div class=\"image-inner\">\r\n                        <img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/duba-british-school.jpeg\" alt=\"Education\">\r\n                    <\/div>\r\n                    <div class=\"floating-card\">\r\n                        <span class=\"card-num\">01<\/span>\r\n                        <h4>Academic Excellence<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"content-wrapper\">\r\n                    <h3 class=\"row-title\">Education<\/h3>\r\n                    <p class=\"description\">Transfer to world-class British curriculum schools (BSME) without a hitch. Abu Dhabi hosts elite campuses from NYU to the Sorbonne.<\/p>\r\n                    <div class=\"feature-pills\">\r\n                        <span>British & IB<\/span>\r\n                        <span>Ivy-League Branches<\/span>\r\n                        <span>UK Transitions<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Block 2: Safety & Health -->\r\n            <div class=\"editorial-row reverse\" data-aos=\"fade-up\">\r\n                <div class=\"image-wrapper\">\r\n                    <div class=\"image-inner\">\r\n                        <img decoding=\"async\" src=\"https:\/\/providentialproperties.uk\/wp-content\/uploads\/2026\/05\/dubai-4k.png\" alt=\"Healthcare\">\r\n                    <\/div>\r\n                    <div class=\"floating-card\">\r\n                        <span class=\"card-num\">02<\/span>\r\n                        <h4>Unrivaled Safety<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"content-wrapper\">\r\n                    <h3 class=\"row-title\">Safety & Care<\/h3>\r\n                    <p class=\"description\">Experience the tranquility of the world's safest city. Access medical standards provided by the Cleveland Clinic and King's College London.<\/p>\r\n                    <div class=\"feature-pills\">\r\n                        <span>#1 Safest City<\/span>\r\n                        <span>Cleveland Clinic<\/span>\r\n                        <span>Direct UK Flights<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    #premium-lifestyle-v2 {\r\n        --gold: #b5935a;\r\n        --dark: #0f0f0f;\r\n        --light-grey: #f4f4f4;\r\n        background-color: #fff;\r\n        padding: 0px 0;\r\n        position: relative;\r\n        overflow: hidden;\r\n        font-family: 'Outfit', sans-serif;\r\n    }\r\n\r\n    \/* Webflow Watermark Text *\/\r\n    #premium-lifestyle-v2 .bg-watermark {\r\n        position: absolute;\r\n        top: 5%;\r\n        left: -5%;\r\n        font-size: 20vw;\r\n        font-weight: 900;\r\n        color: rgba(0,0,0,0.03);\r\n        pointer-events: none;\r\n        z-index: 0;\r\n        letter-spacing: -10px;\r\n    }\r\n\r\n    #premium-lifestyle-v2 .custom-container {\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        padding: 0 40px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Header *\/\r\n    #premium-lifestyle-v2 .hero-header {\r\n        margin-bottom: 100px;\r\n    }\r\n\r\n    #premium-lifestyle-v2 .tag {\r\n        font-size: 12px;\r\n        letter-spacing: 5px;\r\n        text-transform: uppercase;\r\n        color: var(--gold);\r\n        font-weight: 700;\r\n        border-left: 3px solid var(--gold);\r\n        padding-left: 15px;\r\n    }\r\n\r\n    #premium-lifestyle-v2 .main-title {\r\n        font-family: 'Cinzel', serif !important;\r\n        font-size: clamp(3rem, 8vw, 6rem) !important;\r\n        line-height: 0.9 !important;\r\n        margin-top: 20px !important;\r\n        color: var(--dark) !important;\r\n    }\r\n\r\n    #premium-lifestyle-v2 .italic-display {\r\n        font-family: 'Cinzel', serif;\r\n        font-style: italic;\r\n        color: var(--gold);\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* Editorial Rows *\/\r\n    #premium-lifestyle-v2 .editorial-row {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 0.8fr;\r\n        align-items: center;\r\n        gap: 80px;\r\n        margin-bottom: 180px;\r\n    }\r\n\r\n    #premium-lifestyle-v2 .editorial-row.reverse {\r\n        grid-template-columns: 0.8fr 1.2fr;\r\n    }\r\n\r\n    #premium-lifestyle-v2 .editorial-row.reverse .image-wrapper {\r\n        grid-column: 2;\r\n    }\r\n    #premium-lifestyle-v2 .editorial-row.reverse .content-wrapper {\r\n        grid-column: 1;\r\n        grid-row: 1;\r\n    }\r\n\r\n    \/* Image Styling *\/\r\n    #premium-lifestyle-v2 .image-wrapper {\r\n        position: relative;\r\n    }\r\n\r\n    #premium-lifestyle-v2 .image-inner {\r\n        width: 100%;\r\n        height: 600px;\r\n        overflow: hidden;\r\n        border-radius: 4px;\r\n        filter: grayscale(20%);\r\n        transition: 0.8s cubic-bezier(0.2, 1, 0.3, 1);\r\n    }\r\n\r\n    #premium-lifestyle-v2 .image-inner img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: 1.5s scale ease;\r\n    }\r\n\r\n    #premium-lifestyle-v2 .editorial-row:hover .image-inner img {\r\n        scale: 1.1;\r\n    }\r\n\r\n    \/* Floating Card Effect *\/\r\n    #premium-lifestyle-v2 .floating-card {\r\n        position: absolute;\r\n        bottom: -30px;\r\n        right: -30px;\r\n        background: var(--dark);\r\n        color: #fff;\r\n        padding: 30px;\r\n        min-width: 200px;\r\n        box-shadow: 20px 20px 60px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    #premium-lifestyle-v2 .card-num {\r\n        font-size: 40px;\r\n        font-family: 'Cinzel';\r\n        color: var(--gold);\r\n        display: block;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    \/* Content Styling *\/\r\n    #premium-lifestyle-v2 .row-title {\r\n        font-family: 'Cinzel', serif !important;\r\n        font-size: 3rem !important;\r\n        margin-bottom: 20px !important;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    #premium-lifestyle-v2 .description {\r\n        font-size: 1.2rem;\r\n        line-height: 1.6;\r\n        color: #555;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    \/* Modern Pills instead of Bullets *\/\r\n    #premium-lifestyle-v2 .feature-pills {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n    }\r\n\r\n    #premium-lifestyle-v2 .feature-pills span {\r\n        background: var(--light-grey);\r\n        padding: 8px 18px;\r\n        border-radius: 100px;\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        border: 1px solid transparent;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    #premium-lifestyle-v2 .feature-pills span:hover {\r\n        border-color: var(--gold);\r\n        color: var(--gold);\r\n    }\r\n\r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 991px) {\r\n        #premium-lifestyle-v2 .editorial-row, \r\n        #premium-lifestyle-v2 .editorial-row.reverse {\r\n            grid-template-columns: 1fr;\r\n            gap: 60px;\r\n        }\r\n        #premium-lifestyle-v2 .editorial-row.reverse .image-wrapper { grid-column: 1; }\r\n        #premium-lifestyle-v2 .image-inner { height: 400px; }\r\n        #premium-lifestyle-v2 .floating-card { right: 0; bottom: -20px; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62dd748 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"62dd748\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58470e4 elementor-widget elementor-widget-html\" data-id=\"58470e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Wrapper to prevent CSS leaking -->\r\n<div id=\"wealth-forecaster-scope\">\r\n    <div class=\"forecaster-wrapper\">\r\n        <div class=\"forecaster-card\">\r\n            \r\n            <!-- Left: Input Side -->\r\n            <div class=\"p-input\">\r\n                <span class=\"mini-label\">Investment Strategy<\/span>\r\n                <h2 class=\"forecaster-title\">Wealth <br>Forecaster<\/h2>\r\n                \r\n                <div class=\"slider-box\">\r\n                    <span class=\"mini-label\">Investment Amount<\/span>\r\n                    <div class=\"mega-value\" id=\"dispTotal\">\u00a3250,000<\/div>\r\n                    <input type=\"range\" min=\"150000\" max=\"10000000\" step=\"50000\" value=\"250000\" class=\"gold-range\" id=\"mainRange\">\r\n                <\/div>\r\n                \r\n                <p class=\"disclaimer-text\">\r\n                    Targeting Abu Dhabi's 8.4% Average Net Yield. <br>\r\n                    Currency pegged to USD for GBP protection.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Right: Output Side -->\r\n            <div class=\"p-output\">\r\n                \r\n                <div class=\"result-block\">\r\n                    <span class=\"mini-label\" style=\"color: #888;\">Monthly Tax-Free Income<\/span>\r\n                    <span class=\"result-amt\" id=\"dispMonth\">\u00a31,750<\/span>\r\n                <\/div>\r\n\r\n                <!-- Lead Capture -->\r\n                <div class=\"gate-container\">\r\n                    <div class=\"gate-blur\">\r\n                        <span class=\"mini-label\">10-Year Total Portfolio Value<\/span>\r\n                        <span class=\"result-amt\" id=\"dispYearTen\" style=\"font-size: 1.8rem;\">\u00a3482,000<\/span>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"gate-form\">\r\n                        <p class=\"form-instruction\">Enter your email to receive a detailed **10-year capital growth projection** and a private brochure.<\/p>\r\n                        <input type=\"email\" placeholder=\"email@example.com\" class=\"gate-input\">\r\n                        <button class=\"gate-btn\">Send My Analysis<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Scope all CSS to this ID *\/\r\n    #wealth-forecaster-scope {\r\n        --lux-gold: #c5a059;\r\n        --lux-dark: #111111;\r\n        --lux-white: #ffffff;\r\n        --lux-grey: #f4f4f4;\r\n        background-color: transparent;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    #wealth-forecaster-scope .forecaster-wrapper {\r\n        padding: 60px 0;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    #wealth-forecaster-scope .forecaster-card {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        background: var(--lux-white);\r\n        display: flex;\r\n        flex-wrap: wrap; \r\n        box-shadow: 0 40px 80px rgba(0,0,0,0.15);\r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #wealth-forecaster-scope .p-input {\r\n        flex: 1.2;\r\n        min-width: 320px;\r\n        padding: 60px;\r\n        background: var(--lux-dark);\r\n        color: var(--lux-white);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    #wealth-forecaster-scope .p-output {\r\n        flex: 1;\r\n        min-width: 320px;\r\n        padding: 60px;\r\n        background: var(--lux-white);\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    #wealth-forecaster-scope .forecaster-title {\r\n        font-family: 'Playfair Display', serif !important;\r\n        font-size: 2.8rem !important;\r\n        margin-bottom: 40px !important;\r\n        line-height: 1.1 !important;\r\n        color: white !important;\r\n    }\r\n\r\n    #wealth-forecaster-scope .mini-label {\r\n        font-size: 0.7rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        color: var(--lux-gold);\r\n        margin-bottom: 12px;\r\n        display: block;\r\n        font-weight: 700;\r\n    }\r\n\r\n    #wealth-forecaster-scope .mega-value {\r\n        font-family: 'Playfair Display', serif;\r\n        font-size: clamp(2.2rem, 5vw, 3.8rem); \r\n        color: var(--lux-white);\r\n        margin-bottom: 30px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    #wealth-forecaster-scope .gold-range {\r\n        -webkit-appearance: none;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: rgba(255,255,255,0.15);\r\n        outline: none;\r\n        margin: 20px 0;\r\n    }\r\n\r\n    #wealth-forecaster-scope .gold-range::-webkit-slider-thumb {\r\n        -webkit-appearance: none;\r\n        width: 26px;\r\n        height: 26px;\r\n        background: var(--lux-gold);\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n        border: 4px solid var(--lux-dark);\r\n        box-shadow: 0 0 0 2px var(--lux-gold);\r\n    }\r\n\r\n    #wealth-forecaster-scope .result-amt {\r\n        font-size: clamp(2rem, 4vw, 3.2rem);\r\n        font-weight: 700;\r\n        color: var(--lux-dark);\r\n        display: block;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    #wealth-forecaster-scope .gate-container {\r\n        margin-top: 40px;\r\n        padding: 30px;\r\n        background: var(--lux-grey);\r\n        border-radius: 8px;\r\n        text-align: center;\r\n    }\r\n\r\n    #wealth-forecaster-scope .gate-blur {\r\n        filter: blur(6px);\r\n        opacity: 0.3;\r\n        margin-bottom: 15px;\r\n        user-select: none;\r\n        pointer-events: none;\r\n    }\r\n\r\n    #wealth-forecaster-scope .form-instruction {\r\n        font-size: 0.85rem;\r\n        color: #444;\r\n        line-height: 1.5;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    #wealth-forecaster-scope .gate-input {\r\n        width: 100%;\r\n        padding: 14px;\r\n        border: 1px solid #ccc;\r\n        margin-bottom: 12px;\r\n        border-radius: 4px;\r\n        text-align: center;\r\n    }\r\n\r\n    #wealth-forecaster-scope .gate-btn {\r\n        width: 100%;\r\n        padding: 16px;\r\n        background: var(--lux-dark);\r\n        color: #fff;\r\n        border: none;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: 0.3s ease;\r\n        border-radius: 4px;\r\n    }\r\n\r\n    #wealth-forecaster-scope .gate-btn:hover { \r\n        background: var(--lux-gold); \r\n        color: black;\r\n    }\r\n\r\n    #wealth-forecaster-scope .disclaimer-text {\r\n        font-size: 0.7rem; \r\n        opacity: 0.5; \r\n        margin-top: 30px; \r\n        line-height: 1.5;\r\n        color: white;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        #wealth-forecaster-scope .p-input, \r\n        #wealth-forecaster-scope .p-output { padding: 40px 30px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        const slider = document.getElementById('mainRange');\r\n        const dispTotal = document.getElementById('dispTotal');\r\n        const dispMonth = document.getElementById('dispMonth');\r\n        const dispYearTen = document.getElementById('dispYearTen');\r\n\r\n        slider.addEventListener('input', function() {\r\n            const val = parseInt(this.value);\r\n            \r\n            \/\/ Update Main Investment Label\r\n            dispTotal.textContent = '\u00a3' + val.toLocaleString();\r\n            \r\n            \/\/ Monthly Income (8.4% Net Yield)\r\n            const monthly = (val * 0.084) \/ 12;\r\n            dispMonth.textContent = '\u00a3' + Math.round(monthly).toLocaleString();\r\n\r\n            \/\/ Estimated 10-Year Value (Conservative 5% annual appreciation + re-invested yield)\r\n            \/\/ Using a simple multiplier of ~2.1x for a 10yr luxury market outlook\r\n            const tenYearEstimate = val * 2.12;\r\n            dispYearTen.textContent = '\u00a3' + Math.round(tenYearEstimate).toLocaleString();\r\n        });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d612e2d e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"d612e2d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fa6ce0 elementor-widget elementor-widget-html\" data-id=\"9fa6ce0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GSAP + ScrollTrigger (Included for safety, Elementor often loads these but versions vary) -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<div id=\"trust-barometer-scope\">\r\n    <section class=\"trust-barometer\">\r\n        <div class=\"trust-grid\">\r\n            \r\n            <!-- Left Side: The \"UK Presence\" Visual -->\r\n            <div class=\"trust-visual\" id=\"visualTrigger\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&w=1200\" class=\"uk-office-img\" alt=\"UK Branch Office\">\r\n                <div class=\"office-overlay\">\r\n                    <div class=\"map-chip\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                        Covent Garden, London\r\n                    <\/div>\r\n                    <h3 class=\"office-title\">Our UK Headquarters<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Side: The Invite -->\r\n            <div class=\"trust-content\" id=\"contentTrigger\">\r\n                <h2 class=\"trust-h2\">Face-to-Face <br><span class=\"gold-text\">Credibility<\/span><\/h2>\r\n                \r\n                <div class=\"credibility-statement\">\r\n                    Invest in the UAE <b class=\"dark-bold\">without the 7-hour flight.<\/b> Our UK team handles the paperwork, the currency, and the keys locally.\r\n                <\/div>\r\n\r\n                <div class=\"coffee-card\">\r\n                    <h4 class=\"card-label\">Book a Coffee<\/h4>\r\n                    <p class=\"card-p\">Meet a senior consultant in person at our London branch to discuss current exclusive UK allocations and private deals.<\/p>\r\n                    <a href=\"https:\/\/wa.me\/YOUR_NUMBER\" class=\"book-btn\">Schedule UK Meeting<\/a>\r\n                <\/div>\r\n\r\n                <p class=\"compliance-tag\">\r\n                    Member of the UK-UAE Business Council \u2022 FCA Compliant Standards\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Scoped Container *\/\r\n    #trust-barometer-scope {\r\n        --t-gold: #c5a059;\r\n        --t-dark: #111111;\r\n        --t-white: #ffffff;\r\n        background: var(--t-white);\r\n        font-family: 'Montserrat', sans-serif;\r\n        overflow: hidden;\r\n        border-top: 1px solid #eee;\r\n    }\r\n\r\n    #trust-barometer-scope .trust-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr 1fr;\r\n        min-height: 70vh;\r\n    }\r\n\r\n    #trust-barometer-scope .trust-visual {\r\n        position: relative;\r\n        background: #000;\r\n        overflow: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-height: 400px;\r\n    }\r\n\r\n    #trust-barometer-scope .uk-office-img {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        opacity: 0.5;\r\n        filter: grayscale(100%);\r\n        transition: transform 2s ease, opacity 1s ease, filter 1s ease;\r\n    }\r\n\r\n    #trust-barometer-scope .trust-visual:hover .uk-office-img {\r\n        transform: scale(1.08);\r\n        opacity: 0.7;\r\n        filter: grayscale(0%);\r\n    }\r\n\r\n    #trust-barometer-scope .office-overlay {\r\n        position: relative;\r\n        z-index: 2;\r\n        text-align: center;\r\n        padding: 40px;\r\n    }\r\n\r\n    #trust-barometer-scope .map-chip {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: rgba(255,255,255,0.1);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        padding: 12px 20px;\r\n        border-radius: 50px;\r\n        border: 1px solid rgba(255,255,255,0.2);\r\n        margin-bottom: 20px;\r\n        font-size: 0.7rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    #trust-barometer-scope .office-title {\r\n        font-family: 'Playfair Display', serif !important;\r\n        font-size: 1.8rem !important;\r\n        color: white !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    #trust-barometer-scope .trust-content {\r\n        padding: 80px 8%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        background: #fdfdfd;\r\n    }\r\n\r\n    #trust-barometer-scope .trust-h2 {\r\n        font-family: 'Playfair Display', serif !important;\r\n        font-size: clamp(2.2rem, 3.5vw, 3.2rem) !important;\r\n        line-height: 1.1 !important;\r\n        margin-bottom: 30px !important;\r\n        color: var(--t-dark) !important;\r\n    }\r\n\r\n    #trust-barometer-scope .gold-text {\r\n        color: var(--t-gold) !important;\r\n    }\r\n\r\n    #trust-barometer-scope .credibility-statement {\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        color: #333333;\r\n        margin-bottom: 40px;\r\n        border-left: 3px solid var(--t-gold);\r\n        padding-left: 25px;\r\n    }\r\n\r\n    #trust-barometer-scope .dark-bold {\r\n        color: var(--t-dark);\r\n        font-weight: 700;\r\n    }\r\n\r\n    #trust-barometer-scope .coffee-card {\r\n        background: white;\r\n        padding: 40px;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.05);\r\n        border: 1px solid #f0f0f0;\r\n        position: relative;\r\n    }\r\n\r\n    #trust-barometer-scope .card-label {\r\n        margin: 0 0 10px 0 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 3px !important;\r\n        font-size: 0.8rem !important;\r\n        color: var(--t-gold) !important;\r\n        font-weight: 700 !important;\r\n    }\r\n\r\n    #trust-barometer-scope .card-p {\r\n        margin: 0 0 25px 0 !important;\r\n        font-size: 0.95rem !important;\r\n        color: #555555 !important;\r\n        line-height: 1.6 !important;\r\n    }\r\n\r\n    #trust-barometer-scope .book-btn {\r\n        display: inline-block;\r\n        background: var(--t-dark);\r\n        color: #ffffff !important;\r\n        padding: 18px 35px;\r\n        text-decoration: none !important;\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        transition: 0.3s;\r\n        border: 1px solid var(--t-dark);\r\n        border-radius: 0;\r\n    }\r\n\r\n    #trust-barometer-scope .book-btn:hover {\r\n        background: transparent;\r\n        color: var(--t-dark) !important;\r\n    }\r\n\r\n    #trust-barometer-scope .compliance-tag {\r\n        margin-top: 30px; \r\n        font-size: 0.7rem; \r\n        color: #999; \r\n        text-transform: uppercase; \r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Tablet & Mobile *\/\r\n    @media (max-width: 1024px) {\r\n        #trust-barometer-scope .trust-grid { grid-template-columns: 1fr; }\r\n        #trust-barometer-scope .trust-content { padding: 60px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const initTrustAnimation = () => {\r\n        \/\/ Check if GSAP is loaded and if the element exists in DOM\r\n        if (typeof gsap === 'undefined' || !document.querySelector('#trust-barometer-scope')) return;\r\n        \r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        const tl = gsap.timeline({\r\n            scrollTrigger: {\r\n                trigger: \"#trust-barometer-scope\",\r\n                start: \"top 80%\",\r\n                toggleActions: \"play none none none\"\r\n            }\r\n        });\r\n\r\n        tl.from(\"#trust-barometer-scope .uk-office-img\", {\r\n            scale: 1.3,\r\n            duration: 2.5,\r\n            ease: \"expo.out\"\r\n        })\r\n        .from(\"#trust-barometer-scope .trust-content > *\", {\r\n            opacity: 0,\r\n            y: 30,\r\n            stagger: 0.15,\r\n            duration: 1,\r\n            ease: \"power2.out\"\r\n        }, \"-=2\");\r\n    };\r\n\r\n    \/\/ Run on load to ensure Elementor has finished rendering the section\r\n    if (document.readyState === 'complete') {\r\n        initTrustAnimation();\r\n    } else {\r\n        window.addEventListener('load', initTrustAnimation);\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>London Portfolio Connecting Global Capital to UAE Luxury. Investment RequirementResidential AcquisitionCommercial PortfolioUHNW Private Office Get Portfolio Access Abu Dhabi Portfolio Premium Investment Portfolios in Abu Dhabi. Investment RequirementResidential AcquisitionCommercial PortfolioUHNW Private Office Get Portfolio Access Yas Island Experience World-Class Living at Yas Island. Investment RequirementResidential AcquisitionCommercial PortfolioUHNW Private Office Explore Yas Island Saadiyat Island Cultural [&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":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-19682","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/providentialproperties.uk\/index.php?rest_route=\/wp\/v2\/pages\/19682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/providentialproperties.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/providentialproperties.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/providentialproperties.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/providentialproperties.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19682"}],"version-history":[{"count":111,"href":"https:\/\/providentialproperties.uk\/index.php?rest_route=\/wp\/v2\/pages\/19682\/revisions"}],"predecessor-version":[{"id":20494,"href":"https:\/\/providentialproperties.uk\/index.php?rest_route=\/wp\/v2\/pages\/19682\/revisions\/20494"}],"wp:attachment":[{"href":"https:\/\/providentialproperties.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}