{"id":1383,"date":"2025-07-06T11:17:30","date_gmt":"2025-07-06T11:17:30","guid":{"rendered":"https:\/\/demo.colorbee.online\/dhaara\/demo\/?page_id=1383"},"modified":"2025-07-08T17:09:08","modified_gmt":"2025-07-08T17:09:08","slug":"home-3","status":"publish","type":"page","link":"https:\/\/demo.colorbee.online\/dhaara\/demo\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1383\" class=\"elementor elementor-1383\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59550e3b e-grid e-con-full e-con e-parent\" data-id=\"59550e3b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1d5f2a elementor-widget elementor-widget-hero_varient_3\" data-id=\"d1d5f2a\" data-element_type=\"widget\" data-widget_type=\"hero_varient_3.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"hero-section relative 3xl:min-h-full w-full 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>\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                <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-20 items-start\">\r\n                    <!-- Left Column -->\r\n                    <div class=\"space-y-6 sm:space-y-8\">\r\n                        <div style=\"background-color: #FFB60040\" class=\"inline-flex items-center gap-2  px-4 py-2 rounded-full shadow-sm fade-in-effect effect-1\">\r\n                            <div style=\"background-color: #FFB600\" class=\"h-2 w-2   rounded-full\"><\/div>\r\n                            <span style=\"color: #FFB600\" class=\"  font-medium text-sm sm:text-base\">Premium Construction<\/span>\r\n                        <\/div>\r\n\r\n                        <h2 class=\"text-4xl sm:text-5xl lg:text-6xl font-bold text-gray-900 leading-tight fade-in-effect effect-2\">\r\n                            Building                            <span style=\"color: #FFB600\">Excellence<\/span>\r\n                            in Every Detail                        <\/h2>\r\n\r\n                        <p class=\"text-gray-600 text-base sm:text-lg max-w-xl fade-in-effect effect-3\">\r\n                            We combine innovative design with superior craftsmanship to create spaces that inspire. Our commitment to excellence ensures every project exceeds expectations.                        <\/p>\r\n\r\n                        <!-- Stats - Updated classes -->\r\n                        <div class=\"grid grid-cols-1 sm:grid-cols-3 py-6 sm:py-8 gap-6 sm:gap-8\">\r\n                            <div class=\"bg-white p-3 sm:p-4 rounded-xl hover:shadow-lg shadow-sm fade-in-effect effect-4\">\r\n                                <div class=\"text-3xl sm:text-4xl font-bold text-gray-900 mb-2 text-center\">25<span style=\"color: #FFB600\">+<\/span><\/div>\r\n                                <div class=\"text-sm sm:text-base text-gray-600 text-center\">Years Experience<\/div>\r\n                            <\/div>\r\n                            <div class=\"bg-white p-3 sm:p-4 rounded-xl hover:shadow-lg shadow-sm fade-in-effect effect-5\">\r\n                                <div class=\"text-3xl sm:text-4xl font-bold text-gray-900 mb-2 text-center\">350<span style=\"color: #FFB600\">+<\/span><\/div>\r\n                                <div class=\"text-sm sm:text-base text-gray-600 text-center\">Projects Done<\/div>\r\n                            <\/div>\r\n                            <div class=\"bg-white p-3 sm:p-4 rounded-xl hover:shadow-lg shadow-sm fade-in-effect effect-6\">\r\n                                <div class=\"text-3xl sm:text-4xl font-bold text-gray-900 mb-2 text-center\">120<span style=\"color: #FFB600\">+<\/span><\/div>\r\n                                <div class=\"text-sm sm:text-base text-gray-600 text-center\">Expert Team<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!--  Buttons -->\r\n                        <div class=\"flex flex-col sm:flex-row gap-6 sm:gap-8\">\r\n                            <a href=\"\" style=\"background-color: #FFB600\" class=\"group px-6 sm:px-8 py-3 sm:py-4   text-white font-semibold rounded-lg    hover:scale-105 shadow-lg shadow-amber-200 fade-in-effect effect-1 primary-button text-center\">\r\n                                <span class=\"inline-flex items-center\">\r\n                                    View Projects                                    <svg class=\"w-5 h-5 ml-2 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                                <\/span>\r\n                            <\/a>\r\n                            <a href=\"\" style=\"--hover-color: #FFB600;\" class=\"px-6 sm:px-8 py-3 sm:py-4 border-2 border-gray-200 text-gray-700 font-semibold rounded-lg  bg-white  hover:scale-105 secondary-button fade-in-effect effect-2 text-center\">\r\n                                Contact Us                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Right Column -->\r\n                    <div class=\"relative mt-8 lg:mt-0 fade-in-effect effect h-full\">\r\n                        <!-- Main Image with Overlay -->\r\n                        <div class=\"relative rounded-2xl overflow-hidden shadow-2xl h-full\">\r\n                            <img decoding=\"async\" src=\"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-content\/uploads\/2025\/04\/mayer-tawfik-48p7Msgwa84-unsplash-scaled-1.jpg\" class=\"w-full !h-64 sm:!h-96 lg:!h-full object-cover static lg:absolute\" alt=\"The Horizon Tower\" title=\"mayer-tawfik-48p7Msgwa84-unsplash\"\/>                            <div class=\"absolute inset-0 bg-gradient-to-t from-black\/50 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\/90 backdrop-blur-sm p-4 sm:p-6 rounded-xl\">\r\n                                        <h3 class=\"text-base sm:text-lg font-bold text-gray-900\">The Horizon Tower<\/h3>\r\n                                        <p class=\"text-sm sm:text-base text-gray-600 mt-0\">Award-winning architectural design in downtown metropolis<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Floating Cards - Updated classes -->\r\n                        <div class=\"hidden lg:flex flex-col absolute -left-12 top-1\/4 transform -translate-y-1\/4 gap-6 sm:gap-8\">\r\n                            <div class=\"float bg-white p-6 rounded-xl shadow-xl hover:shadow-2xl transition-shadow max-w-[270px]\">\r\n                                <div class=\"flex gap-2 items-center\">\r\n                                    <div style=\"background-color: #FFB60020\" class=\"w-12 h-12 rounded-full flex items-center justify-center\">\r\n                                        <svg style=\"color: #FFB600\" class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                    <h4 class=\"font-semibold text-gray-900 text-base sm:text-lg\">Quality Assured<\/h4>\r\n                                <\/div>\r\n                                <p class=\"text-gray-600 mt-2\">Premium materials and expert craftsmanship<\/p>\r\n                            <\/div>\r\n                            <div class=\"float bg-white p-6 rounded-xl shadow-xl hover:shadow-2xl transition-shadow max-w-[270px]\">\r\n                                <div class=\"flex gap-2 items-center\">\r\n                                    <div style=\"background-color: #FFB60020\" class=\"w-12 h-12 rounded-full flex items-center justify-center\">\r\n                                        <svg style=\"color: #FFB600\" class=\"w-6 h-6\" 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\" \/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                    <h4 class=\"font-semibold text-gray-900 text-base sm:text-lg\">Fast Delivery<\/h4>\r\n                                <\/div>\r\n                                <p class=\"text-gray-600 mt-2\">On-time completion guaranteed<\/p>\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-383f8c91 e-grid e-con-full e-con e-parent\" data-id=\"383f8c91\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a914ab3 elementor-widget elementor-widget-about_section\" data-id=\"2a914ab3\" 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-645ace24 e-grid e-con-full e-con e-parent\" data-id=\"645ace24\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c61a517 elementor-widget elementor-widget-projects_grid\" data-id=\"5c61a517\" 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-2b4ded6b e-grid e-con-full e-con e-parent\" data-id=\"2b4ded6b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bd628e0 elementor-widget elementor-widget-services_section\" data-id=\"1bd628e0\" 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-433a1d9 e-grid e-con-full e-con e-parent\" data-id=\"433a1d9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58bb233f elementor-widget elementor-widget-blog_posts_display\" data-id=\"58bb233f\" 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>Premium Construction Building Excellence in Every Detail We combine innovative design with superior craftsmanship to create spaces that inspire. Our commitment to excellence ensures every project exceeds expectations. 25+ Years Experience 350+ Projects Done 120+ Expert Team View Projects Contact Us The Horizon Tower Award-winning architectural design in downtown metropolis Quality Assured Premium materials and [&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-1383","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/1383","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=1383"}],"version-history":[{"count":11,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/1383\/revisions"}],"predecessor-version":[{"id":1396,"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/pages\/1383\/revisions\/1396"}],"wp:attachment":[{"href":"https:\/\/demo.colorbee.online\/dhaara\/demo\/wp-json\/wp\/v2\/media?parent=1383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}