{"id":14,"date":"2025-01-12T10:08:30","date_gmt":"2025-01-12T10:08:30","guid":{"rendered":"https:\/\/demo.colorbee.online\/dhaara\/demo\/?page_id=8"},"modified":"2025-07-08T17:09:12","modified_gmt":"2025-07-08T17:09:12","slug":"home","status":"publish","type":"page","link":"https:\/\/demo.colorbee.online\/dhaara\/demo\/home\/","title":{"rendered":"Home 3"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1191571 e-grid e-con-full e-con e-parent\" data-id=\"1191571\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51a1164 elementor-widget elementor-widget-hero_varient_1\" data-id=\"51a1164\" data-element_type=\"widget\" data-widget_type=\"hero_varient_1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\n            .dynamic-hero-section {\n                --primary-color: #FFB600;\n            }\n        <\/style>\n        <section class=\"dynamic-hero-section relative min-h-screen construction-grid 3xl:min-h-full w-full py-16 sm:py-20 lg:py-20 overflow-hidden\">\n            <!-- Animated Blueprint Lines -->\n            <svg class=\"absolute inset-0 w-full h-full pointer-events-none opacity-30\" viewBox=\"0 0 1000 1000\">\n                <path class=\"blueprint-line\" stroke-width=\"2\" fill=\"none\"\n                    d=\"M100,100 L300,100 L300,300 L500,300 L500,200 L700,200 L700,400 L900,400\" \/>\n                <path class=\"blueprint-line\" stroke-width=\"2\" fill=\"none\"\n                    d=\"M200,500 L400,500 L400,700 L600,700 L600,600 L800,600\" \/>\n            <\/svg>\n            <!-- Main Content -->\n            <div class=\"relative z-10 flex flex-col justify-center items-center text-center px-6\">\n                <!-- Dynamic Word Rotation -->\n                <div class=\"mb-12 slide-up-enhanced\">\n                    <p class=\"font-semibold text-lg mb-6 tracking-wide\" style=\"color: #FFB600\">\n                        ENGINEERING THE IMPOSSIBLE                    <\/p>\n                    <div class=\"space-y-6\">\n                        <h1 class=\"text-5xl lg:text-7xl font-black leading-tight\" style=\"color: var(--text-color);\">\n                            WE BUILD                        <\/h1>\n                        <div class=\"word-container text-3xl lg:text-5xl font-black\" style=\"color: #FFB600\">\n                                                            <div class=\"word-animation active\" id=\"word-0\">\n                                                                            <span class=\"word-letter\">D<\/span>\n                                                                            <span class=\"word-letter\">R<\/span>\n                                                                            <span class=\"word-letter\">E<\/span>\n                                                                            <span class=\"word-letter\">A<\/span>\n                                                                            <span class=\"word-letter\">M<\/span>\n                                                                            <span class=\"word-letter\">S<\/span>\n                                                                    <\/div>\n                                                            <div class=\"word-animation \" id=\"word-1\">\n                                                                            <span class=\"word-letter\">F<\/span>\n                                                                            <span class=\"word-letter\">U<\/span>\n                                                                            <span class=\"word-letter\">T<\/span>\n                                                                            <span class=\"word-letter\">U<\/span>\n                                                                            <span class=\"word-letter\">R<\/span>\n                                                                            <span class=\"word-letter\">E<\/span>\n                                                                            <span class=\"word-letter\">S<\/span>\n                                                                    <\/div>\n                                                            <div class=\"word-animation \" id=\"word-2\">\n                                                                            <span class=\"word-letter\">L<\/span>\n                                                                            <span class=\"word-letter\">E<\/span>\n                                                                            <span class=\"word-letter\">G<\/span>\n                                                                            <span class=\"word-letter\">A<\/span>\n                                                                            <span class=\"word-letter\">C<\/span>\n                                                                            <span class=\"word-letter\">I<\/span>\n                                                                            <span class=\"word-letter\">E<\/span>\n                                                                            <span class=\"word-letter\">S<\/span>\n                                                                    <\/div>\n                                                            <div class=\"word-animation \" id=\"word-3\">\n                                                                            <span class=\"word-letter\">M<\/span>\n                                                                            <span class=\"word-letter\">O<\/span>\n                                                                            <span class=\"word-letter\">N<\/span>\n                                                                            <span class=\"word-letter\">U<\/span>\n                                                                            <span class=\"word-letter\">M<\/span>\n                                                                            <span class=\"word-letter\">E<\/span>\n                                                                            <span class=\"word-letter\">N<\/span>\n                                                                            <span class=\"word-letter\">T<\/span>\n                                                                            <span class=\"word-letter\">S<\/span>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n\n                <!--  Central Feature Box -->\n                <div class=\"delay-1 mb-12 w-full max-w-5xl floating-enhanced\">\n                    <div class=\"feature-box relative backdrop-blur-sm bg-white\/80 animated-border rounded-2xl p-6 lg:p-8 shadow-2xl hover:shadow-3xl transition-all duration-500 hover:scale-[1.02] cursor-pointer\" style=\"--primary: rgba(255, 182, 0, 1);--primary-light: rgba(255, 182, 0, 0.3);\">\n\n                        <!-- Animated Corner Brackets -->\n                        <div class=\"corner-bracket absolute -top-2 -left-2 w-6 h-6 border-l-2 border-t-2\" style=\"border-color: #FFB600\"><\/div>\n                        <div class=\"corner-bracket absolute -top-2 -right-2 w-6 h-6 border-r-2 border-t-2\" style=\"border-color: #FFB600\"><\/div>\n                        <div class=\"corner-bracket absolute -bottom-2 -left-2 w-6 h-6 border-l-2 border-b-2\" style=\"border-color: #FFB600\"><\/div>\n                        <div class=\"corner-bracket absolute -bottom-2 -right-2 w-6 h-6 border-r-2 border-b-2\" style=\"border-color: #FFB600\"><\/div>\n\n                        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6 items-center\">\n                            <!-- Left: Precision -->\n                            <div class=\"content-section text-center lg:text-left\">\n                                <div class=\"icon-pulse w-10 h-10 rounded-full flex items-center justify-center mb-3 mx-auto lg:mx-0 shadow-md text-white\" style=\"background-color: #FFB600\">\n                                    <i class=\"fas fa-star\"><\/i>\n                                <\/div>\n                                <h3 class=\"text-center text-lg font-bold mb-2\">\n                                    PRECISION                                <\/h3>\n                                <p class=\"text-center text-gray-600 text-sm\">Every millimeter matters in our architectural blueprints<\/p>\n                            <\/div>\n\n                            <!-- Center: Main Message -->\n                            <div class=\"center-divider lg:border-l lg:border-r lg:px-6 py-4 lg:py-0\" style=\"border-color: rgba(255, 182, 0, 0.3);--primary-medium: rgba(255, 182, 0, 0.2);--primary-light: rgba(255, 182, 0, 0);\">\n                                <div class=\"content-section text-center\">\n                                    <div class=\"year-highlight text-2xl lg:text-3xl font-black mb-2\">\n                                        2025                                    <\/div>\n                                    <p class=\"font-semibold text-sm lg:text-base\" style=\"color: var(--text-color);\">\n                                        REDEFINING CONSTRUCTION                                    <\/p>\n                                    <div class=\"w-12 h-1 mx-auto mt-3 transition-all duration-300 hover:w-16\" style=\"background-color: #FFB600\"><\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Right: Innovation -->\n                            <div class=\"content-section text-center lg:text-right\">\n                                <div class=\"icon-pulse w-10 h-10 rounded-full flex items-center justify-center mb-3 mx-auto lg:ml-auto lg:mr-0 shadow-md text-white\" style=\"background-color: #FFB600\">\n                                    <i class=\"fas fa-building\"><\/i>\n                                <\/div>\n                                <h3 class=\"text-center text-lg font-bold mb-2\" >\n                                    INNOVATION                                <\/h3>\n                                <p class=\"text-center text-gray-600 text-sm\">Pushing boundaries with cutting-edge technology<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Side Elements -->\n                    <div class=\"side-text hidden lg:block   left-auto   font-bold tracking-widest text-xs opacity-60 absolute top-1\/2 right-full h-full transform -translate-y-1\/2 -translate-x-[50px] [writing-mode:vertical-rl] [text-orientation:sideways] whitespace-nowrap\n            \" style=\"color: #FFB600\">\n                        ARCHITECTURAL EXCELLENCE                    <\/div>\n                    <div class=\"side-text hidden lg:block  font-bold tracking-widest text-xs opacity-60 absolute top-1\/2 left-full h-full transform -translate-y-1\/2 translate-x-[50px] [writing-mode:vertical-rl] [text-orientation:sideways] whitespace-nowrap\" style=\"color: #FFB600\">\n                        SUSTAINABLE FUTURE                    <\/div>\n                <\/div>\n\n                <!-- Action Section -->\n                <div class=\"slide-up-enhanced delay-2\">\n                    <p class=\"text-gray-700 text-base lg:text-lg mb-6 max-w-2xl mx-auto\">\n                        From concept to completion, we transform visions into architectural masterpieces that stand the test of time.                    <\/p>\n\n                    <div class=\"flex flex-row gap-4 justify-center\">\n                        <a href=\"\"\n\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\"\n                            style=\"background-color: #FFB600; border-color: #FFB600;\">\n                            START PROJECT \u2192                        <\/a>\n                        <a href=\"\"\n                            class=\"border-2 bg-white\/50  lg:px-8 lg:py-4    transform  text-sm lg:text-base  hover:shadow-2xl 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\"\n                            style=\"border-color: #FFB600; color: #FFB600;\">\n                            VIEW SHOWCASE                        <\/a>\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-413ac81 e-grid e-con-full e-con e-parent\" data-id=\"413ac81\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13441da elementor-widget elementor-widget-about_section\" data-id=\"13441da\" 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-7d98731 e-grid e-con-full e-con e-parent\" data-id=\"7d98731\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f7b8d6 elementor-widget elementor-widget-projects_grid\" data-id=\"8f7b8d6\" 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-cebfb58 e-grid e-con-full e-con e-parent\" data-id=\"cebfb58\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c65ac7e elementor-widget elementor-widget-services_section\" data-id=\"c65ac7e\" 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-7f06d68 e-grid e-con-full e-con e-parent\" data-id=\"7f06d68\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5b9806 elementor-widget elementor-widget-blog_posts_display\" data-id=\"d5b9806\" 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>ENGINEERING THE IMPOSSIBLE WE BUILD D R E A M S F U T U R E S L E G A C I E S M O N U M E N T S PRECISION Every millimeter matters in our architectural blueprints 2025 REDEFINING CONSTRUCTION INNOVATION Pushing boundaries with cutting-edge technology ARCHITECTURAL EXCELLENCE SUSTAINABLE [&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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/14","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=14"}],"version-history":[{"count":5,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1397,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/14\/revisions\/1397"}],"wp:attachment":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}