{"id":134,"date":"2026-01-22T19:17:53","date_gmt":"2026-01-22T19:17:53","guid":{"rendered":"https:\/\/wpcipl.com\/wpc\/?page_id=134"},"modified":"2026-02-27T14:03:25","modified_gmt":"2026-02-27T14:03:25","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/wpcipl.com\/wpc\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"<body>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"134\" class=\"elementor elementor-134\">\n\t\t\t\t<div class=\"elementor-element elementor-element-daea56b e-con-full e-flex e-con e-parent\" data-id=\"daea56b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-946e066 elementor-widget elementor-widget-html\" data-id=\"946e066\" 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-6f4faf7 e-con-full e-flex e-con e-parent\" data-id=\"6f4faf7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8e7015 elementor-widget elementor-widget-html\" data-id=\"b8e7015\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"custom-contact-hero-2026\">\n  <style>\n    \/* Scoping all styles to this ID to prevent global conflicts *\/\n    #custom-contact-hero-2026 {\n      --hero-bg-blue: #002b5c; \/* Deep Professional Blue *\/\n      --hero-accent-blue: #0056b3; \/* Bright Blue for accents *\/\n      --hero-white: #ffffff;\n      --hero-height: 350px;\n      \n      position: relative;\n      width: 100%;\n      height: var(--hero-height);\n      background-color: var(--hero-bg-blue);\n      display: flex;\n      align-items: center;\n      overflow: hidden;\n      font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    }\n\n    \/* Portrait Image Container *\/\n    #custom-contact-hero-2026 .image-container {\n      position: absolute;\n      top: 0;\n      right: -50px;\n      width: 60%;\n      height: 100%;\n      z-index: 1;\n    }\n\n    #custom-contact-hero-2026 .image-container img {\n      width: 100%;\n      height: 100%;\n      \/* Ensuring portrait focus even in a landscape container *\/\n      object-fit: cover;\n      object-position: center;\n      filter: brightness(0.5);\n    }\n\n    \/* The Angled Overlay Shape *\/\n    #custom-contact-hero-2026 .diagonal-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 55%;\n      height: 100%;\n      background-color: var(--hero-bg-blue);\n      z-index: 2;\n      \/* Mimics the exact cut from the screenshot *\/\n      clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);\n    }\n\n    \/* Content Area *\/\n    #custom-contact-hero-2026 .hero-content {\n      position: relative;\n      z-index: 3;\n      padding-left: 10%;\n      color: var(--hero-white);\n    }\n\n    #custom-contact-hero-2026 h1 {\n      font-size: clamp(2.5rem, 6vw, 4rem);\n      font-weight: 700;\n      margin: 0 0 10px 0;\n      padding: 0;\n      line-height: 1.2;\n    }\n\n    #custom-contact-hero-2026 .breadcrumb {\n      font-size: 1.1rem;\n      font-weight: 400;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    #custom-contact-hero-2026 .breadcrumb a {\n      color: var(--hero-white);\n      text-decoration: none;\n      transition: color 0.3s;\n    }\n\n    #custom-contact-hero-2026 .breadcrumb a:hover {\n      color: var(--hero-accent-blue);\n    }\n\n    #custom-contact-hero-2026 .separator {\n      color: var(--hero-accent-blue);\n      font-weight: bold;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n      #custom-contact-hero-2026 .diagonal-overlay { width: 65%; }\n    }\n\n    @media (max-width: 768px) {\n      #custom-contact-hero-2026 { height: 300px; }\n      #custom-contact-hero-2026 .diagonal-overlay {\n        width: 100%;\n        background: linear-gradient(90deg, var(--hero-bg-blue) 60%, transparent 100%);\n        clip-path: none;\n      }\n      #custom-contact-hero-2026 .hero-content { padding-left: 5%; }\n    }\n\n    @media (max-width: 480px) {\n      #custom-contact-hero-2026 h1 { font-size: 2.2rem; }\n      #custom-contact-hero-2026 .breadcrumb { font-size: 0.9rem; }\n    }\n  <\/style>\n\n  <div class=\"image-container\">\n    <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/contact-us-2.jpg\" alt=\"Contact Portrait Image\" loading=\"lazy\">\n  <\/div>\n\n  <div class=\"diagonal-overlay\"><\/div>\n\n  <div class=\"hero-content\">\n    <h1>Contact Us<\/h1>\n    <nav class=\"breadcrumb\">\n      <a href=\"\/\">Home<\/a>\n      <span class=\"separator\">\/<\/span>\n      <span>Contact Us<\/span>\n    <\/nav>\n  <\/div>\n\n  <script>\n    \/* Scoped Script to handle any dynamic behavior without global leaks *\/\n    (function() {\n      const heroSection = document.getElementById('custom-contact-hero-2026');\n      \n      \/\/ Example: Soft reveal animation\n      window.addEventListener('load', () => {\n        heroSection.style.opacity = '0';\n        heroSection.style.transition = 'opacity 0.8s ease-in';\n        setTimeout(() => {\n          heroSection.style.opacity = '1';\n        }, 100);\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-c439a51 e-con-full e-flex e-con e-parent\" data-id=\"c439a51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8842ec elementor-widget elementor-widget-html\" data-id=\"d8842ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"contact-info-section\">\n    <style>\n        \/* Scoped styles using a unique ID to prevent conflicts *\/\n        #contact-info-section {\n            --primary-blue: #004a99;\n            --secondary-blue: #003366;\n            --text-gray: #444;\n            --bg-light: #f9fbff;\n            --white: #ffffff;\n            \n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background-color: var(--bg-light);\n            \n            \/* Full Viewport Height *\/\n            height: 100vh;\n            overflow: hidden;\n            padding: 20px 5%;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            justify-content: center;\n            align-items: center;\n            box-sizing: border-box;\n        }\n\n        #contact-info-section * {\n            box-sizing: border-box;\n        }\n\n        \/* Left Side: Info Cards *\/\n        .cis-details-container {\n            flex: 1 1 450px;\n            max-width: 550px;\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .cis-header {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: var(--secondary-blue);\n            margin: 0 0 5px 0;\n        }\n\n        .cis-card {\n            background: var(--white);\n            display: flex;\n            align-items: center; \/* Vertically center content *\/\n            height: 80px; \/* Fixed height as requested *\/\n            padding: 0 15px;\n            border-radius: 8px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n            transition: transform 0.3s ease;\n        }\n\n        .cis-card:hover {\n            transform: translateY(-3px);\n        }\n\n        .cis-icon-box {\n            min-width: 50px;\n            height: 60px; \/* Adjusted portrait ratio for 80px card *\/\n            background-color: var(--primary-blue);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 4px;\n            margin-right: 15px;\n            color: white;\n            flex-shrink: 0;\n        }\n\n        .cis-content {\n            overflow: hidden; \/* Ensures address doesn't break layout *\/\n        }\n\n        .cis-content h3 {\n            margin: 0;\n            font-size: 1rem;\n            color: var(--secondary-blue);\n            line-height: 1.2;\n        }\n\n        .cis-content p, .cis-content a {\n            margin: 0;\n            color: var(--text-gray);\n            font-size: 0.85rem;\n            line-height: 1.3;\n            text-decoration: none;\n            display: block;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis; \/* Keeps text inside the 80px box *\/\n        }\n\n        \/* Right Side: Map *\/\n        .cis-map-container {\n            flex: 1 1 450px;\n            height: 70vh;\n            max-height: 550px;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n            border: 5px solid var(--white);\n        }\n\n        .cis-map-container iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n\n        \/* Responsive Breakpoints *\/\n        @media (max-width: 768px) {\n            #contact-info-section {\n                padding: 30px 15px;\n                height: auto;\n                overflow: visible;\n            }\n            .cis-header {\n                text-align: center;\n            }\n            .cis-card {\n                height: auto; \/* Allow growth on mobile for readability *\/\n                padding: 15px;\n            }\n            .cis-content p, .cis-content a {\n                white-space: normal;\n            }\n        }\n    <\/style>\n\n    <div class=\"cis-details-container\">\n        <h2 class=\"cis-header\">Contact Information<\/h2>\n\n        <div class=\"cis-card\">\n            <div class=\"cis-icon-box\">\n                <svg width=\"22\" height=\"22\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"cis-content\">\n                <h3>Contact Number<\/h3>\n                <a href=\"tel:+9106742577815\">+91 06742577815<\/a>\n                <a href=\"tel:+919078091821\">+91 9078091821<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"cis-card\">\n            <div class=\"cis-icon-box\">\n                <svg width=\"22\" height=\"22\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"cis-content\">\n                <h3>Email Address<\/h3>\n                <a href=\"mailto:info.wpcindia3@yahoogmail.com\">info.wpcindia3@yahoogmail.com<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"cis-card\">\n            <div class=\"cis-icon-box\">\n                <svg width=\"22\" height=\"22\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"cis-content\">\n                <h3>Our Location<\/h3>\n                <p>Flat No.308, Krishna Mansion, Jharpara<\/p>\n                <p>Bhubaneswar, Odisha 751006<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"cis-card\">\n            <div class=\"cis-icon-box\">\n                <svg width=\"22\" height=\"22\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"cis-content\">\n                <h3>Working Hours<\/h3>\n                <p>Mon - Sat: 9:30 am - 7:30 pm<\/p>\n                <p>Sunday: Closed<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"cis-map-container\">\n        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3742.6483569485!2d85.861788!3d20.273397!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a19099999999999%3A0x0!2zMjDCsDE2JzI0LjIiTiA4NcKwNTEnNDIuNCJF!5e0!3m2!1sen!2sin!4v1700000000000\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\">\n        <\/iframe>\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-285cf02 e-con-full e-flex e-con e-parent\" data-id=\"285cf02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbc9723 elementor-widget elementor-widget-html\" data-id=\"dbc9723\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"contact-section-2026\">\n    <style>\n        \/* Scoped Variables and Reset *\/\n        #contact-section-2026 {\n            --primary-blue: #0046ad;\n            --secondary-blue: #002d72;\n            --light-blue: #f0f7ff;\n            --white: #ffffff;\n            --text-dark: #333333;\n            --border-color: #e1e8ef;\n            \n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background-color: var(--white);\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            min-height: 80vh;\n            width: 100%;\n            margin: 0 auto;\n            overflow: hidden;\n            box-sizing: border-box;\n        }\n\n        #contact-section-2026 * {\n            box-sizing: border-box;\n        }\n\n        \/* Layout Containers *\/\n        #contact-section-2026 .form-container {\n            flex: 1;\n            min-width: 320px;\n            padding: 4vw;\n        }\n\n        #contact-section-2026 .image-container {\n            flex: 1;\n            min-width: 320px;\n            background-color: var(--primary-blue);\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: flex-end;\n            min-height: 500px;\n            border-bottom-left-radius: 80px;\n        }\n\n        \/* Typography *\/\n        #contact-section-2026 h2 {\n            font-size: clamp(2rem, 4vw, 3rem);\n            color: var(--secondary-blue);\n            margin-bottom: 2rem;\n            line-height: 1.2;\n            font-weight: 800;\n        }\n\n        \/* Form Styling *\/\n        #contact-section-2026 .contact-form {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n        }\n\n        #contact-section-2026 .input-group {\n            position: relative;\n        }\n\n        #contact-section-2026 .full-width {\n            grid-column: span 2;\n        }\n\n        #contact-section-2026 input, \n        #contact-section-2026 select, \n        #contact-section-2026 textarea {\n            width: 100%;\n            padding: 15px 45px 15px 20px;\n            border: 1px solid var(--border-color);\n            border-radius: 8px;\n            background-color: var(--light-blue);\n            font-size: 1rem;\n            outline: none;\n            transition: border-color 0.3s;\n        }\n\n        #contact-section-2026 input:focus, \n        #contact-section-2026 textarea:focus {\n            border-color: var(--primary-blue);\n        }\n\n        #contact-section-2026 .icon {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: #999;\n            pointer-events: none;\n            font-size: 1.2rem;\n        }\n\n        #contact-section-2026 .submit-btn {\n            background-color: var(--primary-blue);\n            color: white;\n            padding: 15px 35px;\n            border: none;\n            border-radius: 8px;\n            font-weight: bold;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-size: 1rem;\n            transition: background 0.3s;\n            margin-top: 10px;\n        }\n\n        #contact-section-2026 .submit-btn:hover {\n            background-color: var(--secondary-blue);\n        }\n\n        \/* Image Content *\/\n        #contact-section-2026 .worker-img {\n            max-width: 90%;\n            height: 90%;\n            object-fit: cover;\n            \/* Using a placeholder portrait image of a professional *\/\n            display: block;\n        }\n\n        \/* Responsive Breakpoints *\/\n        @media (max-width: 768px) {\n            #contact-section-2026 .contact-form {\n                grid-template-columns: 1fr;\n            }\n            #contact-section-2026 .full-width {\n                grid-column: span 1;\n            }\n            #contact-section-2026 .image-container {\n                border-bottom-left-radius: 0;\n                order: -1; \/* Image moves to top on mobile *\/\n                min-height: 400px;\n            }\n        }\n    <\/style>\n\n    <div class=\"form-container\">\n        <h2>Have An Upcoming Projects? Let's Talk Now!<\/h2>\n        \n        <form class=\"contact-form\" id=\"mainContactForm\">\n            <div class=\"input-group\">\n                <input type=\"text\" placeholder=\"Your Name\" required>\n                <span class=\"icon\">\ud83d\udc64<\/span>\n            <\/div>\n            <div class=\"input-group\">\n                <input type=\"email\" placeholder=\"Email Address\" required>\n                <span class=\"icon\">\u2709\ufe0f<\/span>\n            <\/div>\n            <div class=\"input-group\">\n                <input type=\"tel\" placeholder=\"Phone Number\">\n                <span class=\"icon\">\ud83d\udcde<\/span>\n            <\/div>\n            <div class=\"input-group\">\n                <select required>\n                    <option value=\"\" disabled selected>Select Subjects<\/option>\n                    <option value=\"construction\">Construction<\/option>\n                    <option value=\"renovation\">Renovation<\/option>\n                    <option value=\"consulting\">Consulting<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"input-group full-width\">\n                <textarea rows=\"5\" placeholder=\"Your Message\"><\/textarea>\n                <span class=\"icon\" style=\"top: 25px;\">\u270f\ufe0f<\/span>\n            <\/div>\n            <button type=\"submit\" class=\"submit-btn\">\n                SEND MESSAGE <span>\u2192<\/span>\n            <\/button>\n        <\/form>\n    <\/div>\n\n    <div class=\"image-container\">\n        <img decoding=\"async\" src=\"https:\/\/wpcipl.com\/wpc\/wp-content\/uploads\/2026\/01\/Engineer-scaled.png\" alt=\"Professional Worker\" class=\"worker-img\" loading=\"lazy\">\n    <\/div>\n\n    <script>\n        (function() {\n            const form = document.getElementById('mainContactForm');\n            \n            if(form) {\n                form.addEventListener('submit', function(e) {\n                    e.preventDefault();\n                    \n                    \/\/ Simple logic to show interaction\n                    const btn = form.querySelector('.submit-btn');\n                    const originalText = btn.innerHTML;\n                    \n                    btn.innerHTML = \"SENDING...\";\n                    btn.style.opacity = \"0.7\";\n                    \n                    setTimeout(() => {\n                        alert('Thank you! Your message has been sent successfully.');\n                        btn.innerHTML = originalText;\n                        btn.style.opacity = \"1\";\n                        form.reset();\n                    }, 1500);\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-b485617 e-con-full e-flex e-con e-parent\" data-id=\"b485617\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50da69a elementor-widget elementor-widget-html\" data-id=\"50da69a\" 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 Contact Us Home \/ Contact Us Contact Information Contact Number +91 06742577815 +91 9078091821 Email Address info.wpcindia3@yahoogmail.com Our Location Flat No.308, Krishna Mansion, Jharpara Bhubaneswar, Odisha 751006 Working Hours Mon &#8211; Sat: 9:30 am &#8211; 7:30 pm Sunday: Closed Have An Upcoming Projects? Let&#8217;s Talk Now! \ud83d\udc64 \u2709\ufe0f \ud83d\udcde [&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-134","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/pages\/134","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=134"}],"version-history":[{"count":5,"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/pages\/134\/revisions\/412"}],"wp:attachment":[{"href":"https:\/\/wpcipl.com\/wpc\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}