{"id":8,"date":"2026-07-23T10:24:16","date_gmt":"2026-07-23T10:24:16","guid":{"rendered":"https:\/\/dhenterpriseswp2.mystartupcrew.com\/?page_id=8"},"modified":"2026-07-23T18:42:55","modified_gmt":"2026-07-23T18:42:55","slug":"home","status":"publish","type":"page","link":"https:\/\/dhenterpriseswp2.mystartupcrew.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-549745c e-con-full e-flex e-con e-parent\" data-id=\"549745c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61c27ca elementor-widget elementor-widget-html\" data-id=\"61c27ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===== FONTS ===== *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n\/* ===== RESET ===== *\/\r\n.dh-hero-section * {\r\n    margin: 0;\r\n    padding-top: ;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ===== HERO SECTION - FULL WIDTH ===== *\/\r\n.dh-hero-section {\r\n    position: relative;\r\n    width: 100vw;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    overflow: hidden;\r\n    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\r\n    background: #050404;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    margin: 0;\r\n    \/*padding-top: 250px;*\/\r\n    \/*padding-bottom: 80px;*\/\r\n}\r\n\r\n\/* ===== SLIDING BACKGROUND WITH ZOOM ===== *\/\r\n.dh-hero-slides {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 0;\r\n}\r\n\r\n.dh-hero-slides .slide {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    opacity: 0;\r\n    transition: opacity 1.8s ease-in-out;\r\n    transform: scale(1.15);\r\n}\r\n\r\n.dh-hero-slides .slide.active {\r\n    opacity: 1;\r\n    animation: zoomBg 16s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes zoomBg {\r\n    0% {\r\n        transform: scale(1.15);\r\n    }\r\n    50% {\r\n        transform: scale(1);\r\n    }\r\n    100% {\r\n        transform: scale(1.15);\r\n    }\r\n}\r\n\r\n\/* ===== OVERLAY - SIRF TEXT AREA PAR ===== *\/\r\n.dh-hero-text-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 55%;\r\n    height: 100%;\r\n    z-index: 1;\r\n    background: \r\n        linear-gradient(90deg, \r\n            rgba(5, 4, 4, 0.92) 0%, \r\n            rgba(5, 4, 4, 0.80) 40%, \r\n            transparent 100%\r\n        );\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ===== DECORATIVE ELEMENTS ===== *\/\r\n.dh-hero-deco {\r\n    position: absolute;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n.dh-hero-deco-1 {\r\n    top: -10%;\r\n    right: -5%;\r\n    width: 35%;\r\n    height: 55%;\r\n    background: radial-gradient(ellipse, rgba(1, 180, 154, 0.06) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    animation: floatDeco 8s ease-in-out infinite;\r\n}\r\n\r\n.dh-hero-deco-2 {\r\n    bottom: -10%;\r\n    left: -5%;\r\n    width: 30%;\r\n    height: 45%;\r\n    background: radial-gradient(ellipse, rgba(1, 180, 154, 0.04) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    animation: floatDeco 10s ease-in-out infinite reverse;\r\n}\r\n\r\n@keyframes floatDeco {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(30px, -20px) scale(1.1); }\r\n}\r\n\r\n\/* ===== CONTENT ===== *\/\r\n.dh-hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 580px;\r\n    padding: 2rem 3rem 2rem 5rem;\r\n    color: #ffffff;\r\n    text-align: left;\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n.dh-hero-content.slide-up {\r\n    transform: translateY(60px);\r\n    opacity: 0;\r\n}\r\n\r\n.dh-hero-content.slide-up-active {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n}\r\n\r\n\/* ===== BADGE ===== *\/\r\n.dh-hero-badge {\r\n    display: inline-block;\r\n    background: rgba(1, 180, 154, 0.15);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(1, 180, 154, 0.25);\r\n    padding: 0.3rem 1.4rem;\r\n    border-radius: 60px;\r\n    font-size: 0.6rem;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: #01b49a;\r\n    margin-bottom: 0.8rem;\r\n}\r\n\r\n.dh-hero-badge i {\r\n    margin-right: 8px;\r\n    color: #01b49a;\r\n}\r\n\r\n\/* ===== MAIN HEADING ===== *\/\r\n.dh-hero-title {\r\n    font-size: clamp(2.8rem, 5.6vw, 4.2rem);\r\n    font-weight: 900;\r\n    line-height: 1.05;\r\n    margin-bottom: 0.3rem;\r\n    color: #ffffff;\r\n}\r\n\r\n.dh-hero-title .highlight {\r\n    background: linear-gradient(135deg, #01b49a, #01d4b8, #01b49a);\r\n    background-size: 200% 200%;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    display: inline-block;\r\n    animation: shimmerText 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes shimmerText {\r\n    0%, 100% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n}\r\n\r\n\/* ===== SUB-HIGHLIGHT - WHITE ===== *\/\r\n.dh-hero-title .sub-highlight {\r\n    color: #ffffff;\r\n    display: block;\r\n    font-size: clamp(0.9rem, 1.5vw, 1.3rem);\r\n    font-weight: 400;\r\n    letter-spacing: 2px;\r\n    margin-top: 0.1rem;\r\n    opacity: 1;\r\n}\r\n\r\n\/* ===== DESCRIPTION - WHITE ===== *\/\r\n.dh-hero-desc {\r\n    font-size: clamp(0.85rem, 1vw, 1rem);\r\n    font-weight: 300;\r\n    color: #ffffff;\r\n    max-width: 520px;\r\n    margin: 0.6rem 0 1.2rem;\r\n    line-height: 1.8;\r\n    opacity: 0.9;\r\n}\r\n\r\n.dh-hero-desc i {\r\n    color: #01b49a;\r\n    margin: 0 4px;\r\n}\r\n\r\n\/* ===== PROJECTS LIST ===== *\/\r\n.dh-hero-projects {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.5rem 1rem;\r\n    margin: 0.5rem 0 1.5rem;\r\n    max-width: 550px;\r\n}\r\n\r\n.dh-hero-projects .project-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.4rem;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    padding: 0.35rem 1.2rem;\r\n    border-radius: 60px;\r\n    font-size: 0.75rem;\r\n    font-weight: 500;\r\n    color: #ffffff;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.dh-hero-projects .project-tag i {\r\n    color: #01b49a;\r\n    font-size: 0.6rem;\r\n}\r\n\r\n.dh-hero-projects .project-tag:hover {\r\n    background: rgba(1, 180, 154, 0.12);\r\n    border-color: rgba(1, 180, 154, 0.25);\r\n    color: #01b49a;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* ===== BUTTONS - UPDATED TO MATCH OTHER SECTIONS ===== *\/\r\n.dh-hero-buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.7rem;\r\n}\r\n\r\n.dh-btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    background: linear-gradient(135deg, #01b49a, #01d4b8);\r\n    color: #ffffff;\r\n    padding: 0.65rem 2rem;\r\n    border-radius: 60px;\r\n    font-weight: 700;\r\n    font-size: 0.8rem;\r\n    text-decoration: none !important;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    box-shadow: 0 4px 20px rgba(1, 180, 154, 0.25);\r\n}\r\n\r\n.dh-btn-primary:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 40px rgba(1, 180, 154, 0.35);\r\n    background: linear-gradient(135deg, #01d4b8, #01f0d0);\r\n    color: #050404;\r\n}\r\n\r\n.dh-btn-primary i {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.dh-btn-primary:hover i {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.dh-btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    backdrop-filter: blur(12px);\r\n    border: 1.5px solid rgba(255, 255, 255, 0.08);\r\n    color: #ffffff;\r\n    padding: 0.65rem 2rem;\r\n    border-radius: 60px;\r\n    font-weight: 600;\r\n    font-size: 0.8rem;\r\n    text-decoration: none !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    cursor: pointer;\r\n}\r\n\r\n.dh-btn-secondary:hover {\r\n    background: rgba(1, 180, 154, 0.10);\r\n    border-color: rgba(1, 180, 154, 0.30);\r\n    color: #01b49a;\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 8px 35px rgba(1, 180, 154, 0.12);\r\n}\r\n\r\n.dh-btn-secondary i {\r\n    color: #01b49a;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.dh-btn-secondary:hover i {\r\n    transform: rotate(-45deg) scale(1.1);\r\n}\r\n\r\n\/* ===== SLIDE INDICATORS ===== *\/\r\n.dh-slide-indicators {\r\n    position: absolute;\r\n    bottom: 25px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 3;\r\n    display: flex;\r\n    gap: 12px;\r\n}\r\n\r\n.dh-slide-indicators .dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: rgba(199, 199, 200, 0.10);\r\n    border: 2px solid rgba(199, 199, 200, 0.04);\r\n    cursor: pointer;\r\n    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n.dh-slide-indicators .dot.active {\r\n    background: #01b49a;\r\n    border-color: #01b49a;\r\n    transform: scale(1.6);\r\n    box-shadow: 0 0 30px rgba(1, 180, 154, 0.25);\r\n}\r\n\r\n.dh-slide-indicators .dot:hover {\r\n    border-color: rgba(1, 180, 154, 0.30);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 992px) {\r\n    .dh-hero-content {\r\n        padding: 2rem 2.5rem;\r\n        max-width: 100%;\r\n    }\r\n    \r\n    .dh-hero-section {\r\n        justify-content: center;\r\n    }\r\n    \r\n    .dh-hero-text-overlay {\r\n        width: 70%;\r\n        background: linear-gradient(90deg, rgba(5, 4, 4, 0.92) 0%, rgba(5, 4, 4, 0.70) 60%, transparent 100%);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .dh-hero-section {\r\n        min-height: 70vh;\r\n    }\r\n    \r\n    .dh-hero-content {\r\n        padding: 1.8rem 1.5rem;\r\n        text-align: center;\r\n    }\r\n    \r\n    .dh-hero-text-overlay {\r\n        width: 100%;\r\n        background: linear-gradient(180deg, rgba(5, 4, 4, 0.90) 0%, rgba(5, 4, 4, 0.75) 100%);\r\n    }\r\n    \r\n    .dh-hero-desc {\r\n        max-width: 100%;\r\n        margin: 0.6rem auto 1.2rem;\r\n    }\r\n    \r\n    .dh-hero-projects {\r\n        justify-content: center;\r\n        max-width: 100%;\r\n        margin: 0.4rem auto 1.2rem;\r\n    }\r\n    \r\n    .dh-hero-projects .project-tag {\r\n        font-size: 0.65rem;\r\n        padding: 0.25rem 1rem;\r\n    }\r\n    \r\n    .dh-hero-buttons {\r\n        justify-content: center;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n    \r\n    .dh-btn-primary,\r\n    .dh-btn-secondary {\r\n        width: 100%;\r\n        max-width: 220px;\r\n        justify-content: center;\r\n        padding: 0.55rem 1.4rem;\r\n        font-size: 0.7rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .dh-hero-section {\r\n        min-height: 65vh;\r\n    }\r\n    \r\n    .dh-hero-content {\r\n        padding: 1.2rem 1rem;\r\n    }\r\n    \r\n    .dh-hero-title {\r\n        font-size: 1.8rem;\r\n    }\r\n    \r\n    .dh-hero-title .sub-highlight {\r\n        font-size: 0.8rem;\r\n    }\r\n    \r\n    .dh-hero-badge {\r\n        font-size: 0.45rem;\r\n        padding: 0.2rem 0.8rem;\r\n    }\r\n    \r\n    .dh-hero-desc {\r\n        font-size: 0.8rem;\r\n    }\r\n    \r\n    .dh-hero-projects .project-tag {\r\n        font-size: 0.55rem;\r\n        padding: 0.2rem 0.7rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== HERO SECTION - FULL WIDTH ===== -->\r\n<section class=\"dh-hero-section\">\r\n\r\n    <!-- Sliding Background Images -->\r\n    <div class=\"dh-hero-slides\">\r\n        <!-- \u2b07\ufe0f APNI 2 IMAGES KE URLs YAHAN LAGAO \u2b07\ufe0f -->\r\n        <div class=\"slide active\" style=\"background-image: url('https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/engineer-working-his-laptop-front-wind-generators.jpg');\"><\/div>\r\n        <div class=\"slide\" style=\"background-image: url('https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/medium-shot-environmental-engineers-checking-plan.jpg');\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- OVERLAY - SIRF TEXT AREA PAR -->\r\n    <div class=\"dh-hero-text-overlay\"><\/div>\r\n\r\n    <!-- Decorative Elements -->\r\n    <div class=\"dh-hero-deco dh-hero-deco-1\"><\/div>\r\n    <div class=\"dh-hero-deco dh-hero-deco-2\"><\/div>\r\n\r\n    <!-- Content -->\r\n    <div class=\"dh-hero-content\" id=\"heroContent\">\r\n\r\n        <!-- Badge -->\r\n        <div class=\"dh-hero-badge\">\r\n            <i class=\"fas fa-leaf\"><\/i> Engineering Innovation\r\n        <\/div>\r\n\r\n        <!-- Heading -->\r\n        <h1 class=\"dh-hero-title\">\r\n            Engineering the Future of <span class=\"highlight\">Sustainable Energy<\/span>\r\n            <span class=\"sub-highlight\"><\/span>\r\n        <\/h1>\r\n\r\n        <!-- Description -->\r\n        <p class=\"dh-hero-desc\">\r\n            <i class=\"fas fa-recycle\"><\/i> DH ENTERPRISES develops innovative engineering solutions \r\n            that integrate wind, solar, and hydro technologies into intelligent infrastructure, \r\n            delivering reliable, efficient, and sustainable energy for the future.\r\n        <\/p>\r\n\r\n        <!-- Projects List -->\r\n        <div class=\"dh-hero-projects\">\r\n            <span class=\"project-tag\"><i class=\"fas fa-wind\"><\/i> The RWT<\/span>\r\n            <span class=\"project-tag\"><i class=\"fas fa-hotel\"><\/i> The Vmont Hotel<\/span>\r\n            <span class=\"project-tag\"><i class=\"fas fa-water\"><\/i> Hydro Tower System<\/span>\r\n            <span class=\"project-tag\"><i class=\"fas fa-fire\"><\/i> Lava Steam Generator<\/span>\r\n            <span class=\"project-tag\"><i class=\"fas fa-rocket\"><\/i> The Floatilla LAV<\/span>\r\n            <span class=\"project-tag\"><i class=\"fas fa-train\"><\/i> Truss Hybrid Rail<\/span>\r\n        <\/div>\r\n\r\n        <!-- Buttons -->\r\n        <div class=\"dh-hero-buttons\">\r\n            <a href=\"#\" class=\"dh-btn-primary\">\r\n                <i class=\"fas fa-arrow-right\"><\/i> Explore Our Solutions\r\n            <\/a>\r\n            <a href=\"#\" class=\"dh-btn-secondary\">\r\n                <i class=\"fas fa-envelope\"><\/i> Contact Us\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Slide Indicators -->\r\n    <div class=\"dh-slide-indicators\">\r\n        <span class=\"dot active\" data-slide=\"0\"><\/span>\r\n        <span class=\"dot\" data-slide=\"1\"><\/span>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== FONT AWESOME ICONS ===== -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<!-- ===== JAVASCRIPT FOR SLIDER ===== -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const slides = document.querySelectorAll('.dh-hero-slides .slide');\r\n    const dots = document.querySelectorAll('.dh-slide-indicators .dot');\r\n    const heroContent = document.getElementById('heroContent');\r\n    let currentSlide = 0;\r\n    const totalSlides = slides.length;\r\n    let autoSlideInterval;\r\n    let isAnimating = false;\r\n\r\n    function goToSlide(index) {\r\n        if (isAnimating || index === currentSlide) return;\r\n        isAnimating = true;\r\n\r\n        slides.forEach(function(slide) {\r\n            slide.classList.remove('active');\r\n            slide.style.animation = 'none';\r\n        });\r\n        dots.forEach(function(dot) {\r\n            dot.classList.remove('active');\r\n        });\r\n\r\n        \/\/ Force reflow to restart animation\r\n        void slides[0].offsetWidth;\r\n\r\n        slides[index].classList.add('active');\r\n        slides[index].style.animation = 'zoomBg 16s ease-in-out infinite alternate';\r\n        dots[index].classList.add('active');\r\n\r\n        heroContent.classList.remove('slide-up-active');\r\n        heroContent.classList.add('slide-up');\r\n        \r\n        setTimeout(function() {\r\n            heroContent.classList.remove('slide-up');\r\n            heroContent.classList.add('slide-up-active');\r\n        }, 150);\r\n\r\n        currentSlide = index;\r\n        \r\n        setTimeout(function() {\r\n            isAnimating = false;\r\n        }, 900);\r\n    }\r\n\r\n    function nextSlide() {\r\n        var next = (currentSlide + 1) % totalSlides;\r\n        goToSlide(next);\r\n    }\r\n\r\n    function startAutoSlide() {\r\n        if (autoSlideInterval) clearInterval(autoSlideInterval);\r\n        autoSlideInterval = setInterval(nextSlide, 4000);\r\n    }\r\n\r\n    function stopAutoSlide() {\r\n        if (autoSlideInterval) {\r\n            clearInterval(autoSlideInterval);\r\n            autoSlideInterval = null;\r\n        }\r\n    }\r\n\r\n    dots.forEach(function(dot, i) {\r\n        dot.addEventListener('click', function() {\r\n            var slideIndex = parseInt(this.getAttribute('data-slide'));\r\n            if (slideIndex === currentSlide) return;\r\n            stopAutoSlide();\r\n            goToSlide(slideIndex);\r\n            setTimeout(startAutoSlide, 600);\r\n        });\r\n    });\r\n\r\n    var heroSection = document.querySelector('.dh-hero-section');\r\n    heroSection.addEventListener('mouseenter', stopAutoSlide);\r\n    heroSection.addEventListener('mouseleave', startAutoSlide);\r\n\r\n    heroContent.classList.add('slide-up-active');\r\n    startAutoSlide();\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-e115b5e e-con-full e-flex e-con e-parent\" data-id=\"e115b5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4166985 elementor-widget elementor-widget-html\" data-id=\"4166985\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===== FONTS ===== *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n\/* ===== RESET ===== *\/\r\n.dh-about-section * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ===== ABOUT SECTION ===== *\/\r\n.dh-about-section {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 80vh;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 20px;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\r\n}\r\n\r\n\/* ===== CONTAINER ===== *\/\r\n.dh-about-container {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ===== ABOUT GRID - EQUAL SIZE ===== *\/\r\n.dh-about-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 3rem;\r\n    align-items: center;\r\n}\r\n\r\n\/* ===== LEFT SIDE - IMAGE (with flip animation) ===== *\/\r\n.dh-about-image {\r\n    position: relative;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\r\n    height: 420px;\r\n    perspective: 1000px;\r\n    opacity: 0;\r\n    transform: rotateY(-90deg) scale(0.8);\r\n    transform-origin: left center;\r\n    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n.dh-about-image.animate-in {\r\n    opacity: 1;\r\n    transform: rotateY(0deg) scale(1);\r\n}\r\n\r\n.dh-about-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.6s ease;\r\n}\r\n\r\n.dh-about-image:hover img {\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* ===== BADGE - TOP LEFT (ONLY ONE) ===== *\/\r\n.dh-about-image .image-badge-top {\r\n    position: absolute;\r\n    top: 20px;\r\n    left: -8px;\r\n    background: rgba(5, 4, 4, 0.88);\r\n    backdrop-filter: blur(12px);\r\n    padding: 0.6rem 1.6rem;\r\n    border-radius: 60px;\r\n    color: #ffffff;\r\n    font-size: 0.7rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.5px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    z-index: 3;\r\n    border: 1px solid rgba(255, 255, 255, 0.06);\r\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.dh-about-image .image-badge-top i {\r\n    color: #01b49a;\r\n    font-size: 0.8rem;\r\n}\r\n\r\n.dh-about-image:hover .image-badge-top {\r\n    transform: translateY(5px);\r\n    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.20);\r\n}\r\n\r\n\/* ===== RIGHT SIDE - CONTENT (with flip animation) ===== *\/\r\n.dh-about-content {\r\n    padding-left: 0.5rem;\r\n    opacity: 0;\r\n    transform: rotateY(90deg) scale(0.8);\r\n    transform-origin: right center;\r\n    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;\r\n}\r\n\r\n.dh-about-content.animate-in {\r\n    opacity: 1;\r\n    transform: rotateY(0deg) scale(1);\r\n}\r\n\r\n.dh-about-content .about-badge {\r\n    display: inline-block;\r\n    background: rgba(1, 180, 154, 0.08);\r\n    border: 1px solid rgba(1, 180, 154, 0.12);\r\n    padding: 0.25rem 1.2rem;\r\n    border-radius: 60px;\r\n    font-size: 0.6rem;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: #01b49a;\r\n    margin-bottom: 0.6rem;\r\n}\r\n\r\n.dh-about-content .about-badge i {\r\n    margin-right: 6px;\r\n}\r\n\r\n.dh-about-content h2 {\r\n    font-size: clamp(1.8rem, 3.5vw, 2.8rem);\r\n    font-weight: 800;\r\n    color: #050404;\r\n    line-height: 1.1;\r\n    margin-bottom: 0.3rem;\r\n}\r\n\r\n.dh-about-content h2 .highlight {\r\n    color: #01b49a;\r\n}\r\n\r\n.dh-about-content .about-desc {\r\n    font-size: clamp(0.9rem, 1vw, 0.95rem);\r\n    color: #3b3a3d;\r\n    line-height: 1.8;\r\n    margin-bottom: 1.2rem;\r\n    opacity: 0.8;\r\n}\r\n\r\n.dh-about-content .about-desc i {\r\n    color: #01b49a;\r\n    margin: 0 4px;\r\n}\r\n\r\n\/* ===== FEATURES ===== *\/\r\n.dh-about-features {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.6rem 1.5rem;\r\n    margin-bottom: 1.5rem;\r\n}\r\n\r\n.dh-about-features .feature-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    color: #050404;\r\n    font-size: 0.8rem;\r\n    font-weight: 500;\r\n}\r\n\r\n.dh-about-features .feature-item i {\r\n    color: #01b49a;\r\n    font-size: 0.8rem;\r\n    width: 20px;\r\n    text-align: center;\r\n}\r\n\r\n\/* ===== BUTTON ===== *\/\r\n.dh-about-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    background: linear-gradient(135deg, #01b49a, #01d4b8);\r\n    color: #ffffff;\r\n    padding: 0.65rem 2rem;\r\n    border-radius: 60px;\r\n    font-weight: 700;\r\n    font-size: 0.8rem;\r\n    text-decoration: none !important;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    box-shadow: 0 4px 20px rgba(1, 180, 154, 0.25);\r\n}\r\n\r\n.dh-about-btn:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 40px rgba(1, 180, 154, 0.35);\r\n    background: linear-gradient(135deg, #01d4b8, #01f0d0);\r\n    color: #050404;\r\n}\r\n\r\n.dh-about-btn i {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.dh-about-btn:hover i {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 992px) {\r\n    .dh-about-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n    }\r\n    \r\n    .dh-about-content {\r\n        padding-left: 0;\r\n        text-align: center;\r\n    }\r\n    \r\n    .dh-about-features {\r\n        justify-content: center;\r\n    }\r\n    \r\n    .dh-about-image {\r\n        height: 320px;\r\n    }\r\n    \r\n    .dh-about-image .image-badge-top {\r\n        left: 10px;\r\n        top: 15px;\r\n        padding: 0.4rem 1rem;\r\n        font-size: 0.6rem;\r\n    }\r\n\r\n    .dh-about-image {\r\n        transform-origin: center top;\r\n    }\r\n    \r\n    .dh-about-content {\r\n        transform-origin: center bottom;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .dh-about-section {\r\n        min-height: auto;\r\n        padding: 2.5rem 1.5rem;\r\n    }\r\n    \r\n    .dh-about-image {\r\n        height: 250px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .dh-about-section {\r\n        padding: 2rem 1rem;\r\n    }\r\n    \r\n    .dh-about-image {\r\n        height: 200px;\r\n        border-radius: 16px;\r\n    }\r\n    \r\n    .dh-about-image .image-badge-top {\r\n        left: 5px;\r\n        top: 10px;\r\n        padding: 0.3rem 0.8rem;\r\n        font-size: 0.5rem;\r\n    }\r\n    \r\n    .dh-about-features {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 0.4rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== ABOUT US SECTION ===== -->\r\n<section class=\"dh-about-section\" id=\"aboutSection\">\r\n\r\n    <div class=\"dh-about-container\">\r\n\r\n        <div class=\"dh-about-grid\">\r\n\r\n            <!-- LEFT SIDE - IMAGE -->\r\n            <div class=\"dh-about-image\" id=\"aboutImage\">\r\n                <!-- \u2b07\ufe0f APNI IMAGE KA URL YAHAN LAGAO \u2b07\ufe0f -->\r\n                <img decoding=\"async\" src=\"https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/solar-lab.jpg\" alt=\"DH Enterprises - Environmental Engineering\">\r\n                \r\n                <!-- BADGE - TOP LEFT (ONLY ONE) -->\r\n                <div class=\"image-badge-top\">\r\n                    <i class=\"fas fa-medal\"><\/i> Trusted Worldwide\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- RIGHT SIDE - CONTENT -->\r\n            <div class=\"dh-about-content\" id=\"aboutContent\">\r\n\r\n                <!-- Badge -->\r\n                <div class=\"about-badge\">\r\n                    <i class=\"fas fa-info-circle\"><\/i> About Us\r\n                <\/div>\r\n\r\n                <!-- Heading -->\r\n                <h2>\r\n                    Engineering Innovation for a <span class=\"highlight\">Sustainable Future<\/span>\r\n                <\/h2>\r\n\r\n                <!-- Description -->\r\n                <p class=\"about-desc\">\r\n                    <i class=\"fas fa-recycle\"><\/i> At DH ENTERPRISES, we are committed to transforming the future \r\n                    through innovative engineering and sustainable energy solutions. Our mission is to develop \r\n                    advanced technologies that address modern infrastructure challenges while promoting \r\n                    environmental responsibility. By combining engineering expertise with renewable energy \r\n                    innovation, we create reliable, efficient, and future-ready solutions for communities, \r\n                    industries, and governments.\r\n                <\/p>\r\n\r\n                <!-- Features -->\r\n                <div class=\"dh-about-features\">\r\n                    <span class=\"feature-item\">\r\n                        <i class=\"fas fa-check-circle\"><\/i> Clean Energy Solutions\r\n                    <\/span>\r\n                    <span class=\"feature-item\">\r\n                        <i class=\"fas fa-check-circle\"><\/i> Sustainable Infrastructure\r\n                    <\/span>\r\n                    <span class=\"feature-item\">\r\n                        <i class=\"fas fa-check-circle\"><\/i> Eco-Innovation &amp; Technology\r\n                    <\/span>\r\n                    <span class=\"feature-item\">\r\n                        <i class=\"fas fa-check-circle\"><\/i> Future-Ready Engineering\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <!-- Button -->\r\n                <a href=\"#\" class=\"dh-about-btn\">\r\n                    <i class=\"fas fa-arrow-right\"><\/i> Learn More About Us\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- ===== FONT AWESOME ICONS ===== -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<!-- ===== SCROLL ANIMATION JAVASCRIPT ===== -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const image = document.getElementById('aboutImage');\r\n    const content = document.getElementById('aboutContent');\r\n    let animated = false;\r\n\r\n    function checkScroll() {\r\n        if (animated) return;\r\n        \r\n        const section = document.getElementById('aboutSection');\r\n        const rect = section.getBoundingClientRect();\r\n        const triggerPoint = window.innerHeight * 0.85;\r\n        \r\n        if (rect.top < triggerPoint) {\r\n            image.classList.add('animate-in');\r\n            content.classList.add('animate-in');\r\n            animated = true;\r\n        }\r\n    }\r\n\r\n    \/\/ Check on scroll\r\n    window.addEventListener('scroll', checkScroll);\r\n    \/\/ Check on load\r\n    setTimeout(checkScroll, 300);\r\n    \/\/ Check on resize\r\n    window.addEventListener('resize', checkScroll);\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-08892cf e-con-full e-flex e-con e-parent\" data-id=\"08892cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a30b1e2 elementor-widget elementor-widget-html\" data-id=\"a30b1e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ----- RESET & BASE ----- *\/\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ----- PROJECT SHOWCASE (CARD) ----- *\/\r\n.dh-project-showcase {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    background: #ffffff;\r\n    border-radius: 2rem;\r\n    box-shadow: 0 30px 60px -20px rgba(0,0,0,0.08);\r\n    padding: 3rem 1.8rem 2.5rem;\r\n    transition: all 0.2s;\r\n    margin: 0 auto;\r\n}\r\n\r\n.dh-showcase-container {\r\n    width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* ----- HEADER ----- *\/\r\n.dh-showcase-header {\r\n    text-align: center;\r\n    margin-bottom: 2.2rem;\r\n}\r\n\r\n.dh-showcase-header .badge {\r\n    display: inline-block;\r\n    background: rgba(1, 180, 154, 0.07);\r\n    border: 1px solid rgba(1, 180, 154, 0.10);\r\n    padding: 0.3rem 1.6rem;\r\n    border-radius: 60px;\r\n    font-size: 0.6rem;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: #01b49a;\r\n    margin-bottom: 0.6rem;\r\n}\r\n\r\n.dh-showcase-header .badge i {\r\n    margin-right: 8px;\r\n}\r\n\r\n.dh-showcase-header h2 {\r\n    font-size: clamp(1.8rem, 4.5vw, 2.8rem);\r\n    font-weight: 900;\r\n    color: #050404;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.dh-showcase-header h2 .highlight {\r\n    color: #01b49a;\r\n}\r\n\r\n.dh-showcase-header p {\r\n    font-size: clamp(0.85rem, 1vw, 1rem);\r\n    color: #5e5d62;\r\n    max-width: 600px;\r\n    margin: 0.5rem auto 0;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* ----- TABS ----- *\/\r\n.dh-project-tabs {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 0.5rem 0.6rem;\r\n    margin-bottom: 2rem;\r\n}\r\n\r\n.dh-project-tabs .tab-btn {\r\n    padding: 0.4rem 1.2rem;\r\n    border-radius: 60px;\r\n    border: 1.5px solid rgba(5, 4, 4, 0.06);\r\n    background: #f8fafb;\r\n    color: #5e5d62;\r\n    font-size: 0.65rem;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    font-family: 'Inter', sans-serif;\r\n    letter-spacing: 0.3px;\r\n}\r\n\r\n.dh-project-tabs .tab-btn:hover {\r\n    background: rgba(1, 180, 154, 0.05);\r\n    border-color: rgba(1, 180, 154, 0.15);\r\n    color: #01b49a;\r\n}\r\n\r\n.dh-project-tabs .tab-btn.active {\r\n    background: linear-gradient(135deg, #01b49a, #01d4b8);\r\n    border-color: #01b49a;\r\n    color: #ffffff;\r\n    box-shadow: 0 4px 18px rgba(1, 180, 154, 0.2);\r\n}\r\n\r\n\/* ----- CONTENT GRID (image + details) ----- *\/\r\n.dh-showcase-content {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.1fr;\r\n    gap: 0;\r\n    background: #f8fafb;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    min-height: 460px;\r\n    border: 1px solid rgba(5, 4, 4, 0.04);\r\n}\r\n\r\n\/* ===== LEFT: IMAGE (FULL VISIBLE - NO CUT) ===== *\/\r\n.dh-showcase-image {\r\n    height: 100%;\r\n    min-height: 460px;\r\n    overflow: hidden;\r\n    background: #dce2e8;\r\n    border-radius: 24px 0 0 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n}\r\n\r\n.dh-showcase-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n\/* ----- RIGHT: DETAILS (FULL CONTENT) ----- *\/\r\n.dh-showcase-details {\r\n    padding: 1.8rem 2.2rem 1.8rem 2rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    height: 100%;\r\n    min-height: 460px;\r\n    overflow-y: auto;\r\n    background: #f8fafb;\r\n    border-radius: 0 24px 24px 0;\r\n    transition: opacity 0.35s ease, transform 0.35s ease;\r\n}\r\n\r\n\/* project number *\/\r\n.dh-showcase-details .project-number {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n    font-size: 0.55rem;\r\n    font-weight: 700;\r\n    color: #01b49a;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 0.2rem;\r\n}\r\n\r\n.dh-showcase-details .project-number .num-badge {\r\n    background: rgba(1, 180, 154, 0.08);\r\n    padding: 0.15rem 1rem;\r\n    border-radius: 60px;\r\n    font-size: 0.6rem;\r\n}\r\n\r\n.dh-showcase-details .project-number .line {\r\n    flex: 1;\r\n    height: 1px;\r\n    background: rgba(5, 4, 4, 0.06);\r\n    max-width: 60px;\r\n}\r\n\r\n\/* title *\/\r\n.dh-showcase-details h3 {\r\n    font-size: clamp(1.3rem, 2.2vw, 2rem);\r\n    font-weight: 800;\r\n    color: #050404;\r\n    line-height: 1.1;\r\n    margin-bottom: 0.05rem;\r\n}\r\n\r\n.dh-showcase-details h3 .highlight {\r\n    color: #01b49a;\r\n}\r\n\r\n\/* full name *\/\r\n.dh-showcase-details .project-full-name {\r\n    font-size: 0.85rem;\r\n    color: #5e5d62;\r\n    font-weight: 500;\r\n    margin-bottom: 0.4rem;\r\n    letter-spacing: 0.2px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.4rem;\r\n}\r\n\r\n.dh-showcase-details .project-full-name i {\r\n    color: #01b49a;\r\n    font-size: 0.7rem;\r\n}\r\n\r\n\/* description *\/\r\n.dh-showcase-details .project-desc {\r\n    font-size: 0.9rem;\r\n    color: #2f2e31;\r\n    line-height: 1.7;\r\n    margin-bottom: 0.6rem;\r\n    opacity: 0.85;\r\n}\r\n\r\n.dh-showcase-details .project-desc i {\r\n    color: #01b49a;\r\n    margin-right: 4px;\r\n}\r\n\r\n\/* specs chips *\/\r\n.dh-showcase-details .specs-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.3rem 0.8rem;\r\n    margin-bottom: 0.3rem;\r\n}\r\n\r\n.dh-showcase-details .specs-list .spec-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.3rem;\r\n    font-size: 0.65rem;\r\n    color: #2f2e31;\r\n    font-weight: 500;\r\n    background: rgba(1, 180, 154, 0.04);\r\n    padding: 0.15rem 0.8rem;\r\n    border-radius: 60px;\r\n}\r\n\r\n.dh-showcase-details .specs-list .spec-item i {\r\n    color: #01b49a;\r\n    font-size: 0.55rem;\r\n}\r\n\r\n\/* extra details *\/\r\n.dh-showcase-details .extra-details {\r\n    font-size: 0.72rem;\r\n    color: #4a494d;\r\n    line-height: 1.8;\r\n    margin-top: 0.4rem;\r\n    padding-top: 0.6rem;\r\n    border-top: 1px solid rgba(5, 4, 4, 0.04);\r\n}\r\n\r\n.dh-showcase-details .extra-details strong {\r\n    color: #050404;\r\n    font-weight: 600;\r\n}\r\n\r\n.dh-showcase-details .extra-details .detail-row {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 0.6rem;\r\n    margin-bottom: 0.3rem;\r\n    padding: 0.15rem 0;\r\n    border-bottom: 1px solid rgba(5, 4, 4, 0.02);\r\n}\r\n\r\n.dh-showcase-details .extra-details .detail-row i {\r\n    color: #01b49a;\r\n    font-size: 0.6rem;\r\n    width: 16px;\r\n    margin-top: 2px;\r\n}\r\n\r\n.dh-showcase-details .extra-details .detail-row .label {\r\n    color: #7a797f;\r\n    font-weight: 500;\r\n    min-width: 95px;\r\n    font-size: 0.68rem;\r\n    letter-spacing: 0.3px;\r\n}\r\n\r\n.dh-showcase-details .extra-details .detail-row .value {\r\n    color: #050404;\r\n    font-weight: 500;\r\n    font-size: 0.72rem;\r\n}\r\n\r\n.dh-showcase-details .extra-details .detail-section {\r\n    margin-top: 0.4rem;\r\n    padding-top: 0.4rem;\r\n    border-top: 1px solid rgba(5, 4, 4, 0.04);\r\n}\r\n\r\n.dh-showcase-details .extra-details .detail-section .section-title {\r\n    font-weight: 700;\r\n    color: #050404;\r\n    font-size: 0.7rem;\r\n    display: block;\r\n    margin-bottom: 0.15rem;\r\n}\r\n\r\n.dh-showcase-details .extra-details .detail-section .section-text {\r\n    color: #4a494d;\r\n    font-size: 0.7rem;\r\n    line-height: 1.7;\r\n}\r\n\r\n.dh-showcase-details .extra-details .detail-section .section-text i {\r\n    color: #01b49a;\r\n    font-size: 0.5rem;\r\n    margin: 0 3px;\r\n}\r\n\r\n\/* ----- FILTER DOTS ----- *\/\r\n.dh-filter-dots {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.8rem;\r\n    margin-top: 0.8rem;\r\n    padding-top: 0.8rem;\r\n    border-top: 1px solid rgba(5, 4, 4, 0.04);\r\n}\r\n\r\n.dh-filter-dots .dot-label-text {\r\n    font-size: 0.55rem;\r\n    color: #7a797f;\r\n    font-weight: 500;\r\n    margin-right: 0.2rem;\r\n}\r\n\r\n.dh-filter-dots .dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: rgba(5, 4, 4, 0.08);\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n}\r\n\r\n.dh-filter-dots .dot::after {\r\n    content: attr(data-label);\r\n    position: absolute;\r\n    bottom: -16px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    font-size: 0.4rem;\r\n    color: #7a797f;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n    white-space: nowrap;\r\n}\r\n\r\n.dh-filter-dots .dot:hover::after {\r\n    opacity: 1;\r\n}\r\n\r\n.dh-filter-dots .dot.active {\r\n    background: #01b49a;\r\n    transform: scale(1.5);\r\n    box-shadow: 0 0 18px rgba(1, 180, 154, 0.25);\r\n}\r\n\r\n.dh-filter-dots .dot:hover {\r\n    background: rgba(1, 180, 154, 0.3);\r\n    transform: scale(1.3);\r\n}\r\n\r\n\/* ----- RESPONSIVE ----- *\/\r\n@media (max-width: 992px) {\r\n    .dh-showcase-content {\r\n        grid-template-columns: 1fr;\r\n        min-height: auto;\r\n    }\r\n    .dh-showcase-image {\r\n        min-height: 280px;\r\n        border-radius: 24px 24px 0 0;\r\n    }\r\n    .dh-showcase-image img {\r\n        height: 280px;\r\n    }\r\n    .dh-showcase-details {\r\n        min-height: auto;\r\n        padding: 1.8rem 1.8rem;\r\n        border-radius: 0 0 24px 24px;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .dh-project-showcase {\r\n        padding: 1.8rem 1rem;\r\n    }\r\n    .dh-showcase-image {\r\n        min-height: 200px;\r\n    }\r\n    .dh-showcase-image img {\r\n        height: 200px;\r\n    }\r\n    .dh-showcase-details {\r\n        padding: 1.5rem 1.2rem;\r\n    }\r\n    .dh-project-tabs .tab-btn {\r\n        font-size: 0.6rem;\r\n        padding: 0.3rem 0.9rem;\r\n    }\r\n    .dh-showcase-details .extra-details .detail-row {\r\n        flex-wrap: wrap;\r\n        gap: 0.2rem;\r\n    }\r\n    .dh-showcase-details .extra-details .detail-row .label {\r\n        min-width: 70px;\r\n        font-size: 0.6rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== PROJECT SHOWCASE SECTION ===== -->\r\n<section class=\"dh-project-showcase\">\r\n    <div class=\"dh-showcase-container\">\r\n\r\n        <div class=\"dh-showcase-header\">\r\n            <div class=\"badge\">\r\n                <i class=\"fas fa-project-diagram\"><\/i> Our Projects\r\n            <\/div>\r\n            <h2>\r\n                Designed, Working &amp; <span class=\"highlight\">Developing<\/span>\r\n            <\/h2>\r\n            <p>\r\n                DH Enterprises has designed, is working on, and developing these innovative projects\r\n                that are shaping the future of sustainable energy and infrastructure.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"dh-project-tabs\" id=\"projectTabs\">\r\n            <button class=\"tab-btn active\" data-project=\"0\">RWT<\/button>\r\n            <button class=\"tab-btn\" data-project=\"1\">Vmont Hotel<\/button>\r\n            <button class=\"tab-btn\" data-project=\"2\">Hydro Tower<\/button>\r\n            <button class=\"tab-btn\" data-project=\"3\">Lava Steam<\/button>\r\n            <button class=\"tab-btn\" data-project=\"4\">Floatilla<\/button>\r\n            <button class=\"tab-btn\" data-project=\"5\">Truss Rail<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"dh-showcase-content\" id=\"showcaseContent\">\r\n            <div class=\"dh-showcase-image\" id=\"showcaseImage\">\r\n                <img decoding=\"async\" src=\"https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/Rev1.png\" alt=\"Project\" \/>\r\n            <\/div>\r\n            <div class=\"dh-showcase-details\" id=\"showcaseDetails\"><\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const projects = [{\r\n        number: '01',\r\n        name: 'The RWT',\r\n        fullName: 'The Revolution Wind Tower',\r\n        desc: 'Next-generation vertical axis wind tower with adaptive blade morphing. Maximizes energy capture in urban & remote environments. Silent, bird\u2011safe, and self\u2011orienting.',\r\n        specs: ['120m Height', '2.4 MW', 'Bird-Safe', 'Silent'],\r\n        extra: `\r\n            <div class=\"detail-row\"><i class=\"fas fa-tag\"><\/i><span class=\"label\">Type<\/span><span class=\"value\">Vertical Axis Wind Turbine<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-cogs\"><\/i><span class=\"label\">Technology<\/span><span class=\"value\">Adaptive Blade Morphing<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-ruler-vertical\"><\/i><span class=\"label\">Height<\/span><span class=\"value\">120m<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-bolt\"><\/i><span class=\"label\">Power Output<\/span><span class=\"value\">2.4 MW<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-check-circle\"><\/i><span class=\"label\">Safety Features<\/span><span class=\"value\">Bird-Safe \u00b7 Silent Operation<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-sync-alt\"><\/i><span class=\"label\">Orientation<\/span><span class=\"value\">Self-Orienting<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-globe-americas\"><\/i><span class=\"label\">Applications<\/span><span class=\"value\">Urban \u00b7 Remote \u00b7 Industrial<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-leaf\"><\/i><span class=\"label\">Sustainability<\/span><span class=\"value\">Low environmental impact \u00b7 Clean energy<\/span><\/div>\r\n        `,\r\n        image: 'https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/wind-turbines-generating-clean-energy-2.jpg'\r\n    }, {\r\n        number: '02',\r\n        name: 'The Vmont Hotel',\r\n        fullName: 'The Vmont Hotel',\r\n        desc: 'Eco-friendly luxury hotel designed with integrated renewable energy systems, sustainable architecture, and green building practices for a carbon-neutral future.',\r\n        specs: ['Eco-Friendly', 'Solar Powered', 'Water Conservation', 'Green Building'],\r\n        extra: `\r\n            <div class=\"detail-row\"><i class=\"fas fa-tag\"><\/i><span class=\"label\">Type<\/span><span class=\"value\">Sustainable Luxury Hotel<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-map-marker-alt\"><\/i><span class=\"label\">Location<\/span><span class=\"value\">Mountain Resort<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-users\"><\/i><span class=\"label\">Capacity<\/span><span class=\"value\">150+ Guests<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-sun\"><\/i><span class=\"label\">Energy Source<\/span><span class=\"value\">Solar Panels \u00b7 Renewable Power<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-water\"><\/i><span class=\"label\">Water Management<\/span><span class=\"value\">Rainwater Harvesting<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-leaf\"><\/i><span class=\"label\">Sustainability<\/span><span class=\"value\">Carbon-Neutral \u00b7 Zero-Waste<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-building\"><\/i><span class=\"label\">Architecture<\/span><span class=\"value\">Green Building \u00b7 Eco-Design<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-check-circle\"><\/i><span class=\"label\">Certification<\/span><span class=\"value\">LEED Certified \u00b7 Green Key<\/span><\/div>\r\n        `,\r\n        image: 'https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/images-11.jpg'\r\n    }, {\r\n        number: '03',\r\n        name: 'The Hydro Tower System',\r\n        fullName: 'The HTS \u2014 Hydro Tower System',\r\n        desc: 'A renewable hybrid energy solution that combines wind, solar, and water power to deliver clean, reliable energy for thousands of homes.',\r\n        specs: ['100kW Wind', '24\u00d7160W Solar', '5\u201370kW Hydro', '750kW Output'],\r\n        extra: `\r\n            <div class=\"detail-row\"><i class=\"fas fa-ruler-combined\"><\/i><span class=\"label\">Dimensions<\/span><span class=\"value\">190\\' h \u00d7 60\\' w \u00d7 60\\' d<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-bolt\"><\/i><span class=\"label\">Max Output<\/span><span class=\"value\">750kW (850kW with batteries)<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-home\"><\/i><span class=\"label\">Coverage<\/span><span class=\"value\">6,000\u201318,000 sq ft homes<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-leaf\"><\/i><span class=\"label\">Energy Type<\/span><span class=\"value\">Renewable Hybrid Power<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-battery-full\"><\/i><span class=\"label\">Storage<\/span><span class=\"value\">Battery support up to 850kW<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-check-circle\"><\/i><span class=\"label\">Sustainability<\/span><span class=\"value\">Low-impact, high-efficiency power<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-wind\"><\/i><span class=\"label\">Wind Turbine<\/span><span class=\"value\">100kW \u00b7 High-efficiency horizontal axis<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-sun\"><\/i><span class=\"label\">Solar Panels<\/span><span class=\"value\">24\u00d7160W + 60\\'\u00d7160\\' array = 300kW total<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-water\"><\/i><span class=\"label\">Hydro Turbines<\/span><span class=\"value\">5\u201370kW \u00b7 Multiple micro turbines<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-sync-alt\"><\/i><span class=\"label\">Hybrid System<\/span><span class=\"value\">Wind, solar, and water working together<\/span><\/div>\r\n        `,\r\n        image: 'https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/Rev1.png'\r\n    }, {\r\n        number: '04',\r\n        name: 'The Lava Steam Generator',\r\n        fullName: 'The Lava Steam Generator',\r\n        desc: 'Harnesses geothermal energy to generate clean, sustainable steam power for industrial applications and community energy needs with zero emissions.',\r\n        specs: ['Geothermal', 'Clean Energy', 'Sustainable', 'Zero Emissions'],\r\n        extra: `\r\n            <div class=\"detail-row\"><i class=\"fas fa-tag\"><\/i><span class=\"label\">Type<\/span><span class=\"value\">Geothermal Energy System<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-fire\"><\/i><span class=\"label\">Energy Source<\/span><span class=\"value\">Geothermal \u00b7 Steam Generation<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-bolt\"><\/i><span class=\"label\">Power Output<\/span><span class=\"value\">Scalable Steam Power<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-industry\"><\/i><span class=\"label\">Applications<\/span><span class=\"value\">Industrial \u00b7 Community Power<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-check-circle\"><\/i><span class=\"label\">Emissions<\/span><span class=\"value\">Zero Emissions \u00b7 Clean Energy<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-leaf\"><\/i><span class=\"label\">Sustainability<\/span><span class=\"value\">Renewable \u00b7 Low Operational Cost<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-sync-alt\"><\/i><span class=\"label\">Reliability<\/span><span class=\"value\">Baseload Power \u00b7 24\/7 Operation<\/span><\/div>\r\n        `,\r\n        image: 'https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/CSG_Food_Beverage_3D_right.jpg'\r\n    }, {\r\n        number: '05',\r\n        name: 'The Floatilla',\r\n        fullName: 'The Floatilla \u2014 Next Generation LAV',\r\n        desc: 'Inspired by ocean vessels and modern aeronautics \u2014 designed for sustainable transport, exploration, and tomorrow\\'s skies with all-electric propulsion.',\r\n        specs: ['425\\' Length', '40K lbs', '85 mph', '3\u20135 Days'],\r\n        extra: `\r\n            <div class=\"detail-row\"><i class=\"fas fa-tag\"><\/i><span class=\"label\">Type<\/span><span class=\"value\">Lighter-Than-Air Vehicle (LAV)<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-wind\"><\/i><span class=\"label\">Lifting Gas<\/span><span class=\"value\">Helium<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-cube\"><\/i><span class=\"label\">Volume<\/span><span class=\"value\">1,250,000 cu ft<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-users\"><\/i><span class=\"label\">Crew<\/span><span class=\"value\">4\u20136 Personnel<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-bolt\"><\/i><span class=\"label\">Propulsion<\/span><span class=\"value\">Electric Vector Thrust<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-bullseye\"><\/i><span class=\"label\">Applications<\/span><span class=\"value\">Cargo \u00b7 Surveillance \u00b7 Luxury Travel \u00b7 Scientific<\/span><\/div>\r\n            \r\n            <div class=\"detail-section\">\r\n                <span class=\"section-title\">\u26a1 Engineered For The Future<\/span>\r\n                <span class=\"section-text\"><i class=\"fas fa-circle\"><\/i> Advanced aerostatic lift with minimal drag <i class=\"fas fa-circle\"><\/i> Modular design for adaptable mission profiles <i class=\"fas fa-circle\"><\/i> Quiet, all-electric propulsion <i class=\"fas fa-circle\"><\/i> Sustainable materials and hydrogen fuel cells <i class=\"fas fa-circle\"><\/i> Maximum stability in all atmospheric conditions<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"detail-section\">\r\n                <span class=\"section-title\">\ud83c\udfd7\ufe0f Structural Overview<\/span>\r\n                <span class=\"section-text\"><i class=\"fas fa-circle\"><\/i> Helium Envelope <i class=\"fas fa-circle\"><\/i> Internal Load Frame <i class=\"fas fa-circle\"><\/i> Ballast &amp; Buoyancy Control System <i class=\"fas fa-circle\"><\/i> Payload \/ Cabin Module <i class=\"fas fa-circle\"><\/i> Vector Thrust Propulsion <i class=\"fas fa-circle\"><\/i> Stabilizer Fin<\/span>\r\n            <\/div>\r\n            \r\n            <div style=\"margin-top:6px;font-size:0.75rem;color:#01b49a;font-style:italic;text-align:center;border-top:1px solid rgba(1,180,154,0.06);padding-top:6px;\">\ud83c\udf3f Inspired by nature. Built for humanity.<\/div>\r\n        `,\r\n        image: 'https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-20-2026-04_38_13-PM-1.png'\r\n    }, {\r\n        number: '06',\r\n        name: 'The Truss Hybrid Rail System',\r\n        fullName: 'The Truss Hybrid Rail System',\r\n        desc: 'Innovative hybrid rail system combining traditional rail with sustainable energy technologies for efficient, eco-friendly transit and reduced carbon footprint.',\r\n        specs: ['Hybrid Power', 'Sustainable', 'High Efficiency', 'Low Carbon'],\r\n        extra: `\r\n            <div class=\"detail-row\"><i class=\"fas fa-tag\"><\/i><span class=\"label\">Type<\/span><span class=\"value\">Hybrid Rail System<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-bolt\"><\/i><span class=\"label\">Power Source<\/span><span class=\"value\">Electric + Sustainable Energy<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-train\"><\/i><span class=\"label\">Capacity<\/span><span class=\"value\">High-Speed Transit<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-leaf\"><\/i><span class=\"label\">Emissions<\/span><span class=\"value\">Reduced Carbon Footprint<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-sync-alt\"><\/i><span class=\"label\">Efficiency<\/span><span class=\"value\">High Efficiency \u00b7 Energy-Optimized<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-check-circle\"><\/i><span class=\"label\">Sustainability<\/span><span class=\"value\">Eco-Friendly Transit<\/span><\/div>\r\n            <div class=\"detail-row\"><i class=\"fas fa-cogs\"><\/i><span class=\"label\">Technology<\/span><span class=\"value\">Smart Infrastructure Integration<\/span><\/div>\r\n        `,\r\n        image: 'https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/images-12.jpg'\r\n    }];\r\n\r\n    const tabs = document.querySelectorAll('.tab-btn');\r\n    const showcaseImage = document.getElementById('showcaseImage');\r\n    const showcaseDetails = document.getElementById('showcaseDetails');\r\n\r\n    function updateProject(index) {\r\n        const project = projects[index];\r\n        if (!project) return;\r\n\r\n        showcaseImage.innerHTML = `<img decoding=\"async\" src=\"${project.image}\" alt=\"${project.name}\">`;\r\n\r\n        showcaseDetails.style.opacity = '0';\r\n        showcaseDetails.style.transform = 'translateY(12px)';\r\n\r\n        setTimeout(function() {\r\n            let extraHTML = '';\r\n            if (project.extra) {\r\n                extraHTML = `<div class=\"extra-details\">${project.extra}<\/div>`;\r\n            }\r\n\r\n            showcaseDetails.innerHTML = `\r\n                <div class=\"project-number\">\r\n                    <span class=\"num-badge\">Project ${project.number}<\/span>\r\n                    <span class=\"line\"><\/span>\r\n                <\/div>\r\n                <h3>\r\n                    <span class=\"highlight\">${project.name}<\/span>\r\n                <\/h3>\r\n                <p class=\"project-full-name\">\r\n                    <i class=\"fas fa-arrow-right\"><\/i> ${project.fullName}\r\n                <\/p>\r\n                <p class=\"project-desc\">\r\n                    <i class=\"fas fa-recycle\"><\/i> ${project.desc}\r\n                <\/p>\r\n                <div class=\"specs-list\">\r\n                    ${project.specs.map(function(s) {\r\n                        return `<span class=\"spec-item\"><i class=\"fas fa-check-circle\"><\/i> ${s}<\/span>`;\r\n                    }).join('')}\r\n                <\/div>\r\n                ${extraHTML}\r\n                <div class=\"dh-filter-dots\">\r\n                    <span class=\"dot-label-text\">Projects<\/span>\r\n                    ${projects.map(function(_, i) {\r\n                        return `<span class=\"dot ${i === index ? 'active' : ''}\" data-project=\"${i}\" data-label=\"${(i + 1) * 0.1}\"><\/span>`;\r\n                    }).join('')}\r\n                <\/div>\r\n            `;\r\n\r\n            document.querySelectorAll('.dh-filter-dots .dot').forEach(function(dot) {\r\n                dot.addEventListener('click', function() {\r\n                    var idx = parseInt(this.getAttribute('data-project'), 10);\r\n                    updateProject(idx);\r\n                    updateActiveStates(idx);\r\n                });\r\n            });\r\n\r\n            showcaseDetails.style.opacity = '1';\r\n            showcaseDetails.style.transform = 'translateY(0)';\r\n        }, 300);\r\n    }\r\n\r\n    function updateActiveStates(index) {\r\n        tabs.forEach(function(tab, i) {\r\n            if (i === index) {\r\n                tab.classList.add('active');\r\n            } else {\r\n                tab.classList.remove('active');\r\n            }\r\n        });\r\n        var dots = document.querySelectorAll('.dh-filter-dots .dot');\r\n        dots.forEach(function(dot, i) {\r\n            if (i === index) {\r\n                dot.classList.add('active');\r\n            } else {\r\n                dot.classList.remove('active');\r\n            }\r\n        });\r\n    }\r\n\r\n    tabs.forEach(function(tab, idx) {\r\n        tab.addEventListener('click', function() {\r\n            var projectIndex = parseInt(this.getAttribute('data-project'), 10);\r\n            updateProject(projectIndex);\r\n            updateActiveStates(projectIndex);\r\n        });\r\n    });\r\n\r\n    updateProject(0);\r\n    updateActiveStates(0);\r\n    showcaseDetails.style.transition = 'opacity 0.4s ease, transform 0.4s ease';\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-cc87a02 e-con-full e-flex e-con e-parent\" data-id=\"cc87a02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bea345c elementor-widget elementor-widget-html\" data-id=\"bea345c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ----- RESET & BASE (widget scope) ----- *\/\r\n.dh-what-we-do * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.dh-what-we-do {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 3rem 2rem;\r\n    background: #000000;   \/* black background *\/\r\n    border-radius: 2rem;\r\n    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\r\n    border: 1px solid rgba(255,255,255,0.03);\r\n    box-shadow: 0 30px 60px -20px rgba(0,0,0,0.6);\r\n    transition: all 0.2s;\r\n}\r\n\r\n\/* ----- HEADER (what we do) ----- *\/\r\n.dh-wwd-header {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    align-items: flex-start;  \/* Changed from flex-end to flex-start - button upar *\/\r\n    margin-bottom: 2.8rem;\r\n}\r\n\r\n.dh-wwd-header .left-col h6 {\r\n    display: inline-block;\r\n    background: rgba(1, 209, 181, 0.12);\r\n    color: #01D1B5;\r\n    font-size: 0.65rem;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    padding: 0.25rem 1.4rem;\r\n    border-radius: 60px;\r\n    margin-bottom: 0.4rem;\r\n    border: 1px solid rgba(1, 209, 181, 0.10);\r\n}\r\n\r\n.dh-wwd-header .left-col h2 {\r\n    font-size: clamp(1.8rem, 3.2vw, 2.8rem);\r\n    font-weight: 900;\r\n    color: #ffffff;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.dh-wwd-header .left-col h2 .highlight {\r\n    color: #01D1B5;\r\n    border-bottom: 3px solid rgba(1, 209, 181, 0.2);\r\n}\r\n\r\n.dh-wwd-header .left-col p {\r\n    color: rgba(255, 255, 255, 0.70);\r\n    font-size: 0.95rem;\r\n    margin-top: 0.5rem;\r\n    max-width: 380px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* ----- VIEW ALL SERVICES BUTTON (upar - aligned with sub-title) ----- *\/\r\n.dh-wwd-header .right-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    background: linear-gradient(135deg, #01D1B5, #01e0c4);\r\n    color: #ffffff;\r\n    padding: 0.55rem 1.6rem;\r\n    border-radius: 60px;\r\n    font-weight: 700;\r\n    font-size: 0.75rem;\r\n    text-decoration: none !important;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    box-shadow: 0 4px 20px rgba(1, 209, 181, 0.20);\r\n    white-space: nowrap;\r\n    margin-top: 80px; \/* Thora uper karne ke liye *\/\r\n}\r\n\r\n.dh-wwd-header .right-link i {\r\n    font-size: 0.65rem;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.dh-wwd-header .right-link:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 35px rgba(1, 209, 181, 0.30);\r\n    background: linear-gradient(135deg, #01e0c4, #01f0d0);\r\n    color: #000000;\r\n}\r\n\r\n.dh-wwd-header .right-link:hover i {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* ----- SERVICES GRID (cards with IMAGES) ----- *\/\r\n.dh-wwd-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 1.8rem;\r\n    margin-top: 0.5rem;\r\n}\r\n\r\n.dh-wwd-card {\r\n    background: rgba(255, 255, 255, 0.04);\r\n    backdrop-filter: blur(2px);\r\n    border-radius: 24px;\r\n    padding: 1.6rem 1.5rem 1.8rem;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 8px 24px rgba(0,0,0,0.2);\r\n    border: 1px solid rgba(255, 255, 255, 0.04);\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.dh-wwd-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #01D1B5, #01e0c4);\r\n    opacity: 0;\r\n    transition: 0.4s;\r\n}\r\n\r\n.dh-wwd-card:hover {\r\n    transform: translateY(-6px);\r\n    background: rgba(255, 255, 255, 0.07);\r\n    border-color: rgba(1, 209, 181, 0.15);\r\n    box-shadow: 0 20px 40px -12px rgba(0,0,0,0.4);\r\n}\r\n\r\n.dh-wwd-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n\/* ----- IMAGE (instead of icon) ----- *\/\r\n.dh-wwd-card .card-image {\r\n    width: 100%;\r\n    height: 150px;\r\n    object-fit: cover;\r\n    border-radius: 16px;\r\n    margin-bottom: 1rem;\r\n    background: #1a1a1a;\r\n    display: block;\r\n    transition: 0.3s;\r\n    border: 1px solid rgba(255,255,255,0.04);\r\n}\r\n\r\n.dh-wwd-card:hover .card-image {\r\n    transform: scale(1.01);\r\n    border-color: rgba(1, 209, 181, 0.10);\r\n}\r\n\r\n\/* number badge *\/\r\n.dh-wwd-card .card-number {\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    color: #01D1B5;\r\n    background: rgba(1, 209, 181, 0.08);\r\n    padding: 0.15rem 1rem;\r\n    border-radius: 60px;\r\n    display: inline-block;\r\n    margin-bottom: 0.4rem;\r\n    letter-spacing: 0.5px;\r\n    border: 1px solid rgba(1, 209, 181, 0.06);\r\n    align-self: flex-start;\r\n}\r\n\r\n.dh-wwd-card h4 {\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin-bottom: 0.2rem;\r\n}\r\n\r\n.dh-wwd-card p {\r\n    font-size: 0.85rem;\r\n    color: rgba(255, 255, 255, 0.70);\r\n    line-height: 1.6;\r\n    margin-bottom: 0.8rem;\r\n    flex: 1;\r\n}\r\n\r\n\/* ============================================= *\/\r\n\/* LEARN MORE BUTTON \u2013 matches About Us style   *\/\r\n\/* ============================================= *\/\r\n.dh-wwd-card .card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    background: linear-gradient(135deg, #01D1B5, #01e0c4);\r\n    color: #ffffff;\r\n    padding: 0.55rem 1.6rem;\r\n    border-radius: 60px;\r\n    font-weight: 700;\r\n    font-size: 0.75rem;\r\n    text-decoration: none !important;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    box-shadow: 0 4px 20px rgba(1, 209, 181, 0.20);\r\n    align-self: flex-start;\r\n    margin-top: auto;\r\n}\r\n\r\n.dh-wwd-card .card-link i {\r\n    font-size: 0.65rem;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.dh-wwd-card .card-link:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 35px rgba(1, 209, 181, 0.30);\r\n    background: linear-gradient(135deg, #01e0c4, #01f0d0);\r\n    color: #000000;\r\n}\r\n\r\n.dh-wwd-card .card-link:hover i {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* small decoration dot *\/\r\n.dh-wwd-card .dot-deco {\r\n    position: absolute;\r\n    bottom: 0.8rem;\r\n    right: 0.8rem;\r\n    font-size: 0.5rem;\r\n    color: rgba(1, 209, 181, 0.06);\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\/* ----- RESPONSIVE ----- *\/\r\n@media (max-width: 992px) {\r\n    .dh-wwd-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .dh-wwd-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 0.5rem;\r\n    }\r\n    .dh-wwd-header .right-link {\r\n        white-space: normal;\r\n        margin-top: 0.2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .dh-what-we-do {\r\n        padding: 2rem 1.2rem;\r\n        border-radius: 1.5rem;\r\n    }\r\n    .dh-wwd-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 1.2rem;\r\n    }\r\n    .dh-wwd-header .left-col h2 {\r\n        font-size: 1.6rem;\r\n    }\r\n    .dh-wwd-header .right-link {\r\n        padding: 0.45rem 1.2rem;\r\n        font-size: 0.7rem;\r\n    }\r\n    .dh-wwd-card .card-image {\r\n        height: 120px;\r\n    }\r\n    .dh-wwd-card .card-link {\r\n        padding: 0.45rem 1.2rem;\r\n        font-size: 0.7rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== HTML WIDGET ===== -->\r\n<div class=\"dh-what-we-do\">\r\n\r\n    <!-- header -->\r\n    <div class=\"dh-wwd-header\">\r\n        <div class=\"left-col\">\r\n            <h6><i class=\"fas fa-bolt\" style=\"margin-right: 6px;\"><\/i> What We Do<\/h6>\r\n            <h2>\r\n                Engineering Solutions <br\/>\r\n                For <span class=\"highlight\">Sustainable Future<\/span>\r\n            <\/h2>\r\n            <!-- description moved here (above View All Services button) -->\r\n            <p style=\"color: rgba(255, 255, 255, 0.70); font-size: 0.95rem; margin-top: 0.5rem; max-width: 380px; line-height: 1.5;\">\r\n                Innovative environmental engineering, renewable energy, smart infrastructure, and infrastructure development.\r\n            <\/p>\r\n        <\/div>\r\n        <!-- View All Services button - upar (aligned with sub-title) -->\r\n        <a href=\"#\" class=\"right-link\">\r\n            View All Services <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <!-- grid cards with IMAGES -->\r\n    <div class=\"dh-wwd-grid\">\r\n\r\n        <!-- card 1 -->\r\n        <div class=\"dh-wwd-card\">\r\n            <span class=\"card-number\">No - 01<\/span>\r\n            <img decoding=\"async\" class=\"card-image\" src=\"https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/medium-shot-engineers-talking-outdoors.jpg\" alt=\"Renewable Energy Solutions\" \/>\r\n            <h4>Renewable Energy<\/h4>\r\n            <p>\r\n                Wind, solar, hydro &amp; geothermal hybrid systems designed for maximum efficiency and low environmental impact.\r\n            <\/p>\r\n            <a href=\"#\" class=\"card-link\">\r\n                Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n            <span class=\"dot-deco\">\u2022 \u2022 \u2022<\/span>\r\n        <\/div>\r\n\r\n        <!-- card 2 -->\r\n        <div class=\"dh-wwd-card\">\r\n            <span class=\"card-number\">No - 02<\/span>\r\n            <img decoding=\"async\" class=\"card-image\" src=\"https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/business-person-planning-alternative-energies.jpg\" alt=\"Green Infrastructure\" \/>\r\n            <h4>Green Infrastructure<\/h4>\r\n            <p>\r\n                Sustainable architecture, eco-friendly urban development, and carbon-neutral building solutions for communities.\r\n            <\/p>\r\n            <a href=\"#\" class=\"card-link\">\r\n                Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n            <span class=\"dot-deco\">\u2022 \u2022 \u2022<\/span>\r\n        <\/div>\r\n\r\n        <!-- card 3 -->\r\n        <div class=\"dh-wwd-card\">\r\n            <span class=\"card-number\">No - 03<\/span>\r\n            <img decoding=\"async\" class=\"card-image\" src=\"https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/wind-turbines-generating-clean-energy-1.jpg\" alt=\"Innovation & Design\" \/>\r\n            <h4>Innovation &amp; Design<\/h4>\r\n            <p>\r\n                Advanced engineering, AI-driven monitoring, LAV technology, and future-ready transport systems.\r\n            <\/p>\r\n            <a href=\"#\" class=\"card-link\">\r\n                Learn More <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n            <span class=\"dot-deco\">\u2022 \u2022 \u2022<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Font Awesome (if not already loaded in theme) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f9f5b0 e-con-full e-flex e-con e-parent\" data-id=\"8f9f5b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f1d48f elementor-widget elementor-widget-html\" data-id=\"1f1d48f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ----- RESET & BASE (widget scope) ----- *\/\r\n.dh-testimonials * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.dh-testimonials {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    height: 60vh;\r\n    margin: 0 auto;\r\n    padding: 3rem 2rem;\r\n    background: #ffffff;\r\n    border-radius: 2rem;\r\n    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\r\n    border: 1px solid rgba(0,0,0,0.04);\r\n    box-shadow: 0 30px 60px -20px rgba(0,0,0,0.04);\r\n}\r\n\r\n\/* ----- MAIN GRID: left heading + right carousel (EQUAL) ----- *\/\r\n.dh-test-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 2.5rem;\r\n    align-items: stretch;\r\n}\r\n\r\n\/* ===== LEFT SIDE ===== *\/\r\n.dh-test-left {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 0.5rem 0;\r\n}\r\n\r\n.dh-test-left .badge {\r\n    display: inline-block;\r\n    background: rgba(1, 209, 181, 0.10);\r\n    color: #01D1B5;\r\n    font-size: 0.6rem;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    padding: 0.25rem 1.2rem;\r\n    border-radius: 60px;\r\n    border: 1px solid rgba(1, 209, 181, 0.10);\r\n    align-self: flex-start;\r\n    margin-bottom: 0.6rem;\r\n}\r\n\r\n.dh-test-left h2 {\r\n    font-size: clamp(2rem, 3.2vw, 2.8rem);\r\n    font-weight: 900;\r\n    color: #000000;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.5px;\r\n    margin-bottom: 0.2rem;\r\n}\r\n\r\n.dh-test-left h2 .highlight-in {\r\n    color: #01D1B5;\r\n    display: inline-block;\r\n}\r\n\r\n.dh-test-left .sub-desc {\r\n    color: rgba(0, 0, 0, 0.55);\r\n    font-size: 0.95rem;\r\n    line-height: 1.6;\r\n    max-width: 360px;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n\/* rating big *\/\r\n.dh-test-left .big-rating {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 1rem;\r\n}\r\n\r\n.dh-test-left .big-rating .percent {\r\n    font-size: 2.8rem;\r\n    font-weight: 900;\r\n    color: #01D1B5;\r\n    line-height: 1;\r\n}\r\n\r\n.dh-test-left .big-rating .label {\r\n    color: rgba(0, 0, 0, 0.50);\r\n    font-size: 0.8rem;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* BUTTON - NO UNDERLINE *\/\r\n.dh-test-left .review-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    margin-top: 1.2rem;\r\n    background: linear-gradient(135deg, #01D1B5, #01e0c4);\r\n    color: #ffffff;\r\n    padding: 0.6rem 1.8rem;\r\n    border-radius: 60px;\r\n    font-weight: 700;\r\n    font-size: 0.8rem;\r\n    text-decoration: none !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    box-shadow: 0 4px 20px rgba(1, 209, 181, 0.20);\r\n    border: none;\r\n    align-self: flex-start;\r\n    cursor: pointer;\r\n}\r\n\r\n.dh-test-left .review-link i {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.dh-test-left .review-link:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 35px rgba(1, 209, 181, 0.30);\r\n    background: linear-gradient(135deg, #01e0c4, #01f0d0);\r\n    color: #000000;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.dh-test-left .review-link:hover i {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\/* ===== RIGHT SIDE - CARDS CAROUSEL (stack effect) ===== *\/\r\n.dh-test-right {\r\n    position: relative;\r\n    overflow: visible;\r\n    border-radius: 20px;\r\n    min-height: 340px;\r\n    padding: 6px 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.dh-test-cards-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 330px;\r\n}\r\n\r\n\/* ---- CARD STACK (3 cards visible) ---- *\/\r\n.dh-test-card {\r\n    position: absolute;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    padding: 1.3rem 1.5rem;\r\n    background: #000000;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(255,255,255,0.06);\r\n    box-shadow: 0 8px 30px rgba(0,0,0,0.15);\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 1.5rem;\r\n    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transform: scale(0.92) translateY(20px);\r\n}\r\n\r\n\/* Stack positioning - 3 cards visible *\/\r\n.dh-test-card.stack-0 {\r\n    top: 0px;\r\n    z-index: 3;\r\n    opacity: 1;\r\n    transform: scale(1) translateY(0);\r\n    pointer-events: auto;\r\n    box-shadow: 0 20px 60px rgba(0,0,0,0.25);\r\n}\r\n\r\n.dh-test-card.stack-1 {\r\n    top: 12px;\r\n    z-index: 2;\r\n    opacity: 0.45;\r\n    transform: scale(0.96) translateY(0);\r\n    pointer-events: none;\r\n    box-shadow: 0 8px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n.dh-test-card.stack-2 {\r\n    top: 24px;\r\n    z-index: 1;\r\n    opacity: 0.2;\r\n    transform: scale(0.92) translateY(0);\r\n    pointer-events: none;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.04);\r\n}\r\n\r\n\/* hide rest *\/\r\n.dh-test-card.stack-hidden {\r\n    opacity: 0;\r\n    transform: scale(0.85) translateY(40px);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ===== CARD CONTENT: left image + right text ===== *\/\r\n.dh-test-card .card-left {\r\n    flex-shrink: 0;\r\n    width: 76px;\r\n    height: 76px;\r\n    border-radius: 60px;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #01D1B5, #01e0c4);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.dh-test-card .card-left img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n.dh-test-card .card-right {\r\n    flex: 1;\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.dh-test-card .stars {\r\n    color: #f5b342;\r\n    font-size: 0.8rem;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 0.2rem;\r\n}\r\n\r\n.dh-test-card .stars .rating-text {\r\n    color: rgba(255,255,255,0.35);\r\n    font-size: 0.55rem;\r\n    font-weight: 600;\r\n    margin-left: 4px;\r\n}\r\n\r\n.dh-test-card .quote {\r\n    color: rgba(255,255,255,0.85);\r\n    font-size: 0.85rem;\r\n    line-height: 1.5;\r\n    margin-bottom: 0.3rem;\r\n    font-style: italic;\r\n}\r\n\r\n.dh-test-card .quote i {\r\n    color: #01D1B5;\r\n    font-size: 0.65rem;\r\n    margin: 0 2px;\r\n}\r\n\r\n.dh-test-card .client-name {\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    font-size: 0.85rem;\r\n}\r\n\r\n.dh-test-card .client-name .client-alt {\r\n    color: rgba(255,255,255,0.40);\r\n    font-weight: 400;\r\n    font-size: 0.7rem;\r\n}\r\n\r\n.dh-test-card .client-role {\r\n    color: rgba(255,255,255,0.35);\r\n    font-size: 0.65rem;\r\n}\r\n\r\n\/* ----- DOTS (indicators) ----- *\/\r\n.dh-test-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 0.5rem;\r\n    margin-top: 0.8rem;\r\n    position: relative;\r\n    z-index: 5;\r\n}\r\n\r\n.dh-test-dots .dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 60px;\r\n    background: rgba(0, 0, 0, 0.12);\r\n    transition: all 0.4s ease;\r\n    cursor: pointer;\r\n}\r\n\r\n.dh-test-dots .dot.active {\r\n    background: #01D1B5;\r\n    width: 28px;\r\n}\r\n\r\n\/* ----- RESPONSIVE ----- *\/\r\n@media (max-width: 992px) {\r\n    .dh-test-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n    }\r\n    .dh-test-left .sub-desc {\r\n        max-width: 100%;\r\n    }\r\n    .dh-test-right {\r\n        min-height: 320px;\r\n    }\r\n    .dh-test-cards-wrapper {\r\n        height: 320px;\r\n    }\r\n    .dh-test-card {\r\n        padding: 1.2rem 1.2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .dh-testimonials {\r\n        padding: 2rem 1.2rem;\r\n        border-radius: 1.5rem;\r\n    }\r\n    .dh-test-right {\r\n        min-height: 300px;\r\n    }\r\n    .dh-test-cards-wrapper {\r\n        height: 300px;\r\n    }\r\n    .dh-test-card {\r\n        padding: 0.9rem 1rem;\r\n        flex-direction: column;\r\n        text-align: center;\r\n        gap: 0.6rem;\r\n    }\r\n    .dh-test-card .card-left {\r\n        width: 56px;\r\n        height: 56px;\r\n    }\r\n    .dh-test-left .big-rating .percent {\r\n        font-size: 2.2rem;\r\n    }\r\n    .dh-test-card.stack-1 {\r\n        top: 10px;\r\n    }\r\n    .dh-test-card.stack-2 {\r\n        top: 20px;\r\n    }\r\n    .dh-test-left .review-link {\r\n        padding: 0.5rem 1.2rem;\r\n        font-size: 0.7rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== HTML WIDGET ===== -->\r\n<div class=\"dh-testimonials\">\r\n\r\n    <div class=\"dh-test-grid\">\r\n\r\n        <!-- LEFT SIDE -->\r\n        <div class=\"dh-test-left\">\r\n            <span class=\"badge\"><i class=\"fas fa-star\" style=\"margin-right: 4px;\"><\/i> Testimonials<\/span>\r\n            <h2>\r\n                Why They Believe <br\/>\r\n                <span class=\"highlight-in\">In Us<\/span>\r\n            <\/h2>\r\n            <p class=\"sub-desc\">\r\n                Our clients are highly satisfied and recommend our services.\r\n            <\/p>\r\n            <div class=\"big-rating\">\r\n                <span class=\"percent\">99%<\/span>\r\n                <span class=\"label\">Positive<br\/>Reviews<\/span>\r\n            <\/div>\r\n            <a href=\"#\" class=\"review-link\">\r\n                Write your honest review <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- RIGHT SIDE - CARDS CAROUSEL -->\r\n        <div class=\"dh-test-right\">\r\n            <div class=\"dh-test-cards-wrapper\" id=\"testimonialCards\">\r\n\r\n                <!-- CARD 1 -->\r\n                <div class=\"dh-test-card\" data-index=\"0\">\r\n                    <div class=\"card-left\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=150&h=150&fit=crop&crop=face\" alt=\"Penelope Miller\" \/>\r\n                    <\/div>\r\n                    <div class=\"card-right\">\r\n                        <div class=\"stars\">\r\n                            \u2605\u2605\u2605\u2605\u2605 <span class=\"rating-text\">Rating \u2605 5.0<\/span>\r\n                        <\/div>\r\n                        <p class=\"quote\">\r\n                            <i class=\"fas fa-quote-left\"><\/i> \r\n                            I was very impressed \u2014 they provided excellent advice and guidance on our renewable energy project.\r\n                            <i class=\"fas fa-quote-right\"><\/i>\r\n                        <\/p>\r\n                        <div class=\"client-name\">\r\n                            Penelope Miller <span class=\"client-alt\">(Arjun)<\/span>\r\n                        <\/div>\r\n                        <div class=\"client-role\">Sr. Volunteer, Green Future<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CARD 2 -->\r\n                <div class=\"dh-test-card\" data-index=\"1\">\r\n                    <div class=\"card-left\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face\" alt=\"James Rodriguez\" \/>\r\n                    <\/div>\r\n                    <div class=\"card-right\">\r\n                        <div class=\"stars\">\r\n                            \u2605\u2605\u2605\u2605\u2605 <span class=\"rating-text\">Rating \u2605 5.0<\/span>\r\n                        <\/div>\r\n                        <p class=\"quote\">\r\n                            <i class=\"fas fa-quote-left\"><\/i> \r\n                            DH Enterprises transformed our infrastructure with sustainable solutions. Their team is truly world-class.\r\n                            <i class=\"fas fa-quote-right\"><\/i>\r\n                        <\/p>\r\n                        <div class=\"client-name\">\r\n                            James Rodriguez <span class=\"client-alt\">(Jay)<\/span>\r\n                        <\/div>\r\n                        <div class=\"client-role\">CEO, EcoTech Solutions<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- CARD 3 -->\r\n                <div class=\"dh-test-card\" data-index=\"2\">\r\n                    <div class=\"card-left\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=150&h=150&fit=crop&crop=face\" alt=\"Aisha Williams\" \/>\r\n                    <\/div>\r\n                    <div class=\"card-right\">\r\n                        <div class=\"stars\">\r\n                            \u2605\u2605\u2605\u2605\u2605 <span class=\"rating-text\">Rating \u2605 5.0<\/span>\r\n                        <\/div>\r\n                        <p class=\"quote\">\r\n                            <i class=\"fas fa-quote-left\"><\/i> \r\n                            The Hydro Tower System exceeded our expectations. Clean, reliable energy that powers our entire community.\r\n                            <i class=\"fas fa-quote-right\"><\/i>\r\n                        <\/p>\r\n                        <div class=\"client-name\">\r\n                            Aisha Williams <span class=\"client-alt\">(Ari)<\/span>\r\n                        <\/div>\r\n                        <div class=\"client-role\">Director, Sustainable Cities<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- DOTS -->\r\n            <div class=\"dh-test-dots\" id=\"testDots\">\r\n                <span class=\"dot active\" data-index=\"0\"><\/span>\r\n                <span class=\"dot\" data-index=\"1\"><\/span>\r\n                <span class=\"dot\" data-index=\"2\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n\r\n<!-- ===== JAVASCRIPT (stack effect, auto-slide, pause on hover) ===== -->\r\n<script>\r\n(function() {\r\n    const wrapper = document.getElementById('testimonialCards');\r\n    const cards = wrapper.querySelectorAll('.dh-test-card');\r\n    const dots = document.querySelectorAll('#testDots .dot');\r\n    let currentIndex = 0;\r\n    const total = cards.length;\r\n    let interval;\r\n\r\n    function updateStack() {\r\n        cards.forEach(c => {\r\n            c.classList.remove('stack-0', 'stack-1', 'stack-2', 'stack-hidden');\r\n        });\r\n\r\n        for (let i = 0; i < total; i++) {\r\n            const card = cards[i];\r\n            const offset = (i - currentIndex + total) % total;\r\n            if (offset === 0) {\r\n                card.classList.add('stack-0');\r\n            } else if (offset === 1) {\r\n                card.classList.add('stack-1');\r\n            } else if (offset === 2) {\r\n                card.classList.add('stack-2');\r\n            } else {\r\n                card.classList.add('stack-hidden');\r\n            }\r\n        }\r\n\r\n        dots.forEach((dot, idx) => {\r\n            dot.classList.toggle('active', idx === currentIndex);\r\n        });\r\n    }\r\n\r\n    function goTo(index) {\r\n        currentIndex = index;\r\n        updateStack();\r\n    }\r\n\r\n    function nextSlide() {\r\n        const next = (currentIndex + 1) % total;\r\n        goTo(next);\r\n    }\r\n\r\n    function startAuto() {\r\n        if (interval) clearInterval(interval);\r\n        interval = setInterval(nextSlide, 4000);\r\n    }\r\n\r\n    function stopAuto() {\r\n        if (interval) {\r\n            clearInterval(interval);\r\n            interval = null;\r\n        }\r\n    }\r\n\r\n    dots.forEach(dot => {\r\n        dot.addEventListener('click', function() {\r\n            const idx = parseInt(this.getAttribute('data-index'), 10);\r\n            stopAuto();\r\n            goTo(idx);\r\n            setTimeout(startAuto, 5000);\r\n        });\r\n    });\r\n\r\n    const rightContainer = document.querySelector('.dh-test-right');\r\n    rightContainer.addEventListener('mouseenter', stopAuto);\r\n    rightContainer.addEventListener('mouseleave', startAuto);\r\n\r\n    goTo(0);\r\n    startAuto();\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-210bd26 e-con-full e-flex e-con e-parent\" data-id=\"210bd26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abf83e5 elementor-widget elementor-widget-html\" data-id=\"abf83e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ----- RESET & BASE (widget scope) ----- *\/\r\n.dh-contact * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.dh-contact {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n    \/*border-radius: 2rem;*\/\r\n    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\r\n    overflow: hidden;\r\n    position: relative;\r\n    background: #ffffff;\r\n    \/*border: 1px solid rgba(0,0,0,0.04);*\/\r\n    \/*box-shadow: 0 30px 60px -20px rgba(0,0,0,0.04);*\/\r\n}\r\n\r\n\/* ----- BACKGROUND IMAGE WITH OVERLAY & ZOOM ----- *\/\r\n.dh-contact-bg {\r\n    position: relative;\r\n    padding: 4rem 2.5rem;\r\n    \/*border-radius: 2rem;*\/\r\n    min-height: 480px;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Background image with zoom animation *\/\r\n.dh-contact-bg::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -10%;\r\n    left: -10%;\r\n    right: -10%;\r\n    bottom: -10%;\r\n    background: url('https:\/\/dhenterpriseswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/07\/engineers-talking-about-solar-pannels-medium-shot.jpg') center\/cover no-repeat;\r\n    z-index: 0;\r\n    animation: zoomBg 20s ease-in-out infinite alternate;\r\n    transform-origin: center;\r\n}\r\n\r\n@keyframes zoomBg {\r\n    0% {\r\n        transform: scale(1);\r\n    }\r\n    50% {\r\n        transform: scale(1.08);\r\n    }\r\n    100% {\r\n        transform: scale(1);\r\n    }\r\n}\r\n\r\n\/* Overlay gradient on top of image *\/\r\n.dh-contact-bg::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: linear-gradient(135deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0.25) 100%);\r\n    \/*border-radius: 2rem;*\/\r\n    z-index: 1;\r\n}\r\n\r\n.dh-contact-bg > * {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* ----- CONTENT GRID: left header + right form (EQUAL) ----- *\/\r\n.dh-contact-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 3rem;\r\n    align-items: stretch;\r\n    width: 100%;\r\n}\r\n\r\n\/* ===== LEFT SIDE - HEADER ===== *\/\r\n.dh-contact-left {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 0.5rem 0;\r\n}\r\n\r\n.dh-contact-left .badge {\r\n    display: inline-block;\r\n    background: rgba(1, 209, 181, 0.15);\r\n    color: #01D1B5;\r\n    font-size: 0.6rem;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    padding: 0.25rem 1.4rem;\r\n    border-radius: 60px;\r\n    border: 1px solid rgba(1, 209, 181, 0.15);\r\n    margin-bottom: 0.6rem;\r\n    align-self: flex-start;\r\n}\r\n\r\n.dh-contact-left h2 {\r\n    font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n    font-weight: 900;\r\n    color: #ffffff;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.dh-contact-left h2 .highlight {\r\n    color: #01D1B5;\r\n}\r\n\r\n.dh-contact-left p {\r\n    color: rgba(255, 255, 255, 0.70);\r\n    font-size: 0.95rem;\r\n    max-width: 440px;\r\n    line-height: 1.7;\r\n    margin-top: 0.5rem;\r\n}\r\n\r\n\/* ===== RIGHT SIDE - CONTACT FORM (glass effect) ===== *\/\r\n.dh-contact-form {\r\n    background: rgba(255,255,255,0.06);\r\n    backdrop-filter: blur(12px);\r\n    border-radius: 24px;\r\n    padding: 2rem 2.2rem;\r\n    border: 1px solid rgba(255,255,255,0.06);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    min-height: 380px;\r\n}\r\n\r\n.dh-contact-form .form-title {\r\n    font-size: 1.2rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    text-align: center;\r\n}\r\n\r\n.dh-contact-form .form-title .highlight {\r\n    color: #01D1B5;\r\n}\r\n\r\n.dh-contact-form .form-sub {\r\n    color: rgba(255, 255, 255, 0.50);\r\n    font-size: 0.85rem;\r\n    text-align: center;\r\n    margin-bottom: 1.2rem;\r\n}\r\n\r\n.dh-contact-form .form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 0.8rem;\r\n}\r\n\r\n.dh-contact-form .form-group {\r\n    margin-bottom: 0.8rem;\r\n}\r\n\r\n.dh-contact-form .form-group label {\r\n    display: block;\r\n    font-size: 0.65rem;\r\n    font-weight: 600;\r\n    color: rgba(255,255,255,0.60);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 0.2rem;\r\n}\r\n\r\n.dh-contact-form .form-group input,\r\n.dh-contact-form .form-group textarea {\r\n    width: 100%;\r\n    padding: 0.7rem 1rem;\r\n    border: 1.5px solid rgba(255,255,255,0.08);\r\n    border-radius: 12px;\r\n    font-size: 0.85rem;\r\n    font-family: 'Inter', sans-serif;\r\n    background: rgba(255,255,255,0.04);\r\n    transition: all 0.3s ease;\r\n    color: #ffffff;\r\n    outline: none;\r\n}\r\n\r\n.dh-contact-form .form-group input::placeholder,\r\n.dh-contact-form .form-group textarea::placeholder {\r\n    color: rgba(255,255,255,0.30);\r\n}\r\n\r\n.dh-contact-form .form-group input:focus,\r\n.dh-contact-form .form-group textarea:focus {\r\n    border-color: #01D1B5;\r\n    box-shadow: 0 0 0 4px rgba(1, 209, 181, 0.06);\r\n    background: rgba(255,255,255,0.06);\r\n}\r\n\r\n.dh-contact-form .form-group textarea {\r\n    min-height: 80px;\r\n    resize: vertical;\r\n}\r\n\r\n\/* form button - matches other sections *\/\r\n.dh-contact-form .submit-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    background: linear-gradient(135deg, #01D1B5, #01e0c4);\r\n    color: #ffffff;\r\n    padding: 0.7rem 2.2rem;\r\n    border-radius: 60px;\r\n    font-weight: 700;\r\n    font-size: 0.85rem;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    box-shadow: 0 4px 20px rgba(1, 209, 181, 0.20);\r\n    text-decoration: none !important;\r\n    margin-top: 0.2rem;\r\n}\r\n\r\n.dh-contact-form .submit-btn i {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.dh-contact-form .submit-btn:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 35px rgba(1, 209, 181, 0.30);\r\n    background: linear-gradient(135deg, #01e0c4, #01f0d0);\r\n    color: #000000;\r\n    text-decoration: none !important;\r\n}\r\n\r\n.dh-contact-form .submit-btn:hover i {\r\n    transform: translateX(5px);\r\n}\r\n\r\n.dh-contact-form .btn-wrap {\r\n    text-align: center;\r\n    margin-top: 0.3rem;\r\n}\r\n\r\n\/* ----- RESPONSIVE ----- *\/\r\n@media (max-width: 992px) {\r\n    .dh-contact-bg {\r\n        padding: 3rem 1.8rem;\r\n        min-height: 420px;\r\n    }\r\n    .dh-contact-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n    }\r\n    .dh-contact-left {\r\n        text-align: center;\r\n    }\r\n    .dh-contact-left .badge {\r\n        align-self: center;\r\n    }\r\n    .dh-contact-left p {\r\n        max-width: 100%;\r\n    }\r\n    .dh-contact-form .form-row {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .dh-contact-form {\r\n        padding: 1.8rem 1.5rem;\r\n        min-height: auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .dh-contact-bg {\r\n        padding: 2rem 1.2rem;\r\n        border-radius: 1.5rem;\r\n        min-height: 380px;\r\n    }\r\n    .dh-contact-bg::before {\r\n        border-radius: 1.5rem;\r\n    }\r\n    .dh-contact-form {\r\n        padding: 1.5rem 1.2rem;\r\n    }\r\n    .dh-contact-left h2 {\r\n        font-size: 1.8rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== HTML WIDGET ===== -->\r\n<div class=\"dh-contact\">\r\n\r\n    <div class=\"dh-contact-bg\">\r\n\r\n        <div class=\"dh-contact-grid\">\r\n\r\n            <!-- LEFT SIDE - HEADER -->\r\n            <div class=\"dh-contact-left\">\r\n                <span class=\"badge\"><i class=\"fas fa-envelope\" style=\"margin-right: 4px;\"><\/i> Get in Touch<\/span>\r\n                <h2>\r\n                    Let's <span class=\"highlight\">Connect<\/span> &amp; Build<br\/>\r\n                    a Sustainable Future\r\n                <\/h2>\r\n                <p>\r\n                    Have a project in mind? We'd love to hear from you. Reach out and let's make a difference together.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- RIGHT SIDE - CONTACT FORM -->\r\n            <div class=\"dh-contact-form\">\r\n                <div class=\"form-title\">Send us a <span class=\"highlight\">Message<\/span><\/div>\r\n                <p class=\"form-sub\">We'll get back to you within 24 hours.<\/p>\r\n\r\n                <form>\r\n                    <div class=\"form-row\">\r\n                        <div class=\"form-group\">\r\n                            <label for=\"contactName\">Full Name<\/label>\r\n                            <input type=\"text\" id=\"contactName\" placeholder=\"Your full name\" \/>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label for=\"contactEmail\">Email Address<\/label>\r\n                            <input type=\"email\" id=\"contactEmail\" placeholder=\"your@email.com\" \/>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label for=\"contactSubject\">Subject<\/label>\r\n                        <input type=\"text\" id=\"contactSubject\" placeholder=\"How can we help?\" \/>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label for=\"contactMessage\">Message<\/label>\r\n                        <textarea id=\"contactMessage\" placeholder=\"Tell us about your project...\"><\/textarea>\r\n                    <\/div>\r\n\r\n                    <div class=\"btn-wrap\">\r\n                        <button type=\"submit\" class=\"submit-btn\">\r\n                            Send Message <i class=\"fas fa-arrow-right\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/form>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Engineering Innovation Engineering the Future of Sustainable Energy DH ENTERPRISES develops innovative engineering solutions that integrate wind, solar, and hydro [&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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dhenterpriseswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhenterpriseswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dhenterpriseswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dhenterpriseswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dhenterpriseswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":268,"href":"https:\/\/dhenterpriseswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":356,"href":"https:\/\/dhenterpriseswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/356"}],"wp:attachment":[{"href":"https:\/\/dhenterpriseswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}