{"id":409,"date":"2019-11-11T08:37:45","date_gmt":"2019-11-11T08:37:45","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=409"},"modified":"2026-07-22T03:26:24","modified_gmt":"2026-07-22T02:26:24","slug":"services-v-2","status":"publish","type":"page","link":"https:\/\/harakaes.com\/index.php\/services-v-2\/","title":{"rendered":"Our Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"409\" class=\"elementor elementor-409\" data-elementor-post-type=\"page\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-fa6fc6d elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"fa6fc6d\" 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-01d23f5\" data-id=\"01d23f5\" 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-9699dc4 elementor-widget elementor-widget-html\" data-id=\"9699dc4\" 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 | Modern Services\r\nPrimary Color: #2596be\r\n========================================= -->\r\n\r\n<section class=\"hes-modern-services\">\r\n    <style>\r\n        .hes-modern-services,\r\n        .hes-modern-services * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .hes-modern-services {\r\n            position: relative;\r\n            padding: 30px 24px;\r\n            background: linear-gradient(145deg, #f1f8fb 0%, #ffffff 48%, #edf7fb 100%);\r\n            font-family: \"Segoe UI\", Arial, sans-serif;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hes-services-container {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 1320px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Section Heading - Centered Styling *\/\r\n\r\n        .hes-services-header {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto 70px;\r\n            gap: 20px;\r\n        }\r\n\r\n        .hes-heading-left {\r\n            width: 100%;\r\n        }\r\n\r\n        .hes-eyebrow {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n            color: #2596be;\r\n            font-size: 13px;\r\n            font-weight: 800;\r\n            letter-spacing: 2.2px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .hes-heading-left h2 {\r\n            color: #113544;\r\n            font-size: clamp(38px, 4.5vw, 62px);\r\n            line-height: 1.08;\r\n            font-weight: 760;\r\n            letter-spacing: -2px;\r\n        }\r\n\r\n        .hes-heading-left h2 span {\r\n            color: #2596be;\r\n        }\r\n\r\n        .hes-heading-right {\r\n            width: 100%;\r\n            padding-left: 0;\r\n            border-left: none;\r\n        }\r\n\r\n        .hes-heading-right p {\r\n            color: #5d747e;\r\n            font-size: 17px;\r\n            line-height: 1.85;\r\n        }\r\n\r\n        \/* Services Grid *\/\r\n\r\n        .hes-services-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 26px;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .hes-service-card {\r\n            position: relative;\r\n            display: flex;\r\n            min-height: 590px;\r\n            padding: 38px 34px 34px;\r\n            flex-direction: column;\r\n            background: rgba(255, 255, 255, 0.88);\r\n            border: 1px solid rgba(37, 150, 190, 0.13);\r\n            border-radius: 8px 38px 8px 8px;\r\n            box-shadow: 0 22px 60px rgba(20, 72, 91, 0.08);\r\n            backdrop-filter: blur(12px);\r\n            overflow: hidden;\r\n            isolation: isolate;\r\n            transition:\r\n                transform 0.45s ease,\r\n                box-shadow 0.45s ease,\r\n                border-color 0.45s ease;\r\n        }\r\n\r\n        .hes-service-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            z-index: -1;\r\n            width: 100%;\r\n            height: 6px;\r\n            background: linear-gradient(90deg, #2596be, #62c3e3);\r\n            transform: scaleX(0.18);\r\n            transform-origin: left;\r\n            transition: transform 0.45s ease;\r\n        }\r\n\r\n        .hes-service-card::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            right: -110px;\r\n            bottom: -115px;\r\n            z-index: -1;\r\n            width: 270px;\r\n            height: 270px;\r\n            background: linear-gradient(\r\n                145deg,\r\n                rgba(37, 150, 190, 0.08),\r\n                rgba(37, 150, 190, 0.015)\r\n            );\r\n            border-radius: 50%;\r\n            transition: transform 0.55s ease;\r\n        }\r\n\r\n        .hes-service-card:hover {\r\n            border-color: rgba(37, 150, 190, 0.28);\r\n            transform: translateY(-14px);\r\n            box-shadow: 0 35px 80px rgba(20, 99, 128, 0.17);\r\n        }\r\n\r\n        .hes-service-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .hes-service-card:hover::after {\r\n            transform: scale(1.18);\r\n        }\r\n\r\n        \/* Card Number *\/\r\n\r\n        .hes-card-number {\r\n            position: absolute;\r\n            top: 25px;\r\n            right: 28px;\r\n            color: rgba(37, 150, 190, 0.12);\r\n            font-size: 62px;\r\n            line-height: 1;\r\n            font-weight: 800;\r\n            letter-spacing: -4px;\r\n        }\r\n\r\n        \/* Icon *\/\r\n\r\n        .hes-service-icon {\r\n            position: relative;\r\n            display: flex;\r\n            width: 76px;\r\n            height: 76px;\r\n            margin-bottom: 30px;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #ffffff;\r\n            background: linear-gradient(135deg, #2596be 0%, #57bcdc 100%);\r\n            border-radius: 8px 26px 8px 8px;\r\n            box-shadow: 0 16px 35px rgba(37, 150, 190, 0.27);\r\n            transition:\r\n                transform 0.4s ease,\r\n                border-radius 0.4s ease;\r\n        }\r\n\r\n        .hes-service-card:hover .hes-service-icon {\r\n            transform: translateY(-5px) rotate(-4deg);\r\n            border-radius: 22px 8px 22px 8px;\r\n        }\r\n\r\n        .hes-service-icon svg {\r\n            width: 34px;\r\n            height: 34px;\r\n            fill: none;\r\n            stroke: currentColor;\r\n            stroke-width: 1.8;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n        }\r\n\r\n        \/* Card Content *\/\r\n\r\n        .hes-service-card h3 {\r\n            max-width: 290px;\r\n            margin-bottom: 18px;\r\n            color: #153d4d;\r\n            font-size: 27px;\r\n            line-height: 1.25;\r\n            font-weight: 750;\r\n            letter-spacing: -0.7px;\r\n        }\r\n\r\n        .hes-service-card > p {\r\n            min-height: 77px;\r\n            margin-bottom: 27px;\r\n            color: #687d86;\r\n            font-size: 15px;\r\n            line-height: 1.75;\r\n        }\r\n\r\n        .hes-service-list {\r\n            display: flex;\r\n            margin-bottom: 32px;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            list-style: none;\r\n        }\r\n\r\n        .hes-service-list li {\r\n            position: relative;\r\n            padding-left: 31px;\r\n            color: #4f6872;\r\n            font-size: 15px;\r\n            line-height: 1.55;\r\n            text-align: left;\r\n        }\r\n\r\n        .hes-service-list li::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 4px;\r\n            left: 0;\r\n            width: 19px;\r\n            height: 19px;\r\n            background:\r\n                linear-gradient(#ffffff, #ffffff) center \/ 7px 2px no-repeat,\r\n                linear-gradient(#ffffff, #ffffff) center \/ 2px 7px no-repeat,\r\n                #2596be;\r\n            border-radius: 50%;\r\n            box-shadow: 0 5px 12px rgba(37, 150, 190, 0.2);\r\n        }\r\n\r\n        \/* Middle Featured Card *\/\r\n\r\n        .hes-service-card.hes-featured {\r\n            background:\r\n                linear-gradient(\r\n                    155deg,\r\n                    rgba(37, 150, 190, 0.98),\r\n                    rgba(23, 112, 145, 0.98)\r\n                );\r\n            border-color: transparent;\r\n            box-shadow: 0 25px 65px rgba(37, 150, 190, 0.25);\r\n        }\r\n\r\n        .hes-service-card.hes-featured::before {\r\n            background: rgba(255, 255, 255, 0.95);\r\n        }\r\n\r\n        .hes-service-card.hes-featured::after {\r\n            background: rgba(255, 255, 255, 0.07);\r\n        }\r\n\r\n        .hes-service-card.hes-featured .hes-card-number {\r\n            color: rgba(255, 255, 255, 0.13);\r\n        }\r\n\r\n        .hes-service-card.hes-featured .hes-service-icon {\r\n            color: #2596be;\r\n            background: #ffffff;\r\n            box-shadow: 0 16px 35px rgba(8, 65, 86, 0.22);\r\n        }\r\n\r\n        .hes-service-card.hes-featured h3 {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .hes-service-card.hes-featured > p {\r\n            color: rgba(255, 255, 255, 0.78);\r\n        }\r\n\r\n        .hes-service-card.hes-featured .hes-service-list li {\r\n            color: rgba(255, 255, 255, 0.9);\r\n        }\r\n\r\n        .hes-service-card.hes-featured .hes-service-list li::before {\r\n            background:\r\n                linear-gradient(#2596be, #2596be) center \/ 7px 2px no-repeat,\r\n                linear-gradient(#2596be, #2596be) center \/ 2px 7px no-repeat,\r\n                #ffffff;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n\r\n        @media (max-width: 1080px) {\r\n            .hes-services-header {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .hes-heading-right {\r\n                max-width: 760px;\r\n            }\r\n\r\n            .hes-services-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .hes-service-card:last-child {\r\n                grid-column: 1 \/ -1;\r\n                max-width: 630px;\r\n                width: 100%;\r\n                justify-self: center;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 720px) {\r\n            .hes-modern-services {\r\n                padding: 80px 18px;\r\n            }\r\n\r\n            .hes-services-header {\r\n                margin-bottom: 48px;\r\n            }\r\n\r\n            .hes-heading-left h2 {\r\n                letter-spacing: -1px;\r\n            }\r\n\r\n            .hes-heading-right p {\r\n                font-size: 15.5px;\r\n            }\r\n\r\n            .hes-services-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .hes-service-card,\r\n            .hes-service-card:last-child {\r\n                grid-column: auto;\r\n                max-width: none;\r\n                min-height: auto;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hes-modern-services {\r\n                padding: 65px 15px;\r\n            }\r\n\r\n            .hes-service-card {\r\n                padding: 32px 24px 28px;\r\n                border-radius: 6px 30px 6px 6px;\r\n            }\r\n\r\n            .hes-card-number {\r\n                top: 22px;\r\n                right: 22px;\r\n                font-size: 52px;\r\n            }\r\n\r\n            .hes-service-icon {\r\n                width: 68px;\r\n                height: 68px;\r\n            }\r\n\r\n            .hes-service-card h3 {\r\n                font-size: 24px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"hes-services-container\">\r\n\r\n        <!-- Section Heading -->\r\n        <div class=\"hes-services-header\">\r\n\r\n            <div class=\"hes-heading-left\">\r\n              \r\n\r\n                <h2>\r\n                    Integrated Engineering for Every \r\n                    <span>Project Phase<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"hes-heading-right\">\r\n                <p>\r\n                    HES delivers dependable civil and infrastructure engineering services across each project phase, from concept planning and design to permitting, construction, and quality reviews.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Service Cards -->\r\n        <div class=\"hes-services-grid\">\r\n\r\n            <!-- Card 1 -->\r\n            <article class=\"hes-service-card\">\r\n\r\n                <span class=\"hes-card-number\">01<\/span>\r\n\r\n                <div class=\"hes-service-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M9 5H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-3\"><\/path>\r\n                        <rect x=\"9\" y=\"3\" width=\"6\" height=\"4\" rx=\"1\"><\/rect>\r\n                        <path d=\"m9 14 2 2 4-4\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>Project Planning and Management<\/h3>\r\n\r\n                <p>\r\n                    HES helps define project goals, evaluate options, and advance work efficiently through focused planning, guidance, and coordination.\r\n                <\/p>\r\n\r\n                <ul class=\"hes-service-list\">\r\n                    <li>Project management<\/li>\r\n                    <li>Planning and options analysis<\/li>\r\n                    <li>Permitting support<\/li>\r\n                <\/ul>\r\n\r\n            <\/article>\r\n\r\n            <!-- Card 2 -->\r\n            <article class=\"hes-service-card hes-featured\">\r\n\r\n                <span class=\"hes-card-number\">02<\/span>\r\n\r\n                <div class=\"hes-service-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M3 21h18\"><\/path>\r\n                        <path d=\"M5 21V8l7-4 7 4v13\"><\/path>\r\n                        <path d=\"M9 21v-5h6v5\"><\/path>\r\n                        <path d=\"M8 10h.01\"><\/path>\r\n                        <path d=\"M12 10h.01\"><\/path>\r\n                        <path d=\"M16 10h.01\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>Utility and Infrastructure Design<\/h3>\r\n\r\n                <p>\r\n                   Reliable design solutions for water, sewer, stormwater, and utility systems in dense urban environments.\r\n                <\/p>\r\n\r\n                <ul class=\"hes-service-list\">\r\n                    <li>Plan review<\/li>\r\n                    <li>Water, sewer, and stormwater design<\/li>\r\n                    <li>Clean-water and wastewater infrastructure rehabilitation<\/li>\r\n                    <li>Utility protection and relocation during heavy civil construction<\/li>\r\n                <\/ul>\r\n\r\n            <\/article>\r\n\r\n            <!-- Card 3 -->\r\n            <article class=\"hes-service-card\">\r\n\r\n                <span class=\"hes-card-number\">03<\/span>\r\n\r\n                <div class=\"hes-service-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M14.7 6.3a4 4 0 0 0-5 5L4 17v3h3l5.7-5.7a4 4 0 0 0 5-5l-2.2 2.2-3-3z\"><\/path>\r\n                        <path d=\"m15 15 5 5\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <h3>Construction Support<\/h3>\r\n\r\n                <p>\r\n                    We provide skilled technical review and support to verify design intent, standards compliance, constructability, and long-term infrastructure performance.\r\n                <\/p>\r\n\r\n                <ul class=\"hes-service-list\">\r\n                    <li>Condition assessments<\/li>\r\n                    <li>Preparation of project specifications<\/li>\r\n                    <li>Constructability reviews<\/li>\r\n                    <li>Quality-control reviews<\/li>\r\n                <\/ul>\r\n\r\n            <\/article>\r\n\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>Integrated Engineering for Every Project Phase HES delivers dependable civil and infrastructure engineering services across each project phase, from concept planning and design to permitting, construction, and quality reviews. 01 Project Planning and Management HES helps define project goals, evaluate options, and advance work efficiently through focused planning, guidance, and coordination. Project management Planning and [&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-409","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/harakaes.com\/index.php\/wp-json\/wp\/v2\/pages\/409","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=409"}],"version-history":[{"count":10,"href":"https:\/\/harakaes.com\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions"}],"predecessor-version":[{"id":6159,"href":"https:\/\/harakaes.com\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions\/6159"}],"wp:attachment":[{"href":"https:\/\/harakaes.com\/index.php\/wp-json\/wp\/v2\/media?parent=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}