{"id":9,"date":"2026-07-23T11:04:49","date_gmt":"2026-07-23T11:04:49","guid":{"rendered":"https:\/\/dhenterpriseswp1.mystartupcrew.com\/?page_id=9"},"modified":"2026-07-23T17:30:46","modified_gmt":"2026-07-23T17:30:46","slug":"home","status":"publish","type":"page","link":"https:\/\/dhenterpriseswp1.mystartupcrew.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69095e1 e-con-full e-flex e-con e-parent\" data-id=\"69095e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-025462e elementor-widget elementor-widget-html\" data-id=\"025462e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     DH ENTERPRISES \u2014 COMPLETE HERO SECTION\r\n     Full image visibility | No cutting | Perfect on all devices\r\n     ============================================ -->\r\n\r\n<section class=\"dh-hero-complete\">\r\n\r\n    <!-- decorative background elements -->\r\n    <div class=\"dh-bg-blob dh-bg-blob-1\"><\/div>\r\n    <div class=\"dh-bg-blob dh-bg-blob-2\"><\/div>\r\n\r\n    <div class=\"dh-wrapper\">\r\n\r\n        <!-- main hero grid: content left, image right -->\r\n        <div class=\"dh-hero-grid\">\r\n\r\n            <!-- LEFT: CONTENT -->\r\n            <div class=\"dh-content-col\">\r\n\r\n                <div class=\"dh-tagline\">\r\n                    <span class=\"dh-tagline-dot\"><\/span>\r\n                     ENVIRONMENTAL ENGINEERING\r\n                <\/div>\r\n\r\n                <h1 class=\"dh-main-title\">\r\n                    <span class=\"dh-title-light\">Engineering<\/span>\r\n                    <span class=\"dh-title-bold\">a Better<\/span>\r\n                    <span class=\"dh-title-accent\">Future.<\/span>\r\n                <\/h1>\r\n\r\n                <p class=\"dh-description\">\r\n                    DH Enterprises develops innovative environmental, energy, transportation, and infrastructure technologies designed to solve complex challenges and create a more sustainable future.\r\n                <\/p>\r\n\r\n                <div class=\"dh-actions\">\r\n                    <a href=\"#\" class=\"dh-btn dh-btn-primary\">\r\n                        <span>Explore projects<\/span>\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"dh-btn dh-btn-outline\">\r\n                        <span>Contact Now<\/span>\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- RIGHT: IMAGE -->\r\n            <div class=\"dh-image-col\">\r\n                <div class=\"dh-image-frame\">\r\n                    <!-- Replace src with your actual image URL -->\r\n                    <img decoding=\"async\" \r\n                        src=\"https:\/\/dhenterpriseswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/Rev1.png\" \r\n                        alt=\"DH Enterprises Hydro Tower System\"\r\n                        loading=\"lazy\"\r\n                    \/>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================\r\n   DH ENTERPRISES \u2014 COMPLETE HERO SECTION\r\n   Full image | No cutting | Perfect on all devices\r\n============================================ *\/\r\n\r\n.dh-hero-complete {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 40px 5%;\r\n    background: #000;\r\n    color: #e8edf0;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.dh-hero-complete * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ---- background blobs ---- *\/\r\n.dh-bg-blob {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    filter: blur(120px);\r\n    z-index: 0;\r\n}\r\n.dh-bg-blob-1 {\r\n    width: 500px;\r\n    height: 500px;\r\n    background: rgba(1, 180, 154, 0.08);\r\n    top: -20%;\r\n    left: -10%;\r\n}\r\n.dh-bg-blob-2 {\r\n    width: 400px;\r\n    height: 400px;\r\n    background: rgba(59, 130, 246, 0.05);\r\n    bottom: -20%;\r\n    right: -5%;\r\n}\r\n\r\n\/* ---- wrapper ---- *\/\r\n.dh-wrapper {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ---- hero grid: content left, image right ---- *\/\r\n.dh-hero-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 50px;\r\n    align-items: center;\r\n    min-height: 80vh;\r\n}\r\n\r\n\/* ---- CONTENT COLUMN (left) ---- *\/\r\n.dh-content-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 28px;\r\n    padding: 20px 0;\r\n}\r\n\r\n.dh-tagline {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #01b49a;\r\n}\r\n.dh-tagline-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #01b49a;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.dh-main-title {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(44px, 7vw, 76px);\r\n    line-height: 1.05;\r\n    font-weight: 700;\r\n    letter-spacing: -3px;\r\n}\r\n.dh-title-light {\r\n    font-weight: 400;\r\n    color: #8a9a9f;\r\n    display: block;\r\n}\r\n.dh-title-bold {\r\n    display: block;\r\n    color: #ffffff;\r\n}\r\n.dh-title-accent {\r\n    display: block;\r\n    color: #01b49a;\r\n}\r\n\r\n.dh-description {\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n    color: #b0c0c5;\r\n    max-width: 480px;\r\n}\r\n\r\n\/* ---- buttons ---- *\/\r\n.dh-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n    margin-top: 4px;\r\n}\r\n.dh-btn {\r\n    font-family: 'Montserrat', sans-serif;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 16px 32px;\r\n    border-radius: 60px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.5px;\r\n    text-decoration: none !important;\r\n    transition: 0.3s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-family: inherit;\r\n}\r\n.dh-btn svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: 0.3s ease;\r\n    flex-shrink: 0;\r\n}\r\n.dh-btn-primary {\r\n    background: #01b49a;\r\n    color: #0b1215;\r\n}\r\n.dh-btn-primary:hover {\r\n    background: #ffffff;\r\n    color: #0b1215;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 20px 40px -12px rgba(1, 180, 154, 0.3);\r\n}\r\n.dh-btn-primary:hover svg {\r\n    transform: translateX(6px);\r\n}\r\n.dh-btn-outline {\r\n    background: transparent;\r\n    color: #e8edf0;\r\n    border: 1px solid #3a4a4f;\r\n}\r\n.dh-btn-outline:hover {\r\n    border-color: #01b49a;\r\n    color: #ffffff;\r\n    transform: translateY(-3px);\r\n}\r\n.dh-btn-outline:hover svg {\r\n    transform: translateX(6px);\r\n}\r\n\r\n\/* ---- IMAGE COLUMN (right) ---- *\/\r\n.dh-image-col {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    height: 100%;\r\n    min-height: 480px;\r\n}\r\n.dh-image-frame {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 700px;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.7);\r\n    border: 1px solid rgba(255, 255, 255, 0.06);\r\n    background: #0b1215;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.dh-image-frame img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    max-height: 75vh;\r\n    object-fit: contain;\r\n    background: #0b1215;\r\n    transition: 0.5s ease;\r\n}\r\n.dh-image-frame:hover img {\r\n    transform: scale(1.02);\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE BREAKPOINTS\r\n============================================ *\/\r\n\r\n\/* ---- Large Desktop (1200px+) ---- *\/\r\n@media (min-width: 1200px) {\r\n    .dh-image-frame {\r\n        max-width: 750px;\r\n    }\r\n    .dh-image-frame img {\r\n        max-height: 70vh;\r\n    }\r\n    .dh-image-col {\r\n        min-height: 550px;\r\n    }\r\n    .dh-main-title {\r\n        font-size: 76px;\r\n    }\r\n}\r\n\r\n\/* ---- Desktop (1024px - 1199px) ---- *\/\r\n@media (min-width: 1024px) and (max-width: 1199px) {\r\n    .dh-image-frame {\r\n        max-width: 600px;\r\n    }\r\n    .dh-image-frame img {\r\n        max-height: 65vh;\r\n    }\r\n    .dh-image-col {\r\n        min-height: 450px;\r\n    }\r\n    .dh-main-title {\r\n        font-size: 64px;\r\n    }\r\n}\r\n\r\n\/* ---- Tablet ---- *\/\r\n@media (max-width: 1024px) {\r\n    .dh-hero-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n        min-height: auto;\r\n    }\r\n    .dh-content-col {\r\n        max-width: 100%;\r\n        padding: 0;\r\n    }\r\n    .dh-image-col {\r\n        justify-content: center;\r\n        min-height: auto;\r\n    }\r\n    .dh-image-frame {\r\n        max-width: 100%;\r\n    }\r\n    .dh-image-frame img {\r\n        max-height: 55vh;\r\n        object-fit: contain;\r\n    }\r\n    .dh-description {\r\n        max-width: 100%;\r\n    }\r\n    .dh-main-title {\r\n        font-size: clamp(42px, 8vw, 64px);\r\n    }\r\n}\r\n\r\n\/* ---- Mobile (640px and below) ---- *\/\r\n@media (max-width: 640px) {\r\n    .dh-hero-complete {\r\n        padding: 30px 5% 40px;\r\n        min-height: auto;\r\n    }\r\n    .dh-hero-grid {\r\n        gap: 30px;\r\n    }\r\n    .dh-main-title {\r\n        font-size: 34px;\r\n        letter-spacing: -1.5px;\r\n    }\r\n    .dh-description {\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n    }\r\n    .dh-image-frame {\r\n        border-radius: 14px;\r\n    }\r\n    .dh-image-frame img {\r\n        max-height: 45vh;\r\n        object-fit: contain;\r\n    }\r\n    .dh-btn {\r\n        padding: 14px 24px;\r\n        font-size: 12px;\r\n    }\r\n    .dh-actions {\r\n        gap: 12px;\r\n    }\r\n    .dh-btn svg {\r\n        width: 16px;\r\n        height: 16px;\r\n    }\r\n    .dh-tagline {\r\n        font-size: 9px;\r\n        letter-spacing: 2px;\r\n    }\r\n}\r\n\r\n\/* ---- Small Mobile (400px and below) ---- *\/\r\n@media (max-width: 400px) {\r\n    .dh-main-title {\r\n        font-size: 28px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n    .dh-btn {\r\n        padding: 12px 18px;\r\n        font-size: 10px;\r\n        gap: 10px;\r\n    }\r\n    .dh-image-frame img {\r\n        max-height: 35vh;\r\n        object-fit: contain;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d2fec8 e-con-full e-flex e-con e-parent\" data-id=\"4d2fec8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e3912f elementor-widget elementor-widget-html\" data-id=\"5e3912f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     DH ENTERPRISES \u2014 WHO WE ARE SECTION\r\n     Inside Box | White Background | Border Radius | Box Shadow\r\n     Clean | Modern | SVG Icons\r\n     ============================================ -->\r\n\r\n<section class=\"dh-whoweare-wrapper-section\">\r\n    <div class=\"dh-whoweare-container\">\r\n\r\n        <div class=\"dh-whoweare-section\">\r\n\r\n            <div class=\"dh-whoweare-wrapper\">\r\n\r\n                <!-- Left: Content -->\r\n                <div class=\"dh-whoweare-content\">\r\n\r\n                    <div class=\"dh-whoweare-tag\">\r\n                        <span class=\"dh-whoweare-dot\"><\/span>\r\n                        About DH Enterprises\r\n                    <\/div>\r\n\r\n                    <h2 class=\"dh-whoweare-title\">\r\n                        Environmental Engineering <span>Beyond the Expected.<\/span>\r\n                    <\/h2>\r\n\r\n                    <p class=\"dh-whoweare-desc\">\r\n                        DH Enterprises is an environmental engineering and innovation company developing technologies that challenge conventional thinking across energy, transportation, infrastructure, water systems, and sustainable development.\r\n                    <\/p>\r\n\r\n                    <p class=\"dh-whoweare-desc-light\">\r\n                        We combine engineering expertise, innovative thinking, and a commitment to sustainability to develop practical solutions for complex environmental and infrastructure challenges.\r\n                    <\/p>\r\n\r\n                    <!-- Projects Grid with SVG Icons -->\r\n                    <div class=\"dh-projects-grid\">\r\n                        <!-- Project 1: RWT -->\r\n                        <div class=\"dh-project-item\">\r\n                            <svg class=\"dh-project-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n                                <path d=\"M2 17l10 5 10-5\"\/>\r\n                                <path d=\"M2 12l10 5 10-5\"\/>\r\n                            <\/svg>\r\n                            <div>\r\n                                <h4>The RWT<\/h4>\r\n                                <p>The Revolution Wind Tower<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Project 2: VMont Hotel -->\r\n                        <div class=\"dh-project-item\">\r\n                            <svg class=\"dh-project-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-4 0a1 1 0 01-1-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 01-1 1\"\/>\r\n                            <\/svg>\r\n                            <div>\r\n                                <h4>The VMont Hotel<\/h4>\r\n                                <p>Future Architecture<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Project 3: Hydro Tower System -->\r\n                        <div class=\"dh-project-item\">\r\n                            <svg class=\"dh-project-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M12 2v4M12 22v-4M4 12H2M22 12h-2M19.07 4.93l-2.83 2.83M4.93 19.07l2.83-2.83M19.07 19.07l-2.83-2.83M4.93 4.93l2.83 2.83\"\/>\r\n                                <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n                            <\/svg>\r\n                            <div>\r\n                                <h4>The Hydro Tower System<\/h4>\r\n                                <p>Renewable Hybrid Energy<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Project 4: Lava Steam Generator -->\r\n                        <div class=\"dh-project-item\">\r\n                            <svg class=\"dh-project-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M12 2C8 6 6 9 6 12c0 3.3 2.7 6 6 6s6-2.7 6-6c0-3-2-6-6-10z\"\/>\r\n                                <path d=\"M12 18v4M8 22h8\"\/>\r\n                                <path d=\"M9 14c1.5-1.5 3-1.5 4.5 0\"\/>\r\n                                <path d=\"M15 10c-1-1-2-1-3 0\"\/>\r\n                            <\/svg>\r\n                            <div>\r\n                                <h4>The Lava Steam Generator<\/h4>\r\n                                <p>Geothermal Energy Innovation<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Project 5: Floatilla LAV -->\r\n                        <div class=\"dh-project-item\">\r\n                            <svg class=\"dh-project-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n                                <path d=\"M2 17l10 5 10-5\"\/>\r\n                                <path d=\"M2 12l10 5 10-5\"\/>\r\n                                <path d=\"M12 22V12\"\/>\r\n                            <\/svg>\r\n                            <div>\r\n                                <h4>The Floatilla LAV<\/h4>\r\n                                <p>Lighter-Than-Air Vehicle<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Project 6: Truss Hybrid Rail -->\r\n                        <div class=\"dh-project-item\">\r\n                            <svg class=\"dh-project-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M3 6h18M3 12h18M3 18h18\"\/>\r\n                                <path d=\"M3 6l4 6-4 6\"\/>\r\n                                <path d=\"M21 6l-4 6 4 6\"\/>\r\n                                <path d=\"M9 6l2 6-2 6\"\/>\r\n                                <path d=\"M15 6l-2 6 2 6\"\/>\r\n                            <\/svg>\r\n                            <div>\r\n                                <h4>The Truss Hybrid Rail<\/h4>\r\n                                <p>Next-Generation Rail System<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Bottom Row: Button -->\r\n                    <div class=\"dh-whoweare-bottom\">\r\n                        <a href=\"#\" class=\"dh-whoweare-btn\">Read More<\/a>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- Right: Image -->\r\n                <div class=\"dh-whoweare-image-col\">\r\n                    <div class=\"dh-whoweare-image-frame\">\r\n                        <img decoding=\"async\" \r\n                            src=\"https:\/\/dhenterpriseswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/high-angle-engineers-discussing-plan.jpg\" \r\n                            alt=\"DH Enterprises renewable energy\"\r\n                            loading=\"lazy\"\r\n                        \/>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================\r\n   DH ENTERPRISES \u2014 WHO WE ARE SECTION\r\n   Inside Box | White Background | Border Radius | Box Shadow\r\n============================================ *\/\r\n\r\n.dh-whoweare-wrapper-section {\r\n    padding: 60px 2% 80px;\r\n    background: #f8fafc;\r\n}\r\n\r\n.dh-whoweare-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.dh-whoweare-section {\r\n    position: relative;\r\n    padding: 60px 50px 70px;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    color: #1a1a1a;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.06), 0 4px 20px rgba(0, 0, 0, 0.03);\r\n    border: 1px solid rgba(238, 242, 244, 0.5);\r\n    overflow: hidden;\r\n}\r\n\r\n.dh-whoweare-section * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ---- Decorative Elements ---- *\/\r\n.dh-whoweare-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px;\r\n    right: -60px;\r\n    width: 250px;\r\n    height: 250px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.dh-whoweare-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -80px;\r\n    left: -80px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.02) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* ---- wrapper ---- *\/\r\n.dh-whoweare-wrapper {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ---- LEFT CONTENT ---- *\/\r\n.dh-whoweare-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n}\r\n\r\n\/* Tag *\/\r\n.dh-whoweare-tag {\r\n    font-family: 'Montserrat', sans-serif;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #01b49a;\r\n}\r\n.dh-whoweare-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #01b49a;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    animation: pulse-dot 2s infinite;\r\n}\r\n@keyframes pulse-dot {\r\n    0%, 100% { opacity: 0.4; transform: scale(0.9); }\r\n    50% { opacity: 1; transform: scale(1.2); }\r\n}\r\n\r\n\/* Title *\/\r\n.dh-whoweare-title {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(32px, 4vw, 40px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -2px;\r\n    color: #0b1215;\r\n}\r\n.dh-whoweare-title span {\r\n    color: #01b49a;\r\n    display: block;\r\n}\r\n\r\n\/* Descriptions *\/\r\n.dh-whoweare-desc {\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    color: #000;\r\n    max-width: 520px;\r\n}\r\n.dh-whoweare-desc-light {\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    color: #000;\r\n    max-width: 500px;\r\n}\r\n\r\n\/* ---- Projects Grid with SVG Icons ---- *\/\r\n.dh-projects-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 10px 20px;\r\n    padding: 16px 0 10px;\r\n    border-top: 1px solid #eef2f4;\r\n    border-bottom: 1px solid #eef2f4;\r\n}\r\n.dh-project-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 6px 0;\r\n    transition: 0.3s ease;\r\n}\r\n.dh-project-item:hover {\r\n    transform: translateX(4px);\r\n}\r\n.dh-project-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    flex-shrink: 0;\r\n    color: #01b49a;\r\n    stroke-width: 2;\r\n}\r\n.dh-project-item h4 {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #0b1215;\r\n    line-height: 1.3;\r\n}\r\n.dh-project-item p {\r\n    font-size: 12px;\r\n    color: #000;\r\n    font-weight: 400;\r\n    line-height: 1.3;\r\n}\r\n\r\n\/* Bottom Row *\/\r\n.dh-whoweare-bottom {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 20px;\r\n    padding-top: 10px;\r\n}\r\n.dh-whoweare-btn {\r\n    font-family: 'Montserrat', sans-serif;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 14px 42px;\r\n    background: #0b1215;\r\n    color: #ffffff;\r\n    border-radius: 60px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    text-decoration: none !important;\r\n    transition: 0.3s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n}\r\n.dh-whoweare-btn:hover {\r\n    background: #01b49a;\r\n    color: #ffffff;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 20px 40px -12px rgba(1, 180, 154, 0.3);\r\n}\r\n\r\n\/* ---- RIGHT IMAGE ---- *\/\r\n.dh-whoweare-image-col {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n}\r\n.dh-whoweare-image-frame {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 580px;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.08);\r\n    border: 1px solid #eef2f4;\r\n    background: #f8fafc;\r\n}\r\n.dh-whoweare-image-frame img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 90vh;\r\n    aspect-ratio: 4 \/ 3;\r\n    object-fit: cover;\r\n    transition: 0.5s ease;\r\n}\r\n.dh-whoweare-image-frame:hover img {\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE\r\n============================================ *\/\r\n\r\n\/* ---- Tablet ---- *\/\r\n@media (max-width: 1024px) {\r\n    .dh-whoweare-section {\r\n        padding: 40px 30px 50px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .dh-whoweare-wrapper {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    .dh-whoweare-image-col {\r\n        justify-content: center;\r\n    }\r\n    .dh-whoweare-image-frame {\r\n        max-width: 100%;\r\n    }\r\n    .dh-whoweare-desc {\r\n        max-width: 100%;\r\n    }\r\n    .dh-whoweare-desc-light {\r\n        max-width: 100%;\r\n    }\r\n    .dh-projects-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n}\r\n\r\n\/* ---- Mobile ---- *\/\r\n@media (max-width: 768px) {\r\n    .dh-whoweare-wrapper-section {\r\n        padding: 40px 4% 50px;\r\n    }\r\n\r\n    .dh-whoweare-section {\r\n        padding: 30px 20px 40px;\r\n        border-radius: 16px;\r\n        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .dh-whoweare-wrapper-section {\r\n        padding: 30px 3% 40px;\r\n    }\r\n\r\n    .dh-whoweare-section {\r\n        padding: 20px 14px 30px;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .dh-whoweare-title {\r\n        font-size: 28px;\r\n        letter-spacing: -1px;\r\n    }\r\n    .dh-whoweare-desc {\r\n        font-size: 15px;\r\n        line-height: 1.7;\r\n    }\r\n    .dh-whoweare-desc-light {\r\n        font-size: 14px;\r\n    }\r\n    .dh-projects-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 6px;\r\n    }\r\n    .dh-project-item {\r\n        padding: 4px 0;\r\n    }\r\n    .dh-project-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n    }\r\n    .dh-project-item h4 {\r\n        font-size: 13px;\r\n    }\r\n    .dh-project-item p {\r\n        font-size: 11px;\r\n    }\r\n    .dh-whoweare-bottom {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n    }\r\n    .dh-whoweare-btn {\r\n        justify-content: center;\r\n        padding: 14px 20px;\r\n        font-size: 13px;\r\n    }\r\n    .dh-whoweare-image-frame {\r\n        border-radius: 14px;\r\n    }\r\n    .dh-whoweare-image-frame img {\r\n        aspect-ratio: 16 \/ 10;\r\n    }\r\n    .dh-whoweare-tag {\r\n        font-size: 9px;\r\n        letter-spacing: 2px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2146bda e-con-full e-flex e-con e-parent\" data-id=\"2146bda\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48f5968 elementor-widget elementor-widget-html\" data-id=\"48f5968\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     DH ENTERPRISES \u2014 OUR INNOVATION \/ WHAT WE DO\r\n     Scroll Animation | Zigzag Timeline | 5 Key Areas\r\n     Inside Box | White Background | Border Radius | Box Shadow\r\n     ============================================ -->\r\n\r\n<section class=\"dh-innovation-wrapper-section\">\r\n    <div class=\"dh-innovation-container\">\r\n\r\n        <div class=\"dh-innovation-steps\" id=\"dhInnovationSection\">\r\n\r\n            <div class=\"dh-innovation-wrapper\">\r\n\r\n                <!-- Section Header -->\r\n                <div class=\"dh-section-header\">\r\n                    <div class=\"dh-section-tag\">\r\n                        <span class=\"dh-section-dot\"><\/span>\r\n                        Our Innovation\r\n                    <\/div>\r\n                    <h2 class=\"dh-section-title\">\r\n                        What <span>We Do<\/span>\r\n                    <\/h2>\r\n                    <p class=\"dh-section-desc\">\r\n                        DH Enterprises develops technologies across five core areas \u2014 \r\n                        delivering sustainable solutions for a better tomorrow.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Steps Container - Zigzag Timeline -->\r\n                <div class=\"dh-steps-timeline\">\r\n\r\n                    <!-- Step 1: Environmental Engineering -->\r\n                    <div class=\"dh-timeline-item\" data-delay=\"0\">\r\n                        <div class=\"dh-timeline-dot\">\r\n                            <span>01<\/span>\r\n                        <\/div>\r\n                        <div class=\"dh-timeline-content\">\r\n                            <div class=\"dh-timeline-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n                                    <path d=\"M2 17l10 5 10-5\"\/>\r\n                                    <path d=\"M2 12l10 5 10-5\"\/>\r\n                                    <path d=\"M12 22V12\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"dh-timeline-text\">\r\n                                <h3>Environmental Engineering<\/h3>\r\n                                <p>Designing solutions that protect and restore our natural environment through innovative engineering practices.<\/p>\r\n                                <a href=\"#\" class=\"dh-timeline-link\">Learn More \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Step 2: Energy Innovation -->\r\n                    <div class=\"dh-timeline-item\" data-delay=\"150\">\r\n                        <div class=\"dh-timeline-dot\">\r\n                            <span>02<\/span>\r\n                        <\/div>\r\n                        <div class=\"dh-timeline-content\">\r\n                            <div class=\"dh-timeline-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n                                    <path d=\"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"dh-timeline-text\">\r\n                                <h3>Energy Innovation<\/h3>\r\n                                <p>Pioneering renewable energy technologies that harness wind, solar, geothermal, and hybrid power systems.<\/p>\r\n                                <a href=\"#\" class=\"dh-timeline-link\">Learn More \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Step 3: Water Systems -->\r\n                    <div class=\"dh-timeline-item\" data-delay=\"300\">\r\n                        <div class=\"dh-timeline-dot\">\r\n                            <span>03<\/span>\r\n                        <\/div>\r\n                        <div class=\"dh-timeline-content\">\r\n                            <div class=\"dh-timeline-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <path d=\"M12 2C8 6 6 9 6 12c0 3.3 2.7 6 6 6s6-2.7 6-6c0-3-2-6-6-10z\"\/>\r\n                                    <path d=\"M12 18v4M8 22h8\"\/>\r\n                                    <path d=\"M9 14c1.5-1.5 3-1.5 4.5 0\"\/>\r\n                                    <path d=\"M15 10c-1-1-2-1-3 0\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"dh-timeline-text\">\r\n                                <h3>Water Systems<\/h3>\r\n                                <p>Developing advanced water treatment, conservation, and hydro-power technologies for communities worldwide.<\/p>\r\n                                <a href=\"#\" class=\"dh-timeline-link\">Learn More \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Step 4: Transportation Technology -->\r\n                    <div class=\"dh-timeline-item\" data-delay=\"450\">\r\n                        <div class=\"dh-timeline-dot\">\r\n                            <span>04<\/span>\r\n                        <\/div>\r\n                        <div class=\"dh-timeline-content\">\r\n                            <div class=\"dh-timeline-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <path d=\"M3 6h18M3 12h18M3 18h18\"\/>\r\n                                    <path d=\"M3 6l4 6-4 6\"\/>\r\n                                    <path d=\"M21 6l-4 6 4 6\"\/>\r\n                                    <path d=\"M9 6l2 6-2 6\"\/>\r\n                                    <path d=\"M15 6l-2 6 2 6\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"dh-timeline-text\">\r\n                                <h3>Transportation Technology<\/h3>\r\n                                <p>Creating sustainable mobility solutions including hybrid rail systems and lighter-than-air vehicles.<\/p>\r\n                                <a href=\"#\" class=\"dh-timeline-link\">Learn More \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Step 5: Sustainable Infrastructure -->\r\n                    <div class=\"dh-timeline-item\" data-delay=\"600\">\r\n                        <div class=\"dh-timeline-dot\">\r\n                            <span>05<\/span>\r\n                        <\/div>\r\n                        <div class=\"dh-timeline-content\">\r\n                            <div class=\"dh-timeline-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-4 0a1 1 0 01-1-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 01-1 1\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"dh-timeline-text\">\r\n                                <h3>Sustainable Infrastructure<\/h3>\r\n                                <p>Building resilient infrastructure that serves communities while minimizing environmental impact.<\/p>\r\n                                <a href=\"#\" class=\"dh-timeline-link\">Learn More \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================\r\n   DH ENTERPRISES \u2014 OUR INNOVATION \/ WHAT WE DO\r\n   Inside Box | White Background | Border Radius | Box Shadow\r\n============================================ *\/\r\n\r\n.dh-innovation-wrapper-section {\r\n    padding: 60px 2% 80px;\r\n    background: #f8fafc;\r\n}\r\n\r\n.dh-innovation-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.dh-innovation-steps {\r\n    position: relative;\r\n    padding: 60px 50px 80px;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    color: #1a1a1a;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.06), 0 4px 20px rgba(0, 0, 0, 0.03);\r\n    border: 1px solid rgba(238, 242, 244, 0.5);\r\n}\r\n\r\n.dh-innovation-steps * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ---- wrapper ---- *\/\r\n.dh-innovation-wrapper {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ---- Section Header ---- *\/\r\n.dh-section-header {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    margin-bottom: 50px;\r\n    text-align: center;\r\n    align-items: center;\r\n}\r\n.dh-section-tag {\r\n    font-family: 'Montserrat', sans-serif;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #01b49a;\r\n}\r\n.dh-section-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #01b49a;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    animation: pulse-dot 2s infinite;\r\n}\r\n@keyframes pulse-dot {\r\n    0%, 100% { opacity: 0.4; transform: scale(0.9); }\r\n    50% { opacity: 1; transform: scale(1.2); }\r\n}\r\n.dh-section-title {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(32px, 4vw, 48px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -2px;\r\n    color: #0b1215;\r\n}\r\n.dh-section-title span {\r\n    color: #01b49a;\r\n}\r\n.dh-section-desc {\r\n    font-size: 17px;\r\n    color: #000!important;\r\n    max-width: 560px;\r\n    text-align: center;\r\n}\r\n\r\n\/* ---- Zigzag Timeline ---- *\/\r\n.dh-steps-timeline {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n    position: relative;\r\n    padding: 20px 0;\r\n}\r\n\r\n\/* Center Line *\/\r\n.dh-steps-timeline::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 3px;\r\n    background: linear-gradient(to bottom, #01b49a, #01b49a 50%, #eef2f4 50%, #eef2f4);\r\n    background-size: 100% 16px;\r\n    transform: translateX(-50%);\r\n    z-index: 0;\r\n    opacity: 0.4;\r\n}\r\n\r\n\/* ---- Timeline Item ---- *\/\r\n.dh-timeline-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: 13px 0;\r\n\r\n    \/* Animation initial state - hidden *\/\r\n    opacity: 0;\r\n    transform: translateY(70px);\r\n    transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n                transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n\/* Animation visible state *\/\r\n.dh-timeline-item.visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* Alternate sides *\/\r\n.dh-timeline-item:nth-child(odd) {\r\n    flex-direction: row;\r\n}\r\n.dh-timeline-item:nth-child(even) {\r\n    flex-direction: row-reverse;\r\n}\r\n\r\n\/* Dot *\/\r\n.dh-timeline-dot {\r\n    flex-shrink: 0;\r\n    width: 60px;\r\n    height: 60px;\r\n    background: linear-gradient(135deg, #01b49a, #019a83);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    box-shadow: 0 0 0 8px rgba(1, 180, 154, 0.12), 0 8px 30px rgba(1, 180, 154, 0.2);\r\n    transition: 0.4s ease;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n.dh-timeline-item:hover .dh-timeline-dot {\r\n    transform: scale(1.08);\r\n    box-shadow: 0 0 0 12px rgba(1, 180, 154, 0.18), 0 12px 40px rgba(1, 180, 154, 0.3);\r\n}\r\n\r\n\/* Content - White Background with Border Radius & Box Shadow *\/\r\n.dh-timeline-content {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 20px;\r\n    width: 42%;\r\n    background: #ffffff;\r\n    padding: 28px 30px;\r\n    border-radius: 18px;\r\n    border: 1px solid #eef2f4;\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06), 0 2px 10px rgba(0, 0, 0, 0.03);\r\n    transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n.dh-timeline-item:hover .dh-timeline-content {\r\n    border-color: #01b49a;\r\n    box-shadow: 0 16px 60px rgba(1, 180, 154, 0.12), 0 8px 30px rgba(0, 0, 0, 0.04);\r\n    transform: translateY(-4px);\r\n}\r\n\r\n\/* Odd: content on left, dot on right *\/\r\n.dh-timeline-item:nth-child(odd) .dh-timeline-content {\r\n    margin-right: auto;\r\n}\r\n.dh-timeline-item:nth-child(odd) .dh-timeline-dot {\r\n    margin-left: 10px;\r\n}\r\n\r\n\/* Even: content on right, dot on left *\/\r\n.dh-timeline-item:nth-child(even) .dh-timeline-content {\r\n    margin-left: auto;\r\n}\r\n.dh-timeline-item:nth-child(even) .dh-timeline-dot {\r\n    margin-right: 10px;\r\n}\r\n\r\n\/* Icon *\/\r\n.dh-timeline-icon {\r\n    flex-shrink: 0;\r\n    width: 52px;\r\n    height: 52px;\r\n    background: rgba(1, 180, 154, 0.08);\r\n    border-radius: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: 0.4s ease;\r\n}\r\n.dh-timeline-icon svg {\r\n    width: 26px;\r\n    height: 26px;\r\n    color: #01b49a;\r\n    stroke-width: 2;\r\n}\r\n.dh-timeline-item:hover .dh-timeline-icon {\r\n    background: #01b49a;\r\n    box-shadow: 0 8px 25px rgba(1, 180, 154, 0.25);\r\n}\r\n.dh-timeline-item:hover .dh-timeline-icon svg {\r\n    color: #ffffff;\r\n}\r\n\r\n\/* Text *\/\r\n.dh-timeline-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n    flex: 1;\r\n}\r\n.dh-timeline-text h3 {\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    color: #0b1215;\r\n    line-height: 1.2;\r\n}\r\n.dh-timeline-text p {\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    color: #000!important;\r\n}\r\n.dh-timeline-link {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #01b49a;\r\n    text-decoration: none !important;\r\n    transition: 0.3s ease;\r\n    margin-top: 4px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n}\r\n.dh-timeline-link:hover {\r\n    gap: 10px;\r\n    color: #019a83;\r\n}\r\n\r\n\/* ---- Decorative Elements ---- *\/\r\n.dh-innovation-steps::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50px;\r\n    right: -50px;\r\n    width: 200px;\r\n    height: 200px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.dh-innovation-steps::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -80px;\r\n    left: -80px;\r\n    width: 250px;\r\n    height: 250px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.02) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE\r\n============================================ *\/\r\n\r\n\/* ---- Tablet ---- *\/\r\n@media (max-width: 1024px) {\r\n    .dh-innovation-steps {\r\n        padding: 40px 30px 60px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .dh-timeline-content {\r\n        width: 38%;\r\n        padding: 22px 24px;\r\n    }\r\n    .dh-timeline-text h3 {\r\n        font-size: 17px;\r\n    }\r\n    .dh-timeline-text p {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n\/* ---- Mobile ---- *\/\r\n@media (max-width: 768px) {\r\n    .dh-innovation-wrapper-section {\r\n        padding: 40px 4% 50px;\r\n    }\r\n\r\n    .dh-innovation-steps {\r\n        padding: 30px 20px 40px;\r\n        border-radius: 16px;\r\n        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .dh-steps-timeline::before {\r\n        left: 20px;\r\n        background: #01b49a;\r\n        opacity: 0.3;\r\n        width: 2px;\r\n    }\r\n    .dh-timeline-item {\r\n        flex-direction: row !important;\r\n        padding: 16px 0;\r\n        gap: 0;\r\n        transform: translateY(40px);\r\n    }\r\n    .dh-timeline-dot {\r\n        width: 44px;\r\n        height: 44px;\r\n        font-size: 13px;\r\n        margin: 0 !important;\r\n        flex-shrink: 0;\r\n        box-shadow: 0 0 0 6px rgba(1, 180, 154, 0.12);\r\n    }\r\n    .dh-timeline-content {\r\n        width: calc(100% - 60px);\r\n        margin: 0 !important;\r\n        padding: 18px 20px;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        border-radius: 14px;\r\n        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.02);\r\n    }\r\n    .dh-timeline-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 12px;\r\n    }\r\n    .dh-timeline-icon svg {\r\n        width: 20px;\r\n        height: 20px;\r\n    }\r\n    .dh-timeline-text h3 {\r\n        font-size: 16px;\r\n    }\r\n    .dh-timeline-text p {\r\n        font-size: 13px;\r\n        line-height: 1.6;\r\n    }\r\n    .dh-timeline-link {\r\n        font-size: 12px;\r\n    }\r\n    .dh-timeline-item:nth-child(odd) .dh-timeline-content,\r\n    .dh-timeline-item:nth-child(even) .dh-timeline-content {\r\n        margin-left: 16px !important;\r\n    }\r\n    .dh-timeline-item:nth-child(odd) .dh-timeline-dot,\r\n    .dh-timeline-item:nth-child(even) .dh-timeline-dot {\r\n        margin-left: 0 !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .dh-innovation-wrapper-section {\r\n        padding: 30px 3% 40px;\r\n    }\r\n\r\n    .dh-innovation-steps {\r\n        padding: 20px 14px 30px;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .dh-section-title {\r\n        font-size: 24px;\r\n    }\r\n    .dh-section-desc {\r\n        font-size: 13px;\r\n    }\r\n    .dh-timeline-dot {\r\n        width: 36px;\r\n        height: 36px;\r\n        font-size: 11px;\r\n        box-shadow: 0 0 0 5px rgba(1, 180, 154, 0.12);\r\n    }\r\n    .dh-timeline-content {\r\n        padding: 14px 16px;\r\n        border-radius: 12px;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.02);\r\n    }\r\n    .dh-timeline-text h3 {\r\n        font-size: 14px;\r\n    }\r\n    .dh-timeline-text p {\r\n        font-size: 12px;\r\n        line-height: 1.5;\r\n    }\r\n    .dh-timeline-link {\r\n        font-size: 11px;\r\n    }\r\n    .dh-timeline-icon {\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: 10px;\r\n    }\r\n    .dh-timeline-icon svg {\r\n        width: 17px;\r\n        height: 17px;\r\n    }\r\n    .dh-timeline-item {\r\n        padding: 12px 0;\r\n        transform: translateY(30px);\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    'use strict';\r\n\r\n    const section = document.getElementById('dhInnovationSection');\r\n    if (!section) return;\r\n\r\n    const items = section.querySelectorAll('.dh-timeline-item');\r\n    if (!items.length) return;\r\n\r\n    \/\/ Store delays\r\n    const delays = [];\r\n    items.forEach((item) => {\r\n        const delay = parseInt(item.getAttribute('data-delay')) || 0;\r\n        delays.push(delay);\r\n    });\r\n\r\n    \/\/ Check if element is in viewport\r\n    function isInViewport(el, offset) {\r\n        const rect = el.getBoundingClientRect();\r\n        const windowHeight = window.innerHeight || document.documentElement.clientHeight;\r\n        const threshold = offset || 0.15;\r\n        return rect.top < windowHeight * (1 - threshold);\r\n    }\r\n\r\n    \/\/ Animate visible items\r\n    function animateVisibleItems() {\r\n        items.forEach((item, index) => {\r\n            if (item.classList.contains('visible')) return;\r\n            if (isInViewport(item, 0.12)) {\r\n                const delay = delays[index] || 0;\r\n                setTimeout(() => {\r\n                    item.classList.add('visible');\r\n                }, delay);\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ Throttled scroll handler\r\n    let ticking = false;\r\n    function onScroll() {\r\n        if (!ticking) {\r\n            window.requestAnimationFrame(function() {\r\n                animateVisibleItems();\r\n                ticking = false;\r\n            });\r\n            ticking = true;\r\n        }\r\n    }\r\n\r\n    \/\/ Initial check\r\n    setTimeout(animateVisibleItems, 200);\r\n\r\n    \/\/ Listen to scroll\r\n    window.addEventListener('scroll', onScroll, { passive: true });\r\n    window.addEventListener('resize', onScroll, { passive: true });\r\n\r\n    \/\/ Also check on load\r\n    window.addEventListener('load', function() {\r\n        setTimeout(animateVisibleItems, 300);\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa89069 e-con-full e-flex e-con e-parent\" data-id=\"aa89069\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9be6f15 elementor-widget elementor-widget-html\" data-id=\"9be6f15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     DH ENTERPRISES \u2014 PROJECTS SHOWCASE\r\n     Modern Carousel | Auto-Play | Mouse Drag | Touch Support\r\n     Inside Box | White Background | Border Radius | Box Shadow\r\n     ============================================ -->\r\n\r\n<section class=\"dh-projects-wrapper-section\">\r\n    <div class=\"dh-projects-container\">\r\n\r\n        <div class=\"dh-projects-showcase\" id=\"dhProjectsSection\">\r\n\r\n            <div class=\"dh-projects-wrapper\">\r\n\r\n                <!-- Section Header -->\r\n                <div class=\"dh-section-header\">\r\n                    <div class=\"dh-section-tag\">\r\n                        <span class=\"dh-section-dot\"><\/span>\r\n                        Projects Showcase\r\n                    <\/div>\r\n                    <h2 class=\"dh-section-title\">\r\n                        Our <span>Recent<\/span> Projects\r\n                    <\/h2>\r\n                    <p class=\"dh-section-desc\">\r\n                        Explore our projects From energy and transportation to water and architecture, DH Enterprises develops bold concepts designed to rethink how the world works.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Projects Carousel -->\r\n                <div class=\"dh-carousel-container\" id=\"dhCarouselContainer\">\r\n\r\n                    <div class=\"dh-carousel-track\" id=\"dhCarouselTrack\">\r\n\r\n                        <!-- Project 1: RWT -->\r\n                        <div class=\"dh-project-card\">\r\n                            <div class=\"dh-project-image\">\r\n                                <img decoding=\"async\" src=\"https:\/\/dhenterpriseswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/medium-shot-environmental-engineers.jpg\" alt=\"The RWT\">\r\n                            <\/div>\r\n                            <div class=\"dh-project-info\">\r\n                                <h3 class=\"dh-project-name\">The Revolution Wind Tower<\/h3>\r\n                                <p class=\"dh-project-desc\">A revolutionary approach to wind energy, designed to rethink how wind can be captured, controlled, and transformed into usable power. The RWT explores a new generation of vertical energy infrastructure built around efficiency and innovation.<\/p>\r\n                                <a href=\"#\" class=\"dh-project-link\">Explore Project \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Project 2: VMont Hotel -->\r\n                        <div class=\"dh-project-card\">\r\n                            <div class=\"dh-project-image\">\r\n                                <img decoding=\"async\" src=\"https:\/\/dhenterpriseswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/beautiful-shot-building-blue-sky-nha-trang.jpg\" alt=\"The VMont Hotel\">\r\n                            <\/div>\r\n                            <div class=\"dh-project-info\">\r\n                                <h3 class=\"dh-project-name\">The VMont Hotel<\/h3>\r\n                                <p class=\"dh-project-desc\">A visionary hospitality concept where architecture, engineering, and sustainability come together. The Vmont Hotel is designed as more than a place to stay \u2014 it represents a new way of thinking about future-focused living and architectural design.<\/p>\r\n                                <a href=\"#\" class=\"dh-project-link\">Explore Project \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Project 3: Hydro Tower System -->\r\n                        <div class=\"dh-project-card\">\r\n                            <div class=\"dh-project-image\">\r\n                                <img decoding=\"async\" src=\"https:\/\/dhenterpriseswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/Rev1.png\" alt=\"The Hydro Tower System\">\r\n                            <\/div>\r\n                            <div class=\"dh-project-info\">\r\n                                <h3 class=\"dh-project-name\">The Hydro Tower System<\/h3>\r\n                                <p class=\"dh-project-desc\">The Hydro Tower System explores innovative ways to manage, elevate, and utilize water through advanced structural engineering. Designed to challenge conventional water infrastructure, the system represents a new approach to resource efficiency and sustainable technology.<\/p>\r\n                                <a href=\"#\" class=\"dh-project-link\">Explore Project \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Project 4: Lava Steam Generator -->\r\n                        <div class=\"dh-project-card\">\r\n                            <div class=\"dh-project-image\">\r\n                                <img decoding=\"async\" src=\"https:\/\/dhenterpriseswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/Lava-generator.png\" alt=\"The Lava Steam Generator\">\r\n                            <\/div>\r\n                            <div class=\"dh-project-info\">\r\n                                <h3 class=\"dh-project-name\">The Lava Steam Generator<\/h3>\r\n                                <p class=\"dh-project-desc\">Inspired by the immense energy of the Earth, the Lava Steam Generator explores the potential of extreme heat as a source of power. This concept reimagines how thermal energy can be captured and converted into useful steam and electricity.<\/p>\r\n                                <a href=\"#\" class=\"dh-project-link\">Explore Project \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Project 5: Floatilla LAV -->\r\n                        <div class=\"dh-project-card\">\r\n                            <div class=\"dh-project-image\">\r\n                                <img decoding=\"async\" src=\"https:\/\/dhenterpriseswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-20-2026-04_38_13-PM.png\" alt=\"The Floatilla LAV\">\r\n                            <\/div>\r\n                            <div class=\"dh-project-info\">\r\n                                <h3 class=\"dh-project-name\">The Floatilla LAV<\/h3>\r\n                                <p class=\"dh-project-desc\">A transportation concept built around one powerful idea: lighter vehicles can create a more efficient future. Floatilla explores lightweight mobility and innovative vehicle design to challenge traditional assumptions about how transportation should move.<\/p>\r\n                                <a href=\"#\" class=\"dh-project-link\">Explore Project \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Project 6: Truss Hybrid Rail -->\r\n                        <div class=\"dh-project-card\">\r\n                            <div class=\"dh-project-image\">\r\n                                <img decoding=\"async\" src=\"https:\/\/dhenterpriseswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/The-Truss-Hybrid-Rail-System.jpg\" alt=\"The Truss Hybrid Rail\">\r\n                            <\/div>\r\n                            <div class=\"dh-project-info\">\r\n                                <h3 class=\"dh-project-name\">The Truss Hybrid Rail System<\/h3>\r\n                                <p class=\"dh-project-desc\">A next-generation rail concept that combines structural efficiency with hybrid transportation technology. The Truss Hybrid Rail System is designed to explore new possibilities in rail infrastructure, mobility, and energy-conscious transportation.<\/p>\r\n                                <a href=\"#\" class=\"dh-project-link\">Explore Project \u2192<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <!-- Carousel Controls -->\r\n                    <button class=\"dh-carousel-btn dh-carousel-prev\" id=\"dhPrevBtn\" aria-label=\"Previous\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M15 18l-6-6 6-6\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button class=\"dh-carousel-btn dh-carousel-next\" id=\"dhNextBtn\" aria-label=\"Next\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M9 18l6-6-6-6\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n\r\n                    <!-- Dots Indicator -->\r\n                    <div class=\"dh-carousel-dots\" id=\"dhDotsContainer\"><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================\r\n   DH ENTERPRISES \u2014 PROJECTS SHOWCASE\r\n   Inside Box | White Background | Border Radius | Box Shadow\r\n============================================ *\/\r\n\r\n.dh-projects-wrapper-section {\r\n    padding: 60px 2% 80px;\r\n    background: #f8fafc;\r\n}\r\n\r\n.dh-projects-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.dh-projects-showcase {\r\n    position: relative;\r\n    padding: 60px 50px 70px;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    color: #1a1a1a;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.06), 0 4px 20px rgba(0, 0, 0, 0.03);\r\n    border: 1px solid rgba(238, 242, 244, 0.5);\r\n    overflow: hidden;\r\n}\r\n\r\n.dh-projects-showcase * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ---- Decorative Elements ---- *\/\r\n.dh-projects-showcase::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px;\r\n    right: -60px;\r\n    width: 250px;\r\n    height: 250px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.dh-projects-showcase::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -80px;\r\n    left: -80px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.02) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* ---- wrapper ---- *\/\r\n.dh-projects-wrapper {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ---- Section Header ---- *\/\r\n.dh-section-header {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    margin-bottom: 40px;\r\n}\r\n.dh-section-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #01b49a;\r\n}\r\n.dh-section-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #01b49a;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    animation: pulse-dot 2s infinite;\r\n}\r\n@keyframes pulse-dot {\r\n    0%, 100% { opacity: 0.4; transform: scale(0.9); }\r\n    50% { opacity: 1; transform: scale(1.2); }\r\n}\r\n.dh-section-title {\r\n    font-size: clamp(32px, 4vw, 48px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -2px;\r\n    color: #0b1215;\r\n}\r\n.dh-section-title span {\r\n    color: #01b49a;\r\n}\r\n.dh-section-desc {\r\n    font-size: 17px;\r\n    color: #6a7a7f;\r\n    max-width: 520px;\r\n}\r\n\r\n\/* ---- Carousel Container ---- *\/\r\n.dh-carousel-container {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 10px 10px 0;\r\n    cursor: grab;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n}\r\n.dh-carousel-container:active {\r\n    cursor: grabbing;\r\n}\r\n\r\n\/* ---- Carousel Track ---- *\/\r\n.dh-carousel-track {\r\n    display: flex;\r\n    gap: 30px;\r\n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    will-change: transform;\r\n}\r\n\r\n\/* ---- Project Card ---- *\/\r\n.dh-project-card {\r\n    flex: 0 0 calc(34.333% - 20px);\r\n    min-width: 260px;\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    border: 1px solid #eef2f4;\r\n    transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    pointer-events: auto;\r\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);\r\n}\r\n.dh-project-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 30px 60px -20px rgba(1, 180, 154, 0.15);\r\n    border-color: #01b49a;\r\n}\r\n\r\n.dh-project-image {\r\n    overflow: hidden;\r\n    aspect-ratio: 16 \/ 10;\r\n    background: #eef2f4;\r\n}\r\n.dh-project-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    display: block;\r\n}\r\n.dh-project-card:hover .dh-project-image img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n.dh-project-info {\r\n    padding: 24px 26px 28px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n.dh-project-name {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #0b1215;\r\n    letter-spacing: -0.5px;\r\n    line-height: 1.2;\r\n}\r\n.dh-project-desc {\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    color: #000;\r\n    margin: 4px 0 6px;\r\n}\r\n.dh-project-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: #01b49a;\r\n    text-decoration: none !important;\r\n    transition: 0.3s ease;\r\n    margin-top: 2px;\r\n    gap: 4px;\r\n}\r\n.dh-project-link:hover {\r\n    gap: 10px;\r\n    color: #019a83;\r\n}\r\n\r\n\/* ---- Carousel Buttons ---- *\/\r\n.dh-carousel-btn {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n    border: 1px solid #eef2f4;\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: 0.3s ease;\r\n    z-index: 10;\r\n    color: #0b1215;\r\n}\r\n.dh-carousel-btn:hover {\r\n    background: #01b49a;\r\n    border-color: #01b49a;\r\n    color: #ffffff;\r\n    box-shadow: 0 8px 24px rgba(1, 180, 154, 0.25);\r\n}\r\n.dh-carousel-btn svg {\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n.dh-carousel-prev {\r\n    left: -10px;\r\n}\r\n.dh-carousel-next {\r\n    right: -10px;\r\n}\r\n\r\n\/* ---- Dots ---- *\/\r\n.dh-carousel-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    margin-top: 35px;\r\n}\r\n.dh-carousel-dots span {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: #d0d8db;\r\n    cursor: pointer;\r\n    transition: 0.3s ease;\r\n}\r\n.dh-carousel-dots span.active {\r\n    background: #01b49a;\r\n    width: 28px;\r\n    border-radius: 6px;\r\n}\r\n.dh-carousel-dots span:hover {\r\n    background: #01b49a;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE\r\n============================================ *\/\r\n\r\n\/* ---- Tablet ---- *\/\r\n@media (max-width: 1024px) {\r\n    .dh-projects-showcase {\r\n        padding: 40px 30px 50px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .dh-project-card {\r\n        flex: 0 0 calc(50% - 15px);\r\n    }\r\n    .dh-carousel-container {\r\n        padding: 10px 40px 0;\r\n    }\r\n}\r\n\r\n\/* ---- Mobile ---- *\/\r\n@media (max-width: 768px) {\r\n    .dh-projects-wrapper-section {\r\n        padding: 40px 4% 50px;\r\n    }\r\n\r\n    .dh-projects-showcase {\r\n        padding: 30px 20px 40px;\r\n        border-radius: 16px;\r\n        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .dh-project-card {\r\n        flex: 0 0 calc(100% - 0px);\r\n    }\r\n    .dh-carousel-container {\r\n        padding: 10px 30px 0;\r\n    }\r\n    .dh-carousel-btn {\r\n        width: 36px;\r\n        height: 36px;\r\n    }\r\n    .dh-carousel-btn svg {\r\n        width: 16px;\r\n        height: 16px;\r\n    }\r\n    .dh-carousel-prev {\r\n        left: -4px;\r\n    }\r\n    .dh-carousel-next {\r\n        right: -4px;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .dh-projects-wrapper-section {\r\n        padding: 30px 3% 40px;\r\n    }\r\n\r\n    .dh-projects-showcase {\r\n        padding: 20px 14px 30px;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .dh-section-title {\r\n        font-size: 28px;\r\n        letter-spacing: -1px;\r\n    }\r\n    .dh-section-desc {\r\n        font-size: 15px;\r\n    }\r\n    .dh-project-info {\r\n        padding: 18px 20px 22px;\r\n    }\r\n    .dh-project-name {\r\n        font-size: 18px;\r\n    }\r\n    .dh-project-desc {\r\n        font-size: 13px;\r\n    }\r\n    .dh-project-image {\r\n        aspect-ratio: 16 \/ 9;\r\n    }\r\n    .dh-carousel-container {\r\n        padding: 10px 20px 0;\r\n    }\r\n    .dh-carousel-btn {\r\n        width: 32px;\r\n        height: 32px;\r\n    }\r\n    .dh-carousel-btn svg {\r\n        width: 14px;\r\n        height: 14px;\r\n    }\r\n    .dh-carousel-dots {\r\n        gap: 8px;\r\n        margin-top: 25px;\r\n    }\r\n    .dh-carousel-dots span {\r\n        width: 8px;\r\n        height: 8px;\r\n    }\r\n    .dh-carousel-dots span.active {\r\n        width: 22px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const container = document.getElementById('dhCarouselContainer');\r\n    const track = document.getElementById('dhCarouselTrack');\r\n    const prevBtn = document.getElementById('dhPrevBtn');\r\n    const nextBtn = document.getElementById('dhNextBtn');\r\n    const dotsContainer = document.getElementById('dhDotsContainer');\r\n\r\n    if (!container || !track || !prevBtn || !nextBtn || !dotsContainer) return;\r\n\r\n    const cards = track.querySelectorAll('.dh-project-card');\r\n    const totalCards = cards.length;\r\n\r\n    function getCardsPerView() {\r\n        if (window.innerWidth < 768) return 1;\r\n        if (window.innerWidth < 1024) return 2;\r\n        return 3;\r\n    }\r\n\r\n    let cardsPerView = getCardsPerView();\r\n    let currentIndex = 0;\r\n    let totalSlides = Math.max(0, totalCards - cardsPerView);\r\n    let isDragging = false;\r\n    let startPos = 0;\r\n    let currentTranslate = 0;\r\n    let prevTranslate = 0;\r\n    let animationID = 0;\r\n    let autoPlayInterval;\r\n\r\n    \/\/ Get card width with gap\r\n    function getCardWidth() {\r\n        const card = cards[0];\r\n        if (!card) return 300;\r\n        return card.offsetWidth + 30; \/\/ card width + gap\r\n    }\r\n\r\n    \/\/ Create dots\r\n    function createDots() {\r\n        dotsContainer.innerHTML = '';\r\n        for (let i = 0; i <= totalSlides; i++) {\r\n            const dot = document.createElement('span');\r\n            dot.dataset.index = i;\r\n            if (i === 0) dot.classList.add('active');\r\n            dot.addEventListener('click', function() {\r\n                goTo(parseInt(this.dataset.index));\r\n                resetAutoPlay();\r\n            });\r\n            dotsContainer.appendChild(dot);\r\n        }\r\n    }\r\n\r\n    function updateDots() {\r\n        const dots = dotsContainer.querySelectorAll('span');\r\n        dots.forEach((dot, i) => {\r\n            dot.classList.toggle('active', i === currentIndex);\r\n        });\r\n    }\r\n\r\n    function goTo(index) {\r\n        if (index < 0) index = 0;\r\n        if (index > totalSlides) index = totalSlides;\r\n        currentIndex = index;\r\n        const cardWidth = getCardWidth();\r\n        const translate = -(currentIndex * cardWidth);\r\n        track.style.transition = 'transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\r\n        track.style.transform = 'translateX(' + translate + 'px)';\r\n        updateDots();\r\n    }\r\n\r\n    function nextSlide() {\r\n        if (currentIndex < totalSlides) {\r\n            goTo(currentIndex + 1);\r\n        } else {\r\n            goTo(0);\r\n        }\r\n    }\r\n\r\n    function prevSlide() {\r\n        if (currentIndex > 0) {\r\n            goTo(currentIndex - 1);\r\n        } else {\r\n            goTo(totalSlides);\r\n        }\r\n    }\r\n\r\n    \/\/ Auto-play\r\n    function startAutoPlay() {\r\n        if (autoPlayInterval) clearInterval(autoPlayInterval);\r\n        autoPlayInterval = setInterval(nextSlide, 4000);\r\n    }\r\n\r\n    function resetAutoPlay() {\r\n        if (autoPlayInterval) {\r\n            clearInterval(autoPlayInterval);\r\n            startAutoPlay();\r\n        }\r\n    }\r\n\r\n    function stopAutoPlay() {\r\n        if (autoPlayInterval) {\r\n            clearInterval(autoPlayInterval);\r\n            autoPlayInterval = null;\r\n        }\r\n    }\r\n\r\n    \/\/ --- Mouse Drag \/ Swipe ---\r\n    function getPositionX(e) {\r\n        return e.type.includes('mouse') ? e.pageX : e.touches[0].clientX;\r\n    }\r\n\r\n    function dragStart(e) {\r\n        if (e.type === 'mousedown' && e.button !== 0) return;\r\n        stopAutoPlay();\r\n        isDragging = true;\r\n        startPos = getPositionX(e);\r\n        track.style.transition = 'none';\r\n        const cardWidth = getCardWidth();\r\n        currentTranslate = -(currentIndex * cardWidth);\r\n        prevTranslate = currentTranslate;\r\n        track.style.cursor = 'grabbing';\r\n        container.style.cursor = 'grabbing';\r\n    }\r\n\r\n    function dragMove(e) {\r\n        if (!isDragging) return;\r\n        e.preventDefault();\r\n        const currentPos = getPositionX(e);\r\n        const diff = currentPos - startPos;\r\n        const cardWidth = getCardWidth();\r\n        const maxTranslate = -(totalSlides * cardWidth);\r\n        let newTranslate = prevTranslate + diff;\r\n        \/\/ Overshoot resistance\r\n        if (newTranslate > 0) newTranslate = newTranslate * 0.3;\r\n        if (newTranslate < maxTranslate) newTranslate = maxTranslate + (newTranslate - maxTranslate) * 0.3;\r\n        track.style.transform = 'translateX(' + newTranslate + 'px)';\r\n        currentTranslate = newTranslate;\r\n    }\r\n\r\n    function dragEnd(e) {\r\n        if (!isDragging) return;\r\n        isDragging = false;\r\n        track.style.cursor = 'grab';\r\n        container.style.cursor = 'grab';\r\n        const cardWidth = getCardWidth();\r\n        const movedBy = currentTranslate - prevTranslate;\r\n        const movedCards = Math.round(Math.abs(movedBy) \/ cardWidth);\r\n        let newIndex = currentIndex;\r\n        if (movedBy < -cardWidth * 0.25) {\r\n            newIndex = Math.min(currentIndex + movedCards || 1, totalSlides);\r\n        } else if (movedBy > cardWidth * 0.25) {\r\n            newIndex = Math.max(currentIndex - movedCards || 1, 0);\r\n        }\r\n        goTo(newIndex);\r\n        startAutoPlay();\r\n    }\r\n\r\n    \/\/ Mouse events\r\n    container.addEventListener('mousedown', dragStart);\r\n    window.addEventListener('mousemove', dragMove);\r\n    window.addEventListener('mouseup', dragEnd);\r\n\r\n    \/\/ Touch events\r\n    container.addEventListener('touchstart', dragStart, { passive: true });\r\n    window.addEventListener('touchmove', dragMove, { passive: false });\r\n    window.addEventListener('touchend', dragEnd, { passive: true });\r\n\r\n    \/\/ Prevent default drag on images\r\n    container.querySelectorAll('img').forEach(img => {\r\n        img.addEventListener('dragstart', (e) => e.preventDefault());\r\n    });\r\n\r\n    \/\/ --- Button events ---\r\n    nextBtn.addEventListener('click', function(e) {\r\n        e.stopPropagation();\r\n        nextSlide();\r\n        resetAutoPlay();\r\n    });\r\n    prevBtn.addEventListener('click', function(e) {\r\n        e.stopPropagation();\r\n        prevSlide();\r\n        resetAutoPlay();\r\n    });\r\n\r\n    \/\/ Keyboard\r\n    document.addEventListener('keydown', function(e) {\r\n        if (e.key === 'ArrowRight') { nextSlide(); resetAutoPlay(); }\r\n        if (e.key === 'ArrowLeft') { prevSlide(); resetAutoPlay(); }\r\n    });\r\n\r\n    \/\/ Resize\r\n    let resizeTimeout;\r\n    function handleResize() {\r\n        clearTimeout(resizeTimeout);\r\n        resizeTimeout = setTimeout(function() {\r\n            const newCardsPerView = getCardsPerView();\r\n            if (newCardsPerView !== cardsPerView) {\r\n                cardsPerView = newCardsPerView;\r\n                totalSlides = Math.max(0, totalCards - cardsPerView);\r\n                if (currentIndex > totalSlides) currentIndex = totalSlides;\r\n                createDots();\r\n                goTo(currentIndex);\r\n            } else {\r\n                goTo(currentIndex);\r\n            }\r\n        }, 200);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n\r\n    \/\/ Init\r\n    createDots();\r\n    goTo(0);\r\n    startAutoPlay();\r\n\r\n    \/\/ Pause on hover\r\n    container.addEventListener('mouseenter', stopAutoPlay);\r\n    container.addEventListener('mouseleave', startAutoPlay);\r\n\r\n    \/\/ Cleanup\r\n    window.addEventListener('beforeunload', function() {\r\n        stopAutoPlay();\r\n        window.removeEventListener('mousemove', dragMove);\r\n        window.removeEventListener('mouseup', dragEnd);\r\n        window.removeEventListener('touchmove', dragMove);\r\n        window.removeEventListener('touchend', dragEnd);\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5afd962 e-con-full e-flex e-con e-parent\" data-id=\"5afd962\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1d8046 elementor-widget elementor-widget-html\" data-id=\"d1d8046\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     DH ENTERPRISES \u2014 THE FLOTILLA\r\n     Inside Box | White Background | Border Radius | Box Shadow\r\n     Sticky Image | Scrollable Content | No Scrollbar\r\n     ============================================ -->\r\n\r\n<section class=\"dh-flotilla-wrapper-section\">\r\n    <div class=\"dh-flotilla-container\">\r\n\r\n        <div class=\"dh-flotilla-section\">\r\n\r\n            <div class=\"dh-flotilla-wrapper\">\r\n\r\n                <!-- Section Header -->\r\n                <div class=\"dh-flotilla-header\">\r\n                    <div class=\"dh-flotilla-tag\">\r\n                        <span class=\"dh-flotilla-dot\"><\/span>\r\n                        Featured Project\r\n                    <\/div>\r\n                    <h1 class=\"dh-flotilla-title\">\r\n                        THE <span>FLOTILLA<\/span>\r\n                    <\/h1>\r\n                    <p class=\"dh-flotilla-subtitle\">NEXT GENERATION LAV<\/p>\r\n                <\/div>\r\n\r\n                <!-- Main Content -->\r\n                <div class=\"dh-flotilla-grid\">\r\n\r\n                    <!-- Left: Scrollable Content (No Scrollbar) -->\r\n                    <div class=\"dh-flotilla-content\">\r\n\r\n                        <p class=\"dh-flotilla-desc\">\r\n                            The Flotilla is a revolutionary Lighter-Than-Air Vehicle (LAV) combining elegance, efficiency, and lifting power. Inspired by the fluidity of ocean vessels and the precision of modern aeronautics, the Flotilla is designed for sustainable transport, exploration, and tomorrow's skies.\r\n                        <\/p>\r\n\r\n                        <!-- Specifications -->\r\n                        <div class=\"dh-flotilla-specs\">\r\n                            <div class=\"dh-flotilla-spec\">\r\n                                <span class=\"dh-flotilla-spec-label\">TYPE<\/span>\r\n                                <span class=\"dh-flotilla-spec-value\">Lighter-Than-Air Vehicle (LAV)<\/span>\r\n                            <\/div>\r\n                            <div class=\"dh-flotilla-spec\">\r\n                                <span class=\"dh-flotilla-spec-label\">LIFTING GAS<\/span>\r\n                                <span class=\"dh-flotilla-spec-value\">Helium<\/span>\r\n                            <\/div>\r\n                            <div class=\"dh-flotilla-spec\">\r\n                                <span class=\"dh-flotilla-spec-label\">LENGTH<\/span>\r\n                                <span class=\"dh-flotilla-spec-value\">425 ft<\/span>\r\n                            <\/div>\r\n                            <div class=\"dh-flotilla-spec\">\r\n                                <span class=\"dh-flotilla-spec-label\">WIDTH<\/span>\r\n                                <span class=\"dh-flotilla-spec-value\">65 ft<\/span>\r\n                            <\/div>\r\n                            <div class=\"dh-flotilla-spec\">\r\n                                <span class=\"dh-flotilla-spec-label\">HEIGHT<\/span>\r\n                                <span class=\"dh-flotilla-spec-value\">286 ft<\/span>\r\n                            <\/div>\r\n                            <div class=\"dh-flotilla-spec\">\r\n                                <span class=\"dh-flotilla-spec-label\">VOLUME<\/span>\r\n                                <span class=\"dh-flotilla-spec-value\">1,250,000 cu ft<\/span>\r\n                            <\/div>\r\n                            <div class=\"dh-flotilla-spec\">\r\n                                <span class=\"dh-flotilla-spec-label\">PAYLOAD CAPACITY<\/span>\r\n                                <span class=\"dh-flotilla-spec-value\">40,000 lbs<\/span>\r\n                            <\/div>\r\n                            <div class=\"dh-flotilla-spec\">\r\n                                <span class=\"dh-flotilla-spec-label\">CREW<\/span>\r\n                                <span class=\"dh-flotilla-spec-value\">4\u20136<\/span>\r\n                            <\/div>\r\n                            <div class=\"dh-flotilla-spec\">\r\n                                <span class=\"dh-flotilla-spec-label\">MAX SPEED<\/span>\r\n                                <span class=\"dh-flotilla-spec-value\">85 mph<\/span>\r\n                            <\/div>\r\n                            <div class=\"dh-flotilla-spec\">\r\n                                <span class=\"dh-flotilla-spec-label\">ENDURANCE<\/span>\r\n                                <span class=\"dh-flotilla-spec-value\">3\u20135 days<\/span>\r\n                            <\/div>\r\n                            <div class=\"dh-flotilla-spec\">\r\n                                <span class=\"dh-flotilla-spec-label\">PROPULSION<\/span>\r\n                                <span class=\"dh-flotilla-spec-value\">Electric Vector Thrust<\/span>\r\n                            <\/div>\r\n                            <div class=\"dh-flotilla-spec\">\r\n                                <span class=\"dh-flotilla-spec-label\">APPLICATIONS<\/span>\r\n                                <span class=\"dh-flotilla-spec-value\">Cargo Transport, Surveillance, Luxury Travel, Scientific Missions<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Engineered Features -->\r\n                        <div class=\"dh-flotilla-features\">\r\n                            <h4>ENGINEERED FOR THE FUTURE<\/h4>\r\n                            <ul>\r\n                                <li>Advanced aerostatic lift with minimal drag<\/li>\r\n                                <li>Modular design for adaptable mission profiles<\/li>\r\n                                <li>Quiet, all-electric propulsion<\/li>\r\n                                <li>Sustainable materials and hydrogen fuel cells<\/li>\r\n                                <li>Maximum stability in all atmospheric conditions<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n\r\n                        <!-- Structural Overview -->\r\n                        <div class=\"dh-flotilla-structure\">\r\n                            <h4>STRUCTURAL OVERVIEW<\/h4>\r\n                            <ul>\r\n                                <li>Helium Envelope<\/li>\r\n                                <li>Internal Load Frame<\/li>\r\n                                <li>Ballast &amp; Buoyancy Control System<\/li>\r\n                                <li>Payload \/ Cabin Module<\/li>\r\n                                <li>Vector Thrust Propulsion<\/li>\r\n                                <li>Stabilizer Fin<\/li>\r\n                            <\/ul>\r\n                        <\/div>\r\n\r\n                        <!-- Inspiration -->\r\n                        <div class=\"dh-flotilla-inspiration\">\r\n                            <span class=\"dh-flotilla-inspiration-icon\">\u2726<\/span>\r\n                            <p>Inspired by Nature. Built for Humanity.<\/p>\r\n                            <span class=\"dh-flotilla-inspiration-desc\">The Flotilla's organic form reduces drag and maximizes lift \u2014 a modern evolution of airship design for a cleaner, quieter, and more connected world.<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <!-- Right: Sticky Image -->\r\n                    <div class=\"dh-flotilla-image-col\">\r\n                        <div class=\"dh-flotilla-image-main\">\r\n                            <img decoding=\"async\" src=\"https:\/\/dhenterpriseswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-20-2026-04_38_13-PM.png\" alt=\"The Flotilla LAV\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================\r\n   DH ENTERPRISES \u2014 THE FLOTILLA\r\n   Inside Box | White Background | Border Radius | Box Shadow\r\n============================================ *\/\r\n\r\n.dh-flotilla-wrapper-section {\r\n    padding: 60px 2% 80px;\r\n    background: #f8fafc;\r\n}\r\n\r\n.dh-flotilla-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.dh-flotilla-section {\r\n    position: relative;\r\n    padding: 60px 50px 70px;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    color: #1a1a1a;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.06), 0 4px 20px rgba(0, 0, 0, 0.03);\r\n    border: 1px solid rgba(238, 242, 244, 0.5);\r\n    overflow: hidden;\r\n}\r\n\r\n.dh-flotilla-section * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ---- Decorative Elements ---- *\/\r\n.dh-flotilla-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px;\r\n    right: -60px;\r\n    width: 250px;\r\n    height: 250px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.dh-flotilla-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -80px;\r\n    left: -80px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.02) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* ---- wrapper ---- *\/\r\n.dh-flotilla-wrapper {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ---- Header ---- *\/\r\n.dh-flotilla-header {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n}\r\n.dh-flotilla-tag {\r\n    font-family: 'Montserrat', sans-serif;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #01b49a;\r\n    margin-bottom: 10px;\r\n}\r\n.dh-flotilla-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #01b49a;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    \/*animation: pulse-dot 2s infinite;*\/\r\n}\r\n@keyframes pulse-dot {\r\n    0%, 100% { opacity: 0.4; transform: scale(0.9); }\r\n    50% { opacity: 1; transform: scale(1.2); }\r\n}\r\n.dh-flotilla-title {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(40px, 6vw, 72px);\r\n    font-weight: 700;\r\n    letter-spacing: -3px;\r\n    color: #0b1215;\r\n    line-height: 1;\r\n}\r\n.dh-flotilla-title span {\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #01b49a;\r\n}\r\n.dh-flotilla-subtitle {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(14px, 1.5vw, 20px);\r\n    font-weight: 400;\r\n    color: #000;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n    margin-top: 4px;\r\n}\r\n\r\n\/* ---- Grid ---- *\/\r\n.dh-flotilla-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: start;\r\n}\r\n\r\n\/* ---- Left: Scrollable Content (No Scrollbar) ---- *\/\r\n.dh-flotilla-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n    max-height: 80vh;\r\n    overflow-y: auto;\r\n    padding-right: 10px;\r\n    scrollbar-width: none; \/* Firefox *\/\r\n    -ms-overflow-style: none; \/* IE\/Edge *\/\r\n}\r\n.dh-flotilla-content::-webkit-scrollbar {\r\n    display: none; \/* Chrome\/Safari\/Opera *\/\r\n}\r\n\r\n.dh-flotilla-desc {\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n    color: #000;\r\n}\r\n\r\n\/* Specifications *\/\r\n.dh-flotilla-specs {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 6px 30px;\r\n    padding: 18px 0;\r\n    border-top: 1px solid #eef2f4;\r\n    border-bottom: 1px solid #eef2f4;\r\n}\r\n.dh-flotilla-spec {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 4px 0;\r\n    border-bottom: 1px solid rgba(0,0,0,0.03);\r\n}\r\n.dh-flotilla-spec:last-child {\r\n    border-bottom: none;\r\n}\r\n.dh-flotilla-spec-label {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #000;\r\n}\r\n.dh-flotilla-spec-value {\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: #0b1215;\r\n    text-align: right;\r\n}\r\n\r\n\/* Features *\/\r\n.dh-flotilla-features,\r\n.dh-flotilla-structure {\r\n    padding: 14px 0;\r\n}\r\n.dh-flotilla-features h4,\r\n.dh-flotilla-structure h4 {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    color: #0b1215;\r\n    margin-bottom: 10px;\r\n}\r\n.dh-flotilla-features ul,\r\n.dh-flotilla-structure ul {\r\n    list-style: none;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 6px 20px;\r\n}\r\n.dh-flotilla-features ul li,\r\n.dh-flotilla-structure ul li {\r\n    font-size: 14px;\r\n    color: #000;\r\n    padding: 4px 0;\r\n    position: relative;\r\n    padding-left: 18px;\r\n}\r\n.dh-flotilla-features ul li::before,\r\n.dh-flotilla-structure ul li::before {\r\n    content: '\u25b8';\r\n    position: absolute;\r\n    left: 0;\r\n    color: #01b49a;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* Inspiration *\/\r\n.dh-flotilla-inspiration {\r\n    background: #f8fafc;\r\n    border-radius: 16px;\r\n    padding: 28px 30px;\r\n    border: 1px solid #eef2f4;\r\n    text-align: center;\r\n}\r\n.dh-flotilla-inspiration-icon {\r\n    font-size: 28px;\r\n    color: #01b49a;\r\n    display: block;\r\n    margin-bottom: 6px;\r\n}\r\n.dh-flotilla-inspiration p {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #000!important;\r\n    margin-bottom: 4px;\r\n}\r\n.dh-flotilla-inspiration-desc {\r\n    font-size: 14px;\r\n    color: #000!important;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* ---- Right: Sticky Image ---- *\/\r\n.dh-flotilla-image-col {\r\n    position: sticky;\r\n    top: 40px;\r\n    align-self: start;\r\n}\r\n.dh-flotilla-image-main {\r\n    position: relative;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    aspect-ratio: 4 \/ 3;\r\n    background: #f8fafc;\r\n    border: 1px solid #eef2f4;\r\n    box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.08);\r\n}\r\n.dh-flotilla-image-main img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: 0.5s ease;\r\n}\r\n.dh-flotilla-image-main:hover img {\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE\r\n============================================ *\/\r\n\r\n\/* ---- Tablet ---- *\/\r\n@media (max-width: 1024px) {\r\n    .dh-flotilla-section {\r\n        padding: 40px 30px 50px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .dh-flotilla-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    .dh-flotilla-image-col {\r\n        position: relative;\r\n        top: 0;\r\n    }\r\n    .dh-flotilla-image-main {\r\n        aspect-ratio: 16 \/ 9;\r\n        max-width: 100%;\r\n    }\r\n    .dh-flotilla-content {\r\n        max-height: none;\r\n        overflow-y: visible;\r\n        padding-right: 0;\r\n    }\r\n}\r\n\r\n\/* ---- Mobile ---- *\/\r\n@media (max-width: 768px) {\r\n    .dh-flotilla-wrapper-section {\r\n        padding: 40px 4% 50px;\r\n    }\r\n\r\n    .dh-flotilla-section {\r\n        padding: 30px 20px 40px;\r\n        border-radius: 16px;\r\n        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .dh-flotilla-wrapper-section {\r\n        padding: 30px 3% 40px;\r\n    }\r\n\r\n    .dh-flotilla-section {\r\n        padding: 20px 14px 30px;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .dh-flotilla-title {\r\n        font-size: 34px;\r\n        letter-spacing: -2px;\r\n    }\r\n    .dh-flotilla-subtitle {\r\n        font-size: 14px;\r\n        letter-spacing: 2px;\r\n    }\r\n    .dh-flotilla-desc {\r\n        font-size: 15px;\r\n    }\r\n    .dh-flotilla-specs {\r\n        grid-template-columns: 1fr;\r\n        gap: 4px;\r\n    }\r\n    .dh-flotilla-spec {\r\n        flex-wrap: wrap;\r\n    }\r\n    .dh-flotilla-spec-value {\r\n        text-align: left;\r\n        font-size: 12px;\r\n    }\r\n    .dh-flotilla-features ul,\r\n    .dh-flotilla-structure ul {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .dh-flotilla-inspiration {\r\n        padding: 20px;\r\n    }\r\n    .dh-flotilla-inspiration p {\r\n        font-size: 16px;\r\n    }\r\n    .dh-flotilla-header {\r\n        margin-bottom: 30px;\r\n    }\r\n    .dh-flotilla-image-main {\r\n        aspect-ratio: 4 \/ 3;\r\n        border-radius: 14px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb681f9 e-con-full e-flex e-con e-parent\" data-id=\"cb681f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-700642f elementor-widget elementor-widget-html\" data-id=\"700642f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     DH ENTERPRISES \u2014 THE HTS HYDRO TOWER SYSTEM\r\n     Inside Box | White Background | Border Radius | Box Shadow\r\n     Attractive | Modern | Premium Design\r\n     ============================================ -->\r\n\r\n<section class=\"dh-hts-wrapper-section\">\r\n    <div class=\"dh-hts-container\">\r\n\r\n        <div class=\"dh-hts-section\">\r\n\r\n            <div class=\"dh-hts-wrapper\">\r\n\r\n                <!-- Section Header -->\r\n                <div class=\"dh-hts-header\">\r\n                    <div class=\"dh-hts-tag\">\r\n                        <span class=\"dh-hts-dot\"><\/span>\r\n                        Featured Project\r\n                    <\/div>\r\n                    <h1 class=\"dh-hts-title\">\r\n                        THE <span>HYDRO TOWER SYSTEM<\/span>\r\n                    <\/h1>\r\n                    <p class=\"dh-hts-subtitle\">\r\n                        A renewable hybrid energy solution that combines wind, solar, and water power \r\n                        to deliver clean, reliable energy for thousands of homes.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Main Grid -->\r\n                <div class=\"dh-hts-grid\">\r\n\r\n                    <!-- LEFT: Specifications -->\r\n                    <div class=\"dh-hts-specs\">\r\n\r\n                        <div class=\"dh-hts-spec-item\">\r\n                            <div class=\"dh-hts-spec-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n                                    <path d=\"M2 17l10 5 10-5\"\/>\r\n                                    <path d=\"M2 12l10 5 10-5\"\/>\r\n                                    <path d=\"M12 22V12\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4>100kW WIND TURBINE<\/h4>\r\n                                <p>High-efficiency horizontal axis wind turbine<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"dh-hts-spec-item\">\r\n                            <div class=\"dh-hts-spec-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n                                    <path d=\"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4>24 x 160W SOLAR PANELS<\/h4>\r\n                                <p>Dedicated solar array for additional energy capture<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"dh-hts-spec-item\">\r\n                            <div class=\"dh-hts-spec-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/>\r\n                                    <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/>\r\n                                    <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4>60' x 160' SOLAR PANELS<\/h4>\r\n                                <p>Plus 24 x 160 panels \u2014 2 = 300kW total<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"dh-hts-spec-item highlight\">\r\n                            <div class=\"dh-hts-spec-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4>750kW TOTAL MAX OUTPUT<\/h4>\r\n                                <p>With batteries (850kW) \u2014 Powering 6,000\u201318,000 sf houses<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"dh-hts-spec-item\">\r\n                            <div class=\"dh-hts-spec-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <path d=\"M12 2C8 6 6 9 6 12c0 3.3 2.7 6 6 6s6-2.7 6-6c0-3-2-6-6-10z\"\/>\r\n                                    <path d=\"M12 18v4M8 22h8\"\/>\r\n                                    <path d=\"M9 14c1.5-1.5 3-1.5 4.5 0\"\/>\r\n                                    <path d=\"M15 10c-1-1-2-1-3 0\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4>5\u201370kW WATER TURBINES<\/h4>\r\n                                <p>Multiple micro turbines harness flowing water at each level<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"dh-hts-spec-item\">\r\n                            <div class=\"dh-hts-spec-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\r\n                                    <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/>\r\n                                    <line x1=\"3\" y1=\"15\" x2=\"21\" y2=\"15\"\/>\r\n                                    <line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"\/>\r\n                                    <line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"21\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div>\r\n                                <h4>190' h x 60' w x 60' d<\/h4>\r\n                                <p>Tower dimensions<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <!-- RIGHT: Image -->\r\n                    <div class=\"dh-hts-image-col\">\r\n                        <div class=\"dh-hts-image-frame\">\r\n                            <img decoding=\"async\" src=\"https:\/\/dhenterpriseswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/revvd.png\" alt=\"Hydro Tower System\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================\r\n   DH ENTERPRISES \u2014 THE HTS HYDRO TOWER SYSTEM\r\n   Inside Box | White Background | Border Radius | Box Shadow\r\n============================================ *\/\r\n\r\n.dh-hts-wrapper-section {\r\n    padding: 60px 2% 80px;\r\n    background: #f8fafc;\r\n}\r\n\r\n.dh-hts-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.dh-hts-section {\r\n    position: relative;\r\n    padding: 60px 50px 70px;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    color: #1a1a1a;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.06), 0 4px 20px rgba(0, 0, 0, 0.03);\r\n    border: 1px solid rgba(238, 242, 244, 0.5);\r\n    overflow: hidden;\r\n}\r\n\r\n.dh-hts-section * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ---- Decorative Elements ---- *\/\r\n.dh-hts-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px;\r\n    right: -60px;\r\n    width: 250px;\r\n    height: 250px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.dh-hts-section::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -80px;\r\n    left: -80px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.02) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* ---- wrapper ---- *\/\r\n.dh-hts-wrapper {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ---- Header ---- *\/\r\n.dh-hts-header {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n}\r\n.dh-hts-tag {\r\n    font-family: 'Montserrat', sans-serif;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #01b49a;\r\n    margin-bottom: 10px;\r\n}\r\n.dh-hts-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #01b49a;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    animation: pulse-dot 2s infinite;\r\n}\r\n@keyframes pulse-dot {\r\n    0%, 100% { opacity: 0.4; transform: scale(0.9); }\r\n    50% { opacity: 1; transform: scale(1.2); }\r\n}\r\n.dh-hts-title {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(36px, 5vw, 60px);\r\n    font-weight: 700;\r\n    letter-spacing: -2px;\r\n    color: #0b1215;\r\n    line-height: 1.1;\r\n    margin-bottom: 12px;\r\n}\r\n.dh-hts-title span {\r\n    color: #01b49a;\r\n}\r\n.dh-hts-subtitle {\r\n    font-size: 17px;\r\n    color: #000!important;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    line-height: 1.7;\r\n}\r\n\r\n\/* ---- Grid ---- *\/\r\n.dh-hts-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 50px;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* ---- LEFT: Specifications ---- *\/\r\n.dh-hts-specs {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    background: #fafbfc;\r\n    border-radius: 20px;\r\n    padding: 28px 24px;\r\n    border: 1px solid #eef2f4;\r\n}\r\n\r\n.dh-hts-spec-item {\r\n    \r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 18px;\r\n    padding: 14px 18px;\r\n    border-radius: 14px;\r\n    transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    border: 1px solid transparent;\r\n    background: #ffffff;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\r\n}\r\n.dh-hts-spec-item:hover {\r\n    background: #ffffff;\r\n    border-color: #eef2f4;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\r\n    transform: translateX(4px);\r\n}\r\n.dh-hts-spec-item.highlight {\r\n    background: linear-gradient(135deg, rgba(1, 180, 154, 0.06), rgba(1, 180, 154, 0.02));\r\n    border-color: rgba(1, 180, 154, 0.15);\r\n}\r\n.dh-hts-spec-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n    flex-shrink: 0;\r\n    background: rgba(1, 180, 154, 0.06);\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: 0.3s ease;\r\n}\r\n.dh-hts-spec-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    color: #01b49a;\r\n}\r\n.dh-hts-spec-item:hover .dh-hts-spec-icon {\r\n    background: #01b49a;\r\n}\r\n.dh-hts-spec-item:hover .dh-hts-spec-icon svg {\r\n    color: #ffffff;\r\n}\r\n.dh-hts-spec-item h4 {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: #0b1215;\r\n    line-height: 1.2;\r\n}\r\n.dh-hts-spec-item p {\r\n    font-size: 13px;\r\n    color: #000!important;\r\n    line-height: 1.5;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* ---- RIGHT: Image ---- *\/\r\n.dh-hts-image-col {\r\n    display: flex;\r\n    align-items: stretch;\r\n}\r\n.dh-hts-image-frame {\r\n    position: relative;\r\n    width: 100%;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    background: #f8fafc;\r\n    border: 1px solid #eef2f4;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 500px;\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.02);\r\n}\r\n.dh-hts-image-frame img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: 0.6s ease;\r\n}\r\n.dh-hts-image-frame:hover img {\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE\r\n============================================ *\/\r\n\r\n\/* ---- Tablet ---- *\/\r\n@media (max-width: 1024px) {\r\n    .dh-hts-section {\r\n        padding: 40px 30px 50px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .dh-hts-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n    }\r\n    .dh-hts-image-frame {\r\n        min-height: 350px;\r\n        max-height: 420px;\r\n    }\r\n}\r\n\r\n\/* ---- Mobile ---- *\/\r\n@media (max-width: 768px) {\r\n    .dh-hts-wrapper-section {\r\n        padding: 40px 4% 50px;\r\n    }\r\n\r\n    .dh-hts-section {\r\n        padding: 30px 20px 40px;\r\n        border-radius: 16px;\r\n        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .dh-hts-wrapper-section {\r\n        padding: 30px 3% 40px;\r\n    }\r\n\r\n    .dh-hts-section {\r\n        padding: 20px 14px 30px;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .dh-hts-title {\r\n        font-size: 28px;\r\n        letter-spacing: -1px;\r\n    }\r\n    .dh-hts-subtitle {\r\n        font-size: 15px;\r\n    }\r\n    .dh-hts-header {\r\n        margin-bottom: 30px;\r\n    }\r\n    .dh-hts-specs {\r\n        padding: 16px 12px;\r\n        border-radius: 14px;\r\n    }\r\n    .dh-hts-spec-item {\r\n        padding: 12px 14px;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n    }\r\n    .dh-hts-spec-item h4 {\r\n        font-size: 14px;\r\n    }\r\n    .dh-hts-spec-item p {\r\n        font-size: 12px;\r\n    }\r\n    .dh-hts-spec-icon {\r\n        width: 36px;\r\n        height: 36px;\r\n    }\r\n    .dh-hts-spec-icon svg {\r\n        width: 18px;\r\n        height: 18px;\r\n    }\r\n    .dh-hts-image-frame {\r\n        min-height: 220px;\r\n        max-height: 280px;\r\n        border-radius: 14px;\r\n    }\r\n    .dh-hts-tag {\r\n        font-size: 9px;\r\n        letter-spacing: 2px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b04372 e-con-full e-flex e-con e-parent\" data-id=\"7b04372\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a1335c elementor-widget elementor-widget-html\" data-id=\"2a1335c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     DH ENTERPRISES \u2014 TESTIMONIALS\r\n     Inside Box | White Background | Border Radius | Box Shadow\r\n     Modern | Attractive | Premium Design\r\n     3 Testimonials\r\n     ============================================ -->\r\n\r\n<section class=\"dh-testimonials-wrapper-section\">\r\n    <div class=\"dh-testimonials-container\">\r\n\r\n        <div class=\"dh-testimonials\">\r\n\r\n            <div class=\"dh-testimonials-wrapper\">\r\n\r\n                <!-- Section Header -->\r\n                <div class=\"dh-testimonials-header\">\r\n                    <div class=\"dh-testimonials-tag\">\r\n                        <span class=\"dh-testimonials-dot\"><\/span>\r\n                        Client Testimonials\r\n                    <\/div>\r\n                    <h2 class=\"dh-testimonials-title\">\r\n                        What Our <span>Clients Say<\/span>\r\n                    <\/h2>\r\n                    <p class=\"dh-testimonials-desc\">\r\n                        Real feedback from partners who trust DH Enterprises to deliver innovative solutions.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Testimonials Grid - 3 Cards -->\r\n                <div class=\"dh-testimonials-grid\">\r\n\r\n                    <!-- Testimonial 1 -->\r\n                    <div class=\"dh-testimonial-card\">\r\n                        <div class=\"dh-testimonial-card-inner\">\r\n                            <!-- Quote Icon -->\r\n                            <div class=\"dh-testimonial-quote-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                    <path d=\"M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n\r\n                            <!-- Rating Stars -->\r\n                            <div class=\"dh-testimonial-stars\">\r\n                                <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n                            <\/div>\r\n\r\n                            <!-- Testimonial Text -->\r\n                            <p class=\"dh-testimonial-text\">\r\n                                \"DH Enterprises transformed our vision into reality. Their innovative approach to renewable energy solutions exceeded our expectations. The team's expertise and dedication are unmatched.\"\r\n                            <\/p>\r\n\r\n                            <!-- Client Info -->\r\n                            <div class=\"dh-testimonial-client\">\r\n                                <div class=\"dh-testimonial-avatar\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=150&h=150&fit=crop&crop=face\" alt=\"Client Avatar\">\r\n                                <\/div>\r\n                                <div class=\"dh-testimonial-client-info\">\r\n                                    <h4>Robert Chen<\/h4>\r\n                                    <p>CEO, GreenTech Innovations<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Testimonial 2 -->\r\n                    <div class=\"dh-testimonial-card\">\r\n                        <div class=\"dh-testimonial-card-inner\">\r\n                            <div class=\"dh-testimonial-quote-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                    <path d=\"M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"dh-testimonial-stars\">\r\n                                <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span>\r\n                            <\/div>\r\n                            <p class=\"dh-testimonial-text\">\r\n                                \"Working with DH Enterprises on The VMont Hotel project was a game-changer. Their architectural vision and sustainable solutions have set a new standard for luxury hospitality.\"\r\n                            <\/p>\r\n                            <div class=\"dh-testimonial-client\">\r\n                                <div class=\"dh-testimonial-avatar\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=150&h=150&fit=crop&crop=face\" alt=\"Client Avatar\">\r\n                                <\/div>\r\n                                <div class=\"dh-testimonial-client-info\">\r\n                                    <h4>Emily Johnson<\/h4>\r\n                                    <p>Director, VMont Hospitality Group<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Testimonial 3 -->\r\n                    <div class=\"dh-testimonial-card\">\r\n                        <div class=\"dh-testimonial-card-inner\">\r\n                            <div class=\"dh-testimonial-quote-icon\">\r\n                                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                    <path d=\"M4.583 17.321C3.553 16.227 3 15 3 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179zm10 0C13.553 16.227 13 15 13 13.011c0-3.5 2.457-6.637 6.03-8.188l.893 1.378c-3.335 1.804-3.987 4.145-4.247 5.621.537-.278 1.24-.375 1.929-.311 1.804.167 3.226 1.648 3.226 3.489a3.5 3.5 0 01-3.5 3.5c-1.073 0-2.099-.49-2.748-1.179z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"dh-testimonial-stars\">\r\n                                <span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2605<\/span><span>\u2606<\/span>\r\n                            <\/div>\r\n                            <p class=\"dh-testimonial-text\">\r\n                                \"The RWT project showcases DH Enterprises' ability to push boundaries. Their engineering excellence and commitment to sustainability are truly commendable.\"\r\n                            <\/p>\r\n                            <div class=\"dh-testimonial-client\">\r\n                                <div class=\"dh-testimonial-avatar\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face\" alt=\"Client Avatar\">\r\n                                <\/div>\r\n                                <div class=\"dh-testimonial-client-info\">\r\n                                    <h4>James Okafor<\/h4>\r\n                                    <p>CTO, Energy Solutions Inc.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================\r\n   DH ENTERPRISES \u2014 TESTIMONIALS\r\n   Inside Box | White Background | Border Radius | Box Shadow\r\n============================================ *\/\r\n\r\n.dh-testimonials-wrapper-section {\r\n    padding: 60px 2% 80px;\r\n    background: #f8fafc;\r\n}\r\n\r\n.dh-testimonials-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.dh-testimonials {\r\n    position: relative;\r\n    padding: 60px 50px 70px;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    color: #1a1a1a;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.06), 0 4px 20px rgba(0, 0, 0, 0.03);\r\n    border: 1px solid rgba(238, 242, 244, 0.5);\r\n    overflow: hidden;\r\n}\r\n\r\n.dh-testimonials * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ---- Decorative Elements ---- *\/\r\n.dh-testimonials::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px;\r\n    right: -60px;\r\n    width: 250px;\r\n    height: 250px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.dh-testimonials::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -80px;\r\n    left: -80px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.02) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* ---- wrapper ---- *\/\r\n.dh-testimonials-wrapper {\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ---- Header ---- *\/\r\n.dh-testimonials-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.dh-testimonials-tag {\r\n    font-family: 'Montserrat', sans-serif;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #01b49a;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.dh-testimonials-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #01b49a;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    \/*animation: pulse-dot 2s infinite;*\/\r\n}\r\n\r\n@keyframes pulse-dot {\r\n    0%, 100% { opacity: 0.4; transform: scale(0.9); }\r\n    50% { opacity: 1; transform: scale(1.2); }\r\n}\r\n\r\n.dh-testimonials-title {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(32px, 4vw, 48px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -2px;\r\n    color: #0b1215;\r\n}\r\n\r\n.dh-testimonials-title span {\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #01b49a;\r\n}\r\n\r\n.dh-testimonials-desc {\r\n    font-size: 17px;\r\n    color: #000!important;\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ---- Testimonials Grid ---- *\/\r\n.dh-testimonials-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n}\r\n\r\n\/* ---- Testimonial Card ---- *\/\r\n.dh-testimonial-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 4px;\r\n    border: 1px solid #eef2f4;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\r\n}\r\n\r\n.dh-testimonial-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: #01b49a;\r\n    box-shadow: 0 20px 60px -12px rgba(1, 180, 154, 0.15);\r\n}\r\n\r\n.dh-testimonial-card-inner {\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    padding: 32px 28px 28px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Decorative background element *\/\r\n.dh-testimonial-card-inner::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -30%;\r\n    width: 200px;\r\n    height: 200px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ---- Quote Icon ---- *\/\r\n.dh-testimonial-quote-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    background: rgba(1, 180, 154, 0.08);\r\n    border-radius: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 16px;\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.dh-testimonial-quote-icon svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    color: #01b49a;\r\n}\r\n\r\n.dh-testimonial-card:hover .dh-testimonial-quote-icon {\r\n    background: #01b49a;\r\n}\r\n\r\n.dh-testimonial-card:hover .dh-testimonial-quote-icon svg {\r\n    color: #ffffff;\r\n}\r\n\r\n\/* ---- Rating Stars ---- *\/\r\n.dh-testimonial-stars {\r\n    display: flex;\r\n    gap: 4px;\r\n    margin-bottom: 14px;\r\n}\r\n\r\n.dh-testimonial-stars span {\r\n    color: #f59e0b;\r\n    font-size: 18px;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.dh-testimonial-stars span:last-child {\r\n    color: #e5e7eb;\r\n}\r\n\r\n\/* ---- Testimonial Text ---- *\/\r\n.dh-testimonial-text {\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    color: #000!important;\r\n    margin-bottom: 24px;\r\n    position: relative;\r\n    z-index: 1;\r\n    font-style: italic;\r\n    min-height: 90px;\r\n}\r\n\r\n\/* ---- Client Info ---- *\/\r\n.dh-testimonial-client {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding-top: 20px;\r\n    border-top: 1px solid #f1f5f7;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.dh-testimonial-avatar {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n    border: 3px solid #eef2f4;\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.dh-testimonial-card:hover .dh-testimonial-avatar {\r\n    border-color: #01b49a;\r\n}\r\n\r\n.dh-testimonial-avatar img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.dh-testimonial-client-info h4 {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: #0b1215;\r\n    margin-bottom: 2px;\r\n}\r\n\r\n.dh-testimonial-client-info p {\r\n    font-size: 13px;\r\n    color: #000!important;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE\r\n============================================ *\/\r\n\r\n\/* ---- Tablet ---- *\/\r\n@media (max-width: 1024px) {\r\n    .dh-testimonials {\r\n        padding: 40px 30px 50px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .dh-testimonials-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .dh-testimonials-wrapper-section {\r\n        padding: 40px 4% 50px;\r\n    }\r\n\r\n    .dh-testimonials {\r\n        padding: 30px 20px 40px;\r\n        border-radius: 16px;\r\n        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .dh-testimonials-grid {\r\n        grid-template-columns: 1fr;\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .dh-testimonial-text {\r\n        min-height: auto;\r\n    }\r\n}\r\n\r\n\/* ---- Mobile ---- *\/\r\n@media (max-width: 480px) {\r\n    .dh-testimonials-wrapper-section {\r\n        padding: 30px 3% 40px;\r\n    }\r\n\r\n    .dh-testimonials {\r\n        padding: 20px 14px 30px;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .dh-testimonials-header {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .dh-testimonials-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .dh-testimonials-desc {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .dh-testimonial-card-inner {\r\n        padding: 24px 18px 20px;\r\n    }\r\n\r\n    .dh-testimonial-text {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .dh-testimonial-client {\r\n        padding-top: 16px;\r\n    }\r\n\r\n    .dh-testimonial-avatar {\r\n        width: 48px;\r\n        height: 48px;\r\n    }\r\n\r\n    .dh-testimonial-stars span {\r\n        font-size: 15px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-199662a e-con-full e-flex e-con e-parent\" data-id=\"199662a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e9cd71 elementor-widget elementor-widget-html\" data-id=\"5e9cd71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     DH ENTERPRISES \u2014 CONTACT US\r\n     Inside Box | White Background | Border Radius | Box Shadow\r\n     Modern | Attractive | Premium Design\r\n     With Form Submission & Dummy Data\r\n     ============================================ -->\r\n\r\n<section class=\"dh-contact-wrapper-section\">\r\n    <div class=\"dh-contact-container\">\r\n\r\n        <div class=\"dh-contact\">\r\n\r\n            <div class=\"dh-contact-wrapper\">\r\n\r\n                <!-- Section Header -->\r\n                <div class=\"dh-contact-header\">\r\n                    <div class=\"dh-contact-tag\">\r\n                        <span class=\"dh-contact-dot\"><\/span>\r\n                        Get In Touch\r\n                    <\/div>\r\n                    <h2 class=\"dh-contact-title\">\r\n                        Contact <span>Us<\/span>\r\n                    <\/h2>\r\n                    <p class=\"dh-contact-desc\">\r\n                        Have a project in mind? Let's discuss how we can bring your vision to life.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"dh-contact-grid\">\r\n\r\n                    <!-- Contact Info -->\r\n                    <div class=\"dh-contact-info\">\r\n                        <div class=\"dh-contact-info-card\">\r\n                            <h3>Get in Touch<\/h3>\r\n                            <p>We'd love to hear from you. Reach out to us through any of the following channels:<\/p>\r\n\r\n                            <div class=\"dh-contact-details\">\r\n                                <div class=\"dh-contact-item\">\r\n                                    <div class=\"dh-contact-icon\">\r\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                            <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/>\r\n                                            <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <h4>Address<\/h4>\r\n                                        <p>123 Innovation Drive,<br>San Francisco, CA 94105<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"dh-contact-item\">\r\n                                    <div class=\"dh-contact-icon\">\r\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                            <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z\"\/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <h4>Phone<\/h4>\r\n                                        <p>+1 (555) 123-4567<\/p>\r\n                                        <p>+1 (555) 987-6543<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"dh-contact-item\">\r\n                                    <div class=\"dh-contact-icon\">\r\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n                                            <polyline points=\"22,6 12,13 2,6\"\/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <h4>Email<\/h4>\r\n                                        <p>info@dhenterprises.com<\/p>\r\n                                        <p>support@dhenterprises.com<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"dh-contact-item\">\r\n                                    <div class=\"dh-contact-icon\">\r\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n                                            <polyline points=\"9 12 11 14 15 10\"\/>\r\n                                        <\/svg>\r\n                                    <\/div>\r\n                                    <div>\r\n                                        <h4>Working Hours<\/h4>\r\n                                        <p>Mon - Fri: 9:00 AM - 6:00 PM<\/p>\r\n                                        <p>Sat - Sun: Closed<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Social Links -->\r\n                            <div class=\"dh-social-links\">\r\n                                <a href=\"#\" class=\"dh-social-link\">\r\n                                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                        <path d=\"M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z\"\/>\r\n                                    <\/svg>\r\n                                <\/a>\r\n                                <a href=\"#\" class=\"dh-social-link\">\r\n                                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                        <path d=\"M22.46 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 01-1.93.07 4.28 4.28 0 004 2.98 8.521 8.521 0 01-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21 16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z\"\/>\r\n                                    <\/svg>\r\n                                <\/a>\r\n                                <a href=\"#\" class=\"dh-social-link\">\r\n                                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                        <path d=\"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.879V14.89h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.989C18.343 21.129 22 16.99 22 12z\"\/>\r\n                                    <\/svg>\r\n                                <\/a>\r\n                                <a href=\"#\" class=\"dh-social-link\">\r\n                                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                                        <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/>\r\n                                    <\/svg>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Contact Form -->\r\n                    <div class=\"dh-contact-form-wrapper\">\r\n                        <div class=\"dh-contact-form-card\">\r\n                            <h3>Send a Message<\/h3>\r\n                            <p>Fill out the form below and we'll get back to you within 24 hours.<\/p>\r\n\r\n                            <form id=\"dhContactForm\" class=\"dh-contact-form\" onsubmit=\"return handleFormSubmit(event)\">\r\n                                <div class=\"dh-form-group\">\r\n                                    <label for=\"dhName\">Full Name<\/label>\r\n                                    <input type=\"text\" id=\"dhName\" name=\"name\" placeholder=\"John Doe\" required>\r\n                                    <div class=\"dh-form-error\" id=\"dhNameError\"><\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"dh-form-group\">\r\n                                    <label for=\"dhEmail\">Email Address<\/label>\r\n                                    <input type=\"email\" id=\"dhEmail\" name=\"email\" placeholder=\"john@example.com\" required>\r\n                                    <div class=\"dh-form-error\" id=\"dhEmailError\"><\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"dh-form-group\">\r\n                                    <label for=\"dhPhone\">Phone Number<\/label>\r\n                                    <input type=\"tel\" id=\"dhPhone\" name=\"phone\" placeholder=\"+1 (555) 000-0000\">\r\n                                <\/div>\r\n\r\n                                <div class=\"dh-form-group\">\r\n                                    <label for=\"dhSubject\">Subject<\/label>\r\n                                    <select id=\"dhSubject\" name=\"subject\">\r\n                                        <option value=\"\">Select a subject...<\/option>\r\n                                        <option value=\"general\">The RWT - The Revolution Wind Tower<\/option>\r\n                                        <option value=\"project\">The VMont Hotel<\/option>\r\n                                        <option value=\"partnership\">The Hydro Tower System<\/option>\r\n                                        <option value=\"support\">The Lava Steam Generator<\/option>\r\n                                        <option value=\"support\">The Floatilla LAV<\/option>\r\n                                        <option value=\"support\">The Truss Hybrid Rail System<\/option>\r\n                                        <option value=\"other\">Other<\/option>\r\n                                    <\/select>\r\n                                <\/div>\r\n\r\n                                <div class=\"dh-form-group\">\r\n                                    <label for=\"dhMessage\">Message<\/label>\r\n                                    <textarea id=\"dhMessage\" name=\"message\" rows=\"5\" placeholder=\"Tell us about your project...\" required><\/textarea>\r\n                                    <div class=\"dh-form-error\" id=\"dhMessageError\"><\/div>\r\n                                <\/div>\r\n\r\n                                <button type=\"submit\" class=\"dh-submit-btn\">\r\n                                    <span>Send Message<\/span>\r\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                        <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/>\r\n                                        <polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/>\r\n                                    <\/svg>\r\n                                <\/button>\r\n\r\n                                <!-- Success Message -->\r\n                                <div class=\"dh-form-success\" id=\"dhFormSuccess\">\r\n                                    <div class=\"dh-success-icon\">\u2713<\/div>\r\n                                    <h4>Message Sent Successfully!<\/h4>\r\n                                    <p>Thank you for reaching out. We'll get back to you within 24 hours.<\/p>\r\n                                    <button type=\"button\" class=\"dh-success-close\" onclick=\"closeSuccess()\">Close<\/button>\r\n                                <\/div>\r\n                            <\/form>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================\r\n   DH ENTERPRISES \u2014 CONTACT US\r\n   Inside Box | White Background | Border Radius | Box Shadow\r\n============================================ *\/\r\n\r\n.dh-contact-wrapper-section {\r\n    padding: 60px 2% 80px;\r\n    background: #f8fafc;\r\n}\r\n\r\n.dh-contact-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.dh-contact {\r\n    position: relative;\r\n    padding: 60px 50px 70px;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    color: #1a1a1a;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    box-sizing: border-box;\r\n    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.06), 0 4px 20px rgba(0, 0, 0, 0.03);\r\n    border: 1px solid rgba(238, 242, 244, 0.5);\r\n    overflow: hidden;\r\n}\r\n\r\n.dh-contact * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ---- Decorative Elements ---- *\/\r\n.dh-contact::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -60px;\r\n    right: -60px;\r\n    width: 250px;\r\n    height: 250px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.dh-contact::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -80px;\r\n    left: -80px;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(1, 180, 154, 0.02) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n.dh-contact-wrapper {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ---- Header ---- *\/\r\n.dh-contact-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.dh-contact-tag {\r\n    font-family: 'Montserrat', sans-serif;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #01b49a;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.dh-contact-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #01b49a;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    \/*animation: pulse-dot 2s infinite;*\/\r\n}\r\n\r\n@keyframes pulse-dot {\r\n    0%, 100% { opacity: 0.4; transform: scale(0.9); }\r\n    50% { opacity: 1; transform: scale(1.2); }\r\n}\r\n\r\n.dh-contact-title {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(32px, 4vw, 48px);\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    letter-spacing: -2px;\r\n    color: #0b1215;\r\n}\r\n\r\n.dh-contact-title span {\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #01b49a;\r\n}\r\n\r\n.dh-contact-desc {\r\n    font-size: 17px;\r\n    color: #000;\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ---- Contact Grid ---- *\/\r\n.dh-contact-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.5fr;\r\n    gap: 40px;\r\n    margin-bottom: 0;\r\n}\r\n\r\n\/* ---- Contact Info ---- *\/\r\n.dh-contact-info-card {\r\n    background: #fafbfc;\r\n    border-radius: 20px;\r\n    padding: 36px 30px;\r\n    border: 1px solid #eef2f4;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\r\n    height: 100%;\r\n}\r\n\r\n.dh-contact-info-card h3 {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #0b1215;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.dh-contact-info-card > p {\r\n    color: #000;\r\n    margin-bottom: 30px;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.dh-contact-details {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.dh-contact-item {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: flex-start;\r\n    padding: 10px 14px;\r\n    border-radius: 12px;\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.dh-contact-item:hover {\r\n    background: #ffffff;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.dh-contact-icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    flex-shrink: 0;\r\n    background: rgba(1, 180, 154, 0.08);\r\n    border-radius: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.dh-contact-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    color: #01b49a;\r\n}\r\n\r\n.dh-contact-item:hover .dh-contact-icon {\r\n    background: #000;\r\n}\r\n\r\n.dh-contact-item:hover .dh-contact-icon svg {\r\n    color: #ffffff;\r\n}\r\n\r\n.dh-contact-item h4 {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #0b1215;\r\n    margin-bottom: 2px;\r\n}\r\n\r\n.dh-contact-item p {\r\n    font-size: 14px;\r\n    color: #000;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* ---- Social Links ---- *\/\r\n.dh-social-links {\r\n    display: flex;\r\n    gap: 12px;\r\n    padding-top: 20px;\r\n    border-top: 1px solid #eef2f4;\r\n}\r\n\r\n.dh-social-link {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50px;\r\n    background: rgba(1, 180, 154, 0.06);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: 0.3s ease;\r\n    text-decoration: none;\r\n}\r\n\r\n.dh-social-link svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    color: #01b49a;\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.dh-social-link:hover {\r\n    background: #0b1215;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.dh-social-link:hover svg {\r\n    color: #ffffff;\r\n}\r\n\r\n\/* ---- Contact Form ---- *\/\r\n.dh-contact-form-wrapper {\r\n    display: flex;\r\n    align-items: stretch;\r\n}\r\n\r\n.dh-contact-form-card {\r\n    background: #fafbfc;\r\n    border-radius: 20px;\r\n    padding: 36px 30px;\r\n    border: 1px solid #eef2f4;\r\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);\r\n    width: 100%;\r\n}\r\n\r\n.dh-contact-form-card h3 {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #0b1215;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.dh-contact-form-card > p {\r\n    color: #000;\r\n    margin-bottom: 24px;\r\n    font-size: 15px;\r\n}\r\n\r\n.dh-contact-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n}\r\n\r\n.dh-form-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n}\r\n\r\n.dh-form-group label {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: #0b1215;\r\n}\r\n\r\n.dh-form-group input,\r\n.dh-form-group select,\r\n.dh-form-group textarea {\r\n    padding: 10px 16px;\r\n    border: 1px solid #eef2f4;\r\n    border-radius: 12px;\r\n    font-size: 14px;\r\n    font-family: inherit;\r\n    color: #0b1215;\r\n    transition: 0.3s ease;\r\n    background: #ffffff;\r\n}\r\n\r\n.dh-form-group input:focus,\r\n.dh-form-group select:focus,\r\n.dh-form-group textarea:focus {\r\n    outline: none;\r\n    border-color: #01b49a;\r\n    box-shadow: 0 0 0 4px rgba(1, 180, 154, 0.08);\r\n    background: #ffffff;\r\n}\r\n\r\n.dh-form-group input.error,\r\n.dh-form-group textarea.error {\r\n    border-color: #ef4444;\r\n}\r\n\r\n.dh-form-error {\r\n    font-size: 12px;\r\n    color: #ef4444;\r\n    min-height: 18px;\r\n}\r\n\r\n.dh-submit-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    padding: 14px 32px;\r\n    background: #01b49a;\r\n    color: #ffffff;\r\n    border: none;\r\n    border-radius: 50px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: 0.3s ease;\r\n    margin-top: 4px;\r\n}\r\n\r\n.dh-submit-btn svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.dh-submit-btn:hover {\r\n    background: #0b1215;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.dh-submit-btn:hover svg {\r\n    transform: translateX(4px);\r\n}\r\n\r\n.dh-submit-btn:disabled {\r\n    opacity: 0.6;\r\n    cursor: not-allowed;\r\n    transform: none;\r\n}\r\n\r\n\/* ---- Form Success ---- *\/\r\n.dh-form-success {\r\n    display: none;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    padding: 30px 20px;\r\n    background: rgba(1, 180, 154, 0.05);\r\n    border-radius: 16px;\r\n    border: 2px solid #01b49a;\r\n    margin-top: 10px;\r\n}\r\n\r\n.dh-form-success.show {\r\n    display: flex;\r\n}\r\n\r\n.dh-success-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    background: #01b49a;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 28px;\r\n    color: #ffffff;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.dh-form-success h4 {\r\n    font-size: 18px;\r\n    color: #0b1215;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n.dh-form-success p {\r\n    font-size: 14px;\r\n    color: #6a7a7f;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.dh-success-close {\r\n    padding: 8px 24px;\r\n    background: transparent;\r\n    border: 1px solid #01b49a;\r\n    color: #01b49a;\r\n    border-radius: 8px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: 0.3s ease;\r\n}\r\n\r\n.dh-success-close:hover {\r\n    background: #01b49a;\r\n    color: #ffffff;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVE\r\n============================================ *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .dh-contact {\r\n        padding: 40px 30px 50px;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .dh-contact-grid {\r\n        grid-template-columns: 1fr 1.2fr;\r\n        gap: 30px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .dh-contact-wrapper-section {\r\n        padding: 40px 4% 50px;\r\n    }\r\n\r\n    .dh-contact {\r\n        padding: 30px 20px 40px;\r\n        border-radius: 16px;\r\n        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .dh-contact-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 30px;\r\n    }\r\n\r\n    .dh-contact-info-card,\r\n    .dh-contact-form-card {\r\n        padding: 24px 20px;\r\n    }\r\n\r\n    .dh-contact-details {\r\n        gap: 16px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .dh-contact-wrapper-section {\r\n        padding: 30px 3% 40px;\r\n    }\r\n\r\n    .dh-contact {\r\n        padding: 20px 14px 30px;\r\n        border-radius: 14px;\r\n    }\r\n\r\n    .dh-contact-title {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .dh-contact-desc {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .dh-contact-info-card,\r\n    .dh-contact-form-card {\r\n        padding: 18px 14px;\r\n    }\r\n\r\n    .dh-contact-info-card h3,\r\n    .dh-contact-form-card h3 {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .dh-contact-item {\r\n        gap: 12px;\r\n        padding: 8px 10px;\r\n    }\r\n\r\n    .dh-contact-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n    }\r\n\r\n    .dh-contact-icon svg {\r\n        width: 17px;\r\n        height: 17px;\r\n    }\r\n\r\n    .dh-submit-btn {\r\n        padding: 12px 24px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .dh-social-link {\r\n        width: 38px;\r\n        height: 38px;\r\n    }\r\n\r\n    .dh-social-link svg {\r\n        width: 17px;\r\n        height: 17px;\r\n    }\r\n}\r\n<\/style>\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>ENVIRONMENTAL ENGINEERING Engineering a Better Future. DH Enterprises develops innovative environmental, energy, transportation, and infrastructure technologies designed to solve complex [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dhenterpriseswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhenterpriseswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dhenterpriseswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dhenterpriseswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dhenterpriseswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":82,"href":"https:\/\/dhenterpriseswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/dhenterpriseswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/145"}],"wp:attachment":[{"href":"https:\/\/dhenterpriseswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}