{"id":1119,"date":"2026-08-12T10:01:39","date_gmt":"2026-08-12T10:01:39","guid":{"rendered":"https:\/\/zebrano.ae\/?page_id=1119"},"modified":"2026-08-18T06:42:57","modified_gmt":"2026-08-18T06:42:57","slug":"services","status":"publish","type":"page","link":"https:\/\/zebrano.ae\/?page_id=1119","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1119\" class=\"elementor elementor-1119\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a75102d e-con-full e-flex e-con e-parent\" data-id=\"a75102d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1331512 elementor-widget elementor-widget-html\" data-id=\"1331512\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts: Lora & Montserrat -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* \r\n       ==========================================================================\r\n       SERVICES HERO SECTION - PREFIX: zbr-serv-hero-\r\n       ========================================================================== \r\n    *\/\r\n\r\n    #zbr-serv-hero-section {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        min-height: 50vh !important;\r\n        padding: 120px 5% 80px 5% !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        background-color: #050505 !important;\r\n        \/* Relevant Luxury Consultation & Interior Architecture Background *\/\r\n        background-image: url('https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=2000&auto=format&fit=crop') !important;\r\n        background-size: cover !important;\r\n        background-position: center !important;\r\n        background-repeat: no-repeat !important;\r\n        overflow: hidden !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    \/* Cinematic Deep Dark Overlay *\/\r\n    #zbr-serv-hero-section::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: radial-gradient(circle at center, rgba(5, 5, 5, 0.4) 0%, rgba(5, 5, 5, 0.85) 100%),\r\n                    linear-gradient(to bottom, rgba(5, 5, 5, 0.6) 0%, rgba(5, 5, 5, 0.95) 100%) !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    .zbr-serv-hero-content {\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        max-width: 900px !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* ----- BREADCRUMB \/ EYEBROW ----- *\/\r\n    .zbr-serv-hero-breadcrumb {\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        font-size: 11px !important;\r\n        color: #C5A059 !important;\r\n        letter-spacing: 5px !important;\r\n        text-transform: uppercase !important;\r\n        margin-bottom: 20px !important;\r\n        font-weight: 500 !important;\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 10px !important;\r\n    }\r\n\r\n    .zbr-serv-hero-breadcrumb span {\r\n        color: rgba(255, 255, 255, 0.4) !important;\r\n    }\r\n\r\n    \/* ----- PAGE TITLE ----- *\/\r\n    .zbr-serv-hero-title {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: clamp(40px, 6vw, 68px) !important;\r\n        color: #FFFFFF !important;\r\n        line-height: 1.15 !important;\r\n        margin: 0 0 20px 0 !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: -1px !important;\r\n    }\r\n\r\n    .zbr-serv-hero-title span {\r\n        font-style: italic !important;\r\n        color: #E8E8E8 !important;\r\n        font-weight: 400 !important;\r\n    }\r\n\r\n    \/* ----- SUBTITLE \/ DESCRIPTION ----- *\/\r\n    .zbr-serv-hero-subtitle {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: clamp(16px, 1.8vw, 18px) !important;\r\n        color: rgba(255, 255, 255, 0.75) !important;\r\n        line-height: 1.7 !important;\r\n        max-width: 650px !important;\r\n        margin: 0 auto !important;\r\n        font-weight: 400 !important;\r\n    }\r\n\r\n    \/* ----- DECORATIVE GOLD LINE ----- *\/\r\n    .zbr-serv-hero-line {\r\n        width: 1px !important;\r\n        height: 40px !important;\r\n        background-color: #C5A059 !important;\r\n        margin: 30px auto 0 auto !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    \/* ----- RESPONSIVE DESIGN ----- *\/\r\n    @media (max-width: 768px) {\r\n        #zbr-serv-hero-section {\r\n            min-height: 40vh !important;\r\n            padding: 100px 20px 60px 20px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- HTML Structure -->\r\n<section id=\"zbr-serv-hero-section\">\r\n    <div class=\"zbr-serv-hero-content\">\r\n        <!-- Breadcrumb -->\r\n        <div class=\"zbr-serv-hero-breadcrumb\">\r\n            Home <span>\/<\/span> Consulting Services\r\n        <\/div>\r\n        \r\n        <!-- Main Title -->\r\n        <h1 class=\"zbr-serv-hero-title\">Bespoke Design & <span>Consultancy<\/span><\/h1>\r\n        \r\n        <!-- Subtitle -->\r\n        <p class=\"zbr-serv-hero-subtitle\">Transforming your living spaces through professional interior architecture, tailored style analysis, and photorealistic 3D visualization.<\/p>\r\n    <\/div>\r\n    \r\n    <!-- Decorative Line -->\r\n    <div class=\"zbr-serv-hero-line\"><\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5676bd7 e-con-full e-flex e-con e-parent\" data-id=\"5676bd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac94c9a elementor-widget elementor-widget-html\" data-id=\"ac94c9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* \r\n       ==========================================================================\r\n       SECTION 2: ULTRA-PREMIUM CORE PHILOSOPHY - PREFIX: zbr-ph3-\r\n       ========================================================================== \r\n    *\/\r\n\r\n    #zbr-ph3-section {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        padding: 160px 5% !important;\r\n        background-color: #FFFFFF !important;\r\n        color: #111111 !important;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .zbr-ph3-wrapper {\r\n        max-width: 1340px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    \/* Top Header Layout *\/\r\n    .zbr-ph3-header-grid {\r\n        display: grid !important;\r\n        grid-template-columns: 1.2fr 1fr !important;\r\n        gap: 60px !important;\r\n        align-items: flex-end !important;\r\n        margin-bottom: 90px !important;\r\n        border-bottom: 1px solid #EAEAEA !important;\r\n        padding-bottom: 60px !important;\r\n    }\r\n\r\n    .zbr-ph3-tag {\r\n        font-size: 10px !important;\r\n        font-weight: 500 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 6px !important;\r\n        color: #C5A059 !important;\r\n        margin-bottom: 20px !important;\r\n        display: inline-block !important;\r\n        border-bottom: 1px solid rgba(197, 160, 89, 0.4) !important;\r\n        padding-bottom: 6px !important;\r\n    }\r\n\r\n    .zbr-ph3-title {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: clamp(38px, 5vw, 56px) !important;\r\n        color: #111111 !important;\r\n        line-height: 1.15 !important;\r\n        margin: 0 !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: -0.5px !important;\r\n    }\r\n\r\n    .zbr-ph3-title span {\r\n        font-style: italic !important;\r\n        color: #C5A059 !important;\r\n    }\r\n\r\n    .zbr-ph3-intro {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: 17px !important;\r\n        color: #555555 !important;\r\n        line-height: 1.8 !important;\r\n        margin: 0 !important;\r\n        font-weight: 300 !important;\r\n    }\r\n\r\n    \/* 3-Column Luxury Feature Cards *\/\r\n    .zbr-ph3-cards-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        gap: 32px !important;\r\n    }\r\n\r\n    .zbr-ph3-card {\r\n        position: relative !important;\r\n        background: #F8F8F6 !important;\r\n        border: 1px solid #EBEBEB !important;\r\n        padding: 50px 40px !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: space-between !important;\r\n        transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    }\r\n\r\n    .zbr-ph3-card:hover {\r\n        transform: translateY(-8px) !important;\r\n        border-color: #C5A059 !important;\r\n        background: #FFFFFF !important;\r\n        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.06), 0 0 20px rgba(197, 160, 89, 0.05) !important;\r\n    }\r\n\r\n    .zbr-ph3-card-top {\r\n        margin-bottom: 40px !important;\r\n    }\r\n\r\n    .zbr-ph3-number {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: 28px !important;\r\n        color: #C5A059 !important;\r\n        margin-bottom: 25px !important;\r\n        font-weight: 400 !important;\r\n        display: block !important;\r\n    }\r\n\r\n    .zbr-ph3-card-title {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: 22px !important;\r\n        color: #111111 !important;\r\n        margin: 0 0 15px 0 !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: -0.3px !important;\r\n    }\r\n\r\n    .zbr-ph3-card-desc {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: 15px !important;\r\n        color: #666666 !important;\r\n        line-height: 1.7 !important;\r\n        margin: 0 !important;\r\n        font-weight: 300 !important;\r\n    }\r\n\r\n    .zbr-ph3-card-footer {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 10px !important;\r\n        font-size: 10px !important;\r\n        letter-spacing: 2px !important;\r\n        text-transform: uppercase !important;\r\n        color: #C5A059 !important;\r\n        font-weight: 600 !important;\r\n        border-top: 1px solid #EAEAEA !important;\r\n        padding-top: 20px !important;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .zbr-ph3-header-grid {\r\n            grid-template-columns: 1fr !important;\r\n            gap: 30px !important;\r\n            margin-bottom: 60px !important;\r\n            padding-bottom: 40px !important;\r\n        }\r\n        .zbr-ph3-cards-grid {\r\n            grid-template-columns: 1fr !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        #zbr-ph3-section {\r\n            padding: 90px 20px !important;\r\n        }\r\n        .zbr-ph3-card {\r\n            padding: 35px 25px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- HTML Structure -->\r\n<section id=\"zbr-ph3-section\">\r\n    <div class=\"zbr-ph3-wrapper\">\r\n        \r\n        <!-- Header Grid: Title & Philosophy Intro -->\r\n        <div class=\"zbr-ph3-header-grid\">\r\n            <div>\r\n                <span class=\"zbr-ph3-tag\">Design Philosophy<\/span>\r\n                <h2 class=\"zbr-ph3-title\">Refining The Art Of <span>Living Spaces<\/span><\/h2>\r\n            <\/div>\r\n            <div>\r\n                <p class=\"zbr-ph3-intro\">At Zebrano, we don't just furnish a room; we curate a lifestyle. By listening to your aspirations and analyzing your unique needs, we craft environments that harmonize supreme aesthetics with flawless functionality.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3 Column Cards Grid -->\r\n        <div class=\"zbr-ph3-cards-grid\">\r\n            \r\n            <!-- Card 1 -->\r\n            <div class=\"zbr-ph3-card\">\r\n                <div class=\"zbr-ph3-card-top\">\r\n                    <span class=\"zbr-ph3-number\">01<\/span>\r\n                    <h3 class=\"zbr-ph3-card-title\">Style Analysis<\/h3>\r\n                    <p class=\"zbr-ph3-card-desc\">In-depth personality and lifestyle audits to define your exclusive design narrative and spatial personality.<\/p>\r\n                <\/div>\r\n                <div class=\"zbr-ph3-card-footer\">\r\n                    <span>Tailored Audit<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 2 -->\r\n            <div class=\"zbr-ph3-card\">\r\n                <div class=\"zbr-ph3-card-top\">\r\n                    <span class=\"zbr-ph3-number\">02<\/span>\r\n                    <h3 class=\"zbr-ph3-card-title\">Layout Planning<\/h3>\r\n                    <p class=\"zbr-ph3-card-desc\">Functional space architecture that optimizes movement flow, ergonomic precision, and spatial balance.<\/p>\r\n                <\/div>\r\n                <div class=\"zbr-ph3-card-footer\">\r\n                    <span>Spatial Architecture<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 3 -->\r\n            <div class=\"zbr-ph3-card\">\r\n                <div class=\"zbr-ph3-card-top\">\r\n                    <span class=\"zbr-ph3-number\">03<\/span>\r\n                    <h3 class=\"zbr-ph3-card-title\">Aesthetic Guidance<\/h3>\r\n                    <p class=\"zbr-ph3-card-desc\">Expert curation of rare textures, bespoke color palettes, and material selections for a seamless look.<\/p>\r\n                <\/div>\r\n                <div class=\"zbr-ph3-card-footer\">\r\n                    <span>Curated Palettes<\/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-d300ecb e-con-full e-flex e-con e-parent\" data-id=\"d300ecb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdb165d elementor-widget elementor-widget-html\" data-id=\"bdb165d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* \r\n       ==========================================================================\r\n       SECTION 3 IMAGE LEFT: 3D RENDERING - PREFIX: zbr-s3-imgleft-\r\n       ========================================================================== \r\n    *\/\r\n\r\n    #zbr-s3-imgleft-section {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        padding: 140px 5% !important;\r\n        background-color: #050505 !important;\r\n        color: #FFFFFF !important;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .zbr-s3-imgleft-wrapper {\r\n        max-width: 1340px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    .zbr-s3-imgleft-block {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1.1fr !important;\r\n        gap: 80px !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    \/* Left Side: Organic Shaped Image *\/\r\n    .zbr-s3-imgleft-image {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        order: 1 !important;\r\n    }\r\n\r\n    .zbr-s3-imgleft-image img {\r\n        width: 100% !important;\r\n        max-width: 580px !important;\r\n        height: 480px !important;\r\n        object-fit: cover !important;\r\n        \/* Organic blob \/ custom border-radius *\/\r\n        border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70% !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;\r\n        filter: brightness(0.9) contrast(1.05) !important;\r\n        transition: border-radius 0.8s ease, transform 0.6s ease !important;\r\n    }\r\n\r\n    .zbr-s3-imgleft-image img:hover {\r\n        border-radius: 50% 50% 50% 50% \/ 50% 50% 50% 50% !important;\r\n        transform: scale(1.02) !important;\r\n    }\r\n\r\n    \/* Right Side: Content *\/\r\n    .zbr-s3-imgleft-content {\r\n        order: 2 !important;\r\n    }\r\n\r\n    .zbr-s3-imgleft-content h2 {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: clamp(32px, 4vw, 44px) !important;\r\n        color: #FFFFFF !important;\r\n        margin: 0 0 25px 0 !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: -0.5px !important;\r\n        text-transform: uppercase !important;\r\n    }\r\n\r\n    .zbr-s3-imgleft-content p {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: 16px !important;\r\n        color: rgba(255, 255, 255, 0.7) !important;\r\n        line-height: 1.8 !important;\r\n        margin: 0 !important;\r\n        font-weight: 300 !important;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .zbr-s3-imgleft-block {\r\n            grid-template-columns: 1fr !important;\r\n            gap: 50px !important;\r\n        }\r\n        .zbr-s3-imgleft-image {\r\n            order: 2 !important;\r\n        }\r\n        .zbr-s3-imgleft-content {\r\n            order: 1 !important;\r\n        }\r\n        .zbr-s3-imgleft-image img {\r\n            max-width: 100% !important;\r\n            height: 380px !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        #zbr-s3-imgleft-section {\r\n            padding: 90px 20px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- HTML Structure -->\r\n<section id=\"zbr-s3-imgleft-section\">\r\n    <div class=\"zbr-s3-imgleft-wrapper\">\r\n        <div class=\"zbr-s3-imgleft-block\">\r\n            \r\n            <!-- Left Organic Image -->\r\n            <div class=\"zbr-s3-imgleft-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?q=80&w=1200&auto=format&fit=crop\" alt=\"3D Rendering Visualization\">\r\n            <\/div>\r\n\r\n            <!-- Right Content -->\r\n            <div class=\"zbr-s3-imgleft-content\">\r\n                <h2>3D Rendering Visualization<\/h2>\r\n                <p>Advanced 3D rendering gives you a clear, precise, and visual preview of your new home interior space, before any physical work starts. We model all interior features to scale, from furniture and flooring to wall treatments and lighting. This allows us to preview your choices in a realistic environment and make changes in real time. You are also going to benefit from visual innovations and make it easier to decide. You can also compare different styles or alternative layouts until you find the design that best suits your needs.<\/p>\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-094ebfa e-con-full e-flex e-con e-parent\" data-id=\"094ebfa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc3110e elementor-widget elementor-widget-html\" data-id=\"bc3110e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* \r\n       ==========================================================================\r\n       SECTION 4 WHITE: DESIGN CONSULTING - PREFIX: zbr-s4-white-\r\n       ========================================================================== \r\n    *\/\r\n\r\n    #zbr-s4-white-section {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        padding: 140px 5% !important;\r\n        background-color: #FFFFFF !important;\r\n        color: #111111 !important;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .zbr-s4-white-wrapper {\r\n        max-width: 1340px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    .zbr-s4-white-block {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 80px !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    \/* Left Side: Content *\/\r\n    .zbr-s4-white-content h2 {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: clamp(32px, 4vw, 44px) !important;\r\n        color: #111111 !important;\r\n        margin: 0 0 25px 0 !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: -0.5px !important;\r\n        text-transform: uppercase !important;\r\n    }\r\n\r\n    .zbr-s4-white-content h2 span {\r\n        color: #C5A059 !important;\r\n    }\r\n\r\n    .zbr-s4-white-content p {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: 16px !important;\r\n        color: #555555 !important;\r\n        line-height: 1.8 !important;\r\n        margin: 0 !important;\r\n        font-weight: 300 !important;\r\n    }\r\n\r\n    \/* Right Side: Organic Masked Image *\/\r\n    .zbr-s4-white-image {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    .zbr-s4-white-image img {\r\n        width: 100% !important;\r\n        max-width: 580px !important;\r\n        height: 480px !important;\r\n        object-fit: cover !important;\r\n        \/* Organic blob \/ custom border-radius matching the screenshot *\/\r\n        border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70% !important;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;\r\n        transition: border-radius 0.8s ease, transform 0.6s ease !important;\r\n    }\r\n\r\n    .zbr-s4-white-image img:hover {\r\n        border-radius: 50% 50% 50% 50% \/ 50% 50% 50% 50% !important;\r\n        transform: scale(1.02) !important;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .zbr-s4-white-block {\r\n            grid-template-columns: 1fr !important;\r\n            gap: 50px !important;\r\n        }\r\n        .zbr-s4-white-image img {\r\n            max-width: 100% !important;\r\n            height: 380px !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        #zbr-s4-white-section {\r\n            padding: 90px 20px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- HTML Structure -->\r\n<section id=\"zbr-s4-white-section\">\r\n    <div class=\"zbr-s4-white-wrapper\">\r\n        <div class=\"zbr-s4-white-block\">\r\n            \r\n            <!-- Left Text Content -->\r\n            <div class=\"zbr-s4-white-content\">\r\n                <h2>Design <span>Consulting<\/span><\/h2>\r\n                <p>We understand your space, listen to you, and analyze your preferences and needs together. Zebrano's consulting service offers personalized guidance on every detail, from furniture to color, texture to layout. We accompany you throughout the entire process, from style analysis and guidance to functional layout planning, product and accessory selection, and color, texture, fabric, and material recommendations, helping you create your ideal living space.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Right Organic Image -->\r\n            <div class=\"zbr-s4-white-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?q=80&w=1200&auto=format&fit=crop\" alt=\"Design Consulting\">\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-27e9b4f e-con-full e-flex e-con e-parent\" data-id=\"27e9b4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6d2569 elementor-widget elementor-widget-html\" data-id=\"b6d2569\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* \r\n       ==========================================================================\r\n       SECTION 5 BLACK: INTERIOR DESIGN SERVICES - PREFIX: zbr-s5-black-\r\n       ========================================================================== \r\n    *\/\r\n\r\n    #zbr-s5-black-section {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        padding: 140px 5% !important;\r\n        background-color: #050505 !important;\r\n        color: #FFFFFF !important;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .zbr-s5-black-wrapper {\r\n        max-width: 1340px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    .zbr-s5-black-block {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 80px !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    \/* Left Side: Organic Masked Image *\/\r\n    .zbr-s5-black-image {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        order: 1 !important;\r\n    }\r\n\r\n    .zbr-s5-black-image img {\r\n        width: 100% !important;\r\n        max-width: 580px !important;\r\n        height: 480px !important;\r\n        object-fit: cover !important;\r\n        \/* Organic blob \/ custom border-radius *\/\r\n        border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70% !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;\r\n        filter: brightness(0.9) contrast(1.05) !important;\r\n        transition: border-radius 0.8s ease, transform 0.6s ease !important;\r\n    }\r\n\r\n    .zbr-s5-black-image img:hover {\r\n        border-radius: 50% 50% 50% 50% \/ 50% 50% 50% 50% !important;\r\n        transform: scale(1.02) !important;\r\n    }\r\n\r\n    \/* Right Side: Content *\/\r\n    .zbr-s5-black-content {\r\n        order: 2 !important;\r\n    }\r\n\r\n    .zbr-s5-black-content h2 {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: clamp(32px, 4vw, 44px) !important;\r\n        color: #FFFFFF !important;\r\n        margin: 0 0 25px 0 !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: -0.5px !important;\r\n        text-transform: uppercase !important;\r\n    }\r\n\r\n    .zbr-s5-black-content h2 span {\r\n        color: #C5A059 !important;\r\n    }\r\n\r\n    .zbr-s5-black-content p {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: 16px !important;\r\n        color: rgba(255, 255, 255, 0.7) !important;\r\n        line-height: 1.8 !important;\r\n        margin: 0 !important;\r\n        font-weight: 300 !important;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .zbr-s5-black-block {\r\n            grid-template-columns: 1fr !important;\r\n            gap: 50px !important;\r\n        }\r\n        .zbr-s5-black-image {\r\n            order: 2 !important;\r\n        }\r\n        .zbr-s5-black-content {\r\n            order: 1 !important;\r\n        }\r\n        .zbr-s5-black-image img {\r\n            max-width: 100% !important;\r\n            height: 380px !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        #zbr-s5-black-section {\r\n            padding: 90px 20px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- HTML Structure -->\r\n<section id=\"zbr-s5-black-section\">\r\n    <div class=\"zbr-s5-black-wrapper\">\r\n        <div class=\"zbr-s5-black-block\">\r\n            \r\n            <!-- Left Organic Image -->\r\n            <div class=\"zbr-s5-black-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=1200&auto=format&fit=crop\" alt=\"Interior Design Services\">\r\n            <\/div>\r\n\r\n            <!-- Right Content -->\r\n            <div class=\"zbr-s5-black-content\">\r\n                <h2>Interior Design <span>Services<\/span><\/h2>\r\n                <p>Our interior designers redesign your living spaces with a holistic approach, combining aesthetics and functionality. Every detail, from furniture selection and lighting planning to layout and ceiling and wall coverings, is handled with professional care. From space analysis and measurement to concept development, material and accessory selection, monitoring of implementation processes, and, when necessary, expert planning, all stages are meticulously carried out within the scope of Zebrano's interior design services.<\/p>\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-4239f07 e-con-full e-flex e-con e-parent\" data-id=\"4239f07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a49971d elementor-widget elementor-widget-html\" data-id=\"a49971d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* \r\n       ==========================================================================\r\n       SECTION: SERVICE PROGRESS - HORIZONTAL ULTRA PREMIUM - PREFIX: zbr-progress-horiz-\r\n       ========================================================================== \r\n    *\/\r\n\r\n    #zbr-progress-horiz-section {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        padding: 140px 5% !important;\r\n        background-color: #FAFAFA !important;\r\n        color: #111111 !important;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .zbr-progress-horiz-wrapper {\r\n        max-width: 1400px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    \/* Section Header *\/\r\n    .zbr-progress-horiz-header {\r\n        text-align: center !important;\r\n        margin-bottom: 80px !important;\r\n    }\r\n\r\n    .zbr-progress-horiz-header h2 {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: clamp(32px, 4vw, 44px) !important;\r\n        color: #111111 !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: 1px !important;\r\n        text-transform: uppercase !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .zbr-progress-horiz-header h2 span {\r\n        color: #C5A059 !important;\r\n    }\r\n\r\n    \/* Horizontal Grid Container *\/\r\n    .zbr-progress-horiz-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(4, 1fr) !important;\r\n        gap: 30px !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    \/* Individual Card *\/\r\n    .zbr-progress-horiz-card {\r\n        background: #FFFFFF !important;\r\n        padding: 45px 30px !important;\r\n        border-radius: 8px !important;\r\n        border: 1px solid rgba(0, 0, 0, 0.06) !important;\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03) !important;\r\n        position: relative !important;\r\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n    }\r\n\r\n    .zbr-progress-horiz-card:hover {\r\n        transform: translateY(-8px) !important;\r\n        box-shadow: 0 20px 50px rgba(197, 160, 89, 0.15) !important;\r\n        border-color: rgba(197, 160, 89, 0.4) !important;\r\n    }\r\n\r\n    \/* Badge \/ Letter Indicator *\/\r\n    .zbr-progress-horiz-badge {\r\n        width: 60px !important;\r\n        height: 60px !important;\r\n        background: #FFFFFF !important;\r\n        border: 2px solid #C5A059 !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        font-family: 'Lora', serif !important;\r\n        font-size: 20px !important;\r\n        font-weight: 500 !important;\r\n        color: #111111 !important;\r\n        margin-bottom: 25px !important;\r\n        box-shadow: 0 8px 20px rgba(197, 160, 89, 0.1) !important;\r\n        transition: all 0.4s ease !important;\r\n    }\r\n\r\n    .zbr-progress-horiz-card:hover .zbr-progress-horiz-badge {\r\n        background: #C5A059 !important;\r\n        color: #FFFFFF !important;\r\n        transform: scale(1.05) !important;\r\n    }\r\n\r\n    \/* Card Content *\/\r\n    .zbr-progress-horiz-card h3 {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: 20px !important;\r\n        color: #111111 !important;\r\n        margin: 0 0 15px 0 !important;\r\n        font-weight: 500 !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n\r\n    .zbr-progress-horiz-card p {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: 14px !important;\r\n        color: #666666 !important;\r\n        line-height: 1.7 !important;\r\n        margin: 0 !important;\r\n        font-weight: 300 !important;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1200px) {\r\n        .zbr-progress-horiz-grid {\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 25px !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        #zbr-progress-horiz-section {\r\n            padding: 90px 20px !important;\r\n        }\r\n        .zbr-progress-horiz-grid {\r\n            grid-template-columns: 1fr !important;\r\n            gap: 20px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- HTML Structure -->\r\n<section id=\"zbr-progress-horiz-section\">\r\n    <div class=\"zbr-progress-horiz-wrapper\">\r\n        \r\n        <!-- Section Header -->\r\n        <div class=\"zbr-progress-horiz-header\">\r\n            <h2>How Is Our Service <span>Progressing?<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <!-- Horizontal Steps Grid -->\r\n        <div class=\"zbr-progress-horiz-grid\">\r\n            \r\n            <!-- Step A -->\r\n            <div class=\"zbr-progress-horiz-card\">\r\n                <div class=\"zbr-progress-horiz-badge\">A<\/div>\r\n                <h3>Discovery and Briefing Process<\/h3>\r\n                <p>We learn about your needs, the details of your project, and the dimensions of your space. Together, we take the first step in creating a design language tailored specifically to you and your brand.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Step B -->\r\n            <div class=\"zbr-progress-horiz-card\">\r\n                <div class=\"zbr-progress-horiz-badge\">B<\/div>\r\n                <h3>Design and Layout Plan<\/h3>\r\n                <p>Product combinations, layouts, and usage scenarios are designed to suit your space. Our design team considers the balance between aesthetics and functionality in every detail.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Step C -->\r\n            <div class=\"zbr-progress-horiz-card\">\r\n                <div class=\"zbr-progress-horiz-badge\">C<\/div>\r\n                <h3>Rendering<\/h3>\r\n                <p>Scenes created with Zebrano products are transformed into high-resolution, photorealistic visuals, complete with lighting and material details.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Step D -->\r\n            <div class=\"zbr-progress-horiz-card\">\r\n                <div class=\"zbr-progress-horiz-badge\">D<\/div>\r\n                <h3>Delivery and Revision<\/h3>\r\n                <p>Rendered images will be provided to you, and final touches will be made if necessary. You can see the final appearance of your project with 100% accuracy before completing it.<\/p>\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-908b273 e-con-full e-flex e-con e-parent\" data-id=\"908b273\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9062e8e elementor-widget elementor-widget-html\" data-id=\"9062e8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts: Lora & Montserrat -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* \r\n       ==========================================================================\r\n       ULTRA-PREMIUM COMPACT & WIDE IMAGE BG CTA SECTION - PREFIX: zbr-cta-v9-\r\n       ========================================================================== \r\n    *\/\r\n\r\n    #zbr-cta-v9-section {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        padding: 70px 5% !important; \/* Height significantly reduced *\/\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        background-color: #050505 !important;\r\n        background-image: url('https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?q=80&w=2000&auto=format&fit=crop') !important;\r\n        background-size: cover !important;\r\n        background-position: center !important;\r\n        background-repeat: no-repeat !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    \/* Lighter Cinematic Overlay so background image shines through clearly *\/\r\n    #zbr-cta-v9-section::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: radial-gradient(circle at center, rgba(5, 5, 5, 0.35) 0%, rgba(5, 5, 5, 0.7) 100%),\r\n                    linear-gradient(to bottom, rgba(5, 5, 5, 0.4) 0%, rgba(5, 5, 5, 0.65) 100%) !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    .zbr-cta-v9-container {\r\n        max-width: 1150px !important; \/* Width increased for horizontal spread *\/\r\n        width: 100% !important;\r\n        text-align: center !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        background: rgba(10, 10, 10, 0.75) !important;\r\n        backdrop-filter: blur(12px) !important;\r\n        -webkit-backdrop-filter: blur(12px) !important;\r\n        border: 1px solid rgba(197, 160, 89, 0.3) !important;\r\n        padding: 45px 40px !important; \/* Reduced vertical padding for compact height *\/\r\n        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7) !important;\r\n    }\r\n\r\n    \/* ----- DECORATIVE TOP GOLD LINE ----- *\/\r\n    .zbr-cta-v9-container::before {\r\n        content: '' !important;\r\n        display: block !important;\r\n        width: 1px !important;\r\n        height: 30px !important;\r\n        background-color: #C5A059 !important;\r\n        margin: 0 auto 15px auto !important;\r\n    }\r\n\r\n    \/* ----- TYPOGRAPHY ----- *\/\r\n    .zbr-cta-v9-eyebrow {\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        font-size: 11px !important;\r\n        color: #C5A059 !important;\r\n        letter-spacing: 6px !important;\r\n        text-transform: uppercase !important;\r\n        margin-bottom: 12px !important;\r\n        font-weight: 500 !important;\r\n        display: block !important;\r\n    }\r\n\r\n    .zbr-cta-v9-heading {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: clamp(30px, 4vw, 48px) !important;\r\n        color: #FFFFFF !important;\r\n        line-height: 1.15 !important;\r\n        margin: 0 0 15px 0 !important;\r\n        font-weight: 400 !important;\r\n        letter-spacing: -1px !important;\r\n    }\r\n\r\n    .zbr-cta-v9-heading span {\r\n        font-style: italic !important;\r\n        color: #E8E8E8 !important;\r\n        font-weight: 400 !important;\r\n    }\r\n\r\n    .zbr-cta-v9-desc {\r\n        font-family: 'Lora', serif !important;\r\n        font-size: clamp(14px, 1.5vw, 16px) !important;\r\n        color: rgba(255, 255, 255, 0.8) !important;\r\n        line-height: 1.6 !important;\r\n        max-width: 800px !important;\r\n        margin: 0 auto !important;\r\n        font-weight: 400 !important;\r\n    }\r\n\r\n    \/* ----- BUTTON ACTIONS ----- *\/\r\n    .zbr-cta-v9-actions {\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        gap: 20px !important;\r\n        margin-top: 25px !important;\r\n    }\r\n\r\n    \/* Primary Button *\/\r\n    .zbr-cta-v9-btn-primary {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        background-color: #C5A059 !important;\r\n        color: #050505 !important;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        font-size: 12px !important;\r\n        font-weight: 600 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 2px !important;\r\n        padding: 16px 32px !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 #C5A059 !important;\r\n    }\r\n\r\n    .zbr-cta-v9-btn-primary:hover {\r\n        background-color: #D6B371 !important;\r\n        border-color: #D6B371 !important;\r\n        transform: translateY(-3px) !important;\r\n        box-shadow: 0 10px 25px rgba(197, 160, 89, 0.3) !important;\r\n        color: #000000 !important;\r\n    }\r\n\r\n    \/* Secondary Button *\/\r\n    .zbr-cta-v9-btn-secondary {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        background-color: transparent !important;\r\n        color: #FFFFFF !important;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        font-size: 12px !important;\r\n        font-weight: 500 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 2px !important;\r\n        padding: 16px 32px !important;\r\n        text-decoration: none !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.3) !important;\r\n        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .zbr-cta-v9-btn-secondary:hover {\r\n        border-color: #FFFFFF !important;\r\n        background-color: rgba(255, 255, 255, 0.08) !important;\r\n        transform: translateY(-3px) !important;\r\n        color: #FFFFFF !important;\r\n    }\r\n\r\n    \/* ----- WHATSAPP CONCIERGE INTEGRATION ----- *\/\r\n    .zbr-cta-v9-whatsapp {\r\n        margin-top: 25px !important;\r\n        padding-top: 20px !important;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n    }\r\n\r\n    .zbr-cta-v9-wa-text {\r\n        font-family: 'Lora', serif !important;\r\n        font-style: italic !important;\r\n        font-size: 13px !important;\r\n        color: rgba(255, 255, 255, 0.5) !important;\r\n    }\r\n\r\n    .zbr-cta-v9-wa-link {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 10px !important;\r\n        color: #C5A059 !important;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        font-size: 12px !important;\r\n        font-weight: 600 !important;\r\n        letter-spacing: 2px !important;\r\n        text-decoration: none !important;\r\n        text-transform: uppercase !important;\r\n        transition: opacity 0.3s ease !important;\r\n    }\r\n\r\n    .zbr-cta-v9-wa-link:hover {\r\n        opacity: 0.8 !important;\r\n        color: #FFFFFF !important;\r\n    }\r\n\r\n    .zbr-cta-v9-wa-icon svg {\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        fill: currentColor !important;\r\n    }\r\n\r\n    \/* ----- RESPONSIVE BEHAVIOR ----- *\/\r\n    @media (max-width: 768px) {\r\n        #zbr-cta-v9-section {\r\n            padding: 50px 15px !important;\r\n        }\r\n        .zbr-cta-v9-container {\r\n            padding: 30px 15px !important;\r\n        }\r\n        .zbr-cta-v9-actions {\r\n            flex-direction: column !important;\r\n            gap: 12px !important;\r\n        }\r\n        .zbr-cta-v9-btn-primary,\r\n        .zbr-cta-v9-btn-secondary {\r\n            width: 100% !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- HTML Structure -->\r\n<section id=\"zbr-cta-v9-section\">\r\n    <div class=\"zbr-cta-v9-container\">\r\n        \r\n        <span class=\"zbr-cta-v9-eyebrow\">Next Steps<\/span>\r\n        \r\n        <h2 class=\"zbr-cta-v9-heading\">Begin Your <span>Masterpiece<\/span><\/h2>\r\n        \r\n        <p class=\"zbr-cta-v9-desc\">Connect with our master artisans and design consultants to bring your architectural vision to life with uncompromising precision.<\/p>\r\n\r\n        <!-- CTA Buttons -->\r\n        <div class=\"zbr-cta-v9-actions\">\r\n            <a href=\"\/contact\" class=\"zbr-cta-v9-btn-primary\">Contact Us<\/a>\r\n            <a href=\"\/consultation\" class=\"zbr-cta-v9-btn-secondary\">Request Consultation<\/a>\r\n        <\/div>\r\n\r\n        <!-- Sleek WhatsApp Concierge Element -->\r\n        <div class=\"zbr-cta-v9-whatsapp\">\r\n            <span class=\"zbr-cta-v9-wa-text\">Prefer direct communication?<\/span>\r\n            \r\n            <a href=\"https:\/\/wa.me\/yournumber\" target=\"_blank\" class=\"zbr-cta-v9-wa-link\">\r\n                <span class=\"zbr-cta-v9-wa-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <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-.51h-.57c-.199 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\"\/>\r\n                    <\/svg>\r\n                <\/span>\r\n                Direct Enquiry via WhatsApp\r\n            <\/a>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home \/ Consulting Services Bespoke Design &#038; Consultancy Transforming your living spaces through professional interior architecture, tailored style analysis, and photorealistic 3D visualization. Design Philosophy Refining The Art Of Living Spaces At Zebrano, we don&#8217;t just furnish a room; we curate a lifestyle. By listening to your aspirations and analyzing your unique needs, we craft [&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-1119","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zebrano.ae\/index.php?rest_route=\/wp\/v2\/pages\/1119","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=1119"}],"version-history":[{"count":25,"href":"https:\/\/zebrano.ae\/index.php?rest_route=\/wp\/v2\/pages\/1119\/revisions"}],"predecessor-version":[{"id":1226,"href":"https:\/\/zebrano.ae\/index.php?rest_route=\/wp\/v2\/pages\/1119\/revisions\/1226"}],"wp:attachment":[{"href":"https:\/\/zebrano.ae\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}