{"id":118,"date":"2026-01-22T19:00:18","date_gmt":"2026-01-22T19:00:18","guid":{"rendered":"https:\/\/wpcipl.com\/wpc\/?page_id=118"},"modified":"2026-02-27T14:05:19","modified_gmt":"2026-02-27T14:05:19","slug":"services","status":"publish","type":"page","link":"https:\/\/wpcipl.com\/wpc\/services\/","title":{"rendered":"Services"},"content":{"rendered":"<body>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"118\" class=\"elementor elementor-118\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e779d29 e-con-full e-flex e-con e-parent\" data-id=\"e779d29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a7f534 elementor-widget elementor-widget-html\" data-id=\"8a7f534\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&amp;family=Outfit:wght@500;700&amp;display=swap\" rel=\"stylesheet\">\n\n<section class=\"glass-nav-wrapper\">\n  <nav class=\"glass-nav-container\">\n    <div class=\"glass-nav-logo\">\n      <a href=\"https:\/\/wpcipl.com\/wpc\/home\/\"><\/a>\n    <\/div>\n\n    <button class=\"glass-nav-toggle\" aria-label=\"Toggle Menu\" id=\"glassNavToggle\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n\n    <ul class=\"glass-nav-links\" id=\"glassNavLinks\">\n      <li><a href=\"https:\/\/wpcipl.com\/wpc\/home\/\">Home<\/a><\/li>\n      <li><a href=\"https:\/\/wpcipl.com\/wpc\/about-us\/\">About Us<\/a><\/li>\n      <li><a href=\"https:\/\/wpcipl.com\/wpc\/services\/\">Services<\/a><\/li>\n      <li><a href=\"https:\/\/wpcipl.com\/wpc\/contact-us\/\">Contact Us<\/a><\/li>\n    <\/ul>\n  <\/nav>\n<\/section>\n\n<style>\n\n\/* ===== Desktop \/ Global bar ===== *\/\n\n\n\n.glass-nav-wrapper{\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  z-index: 99999;\n  pointer-events: none;\n}\n\n\/* full width bar *\/\n.glass-nav-container{\n\n  pointer-events: auto;\n  width: 100vw;\n  max-width: 100vw;\n  margin: 0;\n  padding: 12px 32px;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  \/* \u2705 Blue glass with light blur *\/\n  background: rgba(30, 64, 175, 0.22);   \/* blue tone *\/\n  backdrop-filter: blur(8px) saturate(140%);\n  -webkit-backdrop-filter: blur(8px) saturate(140%);\n\n  border-bottom: 1px solid rgba(255,255,255,0.25);\n  box-shadow: 0 6px 24px rgba(0,0,0,0.12);\n\n  box-sizing: border-box;\n  border-radius: 0;\n}\n\n\/* Logo *\/\n.glass-nav-logo a{\n  font-family: 'Outfit', sans-serif;\n  width: 44px;\n  height: 44px;\n\n  background-image: url('https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/WPCIPL-LOGO.jpg');\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-color: rgba(255,255,255,0.1);\n\n  text-decoration: none;\n  font-weight: 700;\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  font-size: 16px;\n  transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.glass-nav-logo a:hover{\n  transform: scale(1.05);\n}\n\n\/* Desktop Navigation Links *\/\n.glass-nav-links{\n  list-style: none !important;\n  display: flex;\n  gap: 5px;\n  margin: 0;\n  padding: 0;\n}\n\n.glass-nav-links li a{\n  font-family: 'Inter', sans-serif;\n  text-decoration: none;\n  color: #1a1a1a;\n  font-weight: 600;\n  font-size: 14px;\n  padding: 10px 18px;\n  border-radius: 50px;\n  transition: 0.3s;\n}\n\n.glass-nav-links li a:hover{\n  background: rgba(255,255,255,0.55);\n}\n\n\/* Toggle Button (unchanged) *\/\n.glass-nav-toggle{\n  display: none;\n  flex-direction: column;\n  gap: 5px;\n  background: rgba(0,0,0,0.05);\n  border: none;\n  cursor: pointer;\n  padding: 12px;\n  border-radius: 50%;\n  transition: 0.3s;\n}\n\n.glass-nav-toggle span{\n  width: 20px;\n  height: 2px;\n  background: #1a1a1a;\n  border-radius: 10px;\n  transition: 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);\n}\n\n\/* ------------------------------------------------ *\/\n\/* ---- RESPONSIVE & HAMBURGER (NOT TOUCHED) ---- *\/\n\/* ------------------------------------------------ *\/\n\n@media (max-width: 768px){\n\n  .glass-nav-toggle{ display: flex; }\n\n  .glass-nav-links{\n    position: fixed;\n    top: 80px;\n    right: 4%;\n    width: calc(100% - 8%);\n    max-width: 320px;\n    flex-direction: column;\n    padding: 24px;\n    gap: 12px;\n    border-radius: 30px;\n\n    background: rgba(255, 255, 255, 0.85);\n    backdrop-filter: blur(30px) saturate(200%);\n    -webkit-backdrop-filter: blur(30px) saturate(200%);\n    border: 1px solid rgba(255, 255, 255, 0.6);\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n\n    opacity: 0;\n    visibility: hidden;\n    transform: scale(0.9) translateY(-10px);\n    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n    transform-origin: top right;\n  }\n\n  .glass-nav-links.is-active{\n    opacity: 1;\n    visibility: visible;\n    transform: scale(1) translateY(0);\n  }\n\n  .glass-nav-links li{\n    width: 100%;\n    transform: translateY(15px);\n    opacity: 0;\n    transition: 0.4s ease;\n  }\n\n  .glass-nav-links.is-active li{\n    transform: translateY(0);\n    opacity: 1;\n  }\n\n  .glass-nav-links.is-active li:nth-child(1){ transition-delay: 0.1s; }\n  .glass-nav-links.is-active li:nth-child(2){ transition-delay: 0.15s; }\n  .glass-nav-links.is-active li:nth-child(3){ transition-delay: 0.2s; }\n  .glass-nav-links.is-active li:nth-child(4){ transition-delay: 0.25s; }\n\n  .glass-nav-links li a{\n    display: block;\n    width: 100%;\n    padding: 16px;\n    background: rgba(255, 255, 255, 0.5);\n    border: 1px solid rgba(0,0,0,0.03);\n    text-align: center;\n    font-size: 16px;\n    box-sizing: border-box;\n  }\n\n  .glass-nav-links li a:active{\n    background: #6366f1;\n    color: #fff;\n  }\n}\n\n@media (max-width: 480px){\n  .glass-nav-links{\n    right: 5%;\n    left: 5%;\n    width: auto;\n    max-width: none;\n    top: 75px;\n  }\n}\n\n<\/style>\n\n<script>\n(function() {\n  const btn = document.getElementById('glassNavToggle');\n  const menu = document.getElementById('glassNavLinks');\n\n  if (btn && menu) {\n\n    btn.addEventListener('click', function(e) {\n      e.stopPropagation();\n\n      const isActive = menu.classList.toggle('is-active');\n\n      const spans = btn.getElementsByTagName('span');\n\n      if (isActive) {\n        spans[0].style.transform = \"rotate(45deg) translate(5px, 5px)\";\n        spans[1].style.opacity = \"0\";\n        spans[2].style.transform = \"rotate(-45deg) translate(5px, -5px)\";\n        btn.style.background = \"rgba(0,0,0,0.1)\";\n      } else {\n        spans[0].style.transform = \"none\";\n        spans[1].style.opacity = \"1\";\n        spans[2].style.transform = \"none\";\n        btn.style.background = \"rgba(0,0,0,0.05)\";\n      }\n    });\n\n    document.addEventListener('click', (e) => {\n      if (!menu.contains(e.target) && menu.classList.contains('is-active')) {\n        btn.click();\n      }\n    });\n\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec34193 e-con-full e-flex e-con e-parent\" data-id=\"ec34193\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99d46a9 elementor-widget elementor-widget-html\" data-id=\"99d46a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"wpc-excellence-section\" class=\"wpc-svc-root\">\n    <style>\n        \/* Scoped styles using unique prefix to prevent global conflicts *\/\n        #wpc-excellence-section.wpc-svc-root {\n    --wpc-main-blue: #003366;\n    --wpc-accent-blue: #0056b3;\n    --wpc-bg-white: #ffffff;\n    --wpc-text-gray: #f8f9fa; \/* Lightened for dark backgrounds *\/\n    \n    padding: 8vw 5%;\n    \/* ADDED BACKGROUND PROPERTIES BELOW *\/\n    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), \n                      url('https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_xy9aatxy9aatxy9a-e1769774740320.jpeg'); \n    background-size: cover;\n    background-position: center;\n    background-attachment: fixed; \/* Optional: adds a parallax effect *\/\n    \n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    min-height: 60vh; \/* Increased height to show off the image *\/\n}\n\n\/* Adjust heading and description for better contrast on image *\/\n#wpc-excellence-section .wpc-svc-heading {\n    color: #ffffff; \n}\n\n#wpc-excellence-section .wpc-svc-description {\n    color: #e0e0e0;\n    max-width: 750px;\n}\n\n        \/* Background decorative elements matching the image style *\/\n        .wpc-svc-root::before {\n            content: '';\n            position: absolute;\n            top: 10%;\n            left: 5%;\n            width: 15vw;\n            height: 15vw;\n            background: radial-gradient(circle, rgba(0, 51, 102, 0.03) 0%, transparent 70%);\n            z-index: 1;\n        }\n\n        .wpc-svc-container {\n            position: relative;\n            z-index: 2;\n            max-width: 900px;\n            width: 100%;\n        }\n\n        .wpc-svc-heading {\n            font-size: clamp(1.8rem, 4vw, 3rem);\n            font-weight: 800;\n            color: #000000;\n            margin-bottom: 2vw;\n            line-height: 1.2;\n        }\n\n        .wpc-svc-heading span {\n            color: var(--wpc-accent-blue);\n        }\n\n        .wpc-svc-description {\n            font-size: clamp(1rem, 1.2vw, 1.25rem);\n            color: var(--wpc-text-gray);\n            line-height: 1.8;\n            margin-bottom: 3vw;\n            font-style: italic;\n        }\n\n        .wpc-svc-btn {\n            display: inline-block;\n            padding: 12px 35px;\n            border: 2px solid var(--wpc-accent-blue);\n            color: var(--wpc-accent-blue);\n            background: transparent;\n            text-decoration: none;\n            font-weight: 600;\n            border-radius: 50px;\n            transition: all 0.3s ease;\n            font-size: 1rem;\n        }\n\n        .wpc-svc-btn:hover {\n            background-color: var(--wpc-accent-blue);\n            color: var(--wpc-bg-white);\n            box-shadow: 0 10px 20px rgba(0, 86, 179, 0.2);\n            transform: translateY(-3px);\n        }\n\n        \/* Responsive adjustments *\/\n        @media (max-width: 768px) {\n            #wpc-excellence-section.wpc-svc-root {\n                padding: 60px 20px;\n            }\n            .wpc-svc-description {\n                text-align: center;\n                padding: 0 10px;\n            }\n        }\n\n        \/* Scroll reveal animation *\/\n        .wpc-svc-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease-out;\n        }\n\n        .wpc-svc-reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    <\/style>\n\n    <div class=\"wpc-svc-container wpc-svc-reveal\">\n        <h2 class=\"wpc-svc-heading\">\n             <span>Progress Through Mapping and Irrigation<\/span>\n        <\/h2>\n        \n        <p class=\"wpc-svc-description\">\n            At Water Power Consultants (I) Pvt. Ltd., we provide expert consultancy in architectural engineering, \n            rural &amp; urban planning, GIS solutions, and specialized software development. Our mission is to ensure \n            precision-driven engineering and sustainable technical infrastructure across Odisha and beyond.\n        <\/p>\n\n        <a href=\"#services\" class=\"wpc-svc-btn\">Explore more<\/a>\n    <\/div>\n\n    <script>\n        (function() {\n            \/\/ Self-invoking function to avoid global variable leaks\n            const initReveal = () => {\n                const element = document.querySelector('.wpc-svc-reveal');\n                if (!element) return;\n\n                const observer = new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            entry.target.classList.add('active');\n                        }\n                    });\n                }, { threshold: 0.2 });\n\n                observer.observe(element);\n            };\n\n            \/\/ Run once content is loaded\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initReveal);\n            } else {\n                initReveal();\n            }\n        })();\n    <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5894256 e-con-full e-flex e-con e-parent\" data-id=\"5894256\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d17853 elementor-widget elementor-widget-html\" data-id=\"0d17853\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"wpc-master-services\" class=\"wpc-s-root\">\n    <style>\n        \/* Scoped styles using unique prefix to prevent global conflicts *\/\n        #wpc-master-services.wpc-s-root {\n            --wpc-s-blue: #003366;\n            --wpc-s-accent: #0056b3;\n            --wpc-s-bg: #f8faff;\n            --wpc-s-white: #ffffff;\n            --wpc-s-text: #444444;\n            --wpc-s-shadow: rgba(0, 51, 102, 0.1);\n            \n            display: flex;\n            gap: 2vw;\n            padding: 5vw;\n            background-color: var(--wpc-s-bg);\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            color: var(--wpc-s-text);\n            box-sizing: border-box;\n        }\n\n        \/* Sidebar Navigation *\/\n        .wpc-s-sidebar {\n            flex: 0 0 25vw;\n            background: var(--wpc-s-white);\n            padding: 2vw;\n            border-radius: 1vw;\n            box-shadow: 0 1vw 3vw var(--wpc-s-shadow);\n            position: sticky;\n            top: 2vw;\n            height: fit-content;\n        }\n\n        .wpc-s-sidebar h2 {\n            font-size: 1.8vw;\n            color: var(--wpc-s-blue);\n            margin-bottom: 2vw;\n            text-align: center;\n            border-bottom: 0.2vw solid var(--wpc-s-bg);\n            padding-bottom: 1vw;\n        }\n\n        .wpc-s-nav-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .wpc-s-nav-item {\n            padding: 1vw 1.5vw;\n            margin-bottom: 0.5vw;\n            cursor: pointer;\n            border-radius: 0.5vw;\n            font-size: 1.1vw;\n            transition: all 0.3s ease;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border: 1px solid transparent;\n        }\n\n        .wpc-s-nav-item:hover {\n            background-color: #f0f7ff;\n            color: var(--wpc-s-accent);\n        }\n\n        .wpc-s-nav-item.active {\n            background-color: var(--wpc-s-accent);\n            color: var(--wpc-s-white);\n            box-shadow: 0 0.5vw 1vw rgba(0, 86, 179, 0.3);\n        }\n\n        \/* Content Area *\/\n        .wpc-s-content-wrapper {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 3vw;\n        }\n\n        .wpc-s-card {\n            background: var(--wpc-s-white);\n            border-radius: 1vw;\n            padding: 3vw;\n            display: flex;\n            gap: 2vw;\n            align-items: center;\n            box-shadow: 0 0.5vw 2vw var(--wpc-s-shadow);\n            border-left: 0.5vw solid var(--wpc-s-blue);\n            transition: transform 0.3s ease;\n        }\n\n        .wpc-s-card:hover {\n            transform: translateX(1vw);\n        }\n\n        .wpc-s-info {\n            flex: 1;\n        }\n\n        .wpc-s-info h3 {\n            font-size: 2vw;\n            color: var(--wpc-s-blue);\n            margin-bottom: 1.5vw;\n        }\n\n        .wpc-s-info ul {\n            padding-left: 1.2vw;\n        }\n\n        .wpc-s-info li {\n            font-size: 1.1vw;\n            margin-bottom: 0.8vw;\n            line-height: 1.5;\n        }\n\n        .wpc-s-image {\n            flex: 0 0 25vw;\n            aspect-ratio: 16\/10;\n            border-radius: 0.8vw;\n            overflow: hidden;\n            background: #eee;\n        }\n\n        .wpc-s-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* Responsive Breakpoints *\/\n        @media (max-width: 1024px) {\n            #wpc-master-services.wpc-s-root { flex-direction: column; }\n            .wpc-s-sidebar { flex: 1; position: relative; width: 100%; top: 0; margin-bottom: 5vw; }\n            .wpc-s-sidebar h2 { font-size: 4vw; }\n            .wpc-s-nav-item { font-size: 2.5vw; padding: 2vw; }\n            .wpc-s-info h3 { font-size: 4vw; }\n            .wpc-s-info li { font-size: 2.8vw; }\n            .wpc-s-image { flex: 0 0 40vw; width: 100%; }\n            .wpc-s-card { flex-direction: column-reverse; }\n        }\n\n        @media (max-width: 600px) {\n            .wpc-s-sidebar h2 { font-size: 6vw; }\n            .wpc-s-nav-item { font-size: 4vw; padding: 3vw; }\n            .wpc-s-info h3 { font-size: 6vw; }\n            .wpc-s-info li { font-size: 4.5vw; }\n        }\n    <\/style>\n\n    <div class=\"wpc-s-sidebar\">\n        <h2>Our Services<\/h2>\n        <ul class=\"wpc-s-nav-list\">\n            <li class=\"wpc-s-nav-item active\" onclick=\"wpcScrollTo('civil')\">Civil Engineering <span>\u203a<\/span><\/li>\n            <li class=\"wpc-s-nav-item\" onclick=\"wpcScrollTo('ecology')\">Ecology &amp; Water <span>\u203a<\/span><\/li>\n            <li class=\"wpc-s-nav-item\" onclick=\"wpcScrollTo('irrigation')\">Irrigation Management <span>\u203a<\/span><\/li>\n            <li class=\"wpc-s-nav-item\" onclick=\"wpcScrollTo('socio')\">Socio Economic <span>\u203a<\/span><\/li>\n            <li class=\"wpc-s-nav-item\" onclick=\"wpcScrollTo('urban')\">Urban Development <span>\u203a<\/span><\/li>\n            <li class=\"wpc-s-nav-item\" onclick=\"wpcScrollTo('gis')\">GIS &amp; Reprographics <span>\u203a<\/span><\/li>\n        <\/ul>\n    <\/div>\n\n    <div class=\"wpc-s-content-wrapper\" id=\"wpc-content-scroll\">\n        \n        <div class=\"wpc-s-card\" id=\"civil\">\n            <div class=\"wpc-s-info\">\n                <h3>Civil Engineering<\/h3>\n                <ul>\n                    <li>Structural Engineering and Analysis<\/li>\n                    <li>Landscaping and Modern Interiors<\/li>\n                    <li>Roads &amp; Bridge Infrastructure Design<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"wpc-s-image\">\n                <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/Total-station.jpg\" alt=\"Civil Engineering\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n\n        <div class=\"wpc-s-card\" id=\"ecology\">\n            <div class=\"wpc-s-info\">\n                <h3>Ecology &amp; Water Supply<\/h3>\n                <ul>\n                    <li>Feasibility Project Reports (DPR)<\/li>\n                    <li>Urban &amp; Rural Water Supply Schemes<\/li>\n                    <li>Environmental Impact Assessment<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"wpc-s-image\">\n                <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/%F0%9F%92%A1-Efficiency-That-Pays-Off-in-the-Field-%F0%9F%8C%BD.jpeg\" alt=\"Ecology\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n\n        <div class=\"wpc-s-card\" id=\"irrigation\">\n            <div class=\"wpc-s-info\">\n                <h3>Irrigation &amp; Water Management<\/h3>\n                <ul>\n                    <li>Pipeline Erection for Drinking Water<\/li>\n                    <li>Manufacturing of Treatment Equipment<\/li>\n                    <li>Design of Irrigation Networks<\/li>\n                    <li>Watershed Planning and Mapping<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"wpc-s-image\">\n                <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/Revering-machine-for-canal-survery.jpeg\" alt=\"Irrigation\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n\n        <div class=\"wpc-s-card\" id=\"socio\">\n            <div class=\"wpc-s-info\">\n                <h3>Socio Economic Consultancy<\/h3>\n                <ul>\n                    <li>Rural Appraisal &amp; Development<\/li>\n                    <li>Benchmark and Baseline Surveys<\/li>\n                    <li>Rehabilitation &amp; Resettlement Reports<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"wpc-s-image\">\n                <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/Panipanchayat-meeting-for-irrigation-canal-planning-2.jpeg\" alt=\"Socio Economic\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n\n        <div class=\"wpc-s-card\" id=\"urban\">\n            <div class=\"wpc-s-info\">\n                <h3>Urban Development<\/h3>\n                <ul>\n                    <li>Land Use Planning &amp; Digital Mapping<\/li>\n                    <li>District &amp; Regional Master Planning<\/li>\n                    <li>Town Infrastructure Development<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"wpc-s-image\">\n                <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/Panipanchayat-meeting-irrigation-canal-planning.jpeg\" alt=\"Urban Development\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n\n        <div class=\"wpc-s-card\" id=\"gis\">\n            <div class=\"wpc-s-info\">\n                <h3>GIS, GPS &amp; Reprographics<\/h3>\n                <ul>\n                    <li>Vector Conversion &amp; Scanning<\/li>\n                    <li>Thematic, Contour &amp; Digital Mapping<\/li>\n                    <li>Precision Plotting and Color Reprographics<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"wpc-s-image\">\n                <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/DGPS-for-network-RTK-real-time.jpeg\" alt=\"GIS Mapping\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        \/\/ Smooth scrolling function\n        function wpcScrollTo(elementId) {\n            const target = document.getElementById(elementId);\n            const offset = window.innerWidth * 0.02; \/\/ 2vw buffer\n            \n            window.scrollTo({\n                top: target.offsetTop - offset,\n                behavior: 'smooth'\n            });\n\n            \/\/ Update Active State in Sidebar\n            document.querySelectorAll('.wpc-s-nav-item').forEach(item => {\n                item.classList.remove('active');\n                if(item.innerText.toLowerCase().includes(elementId.substring(0,3))) {\n                    item.classList.add('active');\n                }\n            });\n        }\n\n        \/\/ Highlight sidebar on scroll\n        window.addEventListener('scroll', () => {\n            const sections = ['civil', 'ecology', 'irrigation', 'socio', 'urban', 'gis'];\n            const navItems = document.querySelectorAll('.wpc-s-nav-item');\n            \n            sections.forEach((id, index) => {\n                const section = document.getElementById(id);\n                const rect = section.getBoundingClientRect();\n                \n                if (rect.top <= 150 && rect.bottom >= 150) {\n                    navItems.forEach(item => item.classList.remove('active'));\n                    navItems[index].classList.add('active');\n                }\n            });\n        });\n    <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d537d2 e-con-full e-flex e-con e-parent\" data-id=\"4d537d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db004ab elementor-widget elementor-widget-html\" data-id=\"db004ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer>\n  <div id=\"custom-footer\">\n    <div class=\"footer-container\">\n      <div class=\"footer-section brand-info\">\n        <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/cropped-WPCIPL-LOGO.jpg\" alt=\"Company Logo\" class=\"footer-logo\" loading=\"lazy\">\n        <p>Providing quality services since 2007. Your success is our mission.<\/p>\n      <\/div>\n\n      <div class=\"footer-section\">\n        <h3>Quick Links<\/h3>\n        <ul class=\"footer-links\">\n          <li><a href=\"https:\/\/wpcipl.com\/wpc\/\">Home<\/a><\/li>\n          <li><a href=\"https:\/\/wpcipl.com\/wpc\/about-us\/\">About Us<\/a><\/li>\n          <li><a href=\"https:\/\/wpcipl.com\/wpc\/services\/\">Services<\/a><\/li>\n          <li><a href=\"https:\/\/wpcipl.com\/wpc\/contact-us\/\">Contact Us<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"footer-section\">\n        <h3>Contact Us<\/h3>\n        <div class=\"contact-item\">\n          <span>\ud83d\udccdFlat No.308, Krishna Mansion, Jharpara\n\nBhubaneswar, Odisha 751006<\/span>\n        <\/div>\n        <div class=\"contact-item\">\n          <span>\ud83d\udcde  +91-6742577815  -  9078091821<\/span>\n        <\/div>\n        <div class=\"contact-item\">\n          <span>\u2709\ufe0f info.wpcindia3@yahoogmail.com<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"footer-bottom\">\n      <p>\u00a9 <span id=\"footer-year\"><\/span> wpcipl. All rights reserved.<\/p>\n    <\/div>\n\n    <style>\n      \/* Scoped Styles to prevent website conflicts *\/\n      #custom-footer {\n        background-color: #003366; \/* Deep Blue *\/\n        color: #ffffff;\n        padding: 40px 20px 20px 20px;\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n      }\n\n      #custom-footer .footer-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        flex-wrap: wrap; \/* Allows wrapping on mobile *\/\n        justify-content: space-between;\n        gap: 30px;\n      }\n\n      #custom-footer .footer-section {\n        flex: 1;\n        min-width: 200px; \/* Ensures items don't get too squished *\/\n      }\n\n      #custom-footer .footer-logo {\n        max-width: 150px;\n        margin-bottom: 15px;\n        \n      }\n\n      #custom-footer h3 {\n        color: #ffffff;\n        border-bottom: 2px solid #005ce6;\n        padding-bottom: 10px;\n        margin-bottom: 15px;\n        font-size: 1.2rem;\n      }\n\n      #custom-footer .footer-links {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n      }\n\n      #custom-footer .footer-links li {\n        margin-bottom: 10px;\n      }\n\n      #custom-footer .footer-links a {\n        color: #e6f2ff;\n        text-decoration: none;\n        transition: color 0.3s ease;\n      }\n\n      #custom-footer .footer-links a:hover {\n        color: #ffffff;\n        text-decoration: underline;\n      }\n\n      #custom-footer .contact-item {\n        margin-bottom: 10px;\n        font-size: 0.95rem;\n        display: flex;\n        align-items: center;\n      }\n\n      #custom-footer .footer-bottom {\n        text-align: center;\n        margin-top: 40px;\n        padding-top: 20px;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        font-size: 0.85rem;\n      }\n\n      \/* Mobile Specific: Enforced Flex Column Layout *\/\n      @media (max-width: 768px) {\n        #custom-footer .footer-container {\n          flex-direction: column;\n          text-align: center;\n        }\n\n        #custom-footer .footer-section {\n          width: 100%;\n          margin-bottom: 20px;\n        }\n\n        #custom-footer h3 {\n          display: inline-block;\n        }\n\n        #custom-footer .contact-item {\n          justify-content: center;\n        }\n      }\n    <\/style>\n\n    <script>\n      (function() {\n        \/\/ Set current year automatically\n        const yearSpan = document.querySelector('#footer-year');\n        if (yearSpan) {\n          yearSpan.textContent = new Date().getFullYear();\n        }\n\n        \/\/ Example: Add a simple scroll-to-top console log or tracking\n        console.log(\"Custom Footer Initialized.\");\n      })();\n    <\/script>\n  <\/div>\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/body>","protected":false},"excerpt":{"rendered":"<p>Home About Us Services Contact Us Progress Through Mapping and Irrigation At Water Power Consultants (I) Pvt. Ltd., we provide expert consultancy in architectural engineering, rural &amp; urban planning, GIS solutions, and specialized software development. Our mission is to ensure precision-driven engineering and sustainable technical infrastructure across Odisha and beyond. Explore more Our Services Civil [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/pages\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/comments?post=118"}],"version-history":[{"count":5,"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/pages\/118\/revisions"}],"predecessor-version":[{"id":421,"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/pages\/118\/revisions\/421"}],"wp:attachment":[{"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/media?parent=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}