{"id":1355,"date":"2025-06-21T19:04:23","date_gmt":"2025-06-21T19:04:23","guid":{"rendered":"https:\/\/demo.colorbee.online\/dhaara\/demo\/?page_id=1355"},"modified":"2025-06-21T19:04:23","modified_gmt":"2025-06-21T19:04:23","slug":"home-2","status":"publish","type":"page","link":"https:\/\/demo.colorbee.online\/dhaara\/demo\/home-2\/","title":{"rendered":"Home 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1355\" class=\"elementor elementor-1355\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4660b3d e-grid e-con-full e-con e-parent\" data-id=\"4660b3d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60016d7 elementor-widget elementor-widget-hero_varient_2\" data-id=\"60016d7\" data-element_type=\"widget\" data-widget_type=\"hero_varient_2.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <!-- Hero Section -->\n        <section class=\"hero-scene relative min-h-full 3xl:min-h-full w-full py-16 sm:py-20 lg:py-20 overflow-hiddenn\">\n\n            <!-- Enhanced Wireframe Lines -->\n            <svg class=\"absolute inset-0 w-full h-full pointer-events-none opacity-40\">\n                <defs>\n                    <filter id=\"glow\">\n                        <feGaussianBlur stdDeviation=\"3\" result=\"coloredBlur\" \/>\n                        <feMerge>\n                            <feMergeNode in=\"coloredBlur\" \/>\n                            <feMergeNode in=\"SourceGraphic\" \/>\n                        <\/feMerge>\n                    <\/filter>\n                <\/defs>\n                <line class=\"wire-line\" x1=\"0\" y1=\"150\" x2=\"300\" y2=\"150\" style=\"stroke:#FFB600\" \/>\n                <line class=\"wire-line\" x1=\"500\" y1=\"80\" x2=\"800\" y2=\"200\" style=\"stroke:#FFB600\" \/>\n                <line class=\"wire-line\" x1=\"200\" y1=\"300\" x2=\"600\" y2=\"450\" style=\"stroke:#FFB600\" \/>\n                <line class=\"wire-line\" x1=\"700\" y1=\"300\" x2=\"1100\" y2=\"400\" style=\"stroke:#FFB600\" \/>\n                <circle class=\"wire-line\" cx=\"150\" cy=\"150\" r=\"40\" style=\"stroke:#FFB600\" \/>\n                <circle class=\"wire-line\" cx=\"650\" cy=\"200\" r=\"25\" style=\"stroke:#FFB600\" \/>\n                <circle class=\"wire-line\" cx=\"400\" cy=\"350\" r=\"35\" style=\"stroke:#FFB600\" \/>\n            <\/svg>\n\n            <!-- Floating Elements -->\n            <div class=\"absolute top-20 left-16 floating-element float-1\">\n                <div class=\"morphing-blob w-32 h-32\" style=\"background: linear-gradient(45deg, #FFB600, rgba(255, 233, 51, 0.8), #FFB600);\"><\/div>\n            <\/div>\n\n            <div class=\"absolute top-40 right-20 floating-element float-2\">\n                <div class=\"morphing-blob w-24 h-24\" style=\"background: linear-gradient(45deg, #FFB600, rgba(255, 233, 51, 0.8), #FFB600);\"><\/div>\n            <\/div>\n            <!-- Main Content -->\n            <div class=\"relative z-40 container max-w-7xl 2xl:max-w-8xl mx-auto px-4 sm:px-6 lg:px-8 \">\n                <div class=\"mx-auto\">\n                    <div class=\"grid lg:grid-cols-2 gap-16 items-start\">\n                        <!-- Left Content -->\n                        <div class=\"space-y-10\">\n                            <!-- Main Headline -->\n                            <div class=\"reveal-up reveal-2\">\n                                <h1 class=\"text-5xl sm:text-5xl lg:text-6xl font-bold text-gray-900 leading-tight fade-in-effect effect-2 is-visible\">\n                                    Building The                                    <br>\n                                    <span style=\"color: #FFB600;\">Future<\/span>\n                                <\/h1>\n                            <\/div>\n                            <!-- Description -->\n                            <div class=\"reveal-up reveal-3\">\n                                <p class=\"text-lg text-gray-700 font-medium max-w-lg leading-relaxed\">\n                                    Transforming visions into architectural masterpieces.                                <\/p>\n                            <\/div>\n                            <!-- Action Buttons -->\n                            <div class=\"reveal-up reveal-4 flex  flex-col md:flex-row gap-6\">\n                                <a href=\"\"\n                                    style=\"background-color: #FFB600; --hover-color: #FFB600;\"\n                                    class=\"group inline-flex items-center gap-2 px-6 sm:px-8 py-3 sm:py-4 text-white font-semibold rounded-lg transition-all duration-300 hover:scale-105 shadow-lg hover:shadow-xl\">\n                                    <span class=\"relative z-10\">Explore Projects \u2192<\/span>\n                                <\/a>\n                                <a href=\"\" class=\"bg-white magnetic-button border-2 border-gray-900 text-gray-900 font-bold px-10 py-3 rounded-xl transition-all duration-300 hover:scale-105 shadow-lg hover:shadow-xl\">\n                                    <span class=\"relative z-10\">Watch Story<\/span>\n                                <\/a>\n                            <\/div>\n\n                            <!-- Stats -->\n                            <div class=\"reveal-up reveal-5 grid grid-cols-1 md:grid-cols-3 gap-6 pt-8\">\n                                <div class=\"stat-card p-6 rounded-2xl text-center\" style=\"border-color: rgba(255, 182, 0, 0.5);background: linear-gradient(135deg, rgba(255, 182, 0, 0.02), rgba(255, 182, 0, 0.05));\">\n                                    <div class=\"text-3xl font-black mb-2\" style=\"color: #FFB600;\">500+<\/div>\n                                    <p class=\"text-sm font-semibold text-gray-600\">PROJECTS<\/p>\n                                <\/div>\n                                <div class=\"stat-card p-6 rounded-2xl text-center\" style=\"border-color: rgba(255, 182, 0, 0.5);background: linear-gradient(135deg, rgba(255, 182, 0, 0.02), rgba(255, 182, 0, 0.05));\">\n                                    <div class=\"text-3xl font-black mb-2\" style=\"color: #FFB600\">15<\/div>\n                                    <p class=\"text-sm font-semibold text-gray-600\">YEARS<\/p>\n                                <\/div>\n                                <div class=\"stat-card p-6 rounded-2xl text-center\" style=\"border-color: rgba(255, 182, 0, 0.5);background: linear-gradient(135deg, rgba(255, 182, 0, 0.02), rgba(255, 182, 0, 0.05));\">\n                                    <div class=\"text-3xl font-black mb-2\" style=\"color: #FFB600\">98%<\/div>\n                                    <p class=\"text-sm font-semibold text-gray-600\">SUCCESS<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right Content -->\n                        <div class=\"space-y-8 relative flex flex-col justify-center items-center gap-16 mt-20\">\n                            <!-- 3D Cube centered with lots of space -->\n                            <div class=\"interactive-cube flex justify-center \">\n                                <div class=\"cube\">\n                                    <div class=\"cube-face front\" style=\"border-color: #FFB600;color: #FFB600; background: linear-gradient(135deg, rgba(255, 182, 0, 0.1), rgba(255, 255, 102, 0.1));\">DESIGN<\/div>\n                                    <div class=\"cube-face back\" style=\"border-color: #FFB600;color: #FFB600;background: linear-gradient(135deg, rgba(255, 182, 0, 0.1), rgba(255, 255, 102, 0.1));\">BUILD<\/div>\n                                    <div class=\"cube-face right\" style=\"border-color: #FFB600;color: #FFB600; background: linear-gradient(135deg, rgba(255, 182, 0, 0.1), rgba(255, 255, 102, 0.1));\">INNOVATE<\/div>\n                                    <div class=\"cube-face left\" style=\"border-color: #FFB600;color: #FFB600; background: linear-gradient(135deg, rgba(255, 182, 0, 0.1), rgba(255, 255, 102, 0.1));\">DELIVER<\/div>\n                                    <div class=\"cube-face top\" style=\"border-color: #FFB600;color: #FFB600; background: linear-gradient(135deg, rgba(255, 182, 0, 0.1), rgba(255, 182, 0, 0.1));\">QUALITY<\/div>\n                                    <div class=\"cube-face bottom\" style=\"border-color: #FFB600;color: #FFB600; background: linear-gradient(135deg, rgba(255, 182, 0, 0.1), rgba(255, 255, 102, 0.1));\">FUTURE<\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Award Badge -->\n                            <div class=\"glass-card py-6 px-12 rounded-2xl text-center bg-white\">\n                                <div style=\"color: #FFB600\" class=\"text-2xl mb-2\">\u2605 \u2605 \u2605<\/div>\n                                <div class=\"flexv flex-col\">\n                                    <h4 class=\"font-bold text-gray-900 mb-1\">Award Winner 2025<\/h4>\n                                    <p class=\"text-sm text-gray-600\">Best Architectural Innovation<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c8e3ef3 e-grid e-con-full e-con e-parent\" data-id=\"2c8e3ef3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35740710 elementor-widget elementor-widget-about_section\" data-id=\"35740710\" data-element_type=\"widget\" data-widget_type=\"about_section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <section class=\"about-section relative py-16 sm:py-20 lg:py-20 overflow-hidden\">\r\n            <!-- Background Elements -->\r\n            <div class=\"absolute inset-0 -z-10\">\r\n                <!-- Gradient Orbs -->\r\n                <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden\">\r\n                    <div style=\"background-color: #FFB60020\" class=\"bg-fade-effect absolute top-1\/4 -left-20 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl\"><\/div>\r\n                    <div style=\"background-color: #FFB60020\" class=\"absolute bottom-1\/4 right-0 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl animation-delay-2000\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Main Content -->\r\n            <div class=\"container max-w-7xl 2xl:max-w-8xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n                <!-- Section Header -->\r\n                <div class=\"relative mb-12 sm:mb-16 text-center z-10\">\r\n                    <div class=\"absolute -top-10 left-1\/2 -translate-x-1\/2 text-[80px] sm:text-[120px] font-bold text-gray-100 select-none opacity-0 md:opacity-60 leading-none -z-10\">\r\n                        ABOUT                    <\/div>\r\n                    <h2 class=\"relative text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 fade-in-effect \">\r\n                        Our Creative                        <span style=\"color: #FFB600\">Approach<\/span>\r\n                    <\/h2>\r\n                    <p class=\"mt-4 text-xl text-gray-600 max-w-2xl mx-auto fade-in-effect effect-1 \">\r\n                        We&#039;re not just builders \u2013 we&#039;re innovators, dreamers, and problem-solvers pushing the boundaries of architectural possibilities.                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Main Grid - Updated gap classes -->\r\n                <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-6 sm:gap-8\">\r\n                    <!-- Left Column -->\r\n                    <div class=\"grid lg:col-span-5 gap-6 sm:gap-8\">\r\n\r\n                        <!-- Feature List -->\r\n                        <div class=\"flex flex-col gap-6 sm:gap-8\">\r\n                                                            <div class=\"relative p-4 sm:p-6 bg-white rounded-2xl shadow-lg hover:shadow-xl fade-in-effect effect-1 \">\r\n                                    <span style=\"background-color: #FFB600\" class=\"absolute -left-2 sm:-left-4 -top-2 sm:-top-4 w-6 h-6 sm:w-8 sm:h-8 text-white flex items-center justify-center rounded-lg text-sm sm:text-base\">1<\/span>\r\n                                    <h3 class=\"text-lg sm:text-xl font-bold text-gray-900 mb-2\">Innovative Design<\/h3>\r\n                                    <p class=\"text-sm sm:text-base text-gray-600\">Pushing architectural boundaries with cutting-edge technology and creative solutions.<\/p>\r\n                                <\/div>\r\n                                                            <div class=\"relative p-4 sm:p-6 bg-white rounded-2xl shadow-lg hover:shadow-xl fade-in-effect effect-2 \">\r\n                                    <span style=\"background-color: #FFB600\" class=\"absolute -left-2 sm:-left-4 -top-2 sm:-top-4 w-6 h-6 sm:w-8 sm:h-8 text-white flex items-center justify-center rounded-lg text-sm sm:text-base\">2<\/span>\r\n                                    <h3 class=\"text-lg sm:text-xl font-bold text-gray-900 mb-2\">Sustainable Focus<\/h3>\r\n                                    <p class=\"text-sm sm:text-base text-gray-600\">Committed to eco-friendly practices and sustainable building solutions.<\/p>\r\n                                <\/div>\r\n                                                            <div class=\"relative p-4 sm:p-6 bg-white rounded-2xl shadow-lg hover:shadow-xl fade-in-effect effect-3 \">\r\n                                    <span style=\"background-color: #FFB600\" class=\"absolute -left-2 sm:-left-4 -top-2 sm:-top-4 w-6 h-6 sm:w-8 sm:h-8 text-white flex items-center justify-center rounded-lg text-sm sm:text-base\">3<\/span>\r\n                                    <h3 class=\"text-lg sm:text-xl font-bold text-gray-900 mb-2\">Expert Execution<\/h3>\r\n                                    <p class=\"text-sm sm:text-base text-gray-600\">Masterful craftsmanship delivered by industry-leading professionals.<\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                        <!-- Stats Grid - Updated gap classes -->\r\n                        <div class=\"grid grid-cols-2 gap-6 sm:gap-8 py-6 sm:py-0\">\r\n                            <div class=\"bg-white p-4 sm:p-6 rounded-2xl shadow-lg hover:shadow-xl fade-in-effect \">\r\n                                <div style=\"color: #FFB600\" class=\"text-3xl sm:text-4xl font-bold mb-2\">25<span class=\"text-2xl sm:text-3xl\">+<\/span><\/div>\r\n                                <div class=\"text-sm sm:text-base text-gray-600\">Years of Innovation<\/div>\r\n                            <\/div>\r\n                            <div class=\"bg-white p-4 sm:p-6 rounded-2xl shadow-lg hover:shadow-xl fade-in-effect effect-1 \">\r\n                                <div style=\"color: #FFB600\" class=\"text-3xl sm:text-4xl font-bold mb-2\">500<span class=\"text-2xl sm:text-3xl\">+<\/span><\/div>\r\n                                <div class=\"text-sm sm:text-base text-gray-600\">Projects Completed<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <!-- Right Column - Updated spacing from space-x to gap -->\r\n                    <div class=\"lg:col-span-7 mt-8 lg:mt-0\">\r\n                        <div class=\"grid grid-cols-12 h-full gap-6 sm:gap-8\">\r\n                            <!-- Left Images -->\r\n                            <div class=\"col-span-12 sm:col-span-5 h-full flex flex-col gap-6 sm:gap-8\">\r\n                                                                <!-- Two Square Images - Updated with overflow-hidden and scale-105 -->\r\n                                <div class=\"relative group flex-1 fade-in-effect rounded-2xl overflow-hidden\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/04\/michele-bitetto-84ZA1jFsfzM-unsplash.jpg\"\r\n                                        alt=\"Eco Residences\"\r\n                                        title=\"michele-bitetto-84ZA1jFsfzM-unsplash\"\r\n                                        class=\"md:absolute w-full md:!h-full !h-64 object-cover transform transition-transform duration-300 group-hover:scale-105\" \/>\r\n                                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 to-transparent rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity\">\r\n                                        <div class=\"absolute bottom-4 left-4 right-4 sm:right-8\">\r\n                                            <h4 class=\"text-lg sm:text-xl font-bold text-white\">Eco Residences<\/h4>\r\n                                            <p class=\"text-sm sm:text-base text-white\/80 mt-0\">Modern sustainable living spaces<\/p>\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n                                                                <div class=\"relative group flex-1 fade-in-effect effect-1 rounded-2xl overflow-hidden\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/04\/troy-mortier-8KiTq42G6eo-unsplash-scaled.jpg\"\r\n                                        alt=\"The Azure Tower\"\r\n                                        title=\"troy-mortier-8KiTq42G6eo-unsplash\"\r\n                                        class=\"md:absolute w-full md:!h-full !h-64 object-cover transform transition-transform duration-300 group-hover:scale-105\" \/>\r\n                                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 to-transparent rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity\">\r\n                                        <div class=\"absolute bottom-4 left-4 right-4 sm:right-8\">\r\n                                            <h4 class=\"text-lg sm:text-xl font-bold text-white\">The Azure Tower<\/h4>\r\n                                            <p class=\"text-sm sm:text-base text-white\/80 mt-0\">A 50-story sustainable skyscraper<\/p>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n\r\n                            <!-- Right Side Content -->\r\n                            <div class=\"col-span-12 sm:col-span-7 h-full flex flex-col gap-6 sm:gap-8\">\r\n                                <!-- Excellence Box -->\r\n                                <div class=\"bg-white p-4 sm:p-6 rounded-2xl shadow-xl hover:shadow-2xl transition-all hover:-translate-y-1 fade-in-effect effect-2 \">\r\n                                    <div style=\"background-color: rgba(255, 255, 102, 0.1)\" class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl flex items-center justify-center mb-4\">\r\n                                        <i style=\"color: #FFB600\" class=\"fas fa-star\"><\/i>\r\n                                    <\/div>\r\n                                    <h4 class=\"text-base sm:text-lg font-bold text-gray-900 mb-2\">Excellence Recognized<\/h4>\r\n                                    <p class=\"text-xs sm:text-sm text-gray-600\">Multiple international awards for architectural innovation<\/p>\r\n                                <\/div>\r\n                                                                <div class=\"relative group flex-1 fade-in-effect effect-3 overflow-hidden rounded-2xl\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/josh-olalde-X1P1_EDNnok-unsplash.jpg\"\r\n                                        alt=\"The Horizon Project\"\r\n                                        title=\"josh-olalde-X1P1_EDNnok-unsplash\"\r\n                                        class=\"w-full min-h-80 md:!h-full !h-64 sm:!h-[600px] object-cover transform transition-transform duration-300 group-hover:scale-105 lg:absolute\" \/>\r\n                                    <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 to-transparent rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity\">\r\n                                        <div class=\"absolute bottom-4 left-4 right-4 sm:right-8\">\r\n                                            <h4 class=\"text-lg sm:text-xl font-bold text-white\">The Horizon Project<\/h4>\r\n                                            <p class=\"text-sm sm:text-base text-white\/80 mt-0\">Award-winning sustainable design<\/p>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-604cd67a e-grid e-con-full e-con e-parent\" data-id=\"604cd67a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4656c778 elementor-widget elementor-widget-projects_grid\" data-id=\"4656c778\" data-element_type=\"widget\" data-widget_type=\"projects_grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <section class=\"project-grid-section relative py-16 sm:py-20 lg:py-20 overflow-hidden z-10\">\r\n            <!-- Background Elements -->\r\n            <div class=\"absolute inset-0 -z-10\">\r\n\r\n                <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden\">\r\n                    <div style=\"background-color: #FFB60020\" class=\"bg-fade-effect absolute top-1\/4 -left-20 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl\"><\/div>\r\n                    <div style=\"background-color: #FFB60020\" class=\"absolute bottom-1\/4 right-0 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"max-w-7xl 2xl:max-w-8xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n                <!-- Section Header -->\r\n                <div class=\"relative mb-12 sm:mb-16 text-center z-10\">\r\n                    <div class=\"absolute -top-10 left-1\/2 -translate-x-1\/2 text-[80px] sm:text-[120px] font-bold text-gray-100 select-none opacity-0 md:opacity-60 leading-none -z-10\">\r\n                        PORTFOLIO                    <\/div>\r\n                    <h2 class=\"relative text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 fade-in-effect is-visible\">\r\n                        Latest                        <span style=\"color: #FFB600\">Projects<\/span>\r\n                    <\/h2>\r\n                    <p class=\"mt-4 text-xl max-w-2xl mx-auto fade-in-effect effect-1 is-visible\">\r\n                        Discover our most recent architectural achievements, where innovation meets excellence in design and execution.                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Projects Grid -->\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 sm:gap-8\">\r\n                                                <div class=\"md:col-span-2 fade-in-effect effect-1 is-visible\">\r\n                                <div class=\"group relative rounded-2xl overflow-hidden\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/ashkan-forouzani-v31lgBn5114-unsplash-scaled-1.jpg\" class=\"w-full h-[300px] sm:h-[400px] lg:h-[500px] object-cover\" alt=\"Eco Residences\">                                                                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/30 to-transparent\">\r\n                                                                                    <div class=\"absolute top-4 right-4 sm:right-8 backdrop-blur-md bg-white\/10 border border-white\/20 rounded-full pl-2 pr-3 py-1 flex items-center gap-2\">\r\n                                                <span class=\"w-2 h-2 rounded-full bg-gray-400 animate-pulse\"><\/span>\r\n                                                <span class=\"text-white text-sm font-medium\"> Completed 2025<\/span>\r\n                                            <\/div>\r\n                                                                                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-black\/30 to-transparent\">\r\n                                            <div class=\"absolute bottom-4 sm:bottom-8 left-4 sm:left-8 right-4 sm:right-8 transform transition-all duration-500 \">\r\n                                                <div class=\"bg-white backdrop-blur-sm p-4 sm:p-6 rounded-2xl\">\r\n                                                    <div class=\"flex flex-wrap items-center justify-between gap-2 mb-4\">\r\n                                                        <span style=\"background-color: rgba(255, 255, 102, 0.1); color: #FFB600\" class=\"px-3 sm:px-4 py-1 rounded-full text-sm font-medium\">\r\n                                                            Featured Project                                                        <\/span>\r\n\r\n                                                    <\/div>\r\n                                                    <h3 class=\"text-xl sm:text-2xl font-bold text-gray-900 mb-2\">\r\n                                                        Eco Residences                                                    <\/h3>\r\n                                                    <p class=\"text-sm sm:text-base line-clamp-2 \">\r\n                                                        Modern sustainable living spaces with smart home integration, featuring energy-efficient systems and biophilic design elements that create a harmonious balance between technology and nature.                                                    <\/p>\r\n\r\n                                                    <!-- Progress Bar -->\r\n                                                    <div class=\"space-y-2 mt-4\">\r\n                                                        <div class=\"flex justify-between text-sm\">\r\n                                                            <span>Project Progress<\/span>\r\n                                                            <span class=\"text-gray-900 font-medium\">70%<\/span>\r\n                                                        <\/div>\r\n                                                        <div class=\"h-2 bg-gray-100 rounded-full overflow-hidden\">\r\n                                                            <div class=\"h-full  bg-primary-amber rounded-full\" style=\"background-color: #FFB600;width: 70%\"><\/div>\r\n                                                        <\/div>\r\n                                                    <\/div>\r\n\r\n                                                    <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/projects\/eco-residences\/\"\r\n                                                        class=\"inline-flex items-center font-semibold group-hover:translate-x-2 transition-all duration-300  mt-4\"\r\n                                                        style=\"color: #FFB600\">\r\n                                                        Learn More                                                        <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                                                        <\/svg>\r\n                                                    <\/a>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                    \r\n                    <!-- Regular Projects -->\r\n                                                <div>\r\n                                <div class=\"group relative rounded-2xl overflow-hidden fade-in-effect effect-1 is-visible\">\r\n                                                                            <img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"2560\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/john-kakuk-hfj5CG9dvuU-unsplash-scaled-1.jpg\" class=\"w-full h-[250px] sm:h-[300px] lg:h-[400px] object-cover transform transition-transform duration-500 group-hover:scale-110 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/john-kakuk-hfj5CG9dvuU-unsplash-scaled-1.jpg 1920w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/john-kakuk-hfj5CG9dvuU-unsplash-scaled-1-225x300.jpg 225w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/john-kakuk-hfj5CG9dvuU-unsplash-scaled-1-768x1024.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/john-kakuk-hfj5CG9dvuU-unsplash-scaled-1-1152x1536.jpg 1152w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/john-kakuk-hfj5CG9dvuU-unsplash-scaled-1-1536x2048.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                                                                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 to-transparent\">\r\n                                                                                    <div class=\"absolute top-4 right-4 sm:right-8 backdrop-blur-md bg-white\/10 border border-white\/20 rounded-full pl-2 pr-3 py-1 flex items-center gap-2\">\r\n                                                <span class=\"w-2 h-2 rounded-full bg-gray-400 animate-pulse\"><\/span>\r\n                                                <span class=\"text-white text-sm font-medium\"> Completed 2025<\/span>\r\n                                            <\/div>\r\n                                                                                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 to-transparent\">\r\n                                            <div class=\"absolute bottom-4 sm:bottom-8 left-4 sm:left-8 right-4 sm:right-8\">\r\n                                                <div class=\"bg-white backdrop-blur-sm p-4 sm:p-6 rounded-2xl\">\r\n                                                    <h3 class=\"text-lg sm:text-xl font-bold text-gray-900 mb-2\">\r\n                                                        Innovation Hub                                                    <\/h3>\r\n                                                    <p class=\"text-sm sm:text-base line-clamp-2 \">A collaborative workspace designed for the future of work.Where cutting-edge technology meets human creativity in an environment that sparks breakthrough thinking and seamless collaboration.<\/p>\r\n\r\n                                                    <!-- Progress Bar -->\r\n                                                    <div class=\"space-y-2 mt-4\">\r\n                                                        <div class=\"flex justify-between text-sm\">\r\n                                                            <span>Project Progress<\/span>\r\n                                                            <span class=\"text-gray-900 font-medium\">30%<\/span>\r\n                                                        <\/div>\r\n                                                        <div class=\"h-2 bg-gray-100 rounded-full overflow-hidden\">\r\n                                                            <div class=\"h-full  bg-primary-amber rounded-full\" style=\"background-color: #FFB600;width: 30%\"><\/div>\r\n                                                        <\/div>\r\n                                                    <\/div>\r\n\r\n                                                    <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/projects\/innovation-hub\/\"\r\n                                                        class=\"inline-flex items-center font-semibold group-hover:translate-x-2 transition-all duration-300  mt-4\"\r\n                                                        style=\"color: #FFB600\">\r\n                                                        Learn More                                                        <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                                                        <\/svg>\r\n                                                    <\/a>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                            <\/div>\r\n                                                <div>\r\n                                <div class=\"group relative rounded-2xl overflow-hidden fade-in-effect effect-2 is-visible\">\r\n                                                                            <img decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/frames-for-your-heart-VoI2jd75M6Q-unsplash-1.jpg\" class=\"w-full h-[250px] sm:h-[300px] lg:h-[400px] object-cover transform transition-transform duration-500 group-hover:scale-110 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/frames-for-your-heart-VoI2jd75M6Q-unsplash-1.jpg 1920w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/frames-for-your-heart-VoI2jd75M6Q-unsplash-1-300x200.jpg 300w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/frames-for-your-heart-VoI2jd75M6Q-unsplash-1-1024x683.jpg 1024w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/frames-for-your-heart-VoI2jd75M6Q-unsplash-1-768x512.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/frames-for-your-heart-VoI2jd75M6Q-unsplash-1-1536x1024.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                                                                        <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 to-transparent\">\r\n                                                                                    <div class=\"absolute top-4 right-4 sm:right-8 backdrop-blur-md bg-white\/10 border border-white\/20 rounded-full pl-2 pr-3 py-1 flex items-center gap-2\">\r\n                                                <span class=\"w-2 h-2 rounded-full bg-gray-400 animate-pulse\"><\/span>\r\n                                                <span class=\"text-white text-sm font-medium\"> Completed 2025<\/span>\r\n                                            <\/div>\r\n                                                                                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/70 to-transparent\">\r\n                                            <div class=\"absolute bottom-4 sm:bottom-8 left-4 sm:left-8 right-4 sm:right-8\">\r\n                                                <div class=\"bg-white backdrop-blur-sm p-4 sm:p-6 rounded-2xl\">\r\n                                                    <h3 class=\"text-lg sm:text-xl font-bold text-gray-900 mb-2\">\r\n                                                        The Azure Tower                                                    <\/h3>\r\n                                                    <p class=\"text-sm sm:text-base line-clamp-2 \">A 50-story sustainable skyscraper featuring innovative green technology and stunning panoramic views.<\/p>\r\n\r\n                                                    <!-- Progress Bar -->\r\n                                                    <div class=\"space-y-2 mt-4\">\r\n                                                        <div class=\"flex justify-between text-sm\">\r\n                                                            <span>Project Progress<\/span>\r\n                                                            <span class=\"text-gray-900 font-medium\">85%<\/span>\r\n                                                        <\/div>\r\n                                                        <div class=\"h-2 bg-gray-100 rounded-full overflow-hidden\">\r\n                                                            <div class=\"h-full  bg-primary-amber rounded-full\" style=\"background-color: #FFB600;width: 85%\"><\/div>\r\n                                                        <\/div>\r\n                                                    <\/div>\r\n\r\n                                                    <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/projects\/the-azure-tower\/\"\r\n                                                        class=\"inline-flex items-center font-semibold group-hover:translate-x-2 transition-all duration-300  mt-4\"\r\n                                                        style=\"color: #FFB600\">\r\n                                                        Learn More                                                        <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                                                        <\/svg>\r\n                                                    <\/a>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                                            <\/div>\r\n                    \r\n                    <!-- View All Projects Button -->\r\n                                            <div class=\"md:col-span-2 text-center mt-8 sm:mt-12\">\r\n                            <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/index.php\/our-landmark-projects\/\"\r\n                                style=\"background-color: #FFB600; --hover-color: #FFB600;\"\r\n                                class=\"group inline-flex items-center gap-2 px-6 sm:px-8 py-3 sm:py-4 text-white font-semibold rounded-lg transition-all duration-300 hover:scale-105 shadow-lg hover:shadow-xl\"\r\n                                                                >\r\n                                View All Projects                                <svg class=\"w-5 h-5 transform group-hover:translate-x-2 transition-transform\"\r\n                                    fill=\"none\"\r\n                                    stroke=\"currentColor\"\r\n                                    viewBox=\"0 0 24 24\">\r\n                                    <path stroke-linecap=\"round\"\r\n                                        stroke-linejoin=\"round\"\r\n                                        stroke-width=\"2\"\r\n                                        d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                                <\/svg>\r\n                            <\/a>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6850ec96 e-grid e-con-full e-con e-parent\" data-id=\"6850ec96\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-296253d3 elementor-widget elementor-widget-services_section\" data-id=\"296253d3\" data-element_type=\"widget\" data-widget_type=\"services_section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"service-section relative py-16 sm:py-20 lg:py-20 overflow-hidden z-10\" x-data=\"{ showAll: false }\">\r\n            <!-- Background Elements -->\r\n            <div class=\"absolute inset-0 -z-10\">\r\n\r\n                <div style=\"background-color: #FFB60020\"\r\n                    class=\"bg-fade-effect absolute top-1\/4 -left-20 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl\"><\/div>\r\n                <div style=\"background-color: #FFB60020\"\r\n                    class=\"absolute bottom-1\/4 right-0 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"max-w-7xl 2xl:max-w-8xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n                <!-- Section Header -->\r\n                <div class=\"relative mb-12 sm:mb-16 text-center z-10\">\r\n                    <div class=\"absolute -top-10 left-1\/2  -translate-x-1\/2  text-[80px] sm:text-[120px] font-bold text-gray-100 select-none opacity-0 md:opacity-60 leading-none -z-10\">\r\n                        SERVICES                    <\/div>\r\n                    <h2 class=\"relative text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 fade-in-effect \">\r\n                        What We                        <span style=\"color: #FFB600\">Offer<\/span>\r\n                    <\/h2>\r\n                    <p class=\"mt-4 text-xl text-gray-600 max-w-2xl mx-auto fade-in-effect effect-1 \">\r\n                        Transform your architectural vision into reality with our comprehensive range of services.                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Main Content -->\r\n                <div class=\"grid gap-6 sm:gap-8\">\r\n                    <!-- Featured Service -->\r\n                            <div class=\"relative grid md:grid-cols-2 gap-8 items-center fade-in-effect  \">\r\n            <div class=\"relative h-64 md:h-full min-h-[300px]\">\r\n                <div class=\"relative h-full rounded-2xl overflow-hidden\">\r\n                                            <img decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/nicolas-j-leclercq-WJg2bynUWOk-unsplash-1.jpg\" class=\"absolute inset-0 w-full h-full object-cover wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/nicolas-j-leclercq-WJg2bynUWOk-unsplash-1.jpg 1920w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/nicolas-j-leclercq-WJg2bynUWOk-unsplash-1-300x200.jpg 300w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/nicolas-j-leclercq-WJg2bynUWOk-unsplash-1-1024x683.jpg 1024w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/nicolas-j-leclercq-WJg2bynUWOk-unsplash-1-768x512.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/nicolas-j-leclercq-WJg2bynUWOk-unsplash-1-1536x1024.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                                    <\/div>\r\n\r\n                <div class=\"absolute -left-6 bottom-8\">\r\n                    <div class=\"bg-white p-6 rounded-3xl shadow-xl hover:shadow-2xl transition-all duration-300 max-w-xs\">\r\n\r\n                        <div class=\"w-14 h-14 rounded-2xl flex items-center justify-center mb-4\"\r\n                            style=\"background-color: rgba(255, 255, 102, 0.1)\">\r\n                            <svg style=\"color: #FFB600\" class=\"w-7 h-7  \" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h4 class=\"text-xl font-bold text-gray-900 mb-2 aaaa\">\r\n                            Fast Delivery                        <\/h4>\r\n                        <p class=\"text-gray-600\">\r\n                            Quick turnaround on all projects without compromising quality                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"relative z-10 bg-white rounded-3xl p-8 shadow-xl h-full group\">\r\n                <!-- Service content with dynamic fields -->\r\n                <h3 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-4\">\r\n                    Residential Projects                <\/h3>\r\n                <p class=\"text-gray-600 mb-8\">\r\n                    At the intersection of luxury and sustainability, our residential developments stand as beacons of innovative living. Each project embodies our commitment to creating spaces that nurture both residents and the environment.                <\/p>\r\n                <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/projects\/the-azure-tower\/\"\r\n                    class=\"inline-flex items-center font-semibold group-hover:translate-x-2 transition-all duration-300\"\r\n                    style=\"color: #FFB600\">\r\n                    Learn More                    <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n                    <!-- Services Grid -->\r\n                                <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8 \">\r\n                                    <div class=\"group bg-white rounded-3xl shadow-lg hover:shadow-xl    overflow-hidden fade-in-effect effect-1 \">\r\n                                                    <div class=\"relative aspect-[3\/2] overflow-hidden\">\r\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"2560\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-meza-ZAaUcbDdkQU-unsplash-1.jpg\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-meza-ZAaUcbDdkQU-unsplash-1.jpg 1920w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-meza-ZAaUcbDdkQU-unsplash-1-225x300.jpg 225w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-meza-ZAaUcbDdkQU-unsplash-1-768x1024.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-meza-ZAaUcbDdkQU-unsplash-1-1152x1536.jpg 1152w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-meza-ZAaUcbDdkQU-unsplash-1-1536x2048.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                                <!-- Gradient Overlay -->\r\n                                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n                            <\/div>\r\n\r\n                        \r\n                        <div class=\"p-6\">\r\n                            <h3 class=\"text-xl font-bold text-gray-900 mb-4 \">Economy Consulting<\/h3>\r\n                            <p class=\"text-gray-600 mb-6 line-clamp-2\"> We believe homes should be sanctuaries that connect people to nature while providing the ultimate in modern convenience. This philosophy guides every decision, from site selection to material sourcing, creating living spaces that will inspire generations to come.<\/p>\r\n\r\n                            <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/services\/circular-economy-consulting\/\"\r\n                                class=\"inline-flex items-center font-semibold group-hover:translate-x-2 transition-all duration-300\"\r\n                                style=\"color: #FFB600\">\r\n                                Learn More                                <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                                <\/svg>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"group bg-white rounded-3xl shadow-lg hover:shadow-xl    overflow-hidden fade-in-effect effect-2 \">\r\n                                                    <div class=\"relative aspect-[3\/2] overflow-hidden\">\r\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"2400\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1.jpg\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1.jpg 1920w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1-240x300.jpg 240w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1-819x1024.jpg 819w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1-768x960.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1-1229x1536.jpg 1229w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/victor-2PJMDIgK9EA-unsplash-1-1638x2048.jpg 1638w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                                <!-- Gradient Overlay -->\r\n                                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n                            <\/div>\r\n\r\n                        \r\n                        <div class=\"p-6\">\r\n                            <h3 class=\"text-xl font-bold text-gray-900 mb-4 \">Regenerative Planning<\/h3>\r\n                            <p class=\"text-gray-600 mb-6 line-clamp-2\"> SERVICES Building Excellence, Delivering Value Discover how our expertise in commercial construction can transform your vision into reality Innovative Design Utilizing cutting-edge architectural concepts and sustainable building practices. Quality Assurance Rigorous quality control processes ensuring excellence at every stage. Timely Delivery Efficient project management ensuring on-time completion. FAQ Common Questions Everything you need to know [&hellip;]<\/p>\r\n\r\n                            <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/services\/regenerative-planning\/\"\r\n                                class=\"inline-flex items-center font-semibold group-hover:translate-x-2 transition-all duration-300\"\r\n                                style=\"color: #FFB600\">\r\n                                Learn More                                <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                                <\/svg>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"group bg-white rounded-3xl shadow-lg hover:shadow-xl    overflow-hidden fade-in-effect effect-3 \">\r\n                                                    <div class=\"relative aspect-[3\/2] overflow-hidden\">\r\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/vladyslav-melnyk-vyL-v8DuZuY-unsplash-1.jpg\" class=\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-110 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/vladyslav-melnyk-vyL-v8DuZuY-unsplash-1.jpg 1920w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/vladyslav-melnyk-vyL-v8DuZuY-unsplash-1-300x200.jpg 300w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/vladyslav-melnyk-vyL-v8DuZuY-unsplash-1-1024x683.jpg 1024w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/vladyslav-melnyk-vyL-v8DuZuY-unsplash-1-768x512.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/vladyslav-melnyk-vyL-v8DuZuY-unsplash-1-1536x1024.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                                <!-- Gradient Overlay -->\r\n                                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div>\r\n                            <\/div>\r\n\r\n                        \r\n                        <div class=\"p-6\">\r\n                            <h3 class=\"text-xl font-bold text-gray-900 mb-4 \">Biophilic Architecture<\/h3>\r\n                            <p class=\"text-gray-600 mb-6 line-clamp-2\"> SERVICES Building Excellence, Delivering Value Discover how our expertise in commercial construction can transform your vision into reality Innovative Design Utilizing cutting-edge architectural concepts and sustainable building practices. Quality Assurance Rigorous quality control processes ensuring excellence at every stage. Timely Delivery Efficient project management ensuring on-time completion. FAQ Common Questions Everything you need to know [&hellip;]<\/p>\r\n\r\n                            <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/services\/biophilic-architecture\/\"\r\n                                class=\"inline-flex items-center font-semibold group-hover:translate-x-2 transition-all duration-300\"\r\n                                style=\"color: #FFB600\">\r\n                                Learn More                                <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                                <\/svg>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                <!-- Stats Section -->\r\n                                    <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 lg:gap-8 mt-8\">\r\n                                                    <div class=\"bg-white p-6 rounded-3xl shadow-lg hover:shadow-xl fade-in-effect effect-1\">\r\n                                <div class=\"text-3xl sm:text-4xl font-bold\" style=\"color: #FFB600\">\r\n                                    98                                    <span class=\"text-xl sm:text-2xl\">%<\/span>\r\n                                <\/div>\r\n                                <div class=\"mt-2 text-sm text-gray-600\">Client Satisfaction<\/div>\r\n                            <\/div>\r\n                                                    <div class=\"bg-white p-6 rounded-3xl shadow-lg hover:shadow-xl fade-in-effect effect-2\">\r\n                                <div class=\"text-3xl sm:text-4xl font-bold\" style=\"color: #FFB600\">\r\n                                    15                                    <span class=\"text-xl sm:text-2xl\">+<\/span>\r\n                                <\/div>\r\n                                <div class=\"mt-2 text-sm text-gray-600\">Years Experience<\/div>\r\n                            <\/div>\r\n                                                    <div class=\"bg-white p-6 rounded-3xl shadow-lg hover:shadow-xl fade-in-effect effect-3\">\r\n                                <div class=\"text-3xl sm:text-4xl font-bold\" style=\"color: #FFB600\">\r\n                                    250                                    <span class=\"text-xl sm:text-2xl\">+<\/span>\r\n                                <\/div>\r\n                                <div class=\"mt-2 text-sm text-gray-600\">Projects Completed<\/div>\r\n                            <\/div>\r\n                                                    <div class=\"bg-white p-6 rounded-3xl shadow-lg hover:shadow-xl fade-in-effect effect-4\">\r\n                                <div class=\"text-3xl sm:text-4xl font-bold\" style=\"color: #FFB600\">\r\n                                    24                                    <span class=\"text-xl sm:text-2xl\">\/7<\/span>\r\n                                <\/div>\r\n                                <div class=\"mt-2 text-sm text-gray-600\">Support Available<\/div>\r\n                            <\/div>\r\n                                            <\/div>\r\n                \r\n                <!-- View All Button -->\r\n                                    <div class=\"text-center mt-12 fade-in-effect \">\r\n                        <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/index.php\/service-listing\/\"\r\n                            style=\"background-color: #FFB600\"\r\n                            class=\"group inline-flex items-center gap-2 px-6 sm:px-8 py-3 sm:py-4 text-white font-semibold rounded-lg transition-all duration-300 hover:opacity-90 hover:scale-105 shadow-lg\"\r\n                                                        >\r\n                            View All Services                            <svg class=\"w-5 h-5 transform group-hover:translate-x-2 transition-transform\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                viewBox=\"0 0 24 24\">\r\n                                <path stroke-linecap=\"round\"\r\n                                    stroke-linejoin=\"round\"\r\n                                    stroke-width=\"2\"\r\n                                    d=\"M17 8l4 4m0 0l-4 4m4-4H3\">\r\n                                <\/path>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5907206d e-grid e-con-full e-con e-parent\" data-id=\"5907206d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23878504 elementor-widget elementor-widget-blog_posts_display\" data-id=\"23878504\" data-element_type=\"widget\" data-widget_type=\"blog_posts_display.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <section class=\"blog-section relative py-16 sm:py-20 lg:py-20 overflow-hidden z-10\">\r\n            <!-- Background Elements -->\r\n            <div class=\"absolute inset-0 -z-10\">\r\n\r\n\r\n                <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden\">\r\n                    <div style=\"background-color: #FFB60020\"\r\n                        class=\"bg-fade-effect absolute top-1\/4 -left-20 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl animate-blob\"><\/div>\r\n                    <div style=\"background-color: #FFB60020\"\r\n                        class=\"absolute bottom-1\/4 right-0 w-96 h-96 rounded-full mix-blend-multiply filter blur-3xl animate-blob animation-delay-2000\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"max-w-7xl 2xl:max-w-8xl mx-auto px-4\">\r\n                <!-- Section Header -->\r\n                <div class=\"relative mb-24 text-center z-10\">\r\n                    <div class=\"absolute -top-10 left-1\/2 -translate-x-1\/2 text-[80px] sm:text-[120px] font-bold text-gray-100 select-none opacity-0 md:opacity-60 leading-none -z-10\">\r\n                        BLOG                    <\/div>\r\n                    <h2 class=\"relative text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 fade-in-effect\">\r\n                        Latest                        <span style=\"color: #FFB600\">Insights<\/span>\r\n                    <\/h2>\r\n                    <p class=\"mt-4 text-xl text-gray-600 max-w-2xl mx-auto fade-in-effect effect-1\">\r\n                        Explore our thoughts on architecture, sustainability, and innovation in the built environment.                    <\/p>\r\n                <\/div>\r\n\r\n                                    <!-- Blog Grid Layout -->\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-8 lg:grid-cols-12 gap-8\">\r\n                                                    <article class=\"md:col-span-4 group bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-xl fade-in-effect effect-1\">\r\n                                <div class=\"aspect-[4\/3] overflow-hidden\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"427\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/jarek-ceborski-jn7uVeCdf6U-unsplash-1-768x512.jpg\" class=\"w-full h-full object-cover transform transition-transform duration-500 group-hover:scale-105 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/jarek-ceborski-jn7uVeCdf6U-unsplash-1-768x512.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/jarek-ceborski-jn7uVeCdf6U-unsplash-1-300x200.jpg 300w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/jarek-ceborski-jn7uVeCdf6U-unsplash-1-1024x683.jpg 1024w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/jarek-ceborski-jn7uVeCdf6U-unsplash-1-1536x1025.jpg 1536w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/jarek-ceborski-jn7uVeCdf6U-unsplash-1.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                                                                    <\/div>\r\n                                <div class=\"p-6\">\r\n                                    <div class=\"flex items-center gap-3 mb-3\">\r\n                                                                                    <span style=\"background-color: rgba(255, 255, 102, 0.1); color: #FFB600\"\r\n                                                class=\"px-3 py-1 rounded-full text-sm font-medium\">\r\n                                                Uncategorized                                            <\/span>\r\n                                                                                <span class=\"text-gray-500 text-sm\">2 min read<\/span>\r\n                                    <\/div>\r\n                                    <h3 class=\"text-xl font-bold text-gray-900 mb-2 transition-colors\">\r\n                                        Modular Construction: The Future of Rapid, Sustainable Building                                    <\/h3>\r\n                                    <p class=\"text-gray-600 mb-4 line-clamp-2\">\r\n                                        In an era where speed, efficiency, and sustainability are paramount, modular construction is emerging as a game-changing approach to building....                                    <\/p>\r\n\r\n                                    <div class=\"flex items-center gap-3\">\r\n                                        <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=32&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=64&#038;d=mm&#038;r=g 2x' class='avatar avatar-32 photo w-8 h-8 rounded-full' height='32' width='32' \/>                                        <div class=\"text-sm\">\r\n                                            <div class=\"font-medium text-gray-900\">admin<\/div>\r\n                                            <div class=\"text-gray-500\">February 23, 2025<\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/2025\/02\/23\/modular-construction-the-future-of-rapid-sustainable-building\/\"\r\n                                        class=\"inline-flex items-center font-semibold group-hover:translate-x-2 transition-all duration-300 mt-4\"\r\n                                        style=\"color: #FFB600\">\r\n                                        Learn More                                        <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                                        <\/svg>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/article>\r\n                                                    <article class=\"md:col-span-4 group bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-xl fade-in-effect effect-2\">\r\n                                <div class=\"aspect-[4\/3] overflow-hidden\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/c-dustin-91AQt9p4Mo8-unsplash-1-768x432.jpg\" class=\"w-full h-full object-cover transform transition-transform duration-500 group-hover:scale-105 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/c-dustin-91AQt9p4Mo8-unsplash-1-768x432.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/c-dustin-91AQt9p4Mo8-unsplash-1-300x169.jpg 300w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/c-dustin-91AQt9p4Mo8-unsplash-1-1024x576.jpg 1024w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/c-dustin-91AQt9p4Mo8-unsplash-1.jpg 1200w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                                                                    <\/div>\r\n                                <div class=\"p-6\">\r\n                                    <div class=\"flex items-center gap-3 mb-3\">\r\n                                                                                    <span style=\"background-color: rgba(255, 255, 102, 0.1); color: #FFB600\"\r\n                                                class=\"px-3 py-1 rounded-full text-sm font-medium\">\r\n                                                Uncategorized                                            <\/span>\r\n                                                                                <span class=\"text-gray-500 text-sm\">2 min read<\/span>\r\n                                    <\/div>\r\n                                    <h3 class=\"text-xl font-bold text-gray-900 mb-2 transition-colors\">\r\n                                        Biophilic Design in Modern Construction: Bringing Nature                                    <\/h3>\r\n                                    <p class=\"text-gray-600 mb-4 line-clamp-2\">\r\n                                        As urban environments continue to expand, the construction industry is witnessing a remarkable shift towards biophilic design \u2013 an approach...                                    <\/p>\r\n\r\n                                    <div class=\"flex items-center gap-3\">\r\n                                        <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=32&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=64&#038;d=mm&#038;r=g 2x' class='avatar avatar-32 photo w-8 h-8 rounded-full' height='32' width='32' \/>                                        <div class=\"text-sm\">\r\n                                            <div class=\"font-medium text-gray-900\">admin<\/div>\r\n                                            <div class=\"text-gray-500\">February 23, 2025<\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/2025\/02\/23\/biophilic-design-in-modern-construction-bringing-nature-indoors\/\"\r\n                                        class=\"inline-flex items-center font-semibold group-hover:translate-x-2 transition-all duration-300 mt-4\"\r\n                                        style=\"color: #FFB600\">\r\n                                        Learn More                                        <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                                        <\/svg>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/article>\r\n                                                    <article class=\"md:col-span-4 group bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-xl fade-in-effect effect-3\">\r\n                                <div class=\"aspect-[4\/3] overflow-hidden\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"427\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/josh-olalde-X1P1_EDNnok-unsplash-1-768x512.jpg\" class=\"w-full h-full object-cover transform transition-transform duration-500 group-hover:scale-105 wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/josh-olalde-X1P1_EDNnok-unsplash-1-768x512.jpg 768w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/josh-olalde-X1P1_EDNnok-unsplash-1-300x200.jpg 300w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/josh-olalde-X1P1_EDNnok-unsplash-1-1024x682.jpg 1024w, https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/02\/josh-olalde-X1P1_EDNnok-unsplash-1.jpg 1400w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                                                                    <\/div>\r\n                                <div class=\"p-6\">\r\n                                    <div class=\"flex items-center gap-3 mb-3\">\r\n                                                                                    <span style=\"background-color: rgba(255, 255, 102, 0.1); color: #FFB600\"\r\n                                                class=\"px-3 py-1 rounded-full text-sm font-medium\">\r\n                                                Uncategorized                                            <\/span>\r\n                                                                                <span class=\"text-gray-500 text-sm\">1 min read<\/span>\r\n                                    <\/div>\r\n                                    <h3 class=\"text-xl font-bold text-gray-900 mb-2 transition-colors\">\r\n                                        Smart Construction Technologies: Revolutionizing Building Sites                                    <\/h3>\r\n                                    <p class=\"text-gray-600 mb-4 line-clamp-2\">\r\n                                        In an era where digital transformation touches every industry, construction stands at the cusp of a technological revolution. As we...                                    <\/p>\r\n\r\n                                    <div class=\"flex items-center gap-3\">\r\n                                        <img alt='' src='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=32&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/edf795bf182938c7130cc8e45de80f209a9c40e8835f94de20a3608bf2052400?s=64&#038;d=mm&#038;r=g 2x' class='avatar avatar-32 photo w-8 h-8 rounded-full' height='32' width='32' \/>                                        <div class=\"text-sm\">\r\n                                            <div class=\"font-medium text-gray-900\">admin<\/div>\r\n                                            <div class=\"text-gray-500\">February 23, 2025<\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/2025\/02\/23\/smart-construction-technologies-revolutionizing-building-sites-in-2025\/\"\r\n                                        class=\"inline-flex items-center font-semibold group-hover:translate-x-2 transition-all duration-300 mt-4\"\r\n                                        style=\"color: #FFB600\">\r\n                                        Learn More                                        <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                                        <\/svg>\r\n                                    <\/a>\r\n                                <\/div>\r\n                            <\/article>\r\n                                            <\/div>\r\n\r\n                                            <!-- View All Posts Button -->\r\n                        <div class=\"text-center mt-12 fade-in-effect\">\r\n                            <a href=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/index.php\/our-landmark-projects\/\"\r\n                                style=\"background-color: #FFB600; --hover-color: #FFB600;\"\r\n                                class=\"group inline-flex items-center gap-2 px-6 sm:px-8 py-3 sm:py-4 text-white font-semibold rounded-lg transition-all duration-300 hover:scale-105 shadow-lg hover:shadow-xl\"\r\n                                                                >\r\n                                View All Posts                                <svg class=\"w-5 h-5 transform group-hover:translate-x-2 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                                <\/svg>\r\n                            <\/a>\r\n                        <\/div>\r\n                                                                <\/div>\r\n        <\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Building The Future Transforming visions into architectural masterpieces. Explore Projects \u2192 Watch Story 500+ PROJECTS 15 YEARS 98% SUCCESS DESIGN BUILD INNOVATE DELIVER QUALITY FUTURE \u2605 \u2605 \u2605 Award Winner 2025 Best Architectural Innovation ABOUT Our Creative Approach We&#039;re not just builders \u2013 we&#039;re innovators, dreamers, and problem-solvers pushing the boundaries of architectural possibilities. 1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1355","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/1355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/comments?post=1355"}],"version-history":[{"count":0,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/1355\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/media?parent=1355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}