{"id":3495,"date":"2020-02-07T02:16:59","date_gmt":"2020-02-07T02:16:59","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=3495"},"modified":"2026-07-22T03:26:09","modified_gmt":"2026-07-22T02:26:09","slug":"about-v-4","status":"publish","type":"page","link":"https:\/\/harakaes.com\/index.php\/about-v-4\/","title":{"rendered":"About HES"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3495\" class=\"elementor elementor-3495\" data-elementor-post-type=\"page\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-068bebf elementor-section-full_width elementor-section-stretched elementor-hidden-mobile elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"068bebf\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4f3bd19\" data-id=\"4f3bd19\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-ab74cad elementor-widget elementor-widget-html\" data-id=\"ab74cad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\nHaraka Engineering Services | About Section\r\n========================================= -->\r\n\r\n<section class=\"hes-about\">\r\n    <style>\r\n        .hes-about,\r\n        .hes-about * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .hes-about {\r\n            position: relative;\r\n            padding: 30px 24px;\r\n            background: #ffffff;\r\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n            overflow: hidden;\r\n            color: #2b3a42;\r\n        }\r\n\r\n        \/* Modern subtle grid background lines instead of old circles *\/\r\n        .hes-about::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background-image: \r\n                linear-gradient(to right, rgba(37, 150, 190, 0.04) 1px, transparent 1px),\r\n                linear-gradient(to bottom, rgba(37, 150, 190, 0.04) 1px, transparent 1px);\r\n            background-size: 60px 60px;\r\n            mask-image: radial-gradient(ellipse at 70% 30%, black 20%, transparent 80%);\r\n            -webkit-mask-image: radial-gradient(ellipse at 70% 30%, black 20%, transparent 80%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .hes-container {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 1240px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            align-items: center;\r\n            gap: 80px;\r\n        }\r\n\r\n        \/* Redesigned Image Area *\/\r\n\r\n        .hes-image-area {\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .hes-main-image {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 100%;\r\n            height: 640px;\r\n            overflow: hidden;\r\n            border-radius: 24px;\r\n            box-shadow: 0 30px 60px -15px rgba(16, 47, 60, 0.15);\r\n            background: #f3f9fc;\r\n        }\r\n\r\n        .hes-main-image::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(\r\n                to bottom,\r\n                transparent 50%,\r\n                rgba(16, 47, 60, 0.4) 100%\r\n            );\r\n            pointer-events: none;\r\n        }\r\n\r\n        .hes-main-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: block;\r\n            object-fit: contain;\r\n            transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\r\n        }\r\n\r\n        .hes-main-image:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Redesigned Pill-shaped Floating Badge *\/\r\n        .hes-experience-card {\r\n            position: absolute;\r\n            left: 40px;\r\n            bottom: -30px;\r\n            z-index: 3;\r\n            width: calc(100% - 80px);\r\n            max-width: 380px;\r\n            padding: 24px 32px;\r\n            color: #ffffff;\r\n            background: #102f3c;\r\n            border-radius: 16px;\r\n            box-shadow: 0 20px 40px -10px rgba(16, 47, 60, 0.3);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 20px;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .hes-experience-card strong {\r\n            display: block;\r\n            font-size: 48px;\r\n            line-height: 1;\r\n            font-weight: 800;\r\n            color: #2596be;\r\n        }\r\n\r\n        .hes-experience-card span {\r\n            display: block;\r\n            font-size: 14px;\r\n            line-height: 1.4;\r\n            font-weight: 600;\r\n            letter-spacing: 0.3px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* Content Area refinement *\/\r\n\r\n        .hes-content {\r\n            position: relative;\r\n        }\r\n\r\n        \/* Modernized Badge Tag *\/\r\n        .hes-tag {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            margin-bottom: 20px;\r\n            color: #2596be;\r\n            background: rgba(37, 150, 190, 0.08);\r\n            padding: 6px 16px;\r\n            border-radius: 100px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            letter-spacing: 1.5px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* Removed original layout's explicit before element line to fit the pill capsule layout *\/\r\n        .hes-tag::before {\r\n            display: none;\r\n        }\r\n\r\n        .hes-content h2 {\r\n            margin-bottom: 28px;\r\n            color: #102f3c;\r\n            font-size: clamp(36px, 4vw, 52px);\r\n            line-height: 1.15;\r\n            font-weight: 800;\r\n            letter-spacing: -1.5px;\r\n        }\r\n\r\n        .hes-content h2 span {\r\n            color: #2596be;\r\n            display: block;\r\n        }\r\n\r\n        .hes-intro {\r\n            margin-bottom: 35px;\r\n            color: #546a76;\r\n            font-size: 17px;\r\n            line-height: 1.8;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* Plain Text Leadership Section *\/\r\n        .hes-leadership {\r\n            margin-bottom: 40px;\r\n            background: none;\r\n            padding: 0;\r\n            border-radius: 0;\r\n            box-shadow: none;\r\n        }\r\n\r\n        .hes-leadership h3 {\r\n            margin-bottom: 12px;\r\n            color: #102f3c;\r\n            font-size: 20px;\r\n            font-weight: 750;\r\n        }\r\n\r\n        .hes-leadership p {\r\n            color: #546a76;\r\n            font-size: 15px;\r\n            line-height: 1.75;\r\n        }\r\n\r\n        .hes-expertise-title {\r\n            margin-bottom: 20px;\r\n            color: #102f3c;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n        }\r\n\r\n        \/* Modern Minimalist Horizontal Grid Process Items *\/\r\n        .hes-services {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 16px;\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .hes-service {\r\n            padding: 24px 16px;\r\n            background: #ffffff;\r\n            border: 1px solid #eef5f8;\r\n            border-radius: 12px;\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            text-align: left;\r\n        }\r\n\r\n        .hes-service:hover {\r\n            background: #ffffff;\r\n            border-color: #2596be;\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 12px 24px rgba(37, 150, 190, 0.1);\r\n        }\r\n\r\n        .hes-service-icon {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #2596be;\r\n            background: rgba(37, 150, 190, 0.08);\r\n            width: 32px;\r\n            height: 32px;\r\n            margin-bottom: 16px;\r\n            border-radius: 8px;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .hes-service:hover .hes-service-icon {\r\n            color: #ffffff;\r\n            background: #2596be;\r\n        }\r\n\r\n        .hes-service span {\r\n            display: block;\r\n            color: #102f3c;\r\n            font-size: 14px;\r\n            line-height: 1.4;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .hes-closing {\r\n            color: #708490;\r\n            font-size: 15px;\r\n            line-height: 1.75;\r\n            padding-top: 10px;\r\n        }\r\n\r\n        \/* Responsive Breakpoints *\/\r\n\r\n        @media (max-width: 1200px) {\r\n            .hes-services {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .hes-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 80px;\r\n            }\r\n\r\n            .hes-image-area {\r\n                max-width: 600px;\r\n                width: 100%;\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .hes-main-image {\r\n                height: 520px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .hes-about {\r\n                padding: 80px 16px;\r\n            }\r\n\r\n            .hes-main-image {\r\n                height: 420px;\r\n                border-radius: 16px;\r\n            }\r\n\r\n            .hes-experience-card {\r\n                left: 20px;\r\n                bottom: -25px;\r\n                width: calc(100% - 40px);\r\n                padding: 16px 20px;\r\n                gap: 15px;\r\n            }\r\n\r\n            .hes-experience-card strong {\r\n                font-size: 36px;\r\n            }\r\n\r\n            .hes-experience-card span {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .hes-leadership {\r\n                padding: 0;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 440px) {\r\n            .hes-services {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .hes-service {\r\n                flex-direction: row;\r\n                align-items: center;\r\n                gap: 16px;\r\n                padding: 16px;\r\n            }\r\n\r\n            .hes-service-icon {\r\n                margin-bottom: 0;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"hes-container\">\r\n\r\n        <!-- Image -->\r\n        <div class=\"hes-image-area\">\r\n            <div class=\"hes-main-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/harakaes.com\/wp-content\/uploads\/2026\/07\/Capture.png\"\r\n                    alt=\"Civil engineering and infrastructure project\"\r\n                >\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Content -->\r\n        <div class=\"hes-content\">\r\n            \r\n\r\n            <h2>\r\n                Engineering Reliable\r\n                <span>Infrastructure Solutions<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hes-intro\">\r\n                HES strives to be a trusted leader in civil and utility engineering by delivering innovative, sustainable, and resilient infrastructure solutions that strengthen communities and support long-term service delivery. We build lasting partnerships through technical excellence, integrity, and a commitment to delivering projects safely, efficiently, and to the highest industry standards.\r\n\r\n            <\/p>\r\n\r\n            <div class=\"hes-leadership\">\r\n                <h3>Leadership and Expertise<\/h3>\r\n\r\n                <p>\r\n                    HES is managed by a Principal Engineer with broad experience across public- and private-sector projects. This expertise\r\nprovides a balanced engineering perspective and helps coordinate effectively with owners, agencies, contractors, and other\r\nstakeholders.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"hes-expertise-title\">Full Project Lifecycle Expertise<\/div>\r\n\r\n            <div class=\"hes-services\">\r\n                <div class=\"hes-service\">\r\n                    <div class=\"hes-service-icon\">01<\/div>\r\n                    <span>Planning<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"hes-service\">\r\n                    <div class=\"hes-service-icon\">02<\/div>\r\n                    <span>Engineering Design<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"hes-service\">\r\n                    <div class=\"hes-service-icon\">03<\/div>\r\n                    <span>Permitting<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"hes-service\">\r\n                    <div class=\"hes-service-icon\">04<\/div>\r\n                    <span>Construction Support<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <p class=\"hes-closing\">\r\n                Our integrated approach advances projects from concept through design, approval, and construction with trusted technical\r\nexpertise, clear communication, and seamless coordination.\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Engineering Reliable Infrastructure Solutions HES strives to be a trusted leader in civil and utility engineering by delivering innovative, sustainable, and resilient infrastructure solutions that strengthen communities and support long-term service delivery. We build lasting partnerships through technical excellence, integrity, and a commitment to delivering projects safely, efficiently, and to the highest industry standards. Leadership [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3495","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/harakaes.com\/index.php\/wp-json\/wp\/v2\/pages\/3495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harakaes.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/harakaes.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/harakaes.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/harakaes.com\/index.php\/wp-json\/wp\/v2\/comments?post=3495"}],"version-history":[{"count":10,"href":"https:\/\/harakaes.com\/index.php\/wp-json\/wp\/v2\/pages\/3495\/revisions"}],"predecessor-version":[{"id":6156,"href":"https:\/\/harakaes.com\/index.php\/wp-json\/wp\/v2\/pages\/3495\/revisions\/6156"}],"wp:attachment":[{"href":"https:\/\/harakaes.com\/index.php\/wp-json\/wp\/v2\/media?parent=3495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}