{"id":10,"date":"2026-01-22T07:00:00","date_gmt":"2026-01-22T07:00:00","guid":{"rendered":"https:\/\/wpcipl.com\/wpc\/?page_id=10"},"modified":"2026-02-27T14:03:54","modified_gmt":"2026-02-27T14:03:54","slug":"about-us","status":"publish","type":"page","link":"https:\/\/wpcipl.com\/wpc\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"<body>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d9a8eb e-con-full e-flex e-con e-parent\" data-id=\"2d9a8eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc7ba43 elementor-widget elementor-widget-html\" data-id=\"dc7ba43\" 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-86b3224 e-con-full e-flex e-con e-parent\" data-id=\"86b3224\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7058a12 elementor-widget elementor-widget-html\" data-id=\"7058a12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wpc-hero-section\">\n    <style>\n        :root {\n            --wpc-blue: #003366; \/* Deep professional blue *\/\n            --wpc-accent: #004a99;\n            --wpc-white: #ffffff;\n            --wpc-overlay: rgba(0, 20, 40, 0.75); \/* Dark blue overlay for text readability *\/\n        }\n\n        .wpc-hero-section {\n            position: relative;\n            min-height: 60vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            padding: 60px 20px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            color: var(--wpc-white);\n            \/* Replace the URL below with your actual background image of a project site or office *\/\n            background: linear-gradient(var(--wpc-overlay), var(--wpc-overlay)), \n                        url('https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/GPS-DE-PRECISAO-BASE-E-RADIO.jpeg') no-repeat center center\/cover;\n            overflow: hidden;\n        }\n\n        .wpc-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            z-index: 2;\n        }\n\n        .wpc-title {\n            font-size: clamp(2rem, 5vw, 3.5rem);\n            margin-bottom: 10px;\n            font-weight: 700;\n            text-transform: capitalize;\n        }\n\n        .wpc-breadcrumb {\n            font-size: 0.95rem;\n            margin-bottom: 30px;\n            letter-spacing: 1px;\n        }\n\n        .wpc-breadcrumb a {\n            color: var(--wpc-white);\n            text-decoration: none;\n            transition: color 0.3s;\n        }\n\n        .wpc-breadcrumb span {\n            margin: 0 10px;\n            opacity: 0.7;\n        }\n\n        .wpc-description {\n            font-size: clamp(1rem, 2vw, 1.15rem);\n            line-height: 1.8;\n            max-width: 900px;\n            margin: 0 auto;\n            font-weight: 300;\n            text-shadow: 1px 1px 3px rgba(0,0,0,0.3);\n        }\n\n        \/* Responsive Adjustments *\/\n        @media (max-width: 768px) {\n            .wpc-hero-section {\n                min-height: 50vh;\n                padding: 40px 15px;\n            }\n            .wpc-description {\n                text-align: justify;\n                hyphens: auto;\n            }\n        }\n\n        \/* Floating Animation for subtle movement like the image *\/\n        .wpc-container {\n            animation: wpcFadeUp 1s ease-out forwards;\n        }\n\n        @keyframes wpcFadeUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n    <\/style>\n\n    <div class=\"wpc-container\">\n        <h1 class=\"wpc-title\">About Us<\/h1>\n        \n        <nav class=\"wpc-breadcrumb\">\n            <a href=\"\/\">Home<\/a> <span>&gt;<\/span> About Us\n        <\/nav>\n\n        <p class=\"wpc-description\">\n            <strong>M\/s Water Power Consultants (I) Pvt. Ltd. (WPCIPL)<\/strong> is a premier Engineering and IT Consultancy firm established in 1998. \n            Recognized as a leading MSME unit in Odisha, we specialize in Civil Engineering, GIS, and advanced Software Development. \n            With over 25 years of multi-disciplinary experience, our senior professionals provide high-quality, closely coordinated \n            services from project conception to completion. Leveraging world-class technology, including unique hybrid scanning \n            and complete office automation, we deliver precision-driven solutions that meet the evolving needs of the infrastructure industry.\n        <\/p>\n    <\/div>\n\n    <script>\n        \/\/ Optional: Simple Parallax effect on scroll for the background\n        window.addEventListener('scroll', function() {\n            const hero = document.querySelector('.wpc-hero-section');\n            let offset = window.pageYOffset;\n            hero.style.backgroundPositionY = offset * 0.5 + 'px';\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-385ce1d e-con-full e-flex e-con e-parent\" data-id=\"385ce1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a5b3d8 elementor-widget elementor-widget-html\" data-id=\"4a5b3d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wpc-about-main\">\n    <style>\n        :root {\n            --wpc-primary-blue: #003366;\n            --wpc-accent-blue: #0056b3;\n            --wpc-text-dark: #333333;\n            --wpc-text-light: #666666;\n            --wpc-bg-white: #ffffff;\n        }\n\n        .wpc-about-main {\n            padding: 80px 10% ;\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--wpc-bg-white);\n            color: var(--wpc-text-dark);\n            line-height: 1.6;\n        }\n\n        .wpc-about-container {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 50px;\n            align-items: center;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        \/* Image Grid Layout *\/\n        .wpc-image-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            grid-template-rows: auto auto;\n            gap: 15px;\n        }\n\n        .wpc-img-wrapper img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            border-radius: 15px;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n            transition: transform 0.3s ease;\n        }\n\n        .wpc-img-wrapper img:hover {\n            transform: scale(1.02);\n        }\n\n        .wpc-img-large {\n            grid-column: span 2;\n        }\n\n        \/* Content Styles *\/\n        .wpc-content-col {\n            padding-right: 20px;\n        }\n\n        .wpc-label {\n            color: var(--wpc-accent-blue);\n            font-weight: 700;\n            text-transform: uppercase;\n            font-size: 1.1rem;\n            margin-bottom: 10px;\n            display: block;\n        }\n\n        .wpc-heading {\n            color: var(--wpc-primary-blue);\n            font-size: clamp(1.8rem, 4vw, 2.5rem);\n            line-height: 1.2;\n            margin-bottom: 25px;\n            font-weight: 800;\n        }\n\n        .wpc-text-block {\n            margin-bottom: 20px;\n            font-size: 1.05rem;\n            color: var(--wpc-text-light);\n            text-align: justify;\n        }\n\n        .wpc-highlight {\n            color: var(--wpc-primary-blue);\n            font-weight: 600;\n        }\n\n        \/* Responsive Breakpoints *\/\n        @media (max-width: 1024px) {\n            .wpc-about-main { padding: 60px 5%; }\n            .wpc-about-container { gap: 30px; }\n        }\n\n        @media (max-width: 768px) {\n            .wpc-about-container {\n                grid-template-columns: 1fr;\n            }\n            .wpc-image-grid {\n                order: 2;\n            }\n            .wpc-content-col {\n                order: 1;\n                padding-right: 0;\n                text-align: center;\n            }\n            .wpc-text-block {\n                text-align: center;\n            }\n        }\n\n        \/* Animation *\/\n        .wpc-reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s ease-out;\n        }\n\n        .wpc-reveal.wpc-active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    <\/style>\n\n    <div class=\"wpc-about-container\">\n        <div class=\"wpc-image-grid wpc-reveal\">\n            <div class=\"wpc-img-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/DPWH-forms-special-team-to-pursue-contractors-in-flood-control-anomalies.jpeg\" alt=\"Civil Engineering\" loading=\"lazy\">\n            <\/div>\n            <div class=\"wpc-img-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/Theodolite.jpeg\" alt=\"GIS Mapping\" loading=\"lazy\">\n            <\/div>\n            <div class=\"wpc-img-wrapper wpc-img-large\">\n                <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/home-page-slider-2.png\" alt=\"Infrastructure Development\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n\n        <div class=\"wpc-content-col wpc-reveal\">\n            <span class=\"wpc-label\">About Us<\/span>\n            <h2 class=\"wpc-heading\">Engineering Precision, Pioneering Growth<\/h2>\n            \n            <p class=\"wpc-text-block\">\n                Founded in 1998, <span class=\"wpc-highlight\">M\/s Water Power Consultants (I) Pvt. Ltd. (WPCIPL)<\/span> has evolved from a modest scale into a leading consultancy firm in Odisha and beyond. As a registered <span class=\"wpc-highlight\">MSME unit<\/span>, we provide specialized services in Civil Engineering, GIS, and Software Development, bridging the gap between traditional infrastructure and modern Information Technology.\n            <\/p>\n\n            <p class=\"wpc-text-block\">\n                Our organizational strength lies in our senior professionals who closely monitor every project with day-to-day supervision, ensuring the highest standards of professional service. We are unique in the state for our <span class=\"wpc-highlight\">complete office automation<\/span> and world-class technical assets, including advanced Hybrid Scanners, plotters, and proprietary software developments.\n            <\/p>\n\n            <p class=\"wpc-text-block\">\n                From initial conception to final completion, we offer closely coordinated consultancy services. Our strategic associations with partners like <span class=\"wpc-highlight\">Aarvee Associate<\/span> and our status as a registered vendor for <span class=\"wpc-highlight\">RITES Ltd. and ORSAC<\/span> reinforce our commitment to delivering excellence in urban and rural planning.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const observerOptions = {\n                threshold: 0.1\n            };\n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('wpc-active');\n                    }\n                });\n            }, observerOptions);\n\n            document.querySelectorAll('.wpc-reveal').forEach(el => {\n                observer.observe(el);\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-ba1e3fe e-con-full e-flex e-con e-parent\" data-id=\"ba1e3fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93d9885 elementor-widget elementor-widget-html\" data-id=\"93d9885\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"wpc-mission-vision\" class=\"wpc-mv-section\">\n    <style>\n        \/* Scoped styles to prevent global conflicts *\/\n        .wpc-mv-section {\n            --wpc-blue-dark: #003366;\n            --wpc-blue-light: #0056b3;\n            --wpc-white: #ffffff;\n            --wpc-gray-bg: #f4f7fa;\n            --wpc-text: #333333;\n            \n            padding: 60px 20px;\n            background-color: var(--wpc-white);\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            display: flex;\n            justify-content: center;\n        }\n\n        .wpc-mv-container {\n            max-width: 1100px;\n            width: 100%;\n            display: flex;\n            gap: 30px;\n            flex-wrap: wrap;\n        }\n\n        .wpc-mv-card {\n            flex: 1;\n            min-width: 300px;\n            background: var(--wpc-white);\n            border: 2px solid var(--wpc-blue-dark);\n            border-radius: 15px;\n            padding: 40px 30px;\n            text-align: center;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 10px 20px rgba(0, 51, 102, 0.05);\n        }\n\n        \/* Modern Design: Blue Header Top *\/\n        .wpc-mv-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 8px;\n            background: var(--wpc-blue-dark);\n        }\n\n        .wpc-mv-card:hover {\n            transform: translateY(-10px);\n            background-color: var(--wpc-blue-dark);\n            box-shadow: 0 15px 30px rgba(0, 51, 102, 0.2);\n        }\n\n        .wpc-mv-card:hover .wpc-mv-title,\n        .wpc-mv-card:hover .wpc-mv-text {\n            color: var(--wpc-white);\n        }\n\n        .wpc-mv-icon {\n            font-size: 50px;\n            margin-bottom: 20px;\n            color: var(--wpc-blue-dark);\n            transition: color 0.4s;\n        }\n        \n        .wpc-mv-card:hover .wpc-mv-icon {\n            color: var(--wpc-white);\n        }\n\n        .wpc-mv-title {\n            color: var(--wpc-blue-dark);\n            font-size: 28px;\n            font-weight: 800;\n            margin-bottom: 20px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        .wpc-mv-text {\n            color: var(--wpc-text);\n            font-size: 16px;\n            line-height: 1.8;\n            text-align: justify;\n        }\n\n        \/* Responsive Breakpoints *\/\n        @media (max-width: 768px) {\n            .wpc-mv-section { padding: 40px 15px; }\n            .wpc-mv-card { padding: 30px 20px; }\n            .wpc-mv-title { font-size: 24px; }\n        }\n\n        \/* Animation class *\/\n        .wpc-fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n        }\n        .wpc-fade-in.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    <\/style>\n\n    <div class=\"wpc-mv-container\">\n        <div class=\"wpc-mv-card wpc-fade-in\">\n            <div class=\"wpc-mv-icon\">\ud83c\udfaf<\/div>\n            <h2 class=\"wpc-mv-title\">Our Mission<\/h2>\n            <p class=\"wpc-mv-text\">\n                To provide innovative and high-quality Engineering, GIS, and IT consultancy services that cater to the evolving infrastructure needs of Odisha and beyond. We are committed to delivering precision-driven solutions through complete office automation and advanced technology, ensuring that every project from conception to completion meets the highest international standards of reliability and efficiency.\n            <\/p>\n        <\/div>\n\n        <div class=\"wpc-mv-card wpc-fade-in\">\n            <div class=\"wpc-mv-icon\">\ud83d\ude80<\/div>\n            <h2 class=\"wpc-mv-title\">Our Vision<\/h2>\n            <p class=\"wpc-mv-text\">\n                To be the premier multi-disciplinary consultancy firm recognized for excellence in Civil Engineering . We aim to lead the industry by fostering long-term relationships with clients and partners like RITES and ORSAC,etc creating a future where our technical expertise drives sustainable growth in rural and urban developments globally.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/* Scroll reveal logic to activate animations *\/\n        (function() {\n            const revealOnScroll = function() {\n                const cards = document.querySelectorAll('.wpc-fade-in');\n                const windowHeight = window.innerHeight;\n                \n                cards.forEach(card => {\n                    const cardTop = card.getBoundingClientRect().top;\n                    if (cardTop < windowHeight - 50) {\n                        card.classList.add('active');\n                    }\n                });\n            };\n\n            \/\/ Run on load and on scroll\n            window.addEventListener('scroll', revealOnScroll);\n            window.addEventListener('load', revealOnScroll);\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-cbfa462 e-con-full e-flex e-con e-parent\" data-id=\"cbfa462\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33bb6ff elementor-widget elementor-widget-html\" data-id=\"33bb6ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"wpc-recognition-v3\" class=\"wpc-rec-main\">\n    <style>\n        \/* Scoped styles using unique ID and class prefixes to prevent global conflicts *\/\n        #wpc-recognition-v3.wpc-rec-main {\n            --wpc-blue: #003366;\n            --wpc-white: #ffffff;\n            --wpc-light-gray: #f0f4f8;\n            --wpc-accent: #004a99;\n            \n            display: flex;\n            width: 100%;\n            min-height: 600px;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            box-sizing: border-box;\n            overflow: hidden;\n        }\n\n        \/* Responsive Layout Grid *\/\n        .wpc-rec-container {\n            display: grid;\n            grid-template-columns: 1.1fr 0.9fr; \/* Increased left box size as requested *\/\n            width: 100%;\n        }\n\n        \/* Left Section: Recognition Slider *\/\n        .wpc-rec-left {\n            background-color: var(--wpc-white);\n            padding: 4vw;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .wpc-rec-title-wrap {\n            width: 100%;\n            max-width: 500px;\n            margin-bottom: 2rem;\n        }\n\n        .wpc-rec-left h2 {\n            color: var(--wpc-blue);\n            font-size: clamp(1.8rem, 3vw, 2.5rem);\n            margin: 0;\n            display: inline-block;\n            position: relative;\n        }\n\n        .wpc-rec-left h2::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 0;\n            width: 60px;\n            height: 4px;\n            background-color: var(--wpc-blue);\n        }\n\n        \/* Slider Engine *\/\n        .wpc-rec-slider-box {\n            width: 100%;\n            max-width: 500px;\n            background: var(--wpc-white);\n            border-radius: 20px;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.08);\n            padding: 30px;\n            position: relative;\n        }\n\n        .wpc-rec-view {\n            overflow: hidden;\n            width: 100%;\n        }\n\n        .wpc-rec-track {\n            display: flex;\n            transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n        }\n\n        .wpc-rec-slide {\n            min-width: 100%;\n            display: flex;\n            justify-content: center;\n        }\n\n        \/* Portrait Images as requested *\/\n        .wpc-rec-slide img {\n            width: 100%;\n            height: auto;\n            max-height: 450px;\n            aspect-ratio: 3 \/ 4;\n            object-fit: contain;\n            background: #fff;\n        }\n\n        \/* Navigation Controls *\/\n        .wpc-rec-nav {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%;\n            margin-top: 2rem;\n            max-width: 500px;\n        }\n\n        .wpc-rec-btn {\n            background: var(--wpc-blue);\n            color: white;\n            border: none;\n            padding: 10px 25px;\n            border-radius: 8px;\n            cursor: pointer;\n            font-weight: bold;\n            transition: background 0.3s;\n        }\n\n        .wpc-rec-btn:hover {\n            background: var(--wpc-accent);\n        }\n\n        .wpc-rec-dots {\n            display: flex;\n            gap: 6px;\n        }\n\n        .wpc-rec-dot {\n            width: 8px;\n            height: 8px;\n            background: #cbd5e0;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s;\n        }\n\n        .wpc-rec-dot.active {\n            background: var(--wpc-blue);\n            width: 24px;\n            border-radius: 10px;\n        }\n\n        \/* Right Section: our Engineers in Action *\/\n        .wpc-rec-right {\n            background-color: var(--wpc-blue);\n            padding: 4vw;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            color: var(--wpc-white);\n            text-align: center;\n\t\t\tmargin:10px 10px;\n        }\n\n        .wpc-rec-right h2 {\n            font-size: clamp(1.8rem, 3vw, 2.5rem);\n            margin-bottom: 35px;\n\t\t\tmargin-top:5px;\n        }\n\n        .wpc-rec-action-img-wrap {\n            width: 100%;\n            max-width: 550px;\n            border-radius: 20px;\n            overflow: hidden;\n            border: 2px solid rgba(255,255,255,0.1);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n\t\t\t margin-bottom: 60px;\n\t\t\t\n        }\n\n        .wpc-rec-action-img-wrap img {\n            width: 100%;\n            height: 500px;\n            display: block;\n\t\t\t\n        }\n\n        \/* Responsive Breakpoints *\/\n        @media (max-width: 1024px) {\n            .wpc-rec-container { grid-template-columns: 1fr; }\n            #wpc-recognition-v3.wpc-rec-main { flex-direction: column; }\n            .wpc-rec-left, .wpc-rec-right { padding: 60px 20px; }\n        }\n\n        @media (max-width: 480px) {\n            .wpc-rec-nav { flex-direction: row; gap: 10px; }\n            .wpc-rec-dot { width: 6px; height: 6px; }\n            .wpc-rec-dot.active { width: 15px; }\n        }\n    <\/style>\n\n    <div class=\"wpc-rec-container\">\n        <div class=\"wpc-rec-left\">\n            <div class=\"wpc-rec-title-wrap\">\n                <h2>Our Recognition<\/h2>\n            <\/div>\n            \n            <div class=\"wpc-rec-slider-box\">\n                <div class=\"wpc-rec-view\">\n                    <div class=\"wpc-rec-track\" id=\"wpcTrack\">\n                         <div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-15.jpg\" alt=\"Certificate 1\" loading=\"lazy\">\n                <\/div>\n                <div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-18.jpg\" alt=\"Certificate 2\" loading=\"lazy\">\n                <\/div>\n                <div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-16.jpg\" alt=\"Certificate 3\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-14.jpg\" alt=\"Certificate 4\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-13.jpg\" alt=\"Certificate 5\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-12.jpg\" alt=\"Certificate 6\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-11.jpg\" alt=\"Certificate 7\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-10.jpg\" alt=\"Certificate 8\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-3.jpg\" alt=\"Certificate 9\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-4.jpg\" alt=\"Certificate 10\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-5.jpg\" alt=\"Certificate 11\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-6.jpg\" alt=\"Certificate 12\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-7.jpg\" alt=\"Certificate 13\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-8.jpg\" alt=\"Certificate 14\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-9.jpg\" alt=\"Certificate 15\" loading=\"lazy\">\n                <\/div>\n\t\t\t\t<div class=\"wpc-rec-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/81d0a50d-f785-4b9b-8808-ac68ef4ac84b-17.jpg\" alt=\"Certificate 16\" loading=\"lazy\">\n                <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"wpc-rec-nav\">\n                <button class=\"wpc-rec-btn\" id=\"wpcPrev\">Prev<\/button>\n                <div class=\"wpc-rec-dots\" id=\"wpcDots\"><\/div>\n                <button class=\"wpc-rec-btn\" id=\"wpcNext\">Next<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"wpc-rec-right\">\n            <h2>Our Engineers in Action<\/h2>\n            <div class=\"wpc-rec-action-img-wrap\">\n                <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/Untitled-design.png\" alt=\"Engineers at work\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            const track = document.getElementById('wpcTrack');\n            const slides = Array.from(track.children);\n            const nextBtn = document.getElementById('wpcNext');\n            const prevBtn = document.getElementById('wpcPrev');\n            const dotContainer = document.getElementById('wpcDots');\n            \n            let currentIdx = 0;\n\n            \/\/ Create Dots dynamically\n            slides.forEach((_, i) => {\n                const dot = document.createElement('div');\n                dot.classList.add('wpc-rec-dot');\n                if (i === 0) dot.classList.add('active');\n                dot.addEventListener('click', () => moveToSlide(i));\n                dotContainer.appendChild(dot);\n            });\n\n            const dots = Array.from(dotContainer.children);\n\n            function updateUI() {\n                track.style.transform = `translateX(-${currentIdx * 100}%)`;\n                dots.forEach((dot, i) => {\n                    dot.classList.toggle('active', i === currentIdx);\n                });\n            }\n\n            function moveToSlide(index) {\n                currentIdx = index;\n                updateUI();\n            }\n\n            nextBtn.addEventListener('click', () => {\n                currentIdx = (currentIdx + 1) % slides.length;\n                updateUI();\n            });\n\n            prevBtn.addEventListener('click', () => {\n                currentIdx = (currentIdx - 1 + slides.length) % slides.length;\n                updateUI();\n            });\n\n            \/\/ Optional: Auto-slide\n            let autoSlide = setInterval(() => nextBtn.click(), 5000);\n\n            \/\/ Pause auto-slide on interaction\n            document.querySelector('.wpc-rec-slider-box').addEventListener('mouseenter', () => clearInterval(autoSlide));\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-85212a5 e-con-full e-flex e-con e-parent\" data-id=\"85212a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4da561c elementor-widget elementor-widget-html\" data-id=\"4da561c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"wpc-gallery-root\" class=\"wpc-gallery-outer\">\n    <style>\n        \/* Scoped variables and resets to prevent conflicts *\/\n        #wpc-gallery-root {\n            --wpc-blue: #003366;\n            --wpc-white: #ffffff;\n            --wpc-gray: #f4f4f4;\n            --wpc-dot-inactive: #cccccc;\n            --wpc-font: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            \n            padding: 8vw 2vw;\n            background-color: var(--wpc-white);\n            font-family: var(--wpc-font);\n            overflow: hidden;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        .wpc-gal-title-area {\n            text-align: center;\n            margin-bottom: 4vw;\n        }\n\n        .wpc-gal-title-area h2 {\n            color: var(--wpc-blue);\n            font-size: 3.5vw;\n            font-weight: 700;\n            margin: 0;\n            display: inline-block;\n            position: relative;\n        }\n\n        \/* Dotted underline decorative element *\/\n        .wpc-gal-title-area h2::after {\n            content: '';\n            position: absolute;\n            left: -10%;\n            right: -10%;\n            bottom: -1vw;\n            border-bottom: 0.2vw dotted var(--wpc-blue);\n        }\n\n        .wpc-gal-viewport {\n            position: relative;\n            width: 90vw;\n            margin: 0 auto;\n            overflow: hidden;\n        }\n\n        .wpc-gal-slider {\n            display: flex;\n            transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n            gap: 2vw;\n        }\n\n        \/* Portrait Aspect Ratio (3:4) *\/\n        .wpc-gal-item {\n            flex: 0 0 calc(33.333% - 1.34vw); \/* 3 items per view on desktop *\/\n            aspect-ratio: 3 \/ 4;\n            border-radius: 1vw;\n            overflow: hidden;\n            background: var(--wpc-gray);\n            box-shadow: 0 1vw 2vw rgba(0,0,0,0.1);\n        }\n\n        .wpc-gal-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        \/* Navigation Arrows *\/\n        .wpc-gal-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(0, 51, 102, 0.8);\n            color: white;\n            border: none;\n            width: 4vw;\n            height: 4vw;\n            border-radius: 50%;\n            cursor: pointer;\n            z-index: 10;\n            font-size: 1.5vw;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: background 0.3s;\n        }\n\n        .wpc-gal-arrow:hover {\n            background: var(--wpc-blue);\n        }\n\n        .wpc-gal-prev { left: 1vw; }\n        .wpc-gal-next { right: 1vw; }\n\n        \/* Indicators *\/\n        .wpc-gal-indicators {\n            display: flex;\n            justify-content: center;\n            gap: 1vw;\n            margin-top: 3vw;\n        }\n\n        .wpc-gal-dot {\n            width: 0.8vw;\n            height: 0.8vw;\n            background: var(--wpc-dot-inactive);\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s;\n        }\n\n        .wpc-gal-dot.wpc-active {\n            background: var(--wpc-blue);\n            transform: scale(1.3);\n        }\n\n        \/* Responsive Logic *\/\n        @media (max-width: 1024px) {\n            .wpc-gal-title-area h2 { font-size: 5vw; }\n            .wpc-gal-item { flex: 0 0 calc(50% - 1vw); } \/* 2 items *\/\n            .wpc-gal-arrow { width: 6vw; height: 6vw; font-size: 2.5vw; }\n        }\n\n        @media (max-width: 600px) {\n            .wpc-gal-title-area h2 { font-size: 7vw; }\n            .wpc-gal-item { flex: 0 0 100%; } \/* 1 item *\/\n            .wpc-gal-viewport { width: 85vw; }\n            .wpc-gal-arrow { width: 10vw; height: 10vw; font-size: 4vw; }\n            .wpc-gal-dot { width: 2.5vw; height: 2.5vw; }\n        }\n    <\/style>\n\n    <div class=\"wpc-gal-title-area\">\n        <h2>Activities<\/h2>\n    <\/div>\n\n    <div class=\"wpc-gal-viewport\">\n        <button class=\"wpc-gal-arrow wpc-gal-prev\" id=\"wpcPrev\">\u276e<\/button>\n        <button class=\"wpc-gal-arrow wpc-gal-next\" id=\"wpcNext\">\u276f<\/button>\n        \n        <div class=\"wpc-gal-slider\" id=\"wpcSlider\">\n            <div class=\"wpc-gal-item\"><img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/IMG_20170613_101135.jpg\" alt=\"Project 1\" loading=\"lazy\"><\/div>\n            <div class=\"wpc-gal-item\"><img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/DGPS-Controller-for-to-contour-the-land-surface-for-water-spreading.jpeg\" alt=\"Project 2\" loading=\"lazy\"><\/div>\n            <div class=\"wpc-gal-item\"><img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/During-survey-with-echo-sounder-to-measure-the-depth-and-wave-frequecnsy-of-water-.jpeg\" alt=\"Project 3\" loading=\"lazy\"><\/div>\n            <div class=\"wpc-gal-item\"><img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/For-ayacut-survey-with-rover-machine-.jpeg\" alt=\"Project 4\" loading=\"lazy\"><\/div>\n            <div class=\"wpc-gal-item\"><img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/panipanchayat-meeting-for-irrigation-canal-planning-8.jpeg\" alt=\"Project 5\" loading=\"lazy\"><\/div>\n            <div class=\"wpc-gal-item\"><img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/survey.jpeg\" alt=\"Project 6\" loading=\"lazy\"><\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"wpc-gal-indicators\" id=\"wpcDots\"><\/div>\n\n    <script>\n        (function() {\n            const slider = document.getElementById('wpcSlider');\n            const items = slider.querySelectorAll('.wpc-gal-item');\n            const dotContainer = document.getElementById('wpcDots');\n            const btnPrev = document.getElementById('wpcPrev');\n            const btnNext = document.getElementById('wpcNext');\n            \n            let currentIndex = 0;\n\n            function getVisibleCount() {\n                if (window.innerWidth <= 600) return 1;\n                if (window.innerWidth <= 1024) return 2;\n                return 3;\n            }\n\n            function updateSlider() {\n                const visibleCount = getVisibleCount();\n                const maxIndex = items.length - visibleCount;\n                if (currentIndex > maxIndex) currentIndex = maxIndex;\n                if (currentIndex < 0) currentIndex = 0;\n\n                const offset = currentIndex * (100 \/ visibleCount);\n                slider.style.transform = `translateX(-${offset}%)`;\n                \n                \/\/ Update Dots\n                const dots = dotContainer.querySelectorAll('.wpc-gal-dot');\n                dots.forEach((dot, idx) => {\n                    dot.classList.toggle('wpc-active', idx === currentIndex);\n                });\n            }\n\n            \/\/ Init Dots\n            function initDots() {\n                dotContainer.innerHTML = '';\n                const visibleCount = getVisibleCount();\n                for (let i = 0; i <= items.length - visibleCount; i++) {\n                    const dot = document.createElement('div');\n                    dot.className = 'wpc-gal-dot' + (i === currentIndex ? ' wpc-active' : '');\n                    dot.addEventListener('click', () => {\n                        currentIndex = i;\n                        updateSlider();\n                    });\n                    dotContainer.appendChild(dot);\n                }\n            }\n\n            btnNext.addEventListener('click', () => {\n                const maxIndex = items.length - getVisibleCount();\n                if (currentIndex < maxIndex) {\n                    currentIndex++;\n                } else {\n                    currentIndex = 0; \/\/ Loop back\n                }\n                updateSlider();\n            });\n\n            btnPrev.addEventListener('click', () => {\n                if (currentIndex > 0) {\n                    currentIndex--;\n                } else {\n                    currentIndex = items.length - getVisibleCount(); \/\/ Loop to end\n                }\n                updateSlider();\n            });\n\n            window.addEventListener('resize', () => {\n                initDots();\n                updateSlider();\n            });\n\n            \/\/ Kickoff\n            initDots();\n            updateSlider();\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-81f002d e-con-full e-flex e-con e-parent\" data-id=\"81f002d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f946f1b elementor-widget elementor-widget-html\" data-id=\"f946f1b\" 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 About Us Home &gt; About Us M\/s Water Power Consultants (I) Pvt. Ltd. (WPCIPL) is a premier Engineering and IT Consultancy firm established in 1998. Recognized as a leading MSME unit in Odisha, we specialize in Civil Engineering, GIS, and advanced Software Development. With over 25 years of multi-disciplinary [&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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/pages\/10","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=10"}],"version-history":[{"count":5,"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":415,"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/pages\/10\/revisions\/415"}],"wp:attachment":[{"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}