{"id":645,"date":"2026-08-03T13:19:41","date_gmt":"2026-08-03T13:19:41","guid":{"rendered":"https:\/\/zebrano.ae\/?page_id=645"},"modified":"2026-09-01T08:52:46","modified_gmt":"2026-09-01T08:52:46","slug":"home2","status":"publish","type":"page","link":"https:\/\/zebrano.ae\/","title":{"rendered":"home2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"645\" class=\"elementor elementor-645\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3188a34 e-con-full e-flex e-con e-parent\" data-id=\"3188a34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d32ced9 elementor-widget elementor-widget-html\" data-id=\"d32ced9\" 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=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,600&family=Manrope:wght@300;400;500;600&display=swap');\r\n\r\n.zeb-cin-hero,\r\n.zeb-cin-hero * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.zeb-cin-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    min-height: 750px;\r\n    overflow: hidden;\r\n    background-color: #030303;\r\n    font-family: 'Manrope', sans-serif;\r\n    border-bottom: 1px solid rgba(197, 160, 89, 0.25);\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.9);\r\n}\r\n\r\n\/* Subtle Film Grain \/ Noise Overlay for Ultra-Luxury Look *\/\r\n.zeb-cin-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url('data:image\/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"\/%3E%3C\/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\" opacity=\"0.035\"\/%3E%3C\/svg%3E');\r\n    pointer-events: none;\r\n    z-index: 5;\r\n    opacity: 0.6;\r\n}\r\n\r\n\/* Slides & Background Images with Ultra-Smooth Zoom *\/\r\n.zeb-cin-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    opacity: 0;\r\n    transform: scale(1.1);\r\n    transition: opacity 1.6s cubic-bezier(0.16, 1, 0.3, 1), transform 2.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    z-index: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.zeb-cin-slide.active {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    z-index: 2;\r\n}\r\n\r\n\/* Luxury Gold Radial Glow Accent *\/\r\n.zeb-cin-glow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 60vw;\r\n    height: 60vh;\r\n    background: radial-gradient(circle, rgba(197, 160, 89, 0.12) 0%, transparent 70%);\r\n    pointer-events: none;\r\n    z-index: 4;\r\n}\r\n\r\n\/* Centered Content Styling with Clean Black Radial Background (No Blur) *\/\r\n.zeb-cin-content {\r\n    position: relative;\r\n    z-index: 10;\r\n    text-align: center;\r\n    max-width: 1000px;\r\n    padding: 55px 70px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: radial-gradient(circle, rgba(3, 3, 3, 0.78) 0%, rgba(3, 3, 3, 0.45) 60%, transparent 100%);\r\n    border-radius: 30px;\r\n}\r\n\r\n\/* Animated Gold Accent Line *\/\r\n.zeb-cin-accent-line {\r\n    width: 0px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, #C5A059, transparent);\r\n    margin-bottom: 22px;\r\n    transition: width 1s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;\r\n}\r\n\r\n.zeb-cin-slide.active .zeb-cin-accent-line {\r\n    width: 80px;\r\n}\r\n\r\n.zeb-cin-tag {\r\n    font-size: 11px;\r\n    letter-spacing: 7px;\r\n    text-transform: uppercase;\r\n    color: #dfbc77;\r\n    font-weight: 600;\r\n    margin-bottom: 18px;\r\n    opacity: 0;\r\n    transform: translateY(25px);\r\n    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.8);\r\n}\r\n\r\n.zeb-cin-title {\r\n    font-family: 'Cormorant Garamond', serif;\r\n    font-size: clamp(44px, 7vw, 88px);\r\n    font-weight: 400 !important;\r\n    line-height: 1.12;\r\n    color: #ffffff;\r\n    margin-bottom: 25px;\r\n    opacity: 0;\r\n    transform: translateY(35px);\r\n    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;\r\n    text-shadow: 0 10px 30px rgba(0,0,0,0.9);\r\n    font-style: normal !important;\r\n}\r\n\r\n.zeb-cin-desc {\r\n    font-size: 16px;\r\n    line-height: 1.85;\r\n    color: rgba(255, 255, 255, 0.95);\r\n    font-weight: 300;\r\n    max-width: 620px;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;\r\n    text-shadow: 0 2px 15px rgba(0,0,0,0.8);\r\n}\r\n\r\n\/* Transparent Button Design with White Borders and White Text *\/\r\n.zeb-cin-btn {\r\n    background: transparent !important;\r\n    color: #ffffff !important;\r\n    font-size: 10px !important;\r\n    letter-spacing: 4px !important;\r\n    text-transform: uppercase !important;\r\n    text-decoration: none !important;\r\n    padding: 18px 56px !important;\r\n    margin-top: 38px !important;\r\n    border-radius: 50px !important;\r\n    font-weight: 700 !important;\r\n    box-shadow: none !important;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    display: inline-block !important;\r\n    border: 1.5px solid #ffffff !important;\r\n    white-space: nowrap !important;\r\n}\r\n\r\n.zeb-cin-btn:hover {\r\n    background: #ffffff !important;\r\n    color: #030303 !important;\r\n    transform: translateY(-3px) !important;\r\n    box-shadow: 0 20px 50px rgba(255, 255, 255, 0.3) !important;\r\n    border-color: #ffffff !important;\r\n}\r\n\r\n\/* Active Slide Animations *\/\r\n.zeb-cin-slide.active .zeb-cin-tag,\r\n.zeb-cin-slide.active .zeb-cin-title,\r\n.zeb-cin-slide.active .zeb-cin-desc {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.zeb-cin-slide.active .zeb-cin-btn {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s, opacity 1s ease 0.5s, background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease !important;\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 768px) {\r\n    .zeb-cin-title {\r\n        font-size: clamp(34px, 8.5vw, 52px);\r\n    }\r\n    .zeb-cin-content {\r\n        padding: 35px 20px;\r\n    }\r\n    .zeb-cin-btn {\r\n        padding: 16px 40px !important;\r\n        margin-top: 28px !important;\r\n        font-size: 9px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"zeb-cin-hero\" id=\"zebranoCinematicHero\">\r\n    <div class=\"zeb-cin-glow\"><\/div>\r\n    \r\n    <!-- Slide 1 -->\r\n    <div class=\"zeb-cin-slide active\" style=\"background-image:url('https:\/\/zebrano.ae\/wp-content\/uploads\/2026\/07\/imageye___-_imgi_91_zebrano-slider-1-2048x1152-1.webp')\">\r\n        <div class=\"zeb-cin-content\">\r\n            <div class=\"zeb-cin-accent-line\"><\/div>\r\n            <span class=\"zeb-cin-tag\">Interior Collection<\/span>\r\n            <h1 class=\"zeb-cin-title\">Bespoke Indoor Living.<\/h1>\r\n            <p class=\"zeb-cin-desc\">Crafting uncompromised elegance and bespoke furniture masterpieces tailored specifically for luxury residences across Dubai and the GCC.<\/p>\r\n            <a href=\"#browse\" class=\"zeb-cin-btn\">Explore Collection<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 2 -->\r\n    <div class=\"zeb-cin-slide\" style=\"background-image:url('https:\/\/zebrano.ae\/wp-content\/uploads\/2026\/07\/imageye___-_imgi_92_zebrano-slider-2-2048x1152-1.webp')\">\r\n        <div class=\"zeb-cin-content\">\r\n            <div class=\"zeb-cin-accent-line\"><\/div>\r\n            <span class=\"zeb-cin-tag\">Outdoor Masterpieces<\/span>\r\n            <h1 class=\"zeb-cin-title\">Refined Comfort Outdoors.<\/h1>\r\n            <p class=\"zeb-cin-desc\">Weather-resistant treated woods and anti-corrosive metals engineered to elevate open-air spaces with absolute sophistication.<\/p>\r\n            <a href=\"#browse\" class=\"zeb-cin-btn\">Explore Collection<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 3 -->\r\n    <div class=\"zeb-cin-slide\" style=\"background-image:url('https:\/\/zebrano.ae\/wp-content\/uploads\/2026\/07\/imageye___-_imgi_93_zebrano-slider-3-2048x1152-1.webp')\">\r\n        <div class=\"zeb-cin-content\">\r\n            <div class=\"zeb-cin-accent-line\"><\/div>\r\n            <span class=\"zeb-cin-tag\">Commercial & Hospitality<\/span>\r\n            <h1 class=\"zeb-cin-title\">Elite Hospitality Projects.<\/h1>\r\n            <p class=\"zeb-cin-desc\">Signature architectural furniture designed for landmark hotels, elite corporate headquarters, and high-end commercial spaces.<\/p>\r\n            <a href=\"#browse\" class=\"zeb-cin-btn\">Explore Projects<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Slide 4 -->\r\n    <div class=\"zeb-cin-slide\" style=\"background-image:url('https:\/\/zebrano.ae\/wp-content\/uploads\/2026\/07\/imageye___-_imgi_94_zebrano-slider-4-2048x1152-1.webp')\">\r\n        <div class=\"zeb-cin-content\">\r\n            <div class=\"zeb-cin-accent-line\"><\/div>\r\n            <span class=\"zeb-cin-tag\">Artisanal Craft<\/span>\r\n            <h1 class=\"zeb-cin-title\">Material Mastery & Detail.<\/h1>\r\n            <p class=\"zeb-cin-desc\">A relentless pursuit of perfection through hand-selected rare materials, precision joinery, and uncompromised white-glove execution.<\/p>\r\n            <a href=\"#consultation\" class=\"zeb-cin-btn\">Request Consultation<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n    const hero = document.getElementById(\"zebranoCinematicHero\");\r\n    if (!hero) return;\r\n\r\n    const slides = hero.querySelectorAll(\".zeb-cin-slide\");\r\n    let currentIndex = 0;\r\n    const totalSlides = slides.length;\r\n    const duration = 6000; \r\n    let startTime = performance.now();\r\n    let animationFrame;\r\n\r\n    function updateSlide(index) {\r\n        slides.forEach(s => s.classList.remove(\"active\"));\r\n        currentIndex = (index + totalSlides) % totalSlides;\r\n        slides[currentIndex].classList.add(\"active\");\r\n        startTime = performance.now();\r\n    }\r\n\r\n    function animateProgress(timestamp) {\r\n        let elapsed = timestamp - startTime;\r\n\r\n        if (elapsed >= duration) {\r\n            updateSlide(currentIndex + 1);\r\n        }\r\n        animationFrame = requestAnimationFrame(animateProgress);\r\n    }\r\n\r\n    animationFrame = requestAnimationFrame(animateProgress);\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-a7c61e0 e-con-full e-flex e-con e-parent\" data-id=\"a7c61e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-584c7b1 elementor-widget elementor-widget-html\" data-id=\"584c7b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Include GSAP Core and 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<style>\r\n\/* Font Imports *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Manrope:wght@300;400;500;600&display=swap');\r\n\r\n.zeb-pillars-v3,\r\n.zeb-pillars-v3 * {\r\n    box-sizing: border-box !important;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Section Wrapper *\/\r\n.zeb-pillars-v3 {\r\n    background-color: #ffffff !important;\r\n    padding: 100px 4vw !important;\r\n    width: 100% !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* Background Subtle Luxury Watermark *\/\r\n.zeb-pillars-v3::before {\r\n    content: 'ZEBRANO' !important;\r\n    position: absolute !important;\r\n    top: 30px !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) !important;\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 16vw !important;\r\n    font-weight: 600 !important;\r\n    color: rgba(0, 0, 0, 0.018) !important;\r\n    pointer-events: none !important;\r\n    white-space: nowrap !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n.zeb-pillars-v3-container {\r\n    max-width: 1600px !important;\r\n    margin: 0 auto !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n\/* Editorial Header *\/\r\n.zeb-pillars-v3-header {\r\n    text-align: center !important;\r\n    margin-bottom: 60px !important;\r\n}\r\n\r\n.zeb-pillars-v3-tag {\r\n    font-family: 'Manrope', sans-serif !important;\r\n    font-size: 10px !important;\r\n    font-weight: 600 !important;\r\n    letter-spacing: 5px !important;\r\n    text-transform: uppercase !important;\r\n    color: #C5A059 !important;\r\n    display: block !important;\r\n    margin-bottom: 12px !important;\r\n}\r\n\r\n.zeb-pillars-v3-header h2 {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: clamp(34px, 4.5vw, 56px) !important;\r\n    font-weight: 400 !important;\r\n    color: #0A0A0A !important;\r\n    line-height: 1.15 !important;\r\n    letter-spacing: -0.5px !important;\r\n}\r\n\r\n.zeb-pillars-v3-header h2 i {\r\n    font-style: italic !important;\r\n}\r\n\r\n\/* 3-Column Grid Layout *\/\r\n.zeb-pillars-v3-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 40px !important;\r\n    align-items: center !important;\r\n}\r\n\r\n\/* Pillar Card *\/\r\n.zeb-pillar-v3-card {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    position: relative !important;\r\n    text-decoration: none !important;\r\n    cursor: pointer !important;\r\n    overflow: hidden !important;\r\n    aspect-ratio: 3 \/ 4 !important;\r\n    background-color: #000000 !important;\r\n}\r\n\r\n\/* Main Image *\/\r\n.zeb-pillar-v3-img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 0.8s ease !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n.zeb-pillar-v3-card:hover .zeb-pillar-v3-img {\r\n    transform: scale(1.08) !important;\r\n    filter: brightness(0.55) !important;\r\n}\r\n\r\n\/* Base Bottom Gradient for Normal Heading Visibility *\/\r\n.zeb-pillar-v3-base-gradient {\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 50% !important;\r\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%) !important;\r\n    z-index: 2 !important;\r\n    transition: opacity 0.4s ease !important;\r\n}\r\n\r\n\/* Normal Headings (Visible before hover) *\/\r\n.zeb-pillar-v3-heading {\r\n    position: absolute !important;\r\n    bottom: 30px !important;\r\n    left: 30px !important;\r\n    right: 30px !important;\r\n    z-index: 3 !important;\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 32px !important;\r\n    font-weight: 500 !important;\r\n    color: #ffffff !important;\r\n    line-height: 1.1 !important;\r\n    letter-spacing: 0.5px !important;\r\n    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease !important;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.4) !important;\r\n}\r\n\r\n.zeb-pillar-v3-card:hover .zeb-pillar-v3-heading {\r\n    opacity: 0 !important;\r\n    transform: translateY(-15px) !important;\r\n}\r\n\r\n\/* Full Dark Luxury Overlay on Hover *\/\r\n.zeb-pillar-v3-overlay {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(10,10,10,0.92) 100%) !important;\r\n    opacity: 0 !important;\r\n    z-index: 4 !important;\r\n    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.zeb-pillar-v3-card:hover .zeb-pillar-v3-overlay {\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* Full Hover Content Area (Heading + Description) *\/\r\n.zeb-pillar-v3-hover-content {\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    padding: 35px 30px !important;\r\n    z-index: 5 !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 10px !important;\r\n    transform: translateY(25px) !important;\r\n    opacity: 0 !important;\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.zeb-pillar-v3-card:hover .zeb-pillar-v3-hover-content {\r\n    transform: translateY(0) !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* Pure White Heading inside hover area *\/\r\n.zeb-pillar-v3-hover-heading {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 32px !important;\r\n    font-weight: 500 !important;\r\n    color: #ffffff !important;\r\n    line-height: 1.1 !important;\r\n    letter-spacing: -0.2px !important;\r\n}\r\n\r\n\/* Hover Description Text *\/\r\n.zeb-pillar-v3-desc {\r\n    font-family: 'Manrope', sans-serif !important;\r\n    font-size: 13.5px !important;\r\n    font-weight: 300 !important;\r\n    color: rgba(255, 255, 255, 0.88) !important;\r\n    line-height: 1.6 !important;\r\n    letter-spacing: 0.3px !important;\r\n}\r\n\r\n\/* Dynamic Gold Corner Framing on Hover *\/\r\n.zeb-pillar-v3-frame {\r\n    position: absolute !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    z-index: 6 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.zeb-pillar-v3-frame::before,\r\n.zeb-pillar-v3-frame::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    width: 25px !important;\r\n    height: 25px !important;\r\n    border: 1px solid #C5A059 !important;\r\n    opacity: 0 !important;\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.zeb-pillar-v3-frame::before {\r\n    top: 15px !important;\r\n    left: 15px !important;\r\n    border-right: none !important;\r\n    border-bottom: none !important;\r\n    transform: translate(-8px, -8px) !important;\r\n}\r\n\r\n.zeb-pillar-v3-frame::after {\r\n    bottom: 15px !important;\r\n    right: 15px !important;\r\n    border-left: none !important;\r\n    border-top: none !important;\r\n    transform: translate(8px, 8px) !important;\r\n}\r\n\r\n.zeb-pillar-v3-card:hover .zeb-pillar-v3-frame::before,\r\n.zeb-pillar-v3-card:hover .zeb-pillar-v3-frame::after {\r\n    opacity: 1 !important;\r\n    transform: translate(0, 0) !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n    .zeb-pillars-v3-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 45px !important;\r\n        max-width: 550px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n    .zeb-pillars-v3 {\r\n        padding: 70px 20px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"zeb-pillars-v3\">\r\n    <div class=\"zeb-pillars-v3-container\">\r\n        \r\n        <!-- Section Header -->\r\n        <div class=\"zeb-pillars-v3-header\">\r\n            <span class=\"zeb-pillars-v3-tag\">ZEBRANO LUXURY LIVING<\/span>\r\n            <h2>The Core <i>Collections<\/i><\/h2>\r\n        <\/div>\r\n\r\n        <!-- 3 Pillars Grid -->\r\n        <div class=\"zeb-pillars-v3-grid\">\r\n            \r\n            <!-- 01. Indoor Furniture -->\r\n            <a href=\"#indoor\" class=\"zeb-pillar-v3-card zeb-v3-anim\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&q=80&w=1200\" alt=\"Indoor Furniture\" class=\"zeb-pillar-v3-img\">\r\n                <div class=\"zeb-pillar-v3-base-gradient\"><\/div>\r\n                <h3 class=\"zeb-pillar-v3-heading\">Indoor Furniture<\/h3>\r\n                \r\n                <div class=\"zeb-pillar-v3-overlay\"><\/div>\r\n                <div class=\"zeb-pillar-v3-frame\"><\/div>\r\n                \r\n                <div class=\"zeb-pillar-v3-hover-content\">\r\n                    <h4 class=\"zeb-pillar-v3-hover-heading\">Indoor Furniture<\/h4>\r\n                    <p class=\"zeb-pillar-v3-desc\">Impeccably crafted interior spaces curated with timeless elegance, luxury fabrics, and artisanal Italian craftsmanship.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- 02. Outdoor Furniture -->\r\n            <a href=\"#outdoor\" class=\"zeb-pillar-v3-card zeb-v3-anim\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&q=80&w=1200\" alt=\"Outdoor Furniture\" class=\"zeb-pillar-v3-img\">\r\n                <div class=\"zeb-pillar-v3-base-gradient\"><\/div>\r\n                <h3 class=\"zeb-pillar-v3-heading\">Outdoor Furniture<\/h3>\r\n                \r\n                <div class=\"zeb-pillar-v3-overlay\"><\/div>\r\n                <div class=\"zeb-pillar-v3-frame\"><\/div>\r\n                \r\n                <div class=\"zeb-pillar-v3-hover-content\">\r\n                    <h4 class=\"zeb-pillar-v3-hover-heading\">Outdoor Furniture<\/h4>\r\n                    <p class=\"zeb-pillar-v3-desc\">Weather-resistant luxury outdoor lounges designed to elevate open-air living in high-end villas and penthouses.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <!-- 03. Bespoke Furniture -->\r\n            <a href=\"#bespoke\" class=\"zeb-pillar-v3-card zeb-v3-anim\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&q=80&w=1200\" alt=\"Bespoke Furniture\" class=\"zeb-pillar-v3-img\">\r\n                <div class=\"zeb-pillar-v3-base-gradient\"><\/div>\r\n                <h3 class=\"zeb-pillar-v3-heading\">Projects<\/h3>\r\n                \r\n                <div class=\"zeb-pillar-v3-overlay\"><\/div>\r\n                <div class=\"zeb-pillar-v3-frame\"><\/div>\r\n                \r\n                <div class=\"zeb-pillar-v3-hover-content\">\r\n                    <h4 class=\"zeb-pillar-v3-hover-heading\">Bespoke Furniture<\/h4>\r\n                    <p class=\"zeb-pillar-v3-desc\">Tailor-made architectural furniture pieces designed to exact client specifications for exclusive projects.<\/p>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction initZebPillarsV3GSAP() {\r\n    if(typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined') {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Header Reveal\r\n        gsap.from(\".zeb-pillars-v3-header\", {\r\n            scrollTrigger: {\r\n                trigger: \".zeb-pillars-v3\",\r\n                start: \"top 85%\"\r\n            },\r\n            y: 35,\r\n            opacity: 0,\r\n            duration: 0.9,\r\n            ease: \"power3.out\"\r\n        });\r\n\r\n        \/\/ Staggered reveal for cards\r\n        gsap.from(\".zeb-v3-anim\", {\r\n            scrollTrigger: {\r\n                trigger: \".zeb-pillars-v3-grid\",\r\n                start: \"top 80%\"\r\n            },\r\n            y: 50,\r\n            opacity: 0,\r\n            duration: 1,\r\n            stagger: 0.18,\r\n            ease: \"power2.out\"\r\n        });\r\n    }\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', initZebPillarsV3GSAP);\r\nwindow.addEventListener('load', initZebPillarsV3GSAP);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18a746c e-con-full e-flex e-con e-parent\" data-id=\"18a746c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a64aa2 elementor-widget elementor-widget-html\" data-id=\"7a64aa2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Reset for this section *\/\r\n.zhs-video-section,\r\n.zhs-video-section * {\r\n    box-sizing: border-box !important;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Outer Section - Deep Luxury Dark Background *\/\r\n.zhs-video-section {\r\n    width: 100% !important;\r\n    background-color: #0b0b0b !important; \/* Seamless luxury dark background *\/\r\n    padding: 100px 0 !important;\r\n    display: flex !important;\r\n    justify-content: center !important;\r\n    align-items: center !important;\r\n    position: relative !important;\r\n}\r\n\r\n\/* Master Frame Wrapper with Outer Padding & Gold Accents *\/\r\n.zhs-frame-wrapper {\r\n    position: relative !important;\r\n    width: 88% !important;\r\n    max-width: 1280px !important;\r\n    padding: 16px !important; \/* Spacing between outer gold frame and video *\/\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%) !important;\r\n    border: 1px solid rgba(197, 160, 89, 0.25) !important; \/* Thin Metallic Gold Border *\/\r\n    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.8), \r\n                0 0 60px rgba(197, 160, 89, 0.08) !important; \/* Gold Ambient Glow *\/\r\n    transition: border-color 0.6s ease, box-shadow 0.6s ease !important;\r\n}\r\n\r\n.zhs-frame-wrapper:hover {\r\n    border-color: rgba(197, 160, 89, 0.5) !important;\r\n    box-shadow: 0 40px 110px rgba(0, 0, 0, 0.9), \r\n                0 0 85px rgba(197, 160, 89, 0.16) !important;\r\n}\r\n\r\n\/* L-Shaped Gold Corner Brackets for Architectural Look *\/\r\n.zhs-corner-bracket {\r\n    position: absolute !important;\r\n    width: 22px !important;\r\n    height: 22px !important;\r\n    pointer-events: none !important;\r\n    z-index: 10 !important;\r\n}\r\n\r\n.zhs-corner-tl {\r\n    top: -1px !important;\r\n    left: -1px !important;\r\n    border-top: 2px solid #C5A059 !important;\r\n    border-left: 2px solid #C5A059 !important;\r\n}\r\n\r\n.zhs-corner-tr {\r\n    top: -1px !important;\r\n    right: -1px !important;\r\n    border-top: 2px solid #C5A059 !important;\r\n    border-right: 2px solid #C5A059 !important;\r\n}\r\n\r\n.zhs-corner-bl {\r\n    bottom: -1px !important;\r\n    left: -1px !important;\r\n    border-bottom: 2px solid #C5A059 !important;\r\n    border-left: 2px solid #C5A059 !important;\r\n}\r\n\r\n.zhs-corner-br {\r\n    bottom: -1px !important;\r\n    right: -1px !important;\r\n    border-bottom: 2px solid #C5A059 !important;\r\n    border-right: 2px solid #C5A059 !important;\r\n}\r\n\r\n\/* Inner Video Container *\/\r\n.zhs-premium-video-box {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    aspect-ratio: 16 \/ 9 !important;\r\n    background-color: #000000 !important;\r\n    overflow: hidden !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n}\r\n\r\n\/* Video Tag Styling *\/\r\n.zhs-premium-video-box video {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    display: block !important;\r\n    pointer-events: none !important;\r\n    transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.zhs-frame-wrapper:hover video {\r\n    transform: scale(1.03) !important;\r\n}\r\n\r\n\/* Subtle Vignette Overlay *\/\r\n.zhs-cinematic-overlay {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background: radial-gradient(circle at center, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%),\r\n                linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, transparent 20%, transparent 80%, rgba(0,0,0,0.4) 100%) !important;\r\n    pointer-events: none !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n\/* Minimalist Glassmorphism Badge *\/\r\n.zhs-video-badge {\r\n    position: absolute !important;\r\n    top: 25px !important;\r\n    left: 25px !important;\r\n    z-index: 3 !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\r\n    font-family: 'Lora', serif !important;\r\n    font-size: 10px !important;\r\n    letter-spacing: 3px !important;\r\n    text-transform: uppercase !important;\r\n    color: rgba(255, 255, 255, 0.85) !important;\r\n    background: rgba(11, 11, 11, 0.65) !important;\r\n    backdrop-filter: blur(10px) !important;\r\n    -webkit-backdrop-filter: blur(10px) !important;\r\n    padding: 8px 18px !important;\r\n    border: 1px solid rgba(197, 160, 89, 0.35) !important;\r\n    border-radius: 2px !important;\r\n}\r\n\r\n.zhs-video-badge-dot {\r\n    width: 6px !important;\r\n    height: 6px !important;\r\n    background-color: #C5A059 !important;\r\n    border-radius: 50% !important;\r\n    box-shadow: 0 0 8px #C5A059 !important;\r\n}\r\n\r\n\/* Responsive Handling *\/\r\n@media (max-width: 768px) {\r\n    .zhs-video-section {\r\n        padding: 50px 0 !important;\r\n    }\r\n    .zhs-frame-wrapper {\r\n        width: 92% !important;\r\n        padding: 10px !important;\r\n    }\r\n    .zhs-video-badge {\r\n        top: 15px !important;\r\n        left: 15px !important;\r\n        font-size: 8px !important;\r\n        padding: 6px 12px !important;\r\n        letter-spacing: 2px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"zhs-video-section\">\r\n    <!-- Double Frame Container with Architectural Accents -->\r\n    <div class=\"zhs-frame-wrapper\">\r\n        \r\n        <!-- Corner Gold Brackets -->\r\n        <div class=\"zhs-corner-bracket zhs-corner-tl\"><\/div>\r\n        <div class=\"zhs-corner-bracket zhs-corner-tr\"><\/div>\r\n        <div class=\"zhs-corner-bracket zhs-corner-bl\"><\/div>\r\n        <div class=\"zhs-corner-bracket zhs-corner-br\"><\/div>\r\n\r\n        <!-- Video Box -->\r\n        <div class=\"zhs-premium-video-box\">\r\n            \r\n            <!-- Glassmorphism Badge -->\r\n            <div class=\"zhs-video-badge\">\r\n                <span class=\"zhs-video-badge-dot\"><\/span>\r\n                <span>Craftsmanship In Motion<\/span>\r\n            <\/div>\r\n\r\n            <!-- Gradient Vignette Overlay -->\r\n            <div class=\"zhs-cinematic-overlay\"><\/div>\r\n            \r\n            <!-- Autoplay Video -->\r\n            <video autoplay muted loop playsinline>\r\n                <source src=\"https:\/\/zebrano.ae\/wp-content\/uploads\/2026\/08\/monzio-vid.mp4\" type=\"video\/mp4\">\r\n                Your browser does not support the video tag.\r\n            <\/video>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51847a7 e-con-full e-flex e-con e-parent\" data-id=\"51847a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e40f011 elementor-widget elementor-widget-html\" data-id=\"e40f011\" 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=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,600&family=Lora:ital,wght@0,400;0,500;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap');\r\n\r\n\/* Namespace Reset *\/\r\n.zeb-cta-v2-root,\r\n.zeb-cta-v2-root * {\r\n    box-sizing: border-box !important;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Base Wrapper - Pure White Theme *\/\r\n.zeb-cta-v2-root {\r\n    background-color: #ffffff !important;\r\n    background-image: \r\n        radial-gradient(ellipse at 15% 20%, rgba(197, 160, 89, 0.04) 0%, transparent 55%),\r\n        radial-gradient(ellipse at 85% 80%, rgba(197, 160, 89, 0.03) 0%, transparent 55%) !important;\r\n    color: #0a0a0a !important;\r\n    width: 100% !important;\r\n    position: relative !important;\r\n    padding: 100px 4% !important;\r\n    font-family: 'Lora', serif !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* Subtle Architectural Grid Lines Overlay *\/\r\n.zeb-cta-v2-root::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background-image: linear-gradient(rgba(0, 0, 0, 0.025) 1px, transparent 1px),\r\n                      linear-gradient(90deg, rgba(0, 0, 0, 0.025) 1px, transparent 1px) !important;\r\n    background-size: 90px 90px !important;\r\n    pointer-events: none !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n\/* Main Grid Container *\/\r\n.zeb-cta-grid {\r\n    max-width: 1440px !important;\r\n    margin: 0 auto !important;\r\n    display: grid !important;\r\n    grid-template-columns: 1.1fr 1.2fr !important;\r\n    gap: 70px !important;\r\n    align-items: center !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n\/* --- LEFT SIDE: ARCHITECTURAL FRAME & IMAGE --- *\/\r\n.zeb-cta-media-wrap {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 580px !important;\r\n    border-radius: 4px !important;\r\n}\r\n\r\n\/* Layered Frame Borders *\/\r\n.zeb-cta-media-inner {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    border-radius: 4px !important;\r\n    border: 1px solid rgba(197, 160, 89, 0.35) !important;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06) !important;\r\n}\r\n\r\n.zeb-cta-media-inner img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    filter: brightness(0.95) contrast(1.02) !important;\r\n    transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.zeb-cta-media-wrap:hover .zeb-cta-media-inner img {\r\n    transform: scale(1.06) !important;\r\n}\r\n\r\n\/* Floating Architectural Badge on Image *\/\r\n.zeb-cta-floating-badge {\r\n    position: absolute !important;\r\n    bottom: 35px !important;\r\n    left: -25px !important;\r\n    background: rgba(255, 255, 255, 0.92) !important;\r\n    backdrop-filter: blur(15px) !important;\r\n    -webkit-backdrop-filter: blur(15px) !important;\r\n    border: 1px solid rgba(197, 160, 89, 0.4) !important;\r\n    padding: 22px 30px !important;\r\n    border-radius: 4px !important;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;\r\n    z-index: 5 !important;\r\n}\r\n\r\n.zeb-cta-badge-num {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 38px !important;\r\n    font-weight: 600 !important;\r\n    color: #b8934a !important; \/* Slightly deeper gold for white bg *\/\r\n    line-height: 1 !important;\r\n    margin-bottom: 4px !important;\r\n}\r\n\r\n.zeb-cta-badge-txt {\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    font-size: 10px !important;\r\n    letter-spacing: 3px !important;\r\n    text-transform: uppercase !important;\r\n    color: #444444 !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n\/* --- RIGHT SIDE: EDITORIAL CONTENT --- *\/\r\n.zeb-cta-content {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: center !important;\r\n}\r\n\r\n\/* Main Headline *\/\r\n.zeb-cta-headline {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: clamp(40px, 4.5vw, 62px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.1 !important;\r\n    color: #0a0a0a !important;\r\n    margin-bottom: 25px !important;\r\n    letter-spacing: -0.5px !important;\r\n}\r\n\r\n.zeb-cta-headline span {\r\n    font-style: italic !important;\r\n    color: #b8934a !important;\r\n    font-weight: 500 !important;\r\n}\r\n\r\n\/* Subtext *\/\r\n.zeb-cta-description {\r\n    font-size: 16px !important;\r\n    line-height: 1.85 !important;\r\n    color: #555555 !important;\r\n    margin-bottom: 45px !important;\r\n    max-width: 580px !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n\/* CTA Buttons Container *\/\r\n.zeb-cta-buttons {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 20px !important;\r\n    flex-wrap: wrap !important;\r\n    margin-bottom: 55px !important;\r\n}\r\n\r\n\/* Primary Button (Gold) *\/\r\n.zeb-btn-solid-gold {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 15px !important;\r\n    background: #b8934a !important;\r\n    color: #ffffff !important;\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: 3px !important;\r\n    text-transform: uppercase !important;\r\n    font-weight: 600 !important;\r\n    padding: 20px 38px !important;\r\n    border-radius: 2px !important;\r\n    text-decoration: none !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    border: 1px solid #b8934a !important;\r\n}\r\n\r\n.zeb-btn-solid-gold svg {\r\n    stroke: #ffffff !important;\r\n    transition: transform 0.3s ease !important;\r\n}\r\n\r\n.zeb-btn-solid-gold:hover {\r\n    background: #0a0a0a !important;\r\n    border-color: #0a0a0a !important;\r\n    transform: translateY(-4px) !important;\r\n    box-shadow: 0 15px 35px rgba(10, 10, 10, 0.15) !important;\r\n}\r\n\r\n.zeb-btn-solid-gold:hover svg {\r\n    transform: translateX(5px) !important;\r\n}\r\n\r\n\/* Secondary Button (Clean Light Outline\/Glass) *\/\r\n.zeb-btn-glass {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 15px !important;\r\n    background: #ffffff !important;\r\n    color: #0a0a0a !important;\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: 3px !important;\r\n    text-transform: uppercase !important;\r\n    font-weight: 600 !important;\r\n    padding: 20px 38px !important;\r\n    border-radius: 2px !important;\r\n    text-decoration: none !important;\r\n    border: 1px solid #d0d0d0 !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.zeb-btn-glass svg {\r\n    stroke: #b8934a !important;\r\n    transition: transform 0.3s ease !important;\r\n}\r\n\r\n.zeb-btn-glass:hover {\r\n    border-color: #b8934a !important;\r\n    background: rgba(184, 147, 74, 0.05) !important;\r\n    color: #b8934a !important;\r\n    transform: translateY(-4px) !important;\r\n}\r\n\r\n.zeb-btn-glass:hover svg {\r\n    transform: translateX(5px) !important;\r\n}\r\n\r\n\/* Footer Stats Strip *\/\r\n.zeb-cta-stats-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 25px !important;\r\n    padding-top: 35px !important;\r\n    border-top: 1px solid #eaeaea !important;\r\n}\r\n\r\n.zeb-stat-item {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 5px !important;\r\n}\r\n\r\n.zeb-stat-title {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 24px !important;\r\n    font-weight: 600 !important;\r\n    color: #0a0a0a !important;\r\n}\r\n\r\n.zeb-stat-sub {\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    font-size: 10px !important;\r\n    letter-spacing: 2px !important;\r\n    text-transform: uppercase !important;\r\n    color: #777777 !important;\r\n}\r\n\r\n\/* Responsive Styles *\/\r\n@media (max-width: 1100px) {\r\n    .zeb-cta-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 60px !important;\r\n    }\r\n    .zeb-cta-media-wrap {\r\n        height: 450px !important;\r\n    }\r\n    .zeb-cta-floating-badge {\r\n        left: 20px !important;\r\n        bottom: 20px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .zeb-cta-v2-root {\r\n        padding: 70px 20px !important;\r\n    }\r\n    .zeb-cta-media-wrap {\r\n        height: 350px !important;\r\n    }\r\n    .zeb-cta-buttons {\r\n        flex-direction: column !important;\r\n        width: 100% !important;\r\n    }\r\n    .zeb-btn-solid-gold, .zeb-btn-glass {\r\n        width: 100% !important;\r\n        justify-content: center !important;\r\n    }\r\n    .zeb-cta-stats-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 20px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"zeb-cta-v2-root\">\r\n    <div class=\"zeb-cta-grid\">\r\n        \r\n        <!-- Left Pane: Architectural Visual & Floating Badge -->\r\n        <div class=\"zeb-cta-media-wrap\">\r\n            <div class=\"zeb-cta-media-inner\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&q=80&w=1200\" alt=\"Zebrano Bespoke Living\">\r\n            <\/div>\r\n            \r\n            <div class=\"zeb-cta-floating-badge\">\r\n                <div class=\"zeb-cta-badge-num\">100%<\/div>\r\n                <div class=\"zeb-cta-badge-txt\">Turnkey Excellence<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Pane: Editorial Text & CTAs -->\r\n        <div class=\"zeb-cta-content\">\r\n            <h2 class=\"zeb-cta-headline\">\r\n                Let\u2019s Shape Your Vision Into <span>Bespoke Reality<\/span>\r\n            <\/h2>\r\n            \r\n            <p class=\"zeb-cta-description\">\r\n                Collaborate with our master craftsmen and architectural interior specialists for your upcoming luxury residential or prestige hospitality developments across Dubai and the GCC.\r\n            <\/p>\r\n            \r\n            <div class=\"zeb-cta-buttons\">\r\n                <a href=\"https:\/\/wa.me\/\" target=\"_blank\" class=\"zeb-btn-solid-gold\">\r\n                    <span>Consult Via WhatsApp<\/span>\r\n                    <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                <\/a>\r\n                \r\n                <a href=\"\/contact\" class=\"zeb-btn-glass\">\r\n                    <span>Request Portfolio<\/span>\r\n                    <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Micro Stats Strip -->\r\n            <div class=\"zeb-cta-stats-grid\">\r\n                <div class=\"zeb-stat-item\">\r\n                    <span class=\"zeb-stat-title\">50+<\/span>\r\n                    <span class=\"zeb-stat-sub\">Iconic Estates<\/span>\r\n                <\/div>\r\n                <div class=\"zeb-stat-item\">\r\n                    <span class=\"zeb-stat-title\">Full Scope<\/span>\r\n                    <span class=\"zeb-stat-sub\">Fit-Out & Joinery<\/span>\r\n                <\/div>\r\n                <div class=\"zeb-stat-item\">\r\n                    <span class=\"zeb-stat-title\">UAE & GCC<\/span>\r\n                    <span class=\"zeb-stat-sub\">Regional Presence<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e699bf e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"0e699bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c03a0a1 elementor-widget elementor-widget-html\" data-id=\"c03a0a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Include GSAP Core and 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<style>\r\n\/* Strictly Lora Font Import *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');\r\n\r\n.zeb-luxe-section,\r\n.zeb-luxe-section * {\r\n    font-family: 'Lora', serif !important;\r\n    box-sizing: border-box !important;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Deep Obsidian Base Section with Multi-Layer Ambient Gold Glow *\/\r\n.zeb-luxe-section {\r\n    background-color: #030303 !important;\r\n    background-image: \r\n        radial-gradient(circle at 10% 20%, rgba(197, 160, 89, 0.1) 0%, transparent 50%),\r\n        radial-gradient(circle at 90% 80%, rgba(197, 160, 89, 0.07) 0%, transparent 50%),\r\n        radial-gradient(circle at 50% 50%, rgba(15, 15, 15, 0.8) 0%, transparent 100%) !important;\r\n    color: #ffffff !important;\r\n    width: 100% !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    padding: 100px 24px !important;\r\n}\r\n\r\n\/* Architectural Fine Grid Lines Overlay *\/\r\n.zeb-luxe-section::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background-image: linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),\r\n                      linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px) !important;\r\n    background-size: 80px 80px !important;\r\n    pointer-events: none !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n.zeb-luxe-container {\r\n    max-width: 1320px !important;\r\n    margin: 0 auto !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 70px !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n\/* --- TOP ROW: Split Layout --- *\/\r\n.zeb-top-split {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 60px !important;\r\n}\r\n\r\n.zeb-text-col {\r\n    flex: 1.1 !important;\r\n}\r\n\r\n.zeb-sub-tag {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: 5px !important;\r\n    text-transform: uppercase !important;\r\n    color: #cfa968 !important;\r\n    margin-bottom: 20px !important;\r\n    font-style: italic !important;\r\n}\r\n\r\n.zeb-sub-tag::before {\r\n    content: '' !important;\r\n    width: 24px !important;\r\n    height: 1px !important;\r\n    background: #cfa968 !important;\r\n}\r\n\r\n.zeb-text-col h2 {\r\n    font-size: clamp(34px, 4vw, 52px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.18 !important;\r\n    margin-bottom: 24px !important;\r\n    color: #ffffff !important;\r\n    letter-spacing: -0.5px !important;\r\n}\r\n\r\n.zeb-text-col h2 i {\r\n    font-style: italic !important;\r\n    color: #e5cd9c !important;\r\n}\r\n\r\n.zeb-text-col p {\r\n    font-size: 15px !important;\r\n    line-height: 1.8 !important;\r\n    color: rgba(255, 255, 255, 0.72) !important;\r\n    margin-bottom: 16px !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n\/* Hero Image Slider Box *\/\r\n.zeb-slider-col {\r\n    flex: 1 !important;\r\n    position: relative !important;\r\n    height: 440px !important;\r\n    border-radius: 8px !important;\r\n    overflow: hidden !important;\r\n    border: 1px solid rgba(197, 160, 89, 0.35) !important;\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.9), 0 0 30px rgba(197, 160, 89, 0.08) !important;\r\n}\r\n\r\n.zeb-slide-item {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    clip-path: inset(0 100% 0 0);\r\n    z-index: 1 !important;\r\n}\r\n\r\n.zeb-slide-item.active {\r\n    clip-path: inset(0 0 0 0);\r\n    z-index: 2 !important;\r\n}\r\n\r\n.zeb-slide-item img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* --- BOTTOM ROW: Elementor-Safe Grid Layout --- *\/\r\n.zeb-bottom-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n    gap: 35px !important;\r\n    width: 100% !important;\r\n    align-items: stretch !important;\r\n}\r\n\r\n.zeb-luxe-card {\r\n    position: relative !important;\r\n    background: linear-gradient(135deg, rgba(22, 22, 22, 0.92) 0%, rgba(10, 10, 10, 0.98) 100%) !important;\r\n    backdrop-filter: blur(25px) !important;\r\n    -webkit-backdrop-filter: blur(25px) !important;\r\n    border: 1px solid rgba(197, 160, 89, 0.22) !important;\r\n    border-radius: 12px !important;\r\n    padding: 45px 40px !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: space-between !important;\r\n    overflow: hidden !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n\/* Subtle top glow line *\/\r\n.zeb-luxe-card::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    right: 0 !important;\r\n    height: 1px !important;\r\n    background: linear-gradient(90deg, transparent, rgba(197, 160, 89, 0.6), transparent) !important;\r\n}\r\n\r\n\/* Background Watermark Number *\/\r\n.zeb-card-watermark {\r\n    position: absolute !important;\r\n    top: -10px !important;\r\n    right: 15px !important;\r\n    font-size: 130px !important;\r\n    font-weight: 600 !important;\r\n    font-style: italic !important;\r\n    color: rgba(197, 160, 89, 0.04) !important;\r\n    line-height: 1 !important;\r\n    pointer-events: none !important;\r\n    transition: all 0.5s ease !important;\r\n    user-select: none !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n\/* Card Header Arrow *\/\r\n.zeb-card-top {\r\n    display: flex !important;\r\n    justify-content: flex-end !important;\r\n    align-items: center !important;\r\n    position: relative !important;\r\n    z-index: 3 !important;\r\n}\r\n\r\n.zeb-card-arrow {\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n    border-radius: 50% !important;\r\n    border: 1px solid rgba(207, 169, 104, 0.35) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    color: #cfa968 !important;\r\n    font-size: 14px !important;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    background: rgba(197, 160, 89, 0.03) !important;\r\n}\r\n\r\n\/* Card Body Content *\/\r\n.zeb-card-body {\r\n    position: relative !important;\r\n    z-index: 3 !important;\r\n    margin-top: 15px !important;\r\n}\r\n\r\n.zeb-card-body h3 {\r\n    font-size: 28px !important;\r\n    font-weight: 400 !important;\r\n    color: #ffffff !important;\r\n    margin-bottom: 14px !important;\r\n    line-height: 1.2 !important;\r\n    transition: color 0.4s ease !important;\r\n    letter-spacing: -0.3px !important;\r\n}\r\n\r\n.zeb-card-body p {\r\n    font-size: 15px !important;\r\n    line-height: 1.75 !important;\r\n    color: rgba(255, 255, 255, 0.75) !important;\r\n    transition: color 0.4s ease !important;\r\n}\r\n\r\n\/* Gold Bottom Accent Line *\/\r\n.zeb-card-line {\r\n    width: 100% !important;\r\n    height: 1px !important;\r\n    background: rgba(255, 255, 255, 0.1) !important;\r\n    position: relative !important;\r\n    margin-top: 25px !important;\r\n    z-index: 3 !important;\r\n}\r\n\r\n.zeb-card-line::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 0% !important;\r\n    height: 100% !important;\r\n    background: linear-gradient(90deg, #cfa968, #f3e0b8) !important;\r\n    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n\/* Hover Effects *\/\r\n.zeb-luxe-card:hover {\r\n    transform: translateY(-6px) !important;\r\n    background: linear-gradient(135deg, rgba(28, 28, 28, 0.96) 0%, rgba(14, 14, 14, 0.99) 100%) !important;\r\n    border-color: rgba(207, 169, 104, 0.65) !important;\r\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.85), 0 0 35px rgba(197, 160, 89, 0.12) !important;\r\n}\r\n\r\n.zeb-luxe-card:hover .zeb-card-watermark {\r\n    color: rgba(207, 169, 104, 0.08) !important;\r\n    transform: translateY(-6px) scale(1.03) !important;\r\n}\r\n\r\n.zeb-luxe-card:hover .zeb-card-body h3 {\r\n    color: #e5cd9c !important;\r\n}\r\n\r\n.zeb-luxe-card:hover .zeb-card-body p {\r\n    color: #ffffff !important;\r\n}\r\n\r\n.zeb-luxe-card:hover .zeb-card-arrow {\r\n    background: #cfa968 !important;\r\n    color: #030303 !important;\r\n    border-color: #cfa968 !important;\r\n    transform: rotate(45deg) !important;\r\n    box-shadow: 0 0 15px rgba(197, 160, 89, 0.4) !important;\r\n}\r\n\r\n.zeb-luxe-card:hover .zeb-card-line::after {\r\n    width: 100% !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n    .zeb-top-split {\r\n        flex-direction: column !important;\r\n        gap: 40px !important;\r\n    }\r\n    .zeb-slider-col {\r\n        width: 100% !important;\r\n        height: 340px !important;\r\n    }\r\n    .zeb-bottom-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 20px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"zeb-luxe-section\">\r\n    <div class=\"zeb-luxe-container\">\r\n        \r\n        <!-- Top Split Section -->\r\n        <div class=\"zeb-top-split\">\r\n            <div class=\"zeb-text-col\">\r\n                <div class=\"zeb-sub-tag\">The Story of Zebrano<\/div>\r\n                <h2>Luxury & Comfort <br><i>In Garden Furniture<\/i><\/h2>\r\n                <p>Zebrano is a brand that transforms living spaces with 40 years of experience in the furniture industry. With our aesthetically pleasing and comfort-focused solutions, we offer not just products, but a lifestyle.<\/p>\r\n                <p>From gardens to hotels, verandas to poolside areas, every outdoor space is redefined with Zebrano designs, combining comfort, elegance, and harmony with nature.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Clip-Path Image Slider -->\r\n            <div class=\"zeb-slider-col\">\r\n                <div class=\"zeb-slide-item active\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&q=80&w=1200\" alt=\"Zebrano Luxury Outdoor\">\r\n                <\/div>\r\n                <div class=\"zeb-slide-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&q=80&w=1200\" alt=\"Zebrano Luxury Interior\">\r\n                <\/div>\r\n                <div class=\"zeb-slide-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618219908412-a29a1bb7b86e?auto=format&fit=crop&q=80&w=1200\" alt=\"Zebrano Villa Terrace\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bottom Cards Section -->\r\n        <div class=\"zeb-bottom-grid\">\r\n            \r\n            <!-- Box 01: Our Vision -->\r\n            <div class=\"zeb-luxe-card\">\r\n                <div class=\"zeb-card-watermark\">01<\/div>\r\n                \r\n                <div class=\"zeb-card-top\">\r\n                    <div class=\"zeb-card-arrow\">\u2197<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"zeb-card-body\">\r\n                    <h3>Our Vision<\/h3>\r\n                    <p>Aiming to be a globally preferred brand in luxury outdoor & garden furniture. We transform living spaces into functional, comfortable, and aesthetically iconic environments through modern design excellence.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"zeb-card-line\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Box 02: Our Mission -->\r\n            <div class=\"zeb-luxe-card\">\r\n                <div class=\"zeb-card-watermark\">02<\/div>\r\n                \r\n                <div class=\"zeb-card-top\">\r\n                    <div class=\"zeb-card-arrow\">\u2197<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"zeb-card-body\">\r\n                    <h3>Our Mission<\/h3>\r\n                    <p>Offering exceptionally durable outdoor furniture tailored to high-end architectural demands, while making sustainable contributions to the luxury sector through environmentally conscious materials.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"zeb-card-line\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    if (typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined') {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Smooth staggered entry for cards with fallback visibility\r\n        gsap.from(\".zeb-luxe-card\", {\r\n            scrollTrigger: { \r\n                trigger: \".zeb-bottom-grid\", \r\n                start: \"top 95%\",\r\n                toggleActions: \"play none none none\"\r\n            },\r\n            y: 20,\r\n            opacity: 0,\r\n            duration: 0.6,\r\n            stagger: 0.1,\r\n            ease: \"power2.out\",\r\n            clearProps: \"all\"\r\n        });\r\n    }\r\n\r\n    \/\/ Slider Clip-Path Logic\r\n    const slides = document.querySelectorAll('.zeb-slide-item');\r\n    if (slides.length) {\r\n        let currentIndex = 0;\r\n        const slideDuration = 4200;\r\n\r\n        slides.forEach(slide => {\r\n            if (typeof gsap !== 'undefined') {\r\n                gsap.set(slide.querySelector('img'), { scale: 1.1 });\r\n            }\r\n        });\r\n        if (typeof gsap !== 'undefined') {\r\n            gsap.to(slides[0].querySelector('img'), { scale: 1, duration: 5, ease: \"none\" });\r\n        }\r\n\r\n        function changeSlide() {\r\n            const currentSlide = slides[currentIndex];\r\n            currentIndex = (currentIndex + 1) % slides.length;\r\n            const nextSlide = slides[currentIndex];\r\n\r\n            if (typeof gsap !== 'undefined') {\r\n                gsap.set(nextSlide, { zIndex: 2, clipPath: \"inset(0 100% 0 0)\" });\r\n                gsap.set(currentSlide, { zIndex: 1 });\r\n                gsap.set(nextSlide.querySelector('img'), { scale: 1.1 }); \r\n\r\n                const tl = gsap.timeline();\r\n                tl.to(nextSlide, {\r\n                    clipPath: \"inset(0 0% 0 0)\",\r\n                    duration: 1.2,\r\n                    ease: \"power3.inOut\"\r\n                })\r\n                .to(nextSlide.querySelector('img'), {\r\n                    scale: 1,\r\n                    duration: 5,\r\n                    ease: \"none\"\r\n                }, \"-=1.2\");\r\n            }\r\n\r\n            setTimeout(() => {\r\n                currentSlide.classList.remove('active');\r\n                nextSlide.classList.add('active');\r\n            }, 1200);\r\n        }\r\n\r\n        setInterval(changeSlide, slideDuration);\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-fdd90fc e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"fdd90fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b27fd8 elementor-widget elementor-widget-html\" data-id=\"8b27fd8\" 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=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&display=swap');\r\n\r\n\/* Reset & Fonts *\/\r\n.zhs-portfolio-root,\r\n.zhs-portfolio-root * {\r\n    font-family: 'Lora', serif !important;\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Premium Pure White Background Section *\/\r\n.zhs-portfolio-root {\r\n    background-color: #ffffff !important;\r\n    color: #0a0a0a !important;\r\n    width: 100% !important;\r\n    position: relative !important;\r\n    padding: 120px 0 !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* Main Container *\/\r\n.zhs-main-container {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    width: 100% !important;\r\n    max-width: 1600px !important;\r\n    margin: 0 auto !important;\r\n    position: relative !important;\r\n}\r\n\r\n\/* --- LEFT PANEL (Static Info) --- *\/\r\n.zhs-info-column {\r\n    flex: 0 0 35% !important;\r\n    max-width: 35% !important;\r\n    padding: 0 3% 0 5% !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: center !important;\r\n}\r\n\r\n.zhs-brand-tag {\r\n    font-size: 11px !important;\r\n    letter-spacing: 5px !important;\r\n    text-transform: uppercase !important;\r\n    color: #cfa968 !important; \/* Accent Gold *\/\r\n    margin-bottom: 20px !important;\r\n    font-style: italic !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 15px !important;\r\n}\r\n\r\n.zhs-brand-tag::before {\r\n    content: '' !important;\r\n    width: 30px !important;\r\n    height: 1px !important;\r\n    background-color: #cfa968 !important;\r\n}\r\n\r\n.zhs-main-title {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: clamp(48px, 5vw, 68px) !important;\r\n    font-weight: 500 !important;\r\n    color: #0a0a0a !important;\r\n    line-height: 1.08 !important;\r\n    margin-bottom: 25px !important;\r\n    letter-spacing: -0.5px !important;\r\n}\r\n\r\n.zhs-description {\r\n    font-size: 15px !important;\r\n    line-height: 1.85 !important;\r\n    color: #555555 !important;\r\n    margin-bottom: 45px !important;\r\n    max-width: 400px !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.zhs-explore-btn {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 15px !important;\r\n    color: #0a0a0a !important;\r\n    text-decoration: none !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: 4px !important;\r\n    text-transform: uppercase !important;\r\n    padding-bottom: 8px !important;\r\n    border-bottom: 1.5px solid #0a0a0a !important;\r\n    transition: all 0.4s ease !important;\r\n    align-self: flex-start !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.zhs-explore-btn svg {\r\n    stroke: #cfa968 !important;\r\n    transition: transform 0.4s ease !important;\r\n}\r\n\r\n.zhs-explore-btn:hover {\r\n    color: #cfa968 !important;\r\n    border-bottom-color: #cfa968 !important;\r\n    gap: 22px !important;\r\n}\r\n\r\n.zhs-explore-btn:hover svg {\r\n    transform: translateX(5px) !important;\r\n}\r\n\r\n\/* --- RIGHT WRAPPER FOR SLIDER & ARROWS --- *\/\r\n.zhs-slider-wrapper {\r\n    flex: 0 0 60% !important;\r\n    max-width: 60% !important;\r\n    position: relative !important;\r\n    margin-right: 5% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n}\r\n\r\n\/* Counter Wrapper *\/\r\n.zhs-slider-counter {\r\n    position: absolute !important;\r\n    top: -45px !important;\r\n    right: 0 !important;\r\n    font-size: 13px !important;\r\n    letter-spacing: 3px !important;\r\n    color: #888888 !important;\r\n    font-weight: 500 !important;\r\n    display: flex !important;\r\n    align-items: baseline !important;\r\n    gap: 6px !important;\r\n    z-index: 100 !important;\r\n}\r\n\r\n.zhs-slider-counter span.zhs-current {\r\n    color: #cfa968 !important;\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 32px !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n\/* Arrow Buttons *\/\r\n.zhs-arrow-ctrl {\r\n    position: absolute !important;\r\n    top: 50% !important;\r\n    transform: translateY(-50%) !important;\r\n    width: 52px !important;\r\n    height: 52px !important;\r\n    border-radius: 50% !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.3) !important;\r\n    background: rgba(10, 10, 10, 0.4) !important;\r\n    backdrop-filter: blur(10px) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;\r\n    outline: none !important;\r\n    padding: 0 !important;\r\n    z-index: 110 !important;\r\n}\r\n\r\n#zhsPrevBtn {\r\n    left: -26px !important;\r\n}\r\n\r\n#zhsNextBtn {\r\n    right: -26px !important;\r\n}\r\n\r\n.zhs-arrow-ctrl svg {\r\n    width: 20px !important;\r\n    height: 20px !important;\r\n    display: block !important;\r\n    overflow: visible !important;\r\n    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.zhs-arrow-ctrl svg *,\r\n.zhs-arrow-ctrl svg path,\r\n.zhs-arrow-ctrl svg line,\r\n.zhs-arrow-ctrl svg polyline {\r\n    stroke: #ffffff !important;\r\n    stroke-width: 1.8px !important;\r\n    fill: none !important;\r\n    transition: stroke 0.3s ease !important;\r\n}\r\n\r\n.zhs-arrow-ctrl:hover {\r\n    background: #cfa968 !important;\r\n    border-color: #cfa968 !important;\r\n    box-shadow: 0 12px 30px rgba(207, 169, 104, 0.4) !important;\r\n}\r\n\r\n.zhs-arrow-ctrl:hover svg *,\r\n.zhs-arrow-ctrl:hover svg path,\r\n.zhs-arrow-ctrl:hover svg line,\r\n.zhs-arrow-ctrl:hover svg polyline {\r\n    stroke: #ffffff !important;\r\n}\r\n\r\n.zhs-arrow-ctrl#zhsPrevBtn:hover svg {\r\n    transform: translateX(-4px) !important;\r\n}\r\n\r\n.zhs-arrow-ctrl#zhsNextBtn:hover svg {\r\n    transform: translateX(4px) !important;\r\n}\r\n\r\n\/* --- RIGHT PANEL (Native Horizontal Scroll) --- *\/\r\n.zhs-slider-viewport {\r\n    width: 100% !important;\r\n    overflow-x: auto !important;\r\n    overflow-y: hidden !important;\r\n    scroll-behavior: smooth !important;\r\n    scroll-snap-type: x mandatory !important;\r\n    padding: 30px 0 50px 0 !important;\r\n    \r\n    scrollbar-width: none;\r\n    -ms-overflow-style: none;\r\n}\r\n.zhs-slider-viewport::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n.zhs-slides-track {\r\n    display: flex !important;\r\n    gap: 40px !important;\r\n}\r\n\r\n\/* Project Cards - Landscape with Overlay *\/\r\n.zhs-project-item {\r\n    position: relative !important;\r\n    flex: 0 0 100% !important;\r\n    min-width: 100% !important;\r\n    height: 580px !important;\r\n    background: #0a0a0a !important;\r\n    border-radius: 4px !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: flex-end !important;\r\n    text-decoration: none !important;\r\n    cursor: pointer !important;\r\n    scroll-snap-align: start !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1) !important;\r\n    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n\/* Background Image inside Card *\/\r\n.zhs-img-holder {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n.zhs-img-holder img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    transform: scale(1.02) !important;\r\n    transition: transform 0.9s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n\/* Luxury Dark Gradient Overlay for Readability *\/\r\n.zhs-project-item::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background: linear-gradient(180deg, rgba(10,10,10,0) 30%, rgba(10,10,10,0.85) 85%, rgba(10,10,10,0.95) 100%) !important;\r\n    z-index: 2 !important;\r\n    transition: opacity 0.5s ease !important;\r\n}\r\n\r\n.zhs-project-item:hover .zhs-img-holder img {\r\n    transform: scale(1.06) !important;\r\n}\r\n\r\n.zhs-project-item:hover {\r\n    box-shadow: 0 35px 70px rgba(0, 0, 0, 0.25) !important;\r\n    border-color: rgba(207, 169, 104, 0.4) !important;\r\n}\r\n\r\n\/* Content Details over Image *\/\r\n.zhs-card-details {\r\n    position: relative !important;\r\n    z-index: 3 !important;\r\n    padding: 45px 50px !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    width: 100% !important;\r\n    transform: translateY(10px) !important;\r\n    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.zhs-project-item:hover .zhs-card-details {\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n.zhs-card-category {\r\n    font-size: 11px !important;\r\n    letter-spacing: 4px !important;\r\n    text-transform: uppercase !important;\r\n    color: #cfa968 !important;\r\n    margin-bottom: 10px !important;\r\n    display: block !important;\r\n    font-weight: 500 !important;\r\n    font-style: italic !important;\r\n}\r\n\r\n.zhs-card-details h3 {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 38px !important;\r\n    font-weight: 500 !important;\r\n    color: #ffffff !important;\r\n    margin-bottom: 12px !important;\r\n    line-height: 1.15 !important;\r\n    letter-spacing: -0.5px !important;\r\n    transition: color 0.3s ease !important;\r\n}\r\n\r\n.zhs-project-item:hover .zhs-card-details h3 {\r\n    color: #f3e5c8 !important;\r\n}\r\n\r\n.zhs-card-location {\r\n    font-size: 14px !important;\r\n    color: rgba(255, 255, 255, 0.75) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 10px !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.zhs-card-location i {\r\n    width: 5px !important;\r\n    height: 5px !important;\r\n    background: #cfa968 !important;\r\n    border-radius: 50% !important;\r\n    display: inline-block !important;\r\n}\r\n\r\n\/* Floating WhatsApp *\/\r\n.zhs-whatsapp-float {\r\n    position: fixed !important;\r\n    bottom: 30px !important;\r\n    right: 30px !important;\r\n    width: 55px !important;\r\n    height: 55px !important;\r\n    background-color: #25D366 !important;\r\n    color: white !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    text-decoration: none !important;\r\n    box-shadow: 0 10px 30px rgba(37, 211, 102, 0.3) !important;\r\n    z-index: 999 !important;\r\n    transition: transform 0.3s ease !important;\r\n}\r\n.zhs-whatsapp-float:hover {\r\n    transform: scale(1.1) rotate(-5deg) !important;\r\n}\r\n.zhs-whatsapp-float svg {\r\n    width: 28px !important;\r\n    height: 28px !important;\r\n    fill: currentColor !important;\r\n}\r\n\r\n\/* Responsive Fixes *\/\r\n@media (max-width: 1024px) {\r\n    .zhs-portfolio-root {\r\n        padding: 80px 0 !important;\r\n    }\r\n    .zhs-main-container {\r\n        flex-direction: column !important;\r\n    }\r\n    .zhs-info-column {\r\n        flex: none !important;\r\n        max-width: 100% !important;\r\n        padding: 0 25px !important;\r\n        margin-bottom: 50px !important;\r\n    }\r\n    .zhs-slider-wrapper {\r\n        flex: none !important;\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        margin-right: 0 !important;\r\n        padding: 0 25px !important;\r\n    }\r\n    .zhs-slider-viewport {\r\n        padding: 30px 0 50px 0 !important;\r\n    }\r\n    #zhsPrevBtn {\r\n        left: 10px !important;\r\n    }\r\n    #zhsNextBtn {\r\n        right: 10px !important;\r\n    }\r\n    .zhs-slider-counter {\r\n        top: -35px !important;\r\n        right: 10px !important;\r\n    }\r\n    .zhs-project-item {\r\n        height: 450px !important;\r\n    }\r\n    .zhs-card-details {\r\n        padding: 25px 30px !important;\r\n    }\r\n    .zhs-card-details h3 {\r\n        font-size: 28px !important;\r\n    }\r\n    .zhs-slides-track {\r\n        gap: 20px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- Floating WhatsApp -->\r\n<a href=\"url?id=16\" target=\"_blank\" class=\"zhs-whatsapp-float\" aria-label=\"Chat on WhatsApp\">\r\n    <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n<\/a>\r\n\r\n<section class=\"zhs-portfolio-root\">\r\n\r\n    <div class=\"zhs-main-container\">\r\n\r\n        <!-- Left Content Column -->\r\n        <div class=\"zhs-info-column\">\r\n            <span class=\"zhs-brand-tag\">Turnkey Execution<\/span>\r\n            <h2 class=\"zhs-main-title\">Masterpieces<\/h2>\r\n            <p class=\"zhs-description\">Delivering bespoke luxury interior solutions for iconic residential villas and premier hospitality spaces across the UAE. End-to-end craftsmanship engineered for distinction.<\/p>\r\n            \r\n            <a href=\"\/projects\" class=\"zhs-explore-btn\">\r\n                <span>Explore All Projects<\/span>\r\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- Right Wrapper Column -->\r\n        <div class=\"zhs-slider-wrapper\">\r\n            \r\n            <!-- Slide Counter -->\r\n            <div class=\"zhs-slider-counter\">\r\n                <span class=\"zhs-current\" id=\"zhsCurrentNum\">01<\/span>\r\n                <span>&nbsp;\/ 04<\/span>\r\n            <\/div>\r\n\r\n            <!-- Left Arrow Button -->\r\n            <button class=\"zhs-arrow-ctrl\" id=\"zhsPrevBtn\" aria-label=\"Previous\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <polyline points=\"12 19 5 12 12 5\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n\r\n            <!-- Right Arrow Button -->\r\n            <button class=\"zhs-arrow-ctrl\" id=\"zhsNextBtn\" aria-label=\"Next\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <polyline points=\"12 5 19 12 12 19\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n\r\n            <!-- Right Viewport Column -->\r\n            <div class=\"zhs-slider-viewport\" id=\"zhsViewport\">\r\n                <div class=\"zhs-slides-track\" id=\"zhsTrack\">\r\n                    \r\n                    <a href=\"#\" class=\"zhs-project-item\">\r\n                        <div class=\"zhs-img-holder\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&q=80&w=1200\" alt=\"Signature Villa\">\r\n                        <\/div>\r\n                        <div class=\"zhs-card-details\">\r\n                            <span class=\"zhs-card-category\">Luxury Residential<\/span>\r\n                            <h3>Signature Villa<\/h3>\r\n                            <div class=\"zhs-card-location\"><i><\/i> Palm Jumeirah, Dubai<\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"zhs-project-item\">\r\n                        <div class=\"zhs-img-holder\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&q=80&w=1200\" alt=\"The Royal Penthouse\">\r\n                        <\/div>\r\n                        <div class=\"zhs-card-details\">\r\n                            <span class=\"zhs-card-category\">Penthouse Suite<\/span>\r\n                            <h3>The Royal Penthouse<\/h3>\r\n                            <div class=\"zhs-card-location\"><i><\/i> Downtown Dubai<\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"zhs-project-item\">\r\n                        <div class=\"zhs-img-holder\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1582719508461-905c673771fd?auto=format&fit=crop&q=80&w=1200\" alt=\"Boutique Resort\">\r\n                        <\/div>\r\n                        <div class=\"zhs-card-details\">\r\n                            <span class=\"zhs-card-category\">Hospitality Landmark<\/span>\r\n                            <h3>Boutique Resort<\/h3>\r\n                            <div class=\"zhs-card-location\"><i><\/i> Abu Dhabi, UAE<\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                    <a href=\"#\" class=\"zhs-project-item\">\r\n                        <div class=\"zhs-img-holder\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&q=80&w=1200\" alt=\"The Glass Pavilion\">\r\n                        <\/div>\r\n                        <div class=\"zhs-card-details\">\r\n                            <span class=\"zhs-card-category\">Architectural Living<\/span>\r\n                            <h3>The Glass Pavilion<\/h3>\r\n                            <div class=\"zhs-card-location\"><i><\/i> Emirates Hills, Dubai<\/div>\r\n                        <\/div>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Vanilla JS for Dynamic Landscape Scrolling & Counter -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const viewport = document.getElementById('zhsViewport');\r\n    const track = document.getElementById('zhsTrack');\r\n    const nextBtn = document.getElementById('zhsNextBtn');\r\n    const prevBtn = document.getElementById('zhsPrevBtn');\r\n    const counterNum = document.getElementById('zhsCurrentNum');\r\n    const cards = document.querySelectorAll('.zhs-project-item');\r\n\r\n    const getScrollAmount = () => {\r\n        if (!cards.length) return 0;\r\n        const cardWidth = cards[0].offsetWidth;\r\n        const gap = parseInt(window.getComputedStyle(track).gap) || 0;\r\n        return cardWidth + gap;\r\n    };\r\n\r\n    if(nextBtn && prevBtn && viewport) {\r\n        nextBtn.addEventListener('click', function() {\r\n            viewport.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });\r\n        });\r\n\r\n        prevBtn.addEventListener('click', function() {\r\n            viewport.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });\r\n        });\r\n\r\n        viewport.addEventListener('scroll', function() {\r\n            let scrollLeft = viewport.scrollLeft;\r\n            let scrollAmount = getScrollAmount();\r\n            \r\n            let activeIndex = Math.round(scrollLeft \/ scrollAmount) + 1;\r\n            \r\n            if (activeIndex < 1) activeIndex = 1;\r\n            if (activeIndex > cards.length) activeIndex = cards.length;\r\n\r\n            counterNum.textContent = \"0\" + activeIndex;\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-4ca1fc1 e-con-full e-flex e-con e-parent\" data-id=\"4ca1fc1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8c0b47 elementor-widget elementor-widget-shortcode\" data-id=\"b8c0b47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Lora:ital,wght@0,400;0,500;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\n\n    .zeb-enquiry-v2,\n    .zeb-enquiry-v2 * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n\n    .zeb-enquiry-v2 {\n        background-color: #040404;\n        color: #ffffff;\n        position: relative;\n        width: 100%;\n        padding: 130px 4%;\n        font-family: 'Lora', serif;\n        overflow: hidden;\n    }\n\n    .zeb-enquiry-v2::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\n                          linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);\n        background-size: 90px 90px;\n        pointer-events: none;\n        z-index: 1;\n    }\n\n    .zeb-v2-container {\n        max-width: 1440px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 1.3fr;\n        gap: 90px;\n        align-items: center;\n        position: relative;\n        z-index: 2;\n    }\n\n    .zeb-v2-info {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .zeb-v2-top-badge {\n        width: 44px;\n        height: 44px;\n        border: 1px solid rgba(197, 160, 89, 0.4);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 25px;\n    }\n\n    .zeb-v2-top-badge span {\n        width: 10px;\n        height: 10px;\n        background: #C5A059;\n        border-radius: 50%;\n    }\n\n    .zeb-v2-tag {\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-size: 11px;\n        letter-spacing: 5px;\n        text-transform: uppercase;\n        color: #C5A059;\n        margin-bottom: 22px;\n        font-weight: 600;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .zeb-v2-tag::before {\n        content: '';\n        width: 25px;\n        height: 1px;\n        background: #C5A059;\n    }\n\n    .zeb-v2-info h2 {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: clamp(44px, 5vw, 68px);\n        font-weight: 500;\n        line-height: 1.08;\n        margin-bottom: 25px;\n        color: #ffffff;\n        letter-spacing: -0.5px;\n    }\n\n    .zeb-v2-info h2 i {\n        font-style: italic;\n        font-weight: 400;\n        color: #ffffff;\n    }\n\n    .zeb-v2-desc {\n        font-size: 16px;\n        line-height: 1.85;\n        color: rgba(255, 255, 255, 0.65);\n        margin-bottom: 45px;\n        max-width: 500px;\n        font-weight: 400;\n    }\n\n    .zeb-v2-contact-list {\n        display: flex;\n        flex-direction: column;\n        gap: 25px;\n        margin-bottom: 45px;\n    }\n\n    .zeb-v2-contact-item {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        text-decoration: none;\n    }\n\n    .zeb-v2-icon-box {\n        width: 56px;\n        height: 56px;\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(197, 160, 89, 0.3);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n\n    .zeb-v2-contact-icon {\n        width: 18px;\n        height: 18px;\n        stroke: #C5A059;\n        stroke-width: 1.8;\n        fill: none;\n    }\n\n    .zeb-v2-contact-text {\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n    }\n\n    .zeb-v2-label {\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-size: 10px;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        color: rgba(255, 255, 255, 0.45);\n        font-weight: 600;\n    }\n\n    .zeb-v2-val {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 20px;\n        color: #ffffff;\n        font-weight: 600;\n    }\n\n    .zeb-v2-discretion-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 14px 22px;\n        background: rgba(255, 255, 255, 0.02);\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-radius: 4px;\n        width: fit-content;\n    }\n\n    .zeb-v2-discretion-badge svg {\n        stroke: #C5A059;\n        flex-shrink: 0;\n    }\n\n    .zeb-v2-discretion-badge span {\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-size: 11px;\n        color: rgba(255, 255, 255, 0.7);\n        letter-spacing: 0.5px;\n        font-weight: 500;\n    }\n\n    .zeb-v2-form-box {\n        background: rgba(12, 12, 12, 0.85);\n        border: 1px solid rgba(197, 160, 89, 0.25);\n        padding: 60px 65px;\n        border-radius: 8px;\n        box-shadow: 0 30px 90px rgba(0, 0, 0, 0.7);\n        position: relative;\n    }\n\n    .zeb-v2-form-intro {\n        font-size: 15px;\n        color: rgba(255, 255, 255, 0.65);\n        line-height: 1.8;\n        margin-bottom: 40px;\n        font-weight: 400;\n    }\n\n    .zeb-v2-form-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 28px 22px;\n    }\n\n    .zeb-v2-input-group {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        width: 100%;\n    }\n\n    .zeb-v2-input-group.full-width {\n        grid-column: span 2;\n    }\n\n    .zeb-v2-input-group label {\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-size: 10px;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: rgba(255, 255, 255, 0.85);\n        font-weight: 700;\n    }\n\n    .zeb-v2-input-group input,\n    .zeb-v2-input-group select,\n    .zeb-v2-input-group textarea {\n        width: 100%;\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.12);\n        border-radius: 4px;\n        padding: 16px 20px;\n        font-family: 'Lora', serif;\n        font-size: 15px;\n        color: #ffffff;\n        outline: none;\n    }\n\n    .zeb-v2-input-group select {\n        appearance: none;\n        -webkit-appearance: none;\n        background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23C5A059' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\n        background-repeat: no-repeat;\n        background-position: right 18px center;\n        background-size: 16px;\n        cursor: pointer;\n    }\n\n    .zeb-v2-input-group select option {\n        background: #121212;\n        color: #ffffff;\n    }\n\n    .zeb-v2-input-group textarea {\n        resize: vertical;\n        min-height: 110px;\n    }\n\n    .zeb-v2-input-group input::placeholder,\n    .zeb-v2-input-group textarea::placeholder {\n        color: rgba(255, 255, 255, 0.3);\n    }\n\n    .zeb-v2-interest-wrapper {\n        margin-top: 5px;\n    }\n\n    .zeb-v2-pills {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 12px;\n        width: 100%;\n    }\n\n    .zeb-v2-pill {\n        padding: 14px 10px;\n        border: 1px solid rgba(255, 255, 255, 0.12);\n        border-radius: 4px;\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-size: 11px;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        color: rgba(255, 255, 255, 0.7);\n        cursor: pointer;\n        text-align: center;\n        background: rgba(255, 255, 255, 0.03);\n        font-weight: 600;\n        user-select: none;\n    }\n\n    .zeb-v2-pill input {\n        display: none;\n    }\n\n    .zeb-v2-pill.active {\n        background: #C5A059;\n        border-color: #C5A059;\n        color: #080808;\n        font-weight: 700;\n    }\n\n    .zeb-v2-form-footer {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-top: 35px;\n        padding-top: 30px;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        gap: 20px;\n    }\n\n    .zeb-v2-submit-btn {\n        background: linear-gradient(135deg, #D4AF37 0%, #C5A059 50%, #997A38 100%);\n        color: #080808;\n        border: none;\n        padding: 18px 45px;\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-size: 11px;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        cursor: pointer;\n        border-radius: 4px;\n        font-weight: 700;\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        box-shadow: 0 10px 25px rgba(197, 160, 89, 0.25);\n    }\n\n    .zeb-v2-submit-btn svg {\n        stroke: #080808;\n    }\n\n    .zeb-v2-mini-map {\n        width: 180px;\n        height: 75px;\n        border-radius: 4px;\n        overflow: hidden;\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        filter: grayscale(100%) invert(90%) contrast(120%) opacity(0.75);\n        flex-shrink: 0;\n    }\n\n    .zeb-v2-mini-map iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n    }\n\n    @media (max-width: 1100px) {\n        .zeb-v2-container {\n            grid-template-columns: 1fr;\n            gap: 60px;\n        }\n        .zeb-v2-form-box {\n            padding: 45px 35px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .zeb-enquiry-v2 {\n            padding: 80px 20px;\n        }\n        .zeb-v2-form-grid {\n            grid-template-columns: 1fr;\n        }\n        .zeb-v2-input-group.full-width {\n            grid-column: span 1;\n        }\n        .zeb-v2-pills {\n            grid-template-columns: 1fr;\n        }\n        .zeb-v2-form-footer {\n            flex-direction: column-reverse;\n            align-items: stretch;\n        }\n        .zeb-v2-submit-btn {\n            width: 100%;\n            justify-content: center;\n        }\n        .zeb-v2-mini-map {\n            width: 100%;\n            height: 100px;\n        }\n    }\n    <\/style>\n\n    <section class=\"zeb-enquiry-v2\" id=\"consultation\">\n        <div class=\"zeb-v2-container\">\n            \n            <div class=\"zeb-v2-info\">\n                <div class=\"zeb-v2-top-badge\"><span><\/span><\/div>\n                <span class=\"zeb-v2-tag\">Begin A Project<\/span>\n                <h2>Tell Us About<br><i>The Space.<\/i><\/h2>\n                <p class=\"zeb-v2-desc\">Share a few details and our specialist team will respond personally within one business day. All enquiries are handled with absolute privacy.<\/p>\n                \n                <div class=\"zeb-v2-contact-list\">\n                    <div class=\"zeb-v2-contact-item\">\n                        <div class=\"zeb-v2-icon-box\">\n                            <svg class=\"zeb-v2-contact-icon\" viewBox=\"0 0 24 24\"><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>\n                        <\/div>\n                        <div class=\"zeb-v2-contact-text\">\n                            <span class=\"zeb-v2-label\">Flagship Showroom<\/span>\n                            <span class=\"zeb-v2-val\">Sheikh Zayed Road, Dubai<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"zeb-v2-contact-item\">\n                        <div class=\"zeb-v2-icon-box\">\n                            <svg class=\"zeb-v2-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n                        <\/div>\n                        <div class=\"zeb-v2-contact-text\">\n                            <span class=\"zeb-v2-label\">Direct Telephone<\/span>\n                            <span class=\"zeb-v2-val\">+971 50 000 0000<\/span>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"zeb-v2-contact-item\">\n                        <div class=\"zeb-v2-icon-box\">\n                            <svg class=\"zeb-v2-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1-.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n                        <\/div>\n                        <div class=\"zeb-v2-contact-text\">\n                            <span class=\"zeb-v2-label\">Projects & Consultations<\/span>\n                            <span class=\"zeb-v2-val\">projects@zebrano.ae<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"zeb-v2-discretion-badge\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                    <span>100% Discretion & Non-Disclosure Guaranteed<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"zeb-v2-form-box\">\n                <p class=\"zeb-v2-form-intro\">Connect directly with our architectural specialists. We handle every inquiry with utmost priority and respond within one business day.<\/p>\n                \n                <form action=\"#\" method=\"POST\">\n                    <div class=\"zeb-v2-form-grid\">\n                        \n                        <div class=\"zeb-v2-input-group\">\n                            <label for=\"zeb-v2-name\">Full Name *<\/label>\n                            <input type=\"text\" name=\"name\" id=\"zeb-v2-name\" placeholder=\"Enter your full name\" required>\n                        <\/div>\n\n                        <div class=\"zeb-v2-input-group\">\n                            <label for=\"zeb-v2-company\">Company \/ Studio<\/label>\n                            <input type=\"text\" name=\"company\" id=\"zeb-v2-company\" placeholder=\"Studio name (Optional)\">\n                        <\/div>\n\n                        <div class=\"zeb-v2-input-group\">\n                            <label for=\"zeb-v2-email\">Email Address *<\/label>\n                            <input type=\"email\" name=\"email\" id=\"zeb-v2-email\" placeholder=\"name@domain.com\" required>\n                        <\/div>\n\n                        <div class=\"zeb-v2-input-group\">\n                            <label for=\"zeb-v2-phone\">Contact Number *<\/label>\n                            <input type=\"tel\" name=\"phone\" id=\"zeb-v2-phone\" placeholder=\"+971 XX XXX XXXX\" required>\n                        <\/div>\n\n                        <div class=\"zeb-v2-input-group full-width\">\n                            <label for=\"zeb-v2-project-type\">Project Type *<\/label>\n                            <select name=\"project_type\" id=\"zeb-v2-project-type\" required>\n                                <option value=\"\" disabled selected>Select project type<\/option>\n                                <option value=\"residential_villas\">Residential Villas<\/option>\n                                <option value=\"hospitality_spaces\">Hospitality Spaces<\/option>\n                                <option value=\"private_palaces\">Private Palaces<\/option>\n                            <\/select>\n                        <\/div>\n\n                        <div class=\"zeb-v2-input-group full-width zeb-v2-interest-wrapper\">\n                            <label>Area of Interest<\/label>\n                            <div class=\"zeb-v2-pills\">\n                                <label class=\"zeb-v2-pill active\">\n                                    <input type=\"radio\" name=\"interest\" value=\"consultation\" checked> Consultation\n                                <\/label>\n                                <label class=\"zeb-v2-pill\">\n                                    <input type=\"radio\" name=\"interest\" value=\"quotation\"> Quotation\n                                <\/label>\n                                <label class=\"zeb-v2-pill\">\n                                    <input type=\"radio\" name=\"interest\" value=\"partnership\"> Partnership\n                                <\/label>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"zeb-v2-input-group full-width\">\n                            <label for=\"zeb-v2-message\">Project Scope & Details *<\/label>\n                            <textarea name=\"message\" id=\"zeb-v2-message\" placeholder=\"Tell us about your project scope, location and preferred timeline...\" required><\/textarea>\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"zeb-v2-form-footer\">\n                        <button type=\"submit\" class=\"zeb-v2-submit-btn\">\n                            <span>Send Enquiry<\/span>\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                        <\/button>\n                        \n                        <div class=\"zeb-v2-mini-map\">\n                            <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3610.178550505157!2d55.27218777537929!3d25.19720137770519!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f43348a67e24b%3A0xff45e502e1ceb7e2!2sSheikh%20Zayed%20Rd%20-%20Dubai%20-%20United%20Arab%20Emirates!5e0!3m2!1sen!2sae!4v1700000000000!5m2!1sen!2sae\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n                        <\/div>\n                    <\/div>\n                <\/form>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        document.querySelectorAll('.zeb-v2-pill').forEach(function(pill) {\n            pill.addEventListener('click', function() {\n                document.querySelectorAll('.zeb-v2-pill').forEach(function(p) {\n                    p.classList.remove('active');\n                });\n                this.classList.add('active');\n                var radio = this.querySelector('input');\n                if (radio) {\n                    radio.checked = true;\n                }\n            });\n        });\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e9b01b e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"5e9b01b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1ae3a2 elementor-widget elementor-widget-html\" data-id=\"d1ae3a2\" 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=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Lora:ital,wght@0,400;0,500;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\r\n\r\n\/* Reset & Scope *\/\r\n.zeb-trust-v2,\r\n.zeb-trust-v2 * {\r\n    box-sizing: border-box !important;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Base Section *\/\r\n.zeb-trust-v2 {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    min-height: 650px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    overflow: hidden !important;\r\n    padding: 120px 4% !important;\r\n    background-color: #050505 !important;\r\n    font-family: 'Lora', serif !important;\r\n}\r\n\r\n\/* Background YouTube Video Cover *\/\r\n.zeb-trust-v2-video-wrap {\r\n    position: absolute !important;\r\n    top: 50% !important;\r\n    left: 50% !important;\r\n    transform: translate(-50%, -50%) !important;\r\n    width: 100vw !important;\r\n    height: 56.25vw !important; \/* 16:9 Aspect Ratio *\/\r\n    min-height: 100vh !important;\r\n    min-width: 177.77vh !important; \/* 16:9 Aspect Ratio *\/\r\n    pointer-events: none !important;\r\n    z-index: 1 !important;\r\n    filter: brightness(0.75) contrast(1.1) saturate(0.9) !important;\r\n}\r\n\r\n.zeb-trust-v2-video-wrap iframe {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    border: 0 !important;\r\n}\r\n\r\n\/* Cinematic Dark & Gold Vignette Overlay *\/\r\n.zeb-trust-v2-overlay {\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background: \r\n        radial-gradient(circle at center, rgba(197, 160, 89, 0.08) 0%, rgba(5, 5, 5, 0.85) 70%, #050505 100%),\r\n        linear-gradient(180deg, rgba(5,5,5,0.95) 0%, rgba(5,5,5,0.4) 40%, rgba(5,5,5,0.4) 60%, rgba(5,5,5,0.95) 100%) !important;\r\n    z-index: 2 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n\/* Container *\/\r\n.zeb-trust-v2-container {\r\n    position: relative !important;\r\n    z-index: 3 !important;\r\n    max-width: 1350px !important;\r\n    width: 100% !important;\r\n    margin: 0 auto !important;\r\n}\r\n\r\n\/* Section Header Tag *\/\r\n.zeb-trust-v2-header {\r\n    text-align: center !important;\r\n    margin-bottom: 60px !important;\r\n}\r\n\r\n.zeb-trust-v2-tag {\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: 6px !important;\r\n    text-transform: uppercase !important;\r\n    color: #C5A059 !important;\r\n    font-weight: 700 !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 15px !important;\r\n}\r\n\r\n.zeb-trust-v2-tag::before,\r\n.zeb-trust-v2-tag::after {\r\n    content: '' !important;\r\n    width: 30px !important;\r\n    height: 1px !important;\r\n    background: rgba(197, 160, 89, 0.5) !important;\r\n}\r\n\r\n\/* 3-Column Luxury Grid *\/\r\n.zeb-trust-v2-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(3, 1fr) !important;\r\n    gap: 30px !important;\r\n}\r\n\r\n\/* Stat Card Styling *\/\r\n.zeb-v2-stat-card {\r\n    background: rgba(15, 15, 15, 0.4) !important;\r\n    backdrop-filter: blur(12px) !important;\r\n    -webkit-backdrop-filter: blur(12px) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n    border-radius: 6px !important;\r\n    padding: 35px 30px !important;\r\n    position: relative !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    overflow: hidden !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: space-between !important;\r\n    min-height: 170px !important;\r\n}\r\n\r\n\/* Top Accent Line on Hover *\/\r\n.zeb-v2-stat-card::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 0% !important;\r\n    height: 2px !important;\r\n    background: #C5A059 !important;\r\n    transition: width 0.4s ease !important;\r\n}\r\n\r\n.zeb-v2-stat-card:hover {\r\n    background: rgba(20, 20, 20, 0.65) !important;\r\n    border-color: rgba(197, 160, 89, 0.35) !important;\r\n    transform: translateY(-5px) !important;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 25px rgba(197, 160, 89, 0.1) !important;\r\n}\r\n\r\n.zeb-v2-stat-card:hover::before {\r\n    width: 100% !important;\r\n}\r\n\r\n\/* Index Indicator *\/\r\n.zeb-v2-stat-index {\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    font-size: 10px !important;\r\n    letter-spacing: 2px !important;\r\n    color: #C5A059 !important;\r\n    font-weight: 600 !important;\r\n    margin-bottom: 15px !important;\r\n    opacity: 0.8 !important;\r\n}\r\n\r\n\/* Content Layout Inside Card *\/\r\n.zeb-v2-stat-body {\r\n    display: flex !important;\r\n    align-items: baseline !important;\r\n    justify-content: space-between !important;\r\n    gap: 20px !important;\r\n}\r\n\r\n.zeb-v2-stat-number {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: clamp(48px, 4.2vw, 66px) !important;\r\n    font-weight: 400 !important;\r\n    color: #ffffff !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: -1px !important;\r\n    transition: color 0.3s ease !important;\r\n}\r\n\r\n.zeb-v2-stat-card:hover .zeb-v2-stat-number {\r\n    color: #ffffff !important;\r\n    text-shadow: 0 0 20px rgba(255, 255, 255, 0.3) !important;\r\n}\r\n\r\n.zeb-v2-stat-label {\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    font-size: 12px !important;\r\n    letter-spacing: 1.5px !important;\r\n    text-transform: uppercase !important;\r\n    line-height: 1.6 !important;\r\n    color: rgba(255, 255, 255, 0.75) !important;\r\n    font-weight: 500 !important;\r\n    max-width: 140px !important;\r\n    text-align: right !important;\r\n}\r\n\r\n\/* Responsive Styles *\/\r\n@media (max-width: 1024px) {\r\n    .zeb-trust-v2-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 20px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n    .zeb-trust-v2-grid {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n    .zeb-trust-v2 {\r\n        padding: 80px 20px !important;\r\n    }\r\n    .zeb-v2-stat-card {\r\n        padding: 25px 22px !important;\r\n    }\r\n    .zeb-v2-stat-label {\r\n        font-size: 11px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"zeb-trust-v2\">\r\n    <!-- Background YouTube Video with Seamless Auto-play & Controls Hidden -->\r\n    <div class=\"zeb-trust-v2-video-wrap\">\r\n        <iframe src=\"https:\/\/www.youtube.com\/embed\/kWSHdixzMco?autoplay=1&mute=1&controls=0&loop=1&playlist=kWSHdixzMco&start=15&end=150&enablejsapi=1&playsinline=1&showinfo=0&rel=0&iv_load_policy=3&disablekb=1\" title=\"Background Video\" allow=\"autoplay; encrypted-media\"><\/iframe>\r\n    <\/div>\r\n\r\n    <!-- Cinematic Overlays -->\r\n    <div class=\"zeb-trust-v2-overlay\"><\/div>\r\n\r\n    <!-- Content Container -->\r\n    <div class=\"zeb-trust-v2-container\">\r\n        \r\n        <!-- Luxury Header Tag -->\r\n        <div class=\"zeb-trust-v2-header\">\r\n            <span class=\"zeb-trust-v2-tag\">Proven Excellence<\/span>\r\n        <\/div>\r\n\r\n        <!-- 6-Card Glassmorphic Grid -->\r\n        <div class=\"zeb-trust-v2-grid\">\r\n            \r\n            <!-- Stat 1 -->\r\n            <div class=\"zeb-v2-stat-card\">\r\n                <span class=\"zeb-v2-stat-index\">01 \/ IMPACT<\/span>\r\n                <div class=\"zeb-v2-stat-body\">\r\n                    <span class=\"zeb-v2-stat-number\">75%<\/span>\r\n                    <span class=\"zeb-v2-stat-label\">Sustainability Impact<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Stat 2 -->\r\n            <div class=\"zeb-v2-stat-card\">\r\n                <span class=\"zeb-v2-stat-index\">02 \/ SATISFACTION<\/span>\r\n                <div class=\"zeb-v2-stat-body\">\r\n                    <span class=\"zeb-v2-stat-number\">99%<\/span>\r\n                    <span class=\"zeb-v2-stat-label\">Client Satisfaction<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Stat 3 -->\r\n            <div class=\"zeb-v2-stat-card\">\r\n                <span class=\"zeb-v2-stat-index\">03 \/ DELIVERABLES<\/span>\r\n                <div class=\"zeb-v2-stat-body\">\r\n                    <span class=\"zeb-v2-stat-number\">95%<\/span>\r\n                    <span class=\"zeb-v2-stat-label\">Project Success Rate<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Stat 4 -->\r\n            <div class=\"zeb-v2-stat-card\">\r\n                <span class=\"zeb-v2-stat-index\">04 \/ INNOVATION<\/span>\r\n                <div class=\"zeb-v2-stat-body\">\r\n                    <span class=\"zeb-v2-stat-number\">15K+<\/span>\r\n                    <span class=\"zeb-v2-stat-label\">Research & Development<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Stat 5 -->\r\n            <div class=\"zeb-v2-stat-card\">\r\n                <span class=\"zeb-v2-stat-index\">05 \/ HERITAGE<\/span>\r\n                <div class=\"zeb-v2-stat-body\">\r\n                    <span class=\"zeb-v2-stat-number\">20+<\/span>\r\n                    <span class=\"zeb-v2-stat-label\">Years Of Experience<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Stat 6 -->\r\n            <div class=\"zeb-v2-stat-card\">\r\n                <span class=\"zeb-v2-stat-index\">06 \/ EXPERTISE<\/span>\r\n                <div class=\"zeb-v2-stat-body\">\r\n                    <span class=\"zeb-v2-stat-number\">50+<\/span>\r\n                    <span class=\"zeb-v2-stat-label\">Master Architects<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83d8c41 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"83d8c41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29b08ce elementor-widget elementor-widget-html\" data-id=\"29b08ce\" 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=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Lora:ital,wght@0,400;0,500;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');\r\n\r\n\/* Reset & Scope *\/\r\n.zeb-faq-v2,\r\n.zeb-faq-v2 * {\r\n    box-sizing: border-box !important;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Base White Section *\/\r\n.zeb-faq-v2 {\r\n    background-color: #ffffff !important;\r\n    padding: 130px 4% !important;\r\n    color: #0a0a0a !important;\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    font-family: 'Lora', serif !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* Ambient Radial Glow *\/\r\n.zeb-faq-v2::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    bottom: -10% !important;\r\n    left: -5% !important;\r\n    width: 500px !important;\r\n    height: 500px !important;\r\n    background: radial-gradient(circle, rgba(197, 160, 89, 0.04) 0%, rgba(255,255,255,0) 70%) !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.zeb-v2-faq-container {\r\n    max-width: 1400px !important;\r\n    margin: 0 auto !important;\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1.25fr !important;\r\n    gap: 90px !important;\r\n    align-items: center !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n\/* --- LEFT COLUMN: LUXURY FRAME & FLOATING CARD --- *\/\r\n.zeb-v2-faq-left {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n}\r\n\r\n.zeb-v2-img-frame {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 600px !important;\r\n    border-radius: 6px !important;\r\n    overflow: hidden !important;\r\n    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.07) !important;\r\n    border: 1px solid rgba(0, 0, 0, 0.06) !important;\r\n}\r\n\r\n.zeb-v2-img-frame img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.zeb-v2-img-frame:hover img {\r\n    transform: scale(1.04) !important;\r\n}\r\n\r\n\/* Floating Elevated Glass Call Box *\/\r\n.zeb-v2-call-card {\r\n    position: absolute !important;\r\n    bottom: -30px !important;\r\n    left: 35px !important;\r\n    background: rgba(255, 255, 255, 0.95) !important;\r\n    backdrop-filter: blur(15px) !important;\r\n    -webkit-backdrop-filter: blur(15px) !important;\r\n    border: 1px solid rgba(197, 160, 89, 0.4) !important;\r\n    padding: 30px 32px !important;\r\n    border-radius: 8px !important;\r\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08), 0 0 20px rgba(197, 160, 89, 0.1) !important;\r\n    max-width: 380px !important;\r\n    width: calc(100% - 70px) !important;\r\n    transition: transform 0.3s ease !important;\r\n}\r\n\r\n.zeb-v2-call-card:hover {\r\n    transform: translateY(-4px) !important;\r\n}\r\n\r\n.zeb-v2-call-card h3 {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 22px !important;\r\n    font-weight: 600 !important;\r\n    margin-bottom: 18px !important;\r\n    color: #0a0a0a !important;\r\n    line-height: 1.25 !important;\r\n}\r\n\r\n.zeb-v2-call-content {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 18px !important;\r\n}\r\n\r\n.zeb-v2-phone-icon {\r\n    width: 52px !important;\r\n    height: 52px !important;\r\n    background: #0a0a0a !important;\r\n    border-radius: 50% !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    flex-shrink: 0 !important;\r\n    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;\r\n    transition: background 0.3s ease !important;\r\n}\r\n\r\n.zeb-v2-call-card:hover .zeb-v2-phone-icon {\r\n    background: #C5A059 !important;\r\n}\r\n\r\n.zeb-v2-phone-icon svg {\r\n    width: 20px !important;\r\n    height: 20px !important;\r\n    fill: #ffffff !important;\r\n}\r\n\r\n.zeb-v2-phone-text span {\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    font-size: 10px !important;\r\n    letter-spacing: 2.5px !important;\r\n    text-transform: uppercase !important;\r\n    color: #C5A059 !important;\r\n    display: block !important;\r\n    margin-bottom: 4px !important;\r\n    font-weight: 700 !important;\r\n}\r\n\r\n.zeb-v2-phone-text a {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 21px !important;\r\n    color: #0a0a0a !important;\r\n    text-decoration: none !important;\r\n    font-weight: 600 !important;\r\n    transition: color 0.3s ease !important;\r\n}\r\n\r\n.zeb-v2-phone-text a:hover {\r\n    color: #C5A059 !important;\r\n}\r\n\r\n\/* --- RIGHT COLUMN: ARCHITECTURAL ACCORDION --- *\/\r\n.zeb-v2-faq-right {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n}\r\n\r\n.zeb-v2-faq-tag {\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: 6px !important;\r\n    text-transform: uppercase !important;\r\n    color: #C5A059 !important;\r\n    margin-bottom: 18px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.zeb-v2-faq-tag::before {\r\n    content: '' !important;\r\n    width: 25px !important;\r\n    height: 1px !important;\r\n    background: #C5A059 !important;\r\n}\r\n\r\n.zeb-v2-faq-right h2 {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: clamp(38px, 4vw, 54px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.12 !important;\r\n    margin-bottom: 40px !important;\r\n    color: #0a0a0a !important;\r\n    letter-spacing: -0.5px !important;\r\n}\r\n\r\n.zeb-v2-accordion-list {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 16px !important;\r\n}\r\n\r\n.zeb-v2-accordion-item {\r\n    background: #fafafa !important;\r\n    border: 1px solid #e8e8e8 !important;\r\n    border-radius: 6px !important;\r\n    overflow: hidden !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    position: relative !important;\r\n}\r\n\r\n\/* Left Accent Indicator on Active *\/\r\n.zeb-v2-accordion-item::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 3px !important;\r\n    height: 0% !important;\r\n    background: #C5A059 !important;\r\n    transition: height 0.4s ease !important;\r\n}\r\n\r\n.zeb-v2-accordion-item.active {\r\n    background: #ffffff !important;\r\n    border-color: rgba(197, 160, 89, 0.4) !important;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04) !important;\r\n}\r\n\r\n.zeb-v2-accordion-item.active::before {\r\n    height: 100% !important;\r\n}\r\n\r\n.zeb-v2-accordion-header {\r\n    padding: 24px 28px !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    cursor: pointer !important;\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    font-size: 15px !important;\r\n    color: #111111 !important;\r\n    font-weight: 600 !important;\r\n    letter-spacing: 0.2px !important;\r\n    user-select: none !important;\r\n    transition: color 0.3s ease !important;\r\n}\r\n\r\n.zeb-v2-accordion-item.active .zeb-v2-accordion-header {\r\n    color: #0a0a0a !important;\r\n}\r\n\r\n\/* Plus\/Minus Morphing Icon *\/\r\n.zeb-v2-accordion-icon {\r\n    width: 28px !important;\r\n    height: 28px !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(0, 0, 0, 0.04) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    flex-shrink: 0 !important;\r\n    position: relative !important;\r\n    transition: background 0.3s ease !important;\r\n}\r\n\r\n.zeb-v2-accordion-item.active .zeb-v2-accordion-icon {\r\n    background: #C5A059 !important;\r\n}\r\n\r\n.zeb-v2-icon-line {\r\n    position: absolute !important;\r\n    background: #0a0a0a !important;\r\n    transition: transform 0.3s ease, background 0.3s ease !important;\r\n}\r\n\r\n.zeb-v2-accordion-item.active .zeb-v2-icon-line {\r\n    background: #ffffff !important;\r\n}\r\n\r\n.zeb-v2-icon-line.horizontal {\r\n    width: 10px !important;\r\n    height: 1.5px !important;\r\n}\r\n\r\n.zeb-v2-icon-line.vertical {\r\n    width: 1.5px !important;\r\n    height: 10px !important;\r\n}\r\n\r\n.zeb-v2-accordion-item.active .zeb-v2-icon-line.vertical {\r\n    transform: rotate(90deg) !important;\r\n    opacity: 0 !important;\r\n}\r\n\r\n.zeb-v2-accordion-body {\r\n    max-height: 0 !important;\r\n    overflow: hidden !important;\r\n    transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), padding 0.4s ease !important;\r\n    padding: 0 28px !important;\r\n    font-family: 'Lora', serif !important;\r\n    font-size: 15px !important;\r\n    line-height: 1.85 !important;\r\n    color: #555555 !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.zeb-v2-accordion-item.active .zeb-v2-accordion-body {\r\n    max-height: 300px !important;\r\n    padding: 0 28px 26px 28px !important;\r\n}\r\n\r\n\/* Responsive Fixes *\/\r\n@media (max-width: 1024px) {\r\n    .zeb-v2-faq-container {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 70px !important;\r\n    }\r\n    .zeb-v2-call-card {\r\n        bottom: -35px !important;\r\n        left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n        width: 90% !important;\r\n    }\r\n    .zeb-v2-img-frame {\r\n        height: 450px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n    .zeb-faq-v2 {\r\n        padding: 80px 20px !important;\r\n    }\r\n    .zeb-v2-accordion-header {\r\n        padding: 20px 20px !important;\r\n        font-size: 14px !important;\r\n    }\r\n    .zeb-v2-accordion-body {\r\n        padding: 0 20px !important;\r\n        font-size: 14px !important;\r\n    }\r\n    .zeb-v2-accordion-item.active .zeb-v2-accordion-body {\r\n        padding: 0 20px 22px 20px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"zeb-faq-v2\">\r\n    <div class=\"zeb-v2-faq-container\">\r\n        \r\n        <!-- Left Column: Image with Floating Call Card -->\r\n        <div class=\"zeb-v2-faq-left\">\r\n            <div class=\"zeb-v2-img-frame\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?q=80&w=1200&auto=format&fit=crop\" alt=\"Luxury Interior Bespoke Design\">\r\n            <\/div>\r\n            \r\n            <div class=\"zeb-v2-call-card\">\r\n                <h3>Require Personal Advisory?<\/h3>\r\n                <div class=\"zeb-v2-call-content\">\r\n                    <div class=\"zeb-v2-phone-icon\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"zeb-v2-phone-text\">\r\n                        <span>Direct Advisory<\/span>\r\n                        <a href=\"tel:+971500000000\">+971 50 000 0000<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Column: Accordion List -->\r\n        <div class=\"zeb-v2-faq-right\">\r\n            <span class=\"zeb-v2-faq-tag\">Our Expertise<\/span>\r\n            <h2>Frequently Asked Questions<\/h2>\r\n            \r\n            <div class=\"zeb-v2-accordion-list\">\r\n                \r\n                <!-- FAQ Item 1 (Active by default) -->\r\n                <div class=\"zeb-v2-accordion-item active\">\r\n                    <div class=\"zeb-v2-accordion-header\">\r\n                        <span>Do You Offer Fully Bespoke Furniture Solutions?<\/span>\r\n                        <div class=\"zeb-v2-accordion-icon\">\r\n                            <span class=\"zeb-v2-icon-line horizontal\"><\/span>\r\n                            <span class=\"zeb-v2-icon-line vertical\"><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"zeb-v2-accordion-body\">\r\n                        Yes, ZEBRANO specializes in fully bespoke indoor and outdoor furniture tailored to your exact specifications, rare material preferences, and architectural spatial requirements.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Item 2 -->\r\n                <div class=\"zeb-v2-accordion-item\">\r\n                    <div class=\"zeb-v2-accordion-header\">\r\n                        <span>What Sectors Do You Primarily Serve?<\/span>\r\n                        <div class=\"zeb-v2-accordion-icon\">\r\n                            <span class=\"zeb-v2-icon-line horizontal\"><\/span>\r\n                            <span class=\"zeb-v2-icon-line vertical\"><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"zeb-v2-accordion-body\">\r\n                        We primarily cater to ultra-luxury residential estates, private palaces, boutique commercial headquarters, and high-end hospitality developments across the GCC and internationally.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Item 3 -->\r\n                <div class=\"zeb-v2-accordion-item\">\r\n                    <div class=\"zeb-v2-accordion-header\">\r\n                        <span>How Can I Request A Consultation Or Quotation?<\/span>\r\n                        <div class=\"zeb-v2-accordion-icon\">\r\n                            <span class=\"zeb-v2-icon-line horizontal\"><\/span>\r\n                            <span class=\"zeb-v2-icon-line vertical\"><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"zeb-v2-accordion-body\">\r\n                        You can easily schedule a consultation by completing our private project enquiry form or by visiting our Dubai flagship showroom on Sheikh Zayed Road.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- FAQ Item 4 -->\r\n                <div class=\"zeb-v2-accordion-item\">\r\n                    <div class=\"zeb-v2-accordion-header\">\r\n                        <span>Do You Provide Outdoor Furniture Built For GCC Climates?<\/span>\r\n                        <div class=\"zeb-v2-accordion-icon\">\r\n                            <span class=\"zeb-v2-icon-line horizontal\"><\/span>\r\n                            <span class=\"zeb-v2-icon-line vertical\"><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"zeb-v2-accordion-body\">\r\n                        Absolutely. Our outdoor collections incorporate marine-grade anti-corrosive alloys, UV-protected performance textiles, and specialized treated hardwoods engineered to endure extreme GCC climates seamlessly.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Vanilla JS for Accordion Toggle -->\r\n<script>\r\ndocument.querySelectorAll('.zeb-v2-accordion-header').forEach(header => {\r\n    header.addEventListener('click', function() {\r\n        const currentItem = this.parentElement;\r\n        const isActive = currentItem.classList.contains('active');\r\n        \r\n        \/\/ Close all items\r\n        document.querySelectorAll('.zeb-v2-accordion-item').forEach(item => {\r\n            item.classList.remove('active');\r\n        });\r\n        \r\n        \/\/ Toggle current\r\n        if (!isActive) {\r\n            currentItem.classList.add('active');\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-408d683 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"408d683\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d24a1a1 elementor-widget elementor-widget-html\" data-id=\"d24a1a1\" 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=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');\r\n\r\n\/* Reset & Scope *\/\r\n.zeb-elite-v2,\r\n.zeb-elite-v2 * {\r\n    box-sizing: border-box !important;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Deep Obsidian Base Section *\/\r\n.zeb-elite-v2 {\r\n    background-color: #040404 !important;\r\n    background-image: \r\n        radial-gradient(ellipse at 15% 20%, rgba(197, 160, 89, 0.08) 0%, transparent 55%),\r\n        radial-gradient(ellipse at 85% 80%, rgba(197, 160, 89, 0.05) 0%, transparent 55%) !important;\r\n    padding: 150px 4% !important;\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    overflow: hidden !important;\r\n    color: #ffffff !important;\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n}\r\n\r\n\/* Subtle Geometric Architectural Grid Lines *\/\r\n.zeb-elite-v2::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\r\n                      linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px) !important;\r\n    background-size: 90px 90px !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.zeb-elite-v2-container {\r\n    max-width: 1440px !important;\r\n    margin: 0 auto !important;\r\n    display: grid !important;\r\n    grid-template-columns: 0.95fr 1.15fr !important;\r\n    gap: 90px !important;\r\n    align-items: center !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n\/* --- LEFT COLUMN: EDITORIAL SHOWCASE --- *\/\r\n.zeb-elite-v2-left {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 35px !important;\r\n}\r\n\r\n.zeb-elite-v2-badge {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    font-size: 11px !important;\r\n    letter-spacing: 5px !important;\r\n    text-transform: uppercase !important;\r\n    color: #C5A059 !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.zeb-elite-v2-badge::before {\r\n    content: '' !important;\r\n    width: 28px !important;\r\n    height: 1px !important;\r\n    background: #C5A059 !important;\r\n}\r\n\r\n.zeb-elite-v2-heading {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: clamp(42px, 4.5vw, 62px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.12 !important;\r\n    color: #ffffff !important;\r\n    letter-spacing: -0.5px !important;\r\n}\r\n\r\n.zeb-elite-v2-heading em {\r\n    font-style: italic !important;\r\n    color: #ffffff !important;\r\n    font-weight: 400 !important;\r\n}\r\n\r\n.zeb-elite-v2-desc {\r\n    font-size: 15px !important;\r\n    line-height: 1.85 !important;\r\n    color: rgba(255, 255, 255, 0.65) !important;\r\n    font-weight: 300 !important;\r\n    max-width: 480px !important;\r\n}\r\n\r\n\/* Image Showcase Frame *\/\r\n.zeb-elite-v2-img-box {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    height: 380px !important;\r\n    border-radius: 8px !important;\r\n    overflow: hidden !important;\r\n    border: 1px solid rgba(197, 160, 89, 0.3) !important;\r\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.9) !important;\r\n}\r\n\r\n.zeb-elite-v2-img-box img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    filter: brightness(0.8) contrast(1.1) !important;\r\n    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), filter 0.8s ease !important;\r\n}\r\n\r\n.zeb-elite-v2-img-box:hover img {\r\n    transform: scale(1.05) !important;\r\n    filter: brightness(0.9) contrast(1.1) !important;\r\n}\r\n\r\n\/* --- RIGHT COLUMN: BENTO CARDS --- *\/\r\n.zeb-elite-v2-right {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 30px !important;\r\n}\r\n\r\n.zeb-elite-v2-card {\r\n    position: relative !important;\r\n    background: linear-gradient(145deg, rgba(20, 20, 20, 0.85) 0%, rgba(8, 8, 8, 0.95) 100%) !important;\r\n    backdrop-filter: blur(20px) !important;\r\n    -webkit-backdrop-filter: blur(20px) !important;\r\n    border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n    border-radius: 12px !important;\r\n    padding: 48px 45px !important;\r\n    overflow: hidden !important;\r\n    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n\/* Background Watermark Numbers *\/\r\n.zeb-elite-v2-watermark {\r\n    position: absolute !important;\r\n    top: -10px !important;\r\n    right: 25px !important;\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 140px !important;\r\n    font-weight: 600 !important;\r\n    color: rgba(197, 160, 89, 0.04) !important;\r\n    line-height: 1 !important;\r\n    user-select: none !important;\r\n    pointer-events: none !important;\r\n    transition: color 0.5s ease, transform 0.5s ease !important;\r\n}\r\n\r\n.zeb-elite-v2-card:hover .zeb-elite-v2-watermark {\r\n    color: rgba(197, 160, 89, 0.1) !important;\r\n    transform: translateY(-5px) !important;\r\n}\r\n\r\n\/* Metallic Gold Border Reveal on Hover *\/\r\n.zeb-elite-v2-card::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    inset: -1px !important;\r\n    border-radius: 12px !important;\r\n    padding: 1px !important;\r\n    background: linear-gradient(135deg, rgba(197, 160, 89, 0.7) 0%, transparent 60%, rgba(197, 160, 89, 0.3) 100%) !important;\r\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\r\n    mask-composite: exclude !important;\r\n    opacity: 0 !important;\r\n    transition: opacity 0.5s ease !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.zeb-elite-v2-card:hover {\r\n    transform: translateY(-6px) !important;\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8), 0 0 30px rgba(197, 160, 89, 0.08) !important;\r\n    border-color: transparent !important;\r\n}\r\n\r\n.zeb-elite-v2-card:hover::after {\r\n    opacity: 1 !important;\r\n}\r\n\r\n.zeb-elite-v2-card-tag {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 8px !important;\r\n    font-size: 10px !important;\r\n    letter-spacing: 3.5px !important;\r\n    text-transform: uppercase !important;\r\n    color: #C5A059 !important;\r\n    font-weight: 700 !important;\r\n    margin-bottom: 20px !important;\r\n}\r\n\r\n.zeb-elite-v2-card-tag span {\r\n    width: 6px !important;\r\n    height: 6px !important;\r\n    border-radius: 50% !important;\r\n    background: #C5A059 !important;\r\n    box-shadow: 0 0 8px #C5A059 !important;\r\n}\r\n\r\n.zeb-elite-v2-card-title {\r\n    font-family: 'Cormorant Garamond', serif !important;\r\n    font-size: 28px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.25 !important;\r\n    color: #ffffff !important;\r\n    margin-bottom: 16px !important;\r\n    position: relative !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n.zeb-elite-v2-card-desc {\r\n    font-size: 14px !important;\r\n    line-height: 1.85 !important;\r\n    color: rgba(255, 255, 255, 0.6) !important;\r\n    margin-bottom: 35px !important;\r\n    font-weight: 300 !important;\r\n    position: relative !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n\/* HIGH-END CTA BUTTON *\/\r\n.zeb-elite-v2-btn {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 16px !important;\r\n    text-decoration: none !important;\r\n    position: relative !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n.zeb-elite-v2-btn-text {\r\n    font-size: 11px !important;\r\n    letter-spacing: 3px !important;\r\n    text-transform: uppercase !important;\r\n    color: #ffffff !important;\r\n    font-weight: 600 !important;\r\n    transition: color 0.3s ease !important;\r\n}\r\n\r\n.zeb-elite-v2-btn-icon {\r\n    width: 42px !important;\r\n    height: 42px !important;\r\n    border-radius: 50% !important;\r\n    border: 1px solid rgba(197, 160, 89, 0.4) !important;\r\n    background: rgba(197, 160, 89, 0.05) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n.zeb-elite-v2-btn-icon svg {\r\n    width: 16px !important;\r\n    height: 16px !important;\r\n    stroke: #C5A059 !important;\r\n    transition: transform 0.4s ease, stroke 0.3s ease !important;\r\n}\r\n\r\n.zeb-elite-v2-card:hover .zeb-elite-v2-btn-icon {\r\n    background: #C5A059 !important;\r\n    border-color: #C5A059 !important;\r\n    box-shadow: 0 0 15px rgba(197, 160, 89, 0.4) !important;\r\n}\r\n\r\n.zeb-elite-v2-card:hover .zeb-elite-v2-btn-icon svg {\r\n    stroke: #040404 !important;\r\n    transform: translateX(3px) !important;\r\n}\r\n\r\n.zeb-elite-v2-card:hover .zeb-elite-v2-btn-text {\r\n    color: #C5A059 !important;\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 1100px) {\r\n    .zeb-elite-v2-container {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 60px !important;\r\n    }\r\n    .zeb-elite-v2-img-box {\r\n        height: 350px !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n    .zeb-elite-v2 {\r\n        padding: 90px 20px !important;\r\n    }\r\n    .zeb-elite-v2-card {\r\n        padding: 35px 25px !important;\r\n    }\r\n    .zeb-elite-v2-card-title {\r\n        font-size: 24px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"zeb-elite-v2\">\r\n    <div class=\"zeb-elite-v2-container\">\r\n        \r\n        <!-- Left Side: Editorial Content & Image -->\r\n        <div class=\"zeb-elite-v2-left\">\r\n            <div>\r\n                <span class=\"zeb-elite-v2-badge\">Target Audiences<\/span>\r\n                <h2 class=\"zeb-elite-v2-heading\">Tailored Excellence For<br><em>Distinguished Spaces.<\/em><\/h2>\r\n            <\/div>\r\n            \r\n            <p class=\"zeb-elite-v2-desc\">Engineering world-class interior and outdoor solutions tailored specifically to the refined demands of professional creators and private luxury estate owners across the GCC.<\/p>\r\n\r\n            <div class=\"zeb-elite-v2-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&q=80&w=1000\" alt=\"Zebrano Luxury Interiors\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Right Side: Luxury Bento Cards -->\r\n        <div class=\"zeb-elite-v2-right\">\r\n            \r\n            <!-- B2B Card -->\r\n            <div class=\"zeb-elite-v2-card\">\r\n                <span class=\"zeb-elite-v2-watermark\">01<\/span>\r\n                \r\n                <div class=\"zeb-elite-v2-card-tag\">\r\n                    <span><\/span> For Professionals &bull; B2B\r\n                <\/div>\r\n                \r\n                <h3 class=\"zeb-elite-v2-card-title\">Architects, Interior Designers, Developers & Hospitality Groups<\/h3>\r\n                <p class=\"zeb-elite-v2-card-desc\">Technical drawings, precise material specifications, custom sampling, and scale-capable manufacturing for landmark projects across Dubai and the region.<\/p>\r\n                \r\n                <a href=\"#consultation\" class=\"zeb-elite-v2-btn\">\r\n                    <span class=\"zeb-elite-v2-btn-text\">Trade Enquiry<\/span>\r\n                    <div class=\"zeb-elite-v2-btn-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- B2C Card -->\r\n            <div class=\"zeb-elite-v2-card\">\r\n                <span class=\"zeb-elite-v2-watermark\">02<\/span>\r\n                \r\n                <div class=\"zeb-elite-v2-card-tag\">\r\n                    <span><\/span> For Private Clients &bull; B2C\r\n                <\/div>\r\n                \r\n                <h3 class=\"zeb-elite-v2-card-title\">Villa, Penthouse & Private Estate Owners<\/h3>\r\n                <p class=\"zeb-elite-v2-card-desc\">A discreet, personal white-glove service \u2014 from private consultation and concept creation through to seamless installation and bespoke styling.<\/p>\r\n                \r\n                <a href=\"#consultation\" class=\"zeb-elite-v2-btn\">\r\n                    <span class=\"zeb-elite-v2-btn-text\">Private Consultation<\/span>\r\n                    <div class=\"zeb-elite-v2-btn-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92c6152 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"92c6152\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fee534c elementor-widget elementor-widget-html\" data-id=\"fee534c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Include GSAP Core -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n\r\n<style>\r\n\/* Strictly Lora Font Import *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');\r\n\r\n:root {\r\n    --zeb-white-bg: #FFFFFF;\r\n    --zeb-card-bg: #FAFAF7;\r\n    --zeb-card-hover-bg: #FFFFFF;\r\n    --zeb-gold: #C5A059;\r\n    --zeb-gold-bright: #D4AF37;\r\n    --zeb-gold-light: rgba(197, 160, 89, 0.12);\r\n    --zeb-text-dark: #111111;\r\n    --zeb-text-muted: #555555;\r\n    --zeb-border-light: rgba(197, 160, 89, 0.25);\r\n}\r\n\r\n.zeb-testi-section,\r\n.zeb-testi-section * {\r\n    font-family: 'Lora', serif !important;\r\n    box-sizing: border-box !important;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Light Architectural Luxe Background *\/\r\n.zeb-testi-section {\r\n    background-color: var(--zeb-white-bg) !important;\r\n    background-image: \r\n        radial-gradient(circle at 10% 20%, rgba(197, 160, 89, 0.05) 0%, transparent 50%),\r\n        radial-gradient(circle at 90% 80%, rgba(197, 160, 89, 0.04) 0%, transparent 50%) !important;\r\n    padding: 130px 20px !important;\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* Architectural Fine Grid Overlay *\/\r\n.zeb-testi-section::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background-image: \r\n        linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(0, 0, 0, 0.02) 1px, transparent 1px) !important;\r\n    background-size: 80px 80px !important;\r\n    pointer-events: none !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n.zeb-testi-container {\r\n    max-width: 1380px !important;\r\n    margin: 0 auto !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n\/* Header & Navigation Controls *\/\r\n.zeb-testi-header {\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: flex-end !important;\r\n    margin-bottom: 60px !important;\r\n    flex-wrap: wrap !important;\r\n    gap: 30px !important;\r\n}\r\n\r\n.zeb-testi-title-wrapper {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 12px !important;\r\n}\r\n\r\n.zeb-testi-subtitle {\r\n    font-size: 12px !important;\r\n    letter-spacing: 5px !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--zeb-gold) !important;\r\n    font-style: italic !important;\r\n    font-weight: 600 !important;\r\n}\r\n\r\n.zeb-testi-main-title {\r\n    font-size: clamp(36px, 4vw, 52px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.15 !important;\r\n    color: var(--zeb-text-dark) !important;\r\n    letter-spacing: -0.5px !important;\r\n}\r\n\r\n.zeb-testi-main-title i {\r\n    font-style: italic !important;\r\n    color: var(--zeb-text-dark) !important;\r\n}\r\n\r\n\/* Luxury Slider Controls with Crisp SVG Arrows *\/\r\n.zeb-testi-controls {\r\n    display: flex !important;\r\n    gap: 14px !important;\r\n    align-items: center !important;\r\n}\r\n\r\n.zeb-testi-btn {\r\n    width: 54px !important;\r\n    height: 54px !important;\r\n    border-radius: 50% !important;\r\n    background: #FFFFFF !important;\r\n    border: 1px solid var(--zeb-border-light) !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    cursor: pointer !important;\r\n    outline: none !important;\r\n    padding: 0 !important;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04) !important;\r\n}\r\n\r\n.zeb-testi-btn svg {\r\n    width: 20px !important;\r\n    height: 20px !important;\r\n    stroke: var(--zeb-text-dark) !important;\r\n    transition: stroke 0.3s ease, transform 0.3s ease !important;\r\n}\r\n\r\n.zeb-testi-btn:hover {\r\n    background-color: var(--zeb-gold) !important;\r\n    border-color: var(--zeb-gold) !important;\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 10px 25px rgba(197, 160, 89, 0.3) !important;\r\n}\r\n\r\n.zeb-testi-btn:hover svg {\r\n    stroke: #FFFFFF !important;\r\n}\r\n\r\n.zeb-testi-btn.prev:hover svg {\r\n    transform: translateX(-2px) !important;\r\n}\r\n\r\n.zeb-testi-btn.next:hover svg {\r\n    transform: translateX(2px) !important;\r\n}\r\n\r\n\/* Slider Track & Cards Window *\/\r\n.zeb-testi-slider-wrapper {\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    width: 100% !important;\r\n    padding: 20px 10px 40px 10px !important;\r\n    margin: -20px -10px -40px -10px !important;\r\n}\r\n\r\n.zeb-testi-track {\r\n    display: flex !important;\r\n    gap: 30px !important;\r\n    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n}\r\n\r\n\/* Ultra Luxe Light Card *\/\r\n.zeb-testi-card {\r\n    min-width: calc(33.333% - 20px) !important;\r\n    background: linear-gradient(145deg, #FFFFFF 0%, #FAFAF7 100%) !important;\r\n    border: 1px solid var(--zeb-border-light) !important;\r\n    border-radius: 10px !important;\r\n    padding: 45px 35px !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: space-between !important;\r\n    position: relative !important;\r\n    overflow: hidden !important;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;\r\n}\r\n\r\n\/* Watermark Number *\/\r\n.zeb-testi-card-wm {\r\n    position: absolute !important;\r\n    top: -15px !important;\r\n    right: 20px !important;\r\n    font-size: 110px !important;\r\n    font-weight: 600 !important;\r\n    font-style: italic !important;\r\n    color: rgba(197, 160, 89, 0.06) !important;\r\n    line-height: 1 !important;\r\n    pointer-events: none !important;\r\n    transition: all 0.4s ease !important;\r\n}\r\n\r\n\/* Top Rating Bar *\/\r\n.zeb-card-top-bar {\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: center !important;\r\n    margin-bottom: 25px !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n.zeb-stars {\r\n    color: var(--zeb-gold) !important;\r\n    font-size: 14px !important;\r\n    letter-spacing: 3px !important;\r\n}\r\n\r\n.zeb-badge {\r\n    font-size: 10px !important;\r\n    letter-spacing: 2px !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--zeb-gold) !important;\r\n    border: 1px solid rgba(197, 160, 89, 0.3) !important;\r\n    padding: 3px 10px !important;\r\n    border-radius: 20px !important;\r\n    background: rgba(197, 160, 89, 0.04) !important;\r\n}\r\n\r\n\/* Quote Text *\/\r\n.zeb-testi-quote {\r\n    font-size: 15.5px !important;\r\n    line-height: 1.85 !important;\r\n    color: var(--zeb-text-dark) !important;\r\n    font-weight: 400 !important;\r\n    margin-bottom: 35px !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n\/* Footer & Client Details *\/\r\n.zeb-testi-footer {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;\r\n    padding-top: 25px !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n.zeb-testi-client-info {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 16px !important;\r\n}\r\n\r\n.zeb-testi-avatar {\r\n    width: 54px !important;\r\n    height: 54px !important;\r\n    border-radius: 50% !important;\r\n    object-fit: cover !important;\r\n    border: 1.5px solid var(--zeb-gold) !important;\r\n    box-shadow: 0 4px 12px rgba(197, 160, 89, 0.15) !important;\r\n    transition: transform 0.4s ease !important;\r\n}\r\n\r\n.zeb-testi-details h4 {\r\n    font-size: 16px !important;\r\n    font-weight: 600 !important;\r\n    color: var(--zeb-text-dark) !important;\r\n    margin: 0 0 3px 0 !important;\r\n}\r\n\r\n.zeb-testi-details span {\r\n    font-size: 11px !important;\r\n    color: var(--zeb-gold) !important;\r\n    letter-spacing: 1.5px !important;\r\n    text-transform: uppercase !important;\r\n    font-weight: 500 !important;\r\n    display: block !important;\r\n}\r\n\r\n.zeb-quote-svg {\r\n    width: 30px !important;\r\n    height: 30px !important;\r\n    fill: var(--zeb-gold) !important;\r\n    opacity: 0.8 !important;\r\n}\r\n\r\n\/* Bottom Gold Line Hover Filler *\/\r\n.zeb-testi-card-line {\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 3px !important;\r\n    background: transparent !important;\r\n}\r\n\r\n.zeb-testi-card-line::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    left: 0 !important;\r\n    width: 0% !important;\r\n    height: 100% !important;\r\n    background: var(--zeb-gold) !important;\r\n    transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n\/* Hover States *\/\r\n.zeb-testi-card:hover {\r\n    background: #FFFFFF !important;\r\n    border-color: rgba(197, 160, 89, 0.4) !important;\r\n    transform: translateY(-8px) !important;\r\n    box-shadow: 0 20px 45px rgba(197, 160, 89, 0.12) !important;\r\n}\r\n\r\n.zeb-testi-card:hover .zeb-testi-card-wm {\r\n    color: rgba(197, 160, 89, 0.12) !important;\r\n    transform: translateY(-5px) scale(1.05) !important;\r\n}\r\n\r\n.zeb-testi-card:hover .zeb-testi-avatar {\r\n    transform: scale(1.06) !important;\r\n}\r\n\r\n.zeb-testi-card:hover .zeb-testi-card-line::after {\r\n    width: 100% !important;\r\n}\r\n\r\n\/* Responsive Styles *\/\r\n@media (max-width: 1024px) {\r\n    .zeb-testi-card {\r\n        min-width: calc(50% - 15px) !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .zeb-testi-section {\r\n        padding: 80px 20px !important;\r\n    }\r\n    .zeb-testi-card {\r\n        min-width: 100% !important;\r\n        padding: 35px 25px !important;\r\n    }\r\n    .zeb-testi-header {\r\n        flex-direction: column !important;\r\n        align-items: flex-start !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"zeb-testi-section\">\r\n    <div class=\"zeb-testi-container\">\r\n        \r\n        <!-- Header & Slider Controls -->\r\n        <div class=\"zeb-testi-header\">\r\n            <div class=\"zeb-testi-title-wrapper\">\r\n                <span class=\"zeb-testi-subtitle\">Voices of Excellence<\/span>\r\n                <h2 class=\"zeb-testi-main-title\">What Our <i>Clients Say<\/i><\/h2>\r\n            <\/div>\r\n            <div class=\"zeb-testi-controls\">\r\n                <button class=\"zeb-testi-btn prev\" id=\"zebPrevBtn\" type=\"button\" aria-label=\"Previous Slide\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M15 18l-6-6 6-6\"\/>\r\n                    <\/svg>\r\n                <\/button>\r\n                <button class=\"zeb-testi-btn next\" id=\"zebNextBtn\" type=\"button\" aria-label=\"Next Slide\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M9 18l6-6-6-6\"\/>\r\n                    <\/svg>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Slider Track Window -->\r\n        <div class=\"zeb-testi-slider-wrapper\">\r\n            <div class=\"zeb-testi-track\" id=\"zebTrack\">\r\n                \r\n                <!-- Card 01 -->\r\n                <div class=\"zeb-testi-card\">\r\n                    <div class=\"zeb-testi-card-wm\">01<\/div>\r\n                    <div>\r\n                        <div class=\"zeb-card-top-bar\">\r\n                            <div class=\"zeb-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                            <span class=\"zeb-badge\">Verified Client<\/span>\r\n                        <\/div>\r\n                        <p class=\"zeb-testi-quote\">\"Working with Zebrano was an absolute pleasure. Their creativity, attention to detail, and commitment to luxury craftsmanship turned our ideas into a stunning estate space.\"<\/p>\r\n                    <\/div>\r\n                    <div class=\"zeb-testi-footer\">\r\n                        <div class=\"zeb-testi-client-info\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&fit=crop&q=80&w=200\" alt=\"Ashikuzzaman Ashik\" class=\"zeb-testi-avatar\">\r\n                            <div class=\"zeb-testi-details\">\r\n                                <h4>Ashikuzzaman Ashik<\/h4>\r\n                                <span>Founder & CEO<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <svg class=\"zeb-quote-svg\" viewBox=\"0 0 24 24\"><path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.998v10h-9.998z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"zeb-testi-card-line\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 02 -->\r\n                <div class=\"zeb-testi-card\">\r\n                    <div class=\"zeb-testi-card-wm\">02<\/div>\r\n                    <div>\r\n                        <div class=\"zeb-card-top-bar\">\r\n                            <div class=\"zeb-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                            <span class=\"zeb-badge\">Private Villa<\/span>\r\n                        <\/div>\r\n                        <p class=\"zeb-testi-quote\">\"From concept to completion, their expertise stood out. The outdoor collection perfectly balances architectural style and comfort, making our veranda pure luxury.\"<\/p>\r\n                    <\/div>\r\n                    <div class=\"zeb-testi-footer\">\r\n                        <div class=\"zeb-testi-client-info\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=200\" alt=\"Shadin Biswas\" class=\"zeb-testi-avatar\">\r\n                            <div class=\"zeb-testi-details\">\r\n                                <h4>Shadin Biswas<\/h4>\r\n                                <span>Home Owner<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <svg class=\"zeb-quote-svg\" viewBox=\"0 0 24 24\"><path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.998v10h-9.998z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"zeb-testi-card-line\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 03 -->\r\n                <div class=\"zeb-testi-card\">\r\n                    <div class=\"zeb-testi-card-wm\">03<\/div>\r\n                    <div>\r\n                        <div class=\"zeb-card-top-bar\">\r\n                            <div class=\"zeb-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                            <span class=\"zeb-badge\">Architect<\/span>\r\n                        <\/div>\r\n                        <p class=\"zeb-testi-quote\">\"They exceeded our expectations in every way. Thoughtful planning, custom architectural solutions, and timely white-glove delivery made the entire project smooth.\"<\/p>\r\n                    <\/div>\r\n                    <div class=\"zeb-testi-footer\">\r\n                        <div class=\"zeb-testi-client-info\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&q=80&w=200\" alt=\"Mahady Jewel\" class=\"zeb-testi-avatar\">\r\n                            <div class=\"zeb-testi-details\">\r\n                                <h4>Mahady Jewel<\/h4>\r\n                                <span>Lead Architect<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <svg class=\"zeb-quote-svg\" viewBox=\"0 0 24 24\"><path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.998v10h-9.998z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"zeb-testi-card-line\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Card 04 -->\r\n                <div class=\"zeb-testi-card\">\r\n                    <div class=\"zeb-testi-card-wm\">04<\/div>\r\n                    <div>\r\n                        <div class=\"zeb-card-top-bar\">\r\n                            <div class=\"zeb-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                            <span class=\"zeb-badge\">Resort Owner<\/span>\r\n                        <\/div>\r\n                        <p class=\"zeb-testi-quote\">\"A masterclass in luxury furniture and outdoor styling. The precision and bespoke approach they brought to our commercial resort terrace was second to none.\"<\/p>\r\n                    <\/div>\r\n                    <div class=\"zeb-testi-footer\">\r\n                        <div class=\"zeb-testi-client-info\">\r\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1492562080023-ab3db95bfbce?auto=format&fit=crop&q=80&w=200\" alt=\"Zayn Malik\" class=\"zeb-testi-avatar\">\r\n                            <div class=\"zeb-testi-details\">\r\n                                <h4>Zayn Malik<\/h4>\r\n                                <span>Private Estate Owner<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <svg class=\"zeb-quote-svg\" viewBox=\"0 0 24 24\"><path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.998v10h-9.998z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"zeb-testi-card-line\"><\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const track = document.getElementById(\"zebTrack\");\r\n    const prevBtn = document.getElementById(\"zebPrevBtn\");\r\n    const nextBtn = document.getElementById(\"zebNextBtn\");\r\n    \r\n    if (!track || !prevBtn || !nextBtn) return;\r\n\r\n    const cards = track.children;\r\n    let currentIndex = 0;\r\n\r\n    function getCardsPerView() {\r\n        if (window.innerWidth <= 768) return 1;\r\n        if (window.innerWidth <= 1024) return 2;\r\n        return 3;\r\n    }\r\n\r\n    function updateSlider() {\r\n        const cardsPerView = getCardsPerView();\r\n        const maxIndex = cards.length - cardsPerView;\r\n        \r\n        if (currentIndex > maxIndex) currentIndex = maxIndex;\r\n        if (currentIndex < 0) currentIndex = 0;\r\n\r\n        const cardWidth = cards[0].getBoundingClientRect().width;\r\n        const gap = 30; \r\n        const moveAmount = currentIndex * (cardWidth + gap);\r\n        \r\n        track.style.transform = `translateX(-${moveAmount}px)`;\r\n    }\r\n\r\n    nextBtn.addEventListener(\"click\", function () {\r\n        const cardsPerView = getCardsPerView();\r\n        const maxIndex = cards.length - cardsPerView;\r\n        if (currentIndex < maxIndex) {\r\n            currentIndex++;\r\n        } else {\r\n            currentIndex = 0;\r\n        }\r\n        updateSlider();\r\n    });\r\n\r\n    prevBtn.addEventListener(\"click\", function () {\r\n        const cardsPerView = getCardsPerView();\r\n        const maxIndex = cards.length - cardsPerView;\r\n        if (currentIndex > 0) {\r\n            currentIndex--;\r\n        } else {\r\n            currentIndex = maxIndex;\r\n        }\r\n        updateSlider();\r\n    });\r\n\r\n    window.addEventListener(\"resize\", updateSlider);\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-d6bd6ee e-con-full e-flex e-con e-parent\" data-id=\"d6bd6ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9ed8f8 elementor-widget elementor-widget-html\" data-id=\"a9ed8f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Font Import *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');\r\n\r\n:root {\r\n    --zeb-bg-dark: #050505;\r\n    --zeb-card-bg: #0C0C0C;\r\n    --zeb-gold: #C5A059;\r\n    --zeb-gold-bright: #D4AF37;\r\n    --zeb-gold-glow: rgba(197, 160, 89, 0.18);\r\n    --zeb-text-white: #FFFFFF;\r\n    --zeb-text-muted: rgba(255, 255, 255, 0.65);\r\n    --zeb-border-gold: rgba(197, 160, 89, 0.25);\r\n}\r\n\r\n.zeb-luxury-insta,\r\n.zeb-luxury-insta * {\r\n    font-family: 'Lora', serif !important;\r\n    box-sizing: border-box !important;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Deep Onyx Black Luxury Background with Fine Grid Overlay *\/\r\n.zeb-luxury-insta {\r\n    background-color: var(--zeb-bg-dark) !important;\r\n    background-image: \r\n        radial-gradient(circle at 15% 20%, rgba(197, 160, 89, 0.04) 0%, transparent 50%),\r\n        radial-gradient(circle at 85% 80%, rgba(197, 160, 89, 0.03) 0%, transparent 50%) !important;\r\n    padding: 130px 0 !important;\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    overflow: hidden !important;\r\n}\r\n\r\n\/* Fine Architectural Grid Lines *\/\r\n.zeb-luxury-insta::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background-image: \r\n        linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px) !important;\r\n    background-size: 80px 80px !important;\r\n    pointer-events: none !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n\/* Header Section *\/\r\n.zeb-luxury-header {\r\n    max-width: 1380px !important;\r\n    margin: 0 auto 60px auto !important;\r\n    padding: 0 30px !important;\r\n    display: flex !important;\r\n    justify-content: space-between !important;\r\n    align-items: flex-end !important;\r\n    position: relative !important;\r\n    z-index: 2 !important;\r\n}\r\n\r\n.zeb-luxury-title-wrap {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    gap: 12px !important;\r\n}\r\n\r\n.zeb-luxury-title-wrap span {\r\n    font-size: 12px !important;\r\n    letter-spacing: 5px !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--zeb-text-white) !important;\r\n    font-style: italic !important;\r\n    font-weight: 600 !important;\r\n    display: block !important;\r\n}\r\n\r\n.zeb-luxury-title-wrap h2 {\r\n    font-size: clamp(36px, 4vw, 52px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.15 !important;\r\n    color: var(--zeb-text-white) !important;\r\n    letter-spacing: -0.5px !important;\r\n}\r\n\r\n.zeb-luxury-title-wrap h2 i {\r\n    font-style: italic !important;\r\n    color: var(--zeb-text-white) !important;\r\n}\r\n\r\n\/* Profile Link Action Button *\/\r\n.zeb-luxury-handle {\r\n    font-size: 11px !important;\r\n    letter-spacing: 3px !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--zeb-gold) !important;\r\n    text-decoration: none !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    font-weight: 600 !important;\r\n    padding: 14px 28px !important;\r\n    border: 1px solid var(--zeb-border-gold) !important;\r\n    border-radius: 40px !important;\r\n    background: rgba(12, 12, 12, 0.6) !important;\r\n    backdrop-filter: blur(10px) !important;\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n.zeb-luxury-handle svg {\r\n    width: 14px !important;\r\n    height: 14px !important;\r\n    stroke: var(--zeb-gold) !important;\r\n    transition: transform 0.3s ease !important;\r\n}\r\n\r\n.zeb-luxury-handle:hover {\r\n    background: var(--zeb-gold) !important;\r\n    color: #050505 !important;\r\n    border-color: var(--zeb-gold) !important;\r\n    box-shadow: 0 0 25px rgba(197, 160, 89, 0.3) !important;\r\n    transform: translateY(-2px) !important;\r\n}\r\n\r\n.zeb-luxury-handle:hover svg {\r\n    stroke: #050505 !important;\r\n    transform: translateX(4px) !important;\r\n}\r\n\r\n\/* Infinite Autoplay Slider Track Container *\/\r\n.zeb-luxury-slider-container {\r\n    width: 100% !important;\r\n    overflow: hidden !important;\r\n    position: relative !important;\r\n    display: flex !important;\r\n    z-index: 2 !important;\r\n    padding: 20px 0 !important;\r\n}\r\n\r\n\/* Left & Right Smooth Edge Fade Out Effects *\/\r\n.zeb-luxury-slider-container::before,\r\n.zeb-luxury-slider-container::after {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    bottom: 0 !important;\r\n    width: 120px !important;\r\n    z-index: 5 !important;\r\n    pointer-events: none !important;\r\n}\r\n\r\n.zeb-luxury-slider-container::before {\r\n    left: 0 !important;\r\n    background: linear-gradient(90deg, #050505 0%, transparent 100%) !important;\r\n}\r\n\r\n.zeb-luxury-slider-container::after {\r\n    right: 0 !important;\r\n    background: linear-gradient(-90deg, #050505 0%, transparent 100%) !important;\r\n}\r\n\r\n.zeb-luxury-track {\r\n    display: flex !important;\r\n    gap: 30px !important;\r\n    width: max-content !important;\r\n    animation: zebLuxuryAutoplay 45s linear infinite !important;\r\n}\r\n\r\n.zeb-luxury-insta:hover .zeb-luxury-track {\r\n    animation-play-state: paused !important;\r\n}\r\n\r\n\/* Ultra High-End Bespoke Card Design *\/\r\n.zeb-luxury-card {\r\n    position: relative !important;\r\n    width: 380px !important;\r\n    height: 490px !important;\r\n    border-radius: 8px !important;\r\n    overflow: hidden !important;\r\n    border: 1px solid var(--zeb-border-gold) !important;\r\n    background: var(--zeb-card-bg) !important;\r\n    flex-shrink: 0 !important;\r\n    text-decoration: none !important;\r\n    display: block !important;\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;\r\n}\r\n\r\n.zeb-luxury-card img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    transform: scale(1.02) !important;\r\n    transition: transform 0.9s cubic-bezier(0.25, 1, 0.5, 1), filter 0.5s ease !important;\r\n    filter: brightness(0.9) contrast(1.05) !important;\r\n}\r\n\r\n\/* Frosted Glass Overlay with Gold Details *\/\r\n.zeb-luxury-overlay {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background: linear-gradient(180deg, rgba(5,5,5,0.2) 0%, rgba(5,5,5,0.7) 50%, rgba(5,5,5,0.96) 100%) !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    justify-content: space-between !important;\r\n    padding: 35px !important;\r\n    opacity: 0 !important;\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    z-index: 2 !important;\r\n    backdrop-filter: blur(4px) !important;\r\n}\r\n\r\n.zeb-luxury-top-icon {\r\n    align-self: flex-end !important;\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n    padding: 8px !important;\r\n    border-radius: 50% !important;\r\n    background: rgba(12, 12, 12, 0.6) !important;\r\n    border: 1px solid var(--zeb-border-gold) !important;\r\n    fill: var(--zeb-gold) !important;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;\r\n    transform: translateY(-10px) !important;\r\n    transition: transform 0.4s ease !important;\r\n}\r\n\r\n.zeb-luxury-tag {\r\n    font-size: 11px !important;\r\n    letter-spacing: 3px !important;\r\n    text-transform: uppercase !important;\r\n    color: var(--zeb-gold) !important;\r\n    margin-bottom: 10px !important;\r\n    font-weight: 600 !important;\r\n    display: block !important;\r\n}\r\n\r\n.zeb-luxury-caption {\r\n    font-size: 15px !important;\r\n    line-height: 1.7 !important;\r\n    color: var(--zeb-text-white) !important;\r\n    font-weight: 400 !important;\r\n    margin: 0 !important;\r\n    transform: translateY(10px) !important;\r\n    transition: transform 0.4s ease !important;\r\n}\r\n\r\n\/* Bottom Gold Line Accent on Hover *\/\r\n.zeb-luxury-card-line {\r\n    position: absolute !important;\r\n    bottom: 0 !important;\r\n    left: 0 !important;\r\n    width: 0% !important;\r\n    height: 3px !important;\r\n    background: var(--zeb-gold) !important;\r\n    transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    z-index: 3 !important;\r\n}\r\n\r\n\/* Hover States *\/\r\n.zeb-luxury-card:hover {\r\n    border-color: rgba(197, 160, 89, 0.6) !important;\r\n    transform: translateY(-8px) !important;\r\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6), 0 0 30px var(--zeb-gold-glow) !important;\r\n}\r\n\r\n.zeb-luxury-card:hover img {\r\n    transform: scale(1.08) !important;\r\n    filter: brightness(1) contrast(1.1) !important;\r\n}\r\n\r\n.zeb-luxury-card:hover .zeb-luxury-overlay {\r\n    opacity: 1 !important;\r\n}\r\n\r\n.zeb-luxury-card:hover .zeb-luxury-top-icon {\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n.zeb-luxury-card:hover .zeb-luxury-caption {\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n.zeb-luxury-card:hover .zeb-luxury-card-line {\r\n    width: 100% !important;\r\n}\r\n\r\n@keyframes zebLuxuryAutoplay {\r\n    0% {\r\n        transform: translateX(0);\r\n    }\r\n    100% {\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n\/* Responsive Styles *\/\r\n@media (max-width: 768px) {\r\n    .zeb-luxury-insta {\r\n        padding: 80px 0 !important;\r\n    }\r\n    .zeb-luxury-header {\r\n        flex-direction: column !important;\r\n        align-items: flex-start !important;\r\n        gap: 20px !important;\r\n        padding: 0 20px !important;\r\n        margin-bottom: 40px !important;\r\n    }\r\n    .zeb-luxury-card {\r\n        width: 290px !important;\r\n        height: 390px !important;\r\n    }\r\n    .zeb-luxury-track {\r\n        gap: 20px !important;\r\n    }\r\n    .zeb-luxury-slider-container::before,\r\n    .zeb-luxury-slider-container::after {\r\n        width: 50px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"zeb-luxury-insta\">\r\n    <div class=\"zeb-luxury-header\">\r\n        <div class=\"zeb-luxury-title-wrap\">\r\n            <span> Architectural Portfolio<\/span>\r\n            <h2>Visual <i>Journal<\/i><\/h2>\r\n        <\/div>\r\n        <a href=\"https:\/\/instagram.com\" target=\"_blank\" class=\"zeb-luxury-handle\">\r\n            Follow @Zebrano.UAE\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n            <\/svg>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"zeb-luxury-slider-container\">\r\n        <div class=\"zeb-luxury-track\">\r\n            \r\n            <!-- Feed Set 1 -->\r\n            <a href=\"https:\/\/instagram.com\" target=\"_blank\" class=\"zeb-luxury-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&q=80&w=800\" alt=\"Palm Jumeirah Residence\">\r\n                <div class=\"zeb-luxury-overlay\">\r\n                    <svg class=\"zeb-luxury-top-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    <div>\r\n                        <span class=\"zeb-luxury-tag\">Palm Jumeirah<\/span>\r\n                        <p class=\"zeb-luxury-caption\">Bespoke indoor dining collection engineered for a private residence.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"zeb-luxury-card-line\"><\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/instagram.com\" target=\"_blank\" class=\"zeb-luxury-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&q=80&w=800\" alt=\"Outdoor Living\">\r\n                <div class=\"zeb-luxury-overlay\">\r\n                    <svg class=\"zeb-luxury-top-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    <div>\r\n                        <span class=\"zeb-luxury-tag\">Modern Villa<\/span>\r\n                        <p class=\"zeb-luxury-caption\">Refined outdoor living setups crafted for modern architectural villas.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"zeb-luxury-card-line\"><\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/instagram.com\" target=\"_blank\" class=\"zeb-luxury-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&q=80&w=800\" alt=\"Hospitality Project\">\r\n                <div class=\"zeb-luxury-overlay\">\r\n                    <svg class=\"zeb-luxury-top-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    <div>\r\n                        <span class=\"zeb-luxury-tag\">Hospitality Lounge<\/span>\r\n                        <p class=\"zeb-luxury-caption\">Signature hospitality lounge fit-out featuring custom seating arrangements.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"zeb-luxury-card-line\"><\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/instagram.com\" target=\"_blank\" class=\"zeb-luxury-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&q=80&w=800\" alt=\"Penthouse Project\">\r\n                <div class=\"zeb-luxury-overlay\">\r\n                    <svg class=\"zeb-luxury-top-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    <div>\r\n                        <span class=\"zeb-luxury-tag\">Downtown Dubai<\/span>\r\n                        <p class=\"zeb-luxury-caption\">Custom penthouse living room concept delivered in Downtown Dubai.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"zeb-luxury-card-line\"><\/div>\r\n            <\/a>\r\n\r\n            <!-- Feed Set 2 (Duplicated for seamless continuous loop) -->\r\n            <a href=\"https:\/\/instagram.com\" target=\"_blank\" class=\"zeb-luxury-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&q=80&w=800\" alt=\"Palm Jumeirah Residence\">\r\n                <div class=\"zeb-luxury-overlay\">\r\n                    <svg class=\"zeb-luxury-top-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    <div>\r\n                        <span class=\"zeb-luxury-tag\">Palm Jumeirah<\/span>\r\n                        <p class=\"zeb-luxury-caption\">Bespoke indoor dining collection engineered for a private residence.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"zeb-luxury-card-line\"><\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/instagram.com\" target=\"_blank\" class=\"zeb-luxury-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&q=80&w=800\" alt=\"Outdoor Living\">\r\n                <div class=\"zeb-luxury-overlay\">\r\n                    <svg class=\"zeb-luxury-top-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    <div>\r\n                        <span class=\"zeb-luxury-tag\">Modern Villa<\/span>\r\n                        <p class=\"zeb-luxury-caption\">Refined outdoor living setups crafted for modern architectural villas.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"zeb-luxury-card-line\"><\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/instagram.com\" target=\"_blank\" class=\"zeb-luxury-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&q=80&w=800\" alt=\"Hospitality Project\">\r\n                <div class=\"zeb-luxury-overlay\">\r\n                    <svg class=\"zeb-luxury-top-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    <div>\r\n                        <span class=\"zeb-luxury-tag\">Hospitality Lounge<\/span>\r\n                        <p class=\"zeb-luxury-caption\">Signature hospitality lounge fit-out featuring custom seating arrangements.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"zeb-luxury-card-line\"><\/div>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/instagram.com\" target=\"_blank\" class=\"zeb-luxury-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&q=80&w=800\" alt=\"Penthouse Project\">\r\n                <div class=\"zeb-luxury-overlay\">\r\n                    <svg class=\"zeb-luxury-top-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                    <div>\r\n                        <span class=\"zeb-luxury-tag\">Downtown Dubai<\/span>\r\n                        <p class=\"zeb-luxury-caption\">Custom penthouse living room concept delivered in Downtown Dubai.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"zeb-luxury-card-line\"><\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68f4f21 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"68f4f21\" 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-9dcbec3 elementor-widget elementor-widget-html\" data-id=\"9dcbec3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Font Import *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');\r\n\r\n:root {\r\n    --zeb-gold: #C5A059;\r\n    --zeb-gold-bright: #D4AF37;\r\n    --zeb-bg-glass: rgba(8, 8, 8, 0.92); \/* Slightly darker for deeper contrast *\/\r\n    --zeb-border-gold: rgba(197, 160, 89, 0.25); \/* Softer border *\/\r\n}\r\n\r\n.zeb-sticky-bar-luxe *, \r\n.zeb-sticky-bar-luxe ::after, \r\n.zeb-sticky-bar-luxe ::before {\r\n    font-family: 'Lora', serif !important;\r\n    box-sizing: border-box !important;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\/* Ultra High-End Sticky Bottom Wrapper *\/\r\n.zeb-sticky-bar-luxe {\r\n    position: fixed !important;\r\n    bottom: 30px !important;\r\n    left: 50% !important;\r\n    transform: translateX(-50%) !important;\r\n    width: 92% !important;\r\n    max-width: 720px !important;\r\n    z-index: 99999 !important;\r\n    background: var(--zeb-bg-glass) !important;\r\n    backdrop-filter: blur(20px) !important;\r\n    -webkit-backdrop-filter: blur(20px) !important;\r\n    border: 1px solid var(--zeb-border-gold) !important;\r\n    border-radius: 60px !important;\r\n    padding: 8px 8px 8px 20px !important;\r\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7), 0 0 30px rgba(197, 160, 89, 0.08) !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    gap: 15px !important;\r\n}\r\n\r\n\/* Common Action Button Style *\/\r\n.zeb-action-btn-luxe {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 10px !important;\r\n    text-decoration: none !important;\r\n    font-size: 10px !important;\r\n    font-weight: 500 !important;\r\n    letter-spacing: 2.5px !important;\r\n    text-transform: uppercase !important;\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    white-space: nowrap !important;\r\n}\r\n\r\n.zeb-action-btn-luxe svg {\r\n    width: 15px !important;\r\n    height: 15px !important;\r\n    transition: all 0.4s ease !important;\r\n}\r\n\r\n\/* Secondary Buttons (Consult & Showroom) *\/\r\n.zeb-btn-secondary {\r\n    color: rgba(255, 255, 255, 0.7) !important;\r\n    padding: 10px 5px !important;\r\n}\r\n\r\n.zeb-btn-secondary svg {\r\n    stroke: rgba(255, 255, 255, 0.7) !important;\r\n    fill: none !important;\r\n}\r\n\r\n.zeb-btn-secondary:hover {\r\n    color: var(--zeb-gold) !important;\r\n}\r\n\r\n.zeb-btn-secondary:hover svg {\r\n    stroke: var(--zeb-gold) !important;\r\n    transform: translateY(-1px) !important;\r\n}\r\n\r\n\/* Divider Line *\/\r\n.zeb-divider {\r\n    width: 1px !important;\r\n    height: 18px !important;\r\n    background: rgba(197, 160, 89, 0.2) !important;\r\n}\r\n\r\n\/* Primary Button (Begin Project) *\/\r\n.zeb-btn-primary {\r\n    background: var(--zeb-gold) !important;\r\n    color: #050505 !important;\r\n    padding: 14px 28px !important;\r\n    border-radius: 50px !important;\r\n    font-weight: 600 !important;\r\n    letter-spacing: 2px !important;\r\n    margin-left: auto !important; \/* Pushes the primary button to the right *\/\r\n}\r\n\r\n.zeb-btn-primary svg {\r\n    stroke: #050505 !important;\r\n    fill: none !important;\r\n}\r\n\r\n.zeb-btn-primary:hover {\r\n    background: var(--zeb-gold-bright) !important;\r\n    box-shadow: 0 0 20px rgba(197, 160, 89, 0.4) !important;\r\n    padding-right: 22px !important;\r\n    padding-left: 34px !important;\r\n}\r\n\r\n.zeb-btn-primary:hover svg {\r\n    transform: translateX(4px) !important;\r\n}\r\n\r\n\/* Mobile Responsiveness *\/\r\n@media (max-width: 768px) {\r\n    .zeb-sticky-bar-luxe {\r\n        width: 95% !important;\r\n        bottom: 20px !important;\r\n        padding: 6px 6px 6px 12px !important;\r\n        gap: 8px !important;\r\n    }\r\n    \r\n    .zeb-action-btn-luxe {\r\n        font-size: 8.5px !important;\r\n        letter-spacing: 1.5px !important;\r\n        gap: 6px !important;\r\n    }\r\n    \r\n    .zeb-btn-primary {\r\n        padding: 12px 18px !important;\r\n    }\r\n\r\n    .zeb-btn-primary:hover {\r\n        padding-right: 14px !important;\r\n        padding-left: 22px !important;\r\n    }\r\n\r\n    \/* Hide the divider and only show icons for secondary buttons on very small screens to keep it ultra-clean *\/\r\n    @media (max-width: 480px) {\r\n        .zeb-btn-secondary span {\r\n            display: none !important;\r\n        }\r\n        .zeb-btn-secondary {\r\n            padding: 10px !important;\r\n        }\r\n        .zeb-divider {\r\n            display: none !important;\r\n        }\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"zeb-sticky-bar-luxe\">\r\n    \r\n    <!-- Consult Designer -->\r\n    <a href=\"https:\/\/wa.me\/971500000000\" target=\"_blank\" rel=\"noopener\" class=\"zeb-action-btn-luxe zeb-btn-secondary\">\r\n        <svg viewBox=\"0 0 24 24\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\r\n        <\/svg>\r\n        <span>Consult Designer<\/span>\r\n    <\/a>\r\n\r\n    <div class=\"zeb-divider\"><\/div>\r\n\r\n    <!-- Visit Showroom -->\r\n    <a href=\"#showroom\" class=\"zeb-action-btn-luxe zeb-btn-secondary\">\r\n        <svg viewBox=\"0 0 24 24\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n            <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n        <\/svg>\r\n        <span>Visit Showroom<\/span>\r\n    <\/a>\r\n\r\n    <!-- Begin Your Project (Primary Highlight) -->\r\n    <a href=\"#project\" class=\"zeb-action-btn-luxe zeb-btn-primary\">\r\n        <span>Begin Project<\/span>\r\n        <svg viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n            <polyline points=\"12 5 19 12 12 19\"\/>\r\n        <\/svg>\r\n    <\/a>\r\n    \r\n<\/div>\t\t\t\t<\/div>\n\t\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>Interior Collection Bespoke Indoor Living. Crafting uncompromised elegance and bespoke furniture masterpieces tailored specifically for luxury residences across Dubai and the GCC. Explore Collection Outdoor Masterpieces Refined Comfort Outdoors. Weather-resistant treated woods and anti-corrosive metals engineered to elevate open-air spaces with absolute sophistication. Explore Collection Commercial &#038; Hospitality Elite Hospitality Projects. Signature architectural furniture designed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-645","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zebrano.ae\/index.php?rest_route=\/wp\/v2\/pages\/645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zebrano.ae\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zebrano.ae\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zebrano.ae\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zebrano.ae\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=645"}],"version-history":[{"count":310,"href":"https:\/\/zebrano.ae\/index.php?rest_route=\/wp\/v2\/pages\/645\/revisions"}],"predecessor-version":[{"id":1364,"href":"https:\/\/zebrano.ae\/index.php?rest_route=\/wp\/v2\/pages\/645\/revisions\/1364"}],"wp:attachment":[{"href":"https:\/\/zebrano.ae\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}