]
    <meta charset="utf-8">
    <!-- Improved Viewport Settings -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <!-- Preconnect to External Domains -->
    <link rel="preconnect" href="https://cdn.jsdelivr.net">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    
    <title></title>
    <meta name="title" content=""/>
    <meta name="description" content=" " />
    
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;1,9..40,200&display=swap" rel="stylesheet">
    
    <!-- jQuery & jQuery UI -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" />
    
    <!-- GSAP (for animations) -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
    
    <!-- Divi Theme Style -->
    <link rel="stylesheet" id="divi-style-css" href="https://www.eai.in/wp-content/themes/Divi/style.css?ver=4.9.7" type="text/css" media="all" />
    
    <!-- ShareThis Script -->
    <script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5a695d140b4e3b0013705110&product=sop' async='async'></script>
    
    <!-- Custom Scripts -->
    <script src="scripts.js"></script>

    <!-- Bootstrap Bundle (JS) -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>


<!-- Improved Mobile Navbar Styles -->
<style>

    
            /* Modern Gradient Navbar */
.navbar {
    height: 80px; /* Adjust based on actual navbar size */
    display: flex;
    align-items: center; 
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: #074a4f;/* Center items properly */
}

        /* Navbar Branding */
        .navbar-brand img {
            height: 60px;
            transition: transform 0.3s ease;
        }

        .navbar-brand:hover img {
            transform: scale(1.1);
        }

        /* Navbar Links */
        .navbar-nav .nav-link {
            font-size: 18px;
            font-weight: 500;
            color: white !important;
            padding: 10px 15px;
            transition: all 0.3s ease-in-out;
        }

        /* Navbar Links Hover */
        .navbar-nav .nav-link:hover {
            color: #FFD700 !important; /* Gold */
            transform: scale(1.1);
        }

        /* Navbar Toggler (Mobile) */
        .navbar-toggler {
            border: none;
            font-size: 24px;
            color: white;
        }
        /* Ensure content is visible below the fixed navbar */


 /* Navbar Sticky Effect */
        .sticky {
            position: fixed;
            top: 0;
            width: 100%;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease-in-out;
        }


        /* Mobile Navbar */
        @media (max-width: 768px) {
            .navbar-nav .nav-link {
                font-size: 20px;
                padding: 8px 12px;
            }
        }
       


    /* Mobile-First Navbar Approach */
    .navbar {
        height: 60px; /* Reduced for mobile */
        background: #074a4f !important; /* Important override */
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }

    /* Logo Scaling */
    .navbar-brand img {
        height: 50px;
        width: auto;
        transition: transform 0.3s ease;
    }

    /* Mobile Menu Overrides */
    @media (max-width: 768px) {
        .navbar {
            height: 55px;
            padding: 0 15px;
        }

        .navbar-brand img {
            height: 40px;
        }

        .navbar-collapse {
            background: #074a4f;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            z-index: 1000;
            padding: 15px;
        }

        .navbar-nav .nav-link {
            font-size: 18px !important;
            padding: 12px 0 !important;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }

        /* Touch-friendly toggler */
        .navbar-toggler {
            padding: 10px;
            width: 44px;
            height: 44px;
        }
    }

    /* Prevent content jumping */
    body {
        padding-top: 80px;
    }

    @media (max-width: 768px) {
        body {
            padding-top: 60px;
        }
    }
</style>
</head>
<body>

<header id="main-header">
    <nav class="navbar navbar-expand-lg fixed-top">
        <div class="container">
            <a class="navbar-brand" href="https://e2expo.com/">
                <!-- Add 2x resolution logo -->
                <img src="https://e2expo.com/uploads/ex (600 x 300 px).png" 
                     alt="E2EXPO Logo"
                     
            </a>

            <!-- Accessible Toggle Button -->
            <button class="navbar-toggler" 
                    type="button" 
                    aria-label="Toggle navigation"
                    data-bs-toggle="collapse" 
                    data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>

           <!-- Navbar Links -->
                <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
                    <ul class="navbar-nav">
                        <li class="nav-item"><a class="nav-link" href="https://e2expo.com/">Home</a></li>
                        <li class="nav-item"><a class="nav-link" href="https://e2expo.com/in/s/events">Events</a></li>
                        <li class="nav-item"><a class="nav-link" href="https://e2expo.com/in/s/expo">Expo</a></li>
                        <li class="nav-item"><a class="nav-link" href="https://e2expo.com/in/s/product">Product Launches</a></li>
                    </ul>
                </div>
        </div>
    </nav>
</header>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
 <script>
        // GSAP Animation for Navbar
        gsap.from(".navbar", { duration: 1, y: -100, opacity: 0, ease: "power3.out" });

        // Sticky Navbar on Scroll
        window.addEventListener("scroll", function () {
            let navbar = document.querySelector(".navbar");
            if (window.scrollY > 50) {
                navbar.classList.add("sticky");
            } else {
                navbar.classList.remove("sticky");
            }
        });
    </script>


<!-- Mobile Navigation Enhancements -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Close mobile menu after click
    const navbarLinks = document.querySelectorAll('.navbar-nav .nav-link');
    const navbarCollapse = document.querySelector('.navbar-collapse');
    
    navbarLinks.forEach(link => {
        link.addEventListener('click', () => {
            if(window.innerWidth < 768) {
                new bootstrap.Collapse(navbarCollapse).toggle();
            }
        });
    });

    // Handle viewport offset
    function adjustBodyPadding() {
        const navbarHeight = document.querySelector('.navbar').offsetHeight;
        document.body.style.paddingTop = navbarHeight + 'px';
    }

    window.addEventListener('resize', adjustBodyPadding);
    adjustBodyPadding();
});
</script>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="scripts.js"></script>
<title></title>

<style>

/* Breadcrumb */
.breadcrumb {
    background: lightgray;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 18px;
    height:50px;
}

.breadcrumb-item a {
    color: black;
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-item a:hover {
    color:blue}
    
.cookieCard {
  background: linear-gradient(to right,rgb(137, 104, 255),rgb(175, 152, 255));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  /*gap: 20px;*/
  padding: 15px;
  position: relative;
  overflow: hidden;
}

.cookieCard::before {
  width: 150px;
  height: 150px;
  content: "";
  background: linear-gradient(to right,rgb(142, 110, 255),rgb(208, 195, 255));
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  right: -25%;
  top: -25%;
}

.cookieHeading {
  font-size: 1.5em;
  font-weight: 600;
  color: rgb(241, 241, 241);
  z-index: 2;
}

.cookieDescription {
  /*font-size: 0.9em;*/
  color: rgb(241, 241, 241);
  z-index: 2;
}

.cookieDescription a {
  color: rgb(241, 241, 241);
}

.acceptButton {
  padding: 11px 20px;
  background-color: #7b57ff;
  transition-duration: .2s;
  border: none;
  color: rgb(241, 241, 241);
  cursor: pointer;
  font-weight: 600;
  z-index: 2;
}

.acceptButton:hover {
  background-color: #714aff;
  transition-duration: .2s;
}
.event-name {
    font-size: 28px;
    line-height: 35px;
    font-family: 'DM Sans';
    margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.date-icon {
    width: 30px;
    position: relative;
    top: 10px;
    right: 5px;
}
.icons{
    width: 40px;
    position: relative;
    top: 10px;
    right: 5px;
}
.date{
    font-size: 16px;
    font-weight: 600;
}
.venues{
    font-size: 16px;
    color: #FFEB3B;
    font-weight: 600;
}
.hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 2px solid gainsboro;
    opacity: 1;
    margin-bottom: 0px;
}
.da_list{
    font-size: 18px;
    font-weight: 600;
}
.heading{
    margin: 0px !important;
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    font-size: 28px;
    color: #2E7D32;
    font-family: 'DM Sans';
}
.details ul{
padding-left:20px;
}
.details li {
    list-style-type: disc;
    line-height: 25px;
    margin-bottom: 10px;
}
.keywords{
    float: left;
    padding: 7px 20px;
    background: #00a550;
    display: inline;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    border-radius: 3px;
}
.event_details p{
    font-size: 18px !important;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}


</style>
<body>
        
        <div id="metatitle" style="display:none;">Delhi Water Expo 2025 - New Delhi</div>
        <header class="hero-section  py-5 bg-light ">
            <div class="container">
                <div class="hero-section-intro">
                    <div class="row">
                        <div class="col-md-5">
                                                             <img src="https://www.eai.in/ref/events/uploads/MarineTrans.jpg" alt="" style="    height: 250px;border-radius:10px;">
                                                            
                        </div>
                        <div class="col-md-4 py-2">
                                <a href="https://e2expo.com/in/s/events" class="btn btn-dark">All Events</a>
                                <h3 class="justify-content-center  event-name my-2"><b>Delhi Water Expo 2025</b></h3>
                                <div class="event-date justify-content-center">
                                    <h4 class="date"><span class="blog-date" style="font-size: 15px;"><img src="https://www.eai.in/ref/events/uploads/schedule.png" class="date-icon"> August 21, 2025 <span style="    text-transform: lowercase;">to</span> August 23, 2025</span> </h4>
                                </div>
                                <div class="location justify-content-center">
                                    <h4 class="venues"> <span class="blog-date" style="font-size: 15px; color: #00897B;"><img src="https://www.eai.in/ref/events/uploads/map.png" class="date-icon"> ITPO Hall 12A, Pragati Maidan, New Delhi</span></h4>
                                </div>
                        </div>
                        <div class="col-md-3 ">
                            <div class="cookieCard">
                              <p class="cookieHeading">Organizing an energy or environment event ?</p>
                              <p class="cookieDescription">Send a note to <a href="mailto:events@e2expo.com" target="_blank">events@e2expo.com</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>  
       
<section>
            <div class="details-section">
                <div class="container">
                    <div class="row">
                        <div class="col-md-9">
                            <div class="details py-2 px-2">
                                <nav aria-label="breadcrumb" class="py-3">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="https://e2expo.com/">Home</a></li>
                <li class="breadcrumb-item"><a href="https://e2expo.com/in/s/events/">Events</a></li>
                <li class="breadcrumb-item">Delhi Water Expo 2025</li>
            </ol>
        </nav> 
                                <img src="https://e2expo.com/Uploads/This%20is%20a%20part%20of%20India%20Energy%20(1).gif" class="img-fluid my-2">
                                <h1 class="heading"><img src="https://www.eai.in/ref/events/uploads/seo (1).png" class="icons">  <b>Details</b></h1>
                                <div class="event_details">
                                    <p>Water Expo encompasses the largest gathering of water, wastewater with maximum footfalls, contented exhibitors, repetitive participants and increasing qualitative industrial and corporate visitors, making it the most prominent and the largest International event in South Asia.</p>

<p>The b2b event is a perfect place to get connected with engineers, scientists, managers, and government officials responsible for municipal and industrial wastewater collection and treatment systems, drinking water treatment, groundwater protection and remediation programs, and other related industries such as chemicals/ biochemical, corrosion control, disinfection, filtration equipment, industrial water/ wastewater treatment equipment, lab, sampling &amp; analytical, meters &amp; meter reading equipment, miscellaneous, monitoring &amp; process control equipment, pipes, fittings, pumps, drives, safety equipment, sampling and analyzing equipment, sludge treatment, storm water drains, tanks, valves, etc.</p>
                                </div>
                               
                                <div class="row">
                                    <div class="col-md-12" margin-bottom:"20px";>
                                    <h1 class="heading"><img src="https://www.eai.in/ref/events/uploads/carbon (1).png" class="icons">  <b>Decarbonization avenues</b></h1>
                                    <style>
    .da_list {
        display: inline-block; /* Allows padding to apply correctly */
        padding-bottom: 40px;  /* Adjust value as needed */
    }
</style>

        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Water Use Efficiency             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Solid Waste Management             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Hydro Power                    </span>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">

                            <div class="url py-2 px-2">
                                <h1 class="heading"><img src="https://www.eai.in/ref/events/uploads/presentation.png" class="icons">  <b>Type of events</b></h1>
                                
                                                                        <li>
                                            Conference                                            
                                        </li>
                                                                        <li>
                                            Exhibition                                            
                                        </li>
                                                                        <li>
                                            Trade Show                                            
                                        </li>
                                                                <h1 class="heading"><img src="https://www.eai.in/ref/events/uploads/corporation.png" class="icons">  <b>Organized by</b></h1>
                                <h4>WATER TODAY</h4>
                                <h1 class="heading"><img src="https://www.eai.in/ref/events/uploads/internet.png" class="icons"> <b>Website</b></h1>
                                <p><a href="https://www.waterex.biz/" class="btn btn-primary" target="_blank">Know More about the event...</a></p>
                               
                               <div class="sectors-list mt-3">
                                                <h2 style="color: #00695C;"><b>Category</b></h2>
                                                  <ul>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/1">Renewable Energy</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/2">Energy Efficiency</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/3">Mobility</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/4">Water</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/5">Waste Management</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/6">Corporate Carbon Management</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/7">Materials</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/8">Agri & Food</a></li>
                                                        <li><a href="https://e2expo.com/in/s/events/sectors/9">Energy Storage</a></li>
                                                    </ul>
                                   </div>
                               
                               
                            </div>
                        </div>
                    </div>    
                </div>
            </div>
            
        </section>
        
<script>
$(document).ready(function() {
var meta = $('#metatitle').text();
document.title = meta; 
}); 
</script>           
</body>


<style>
#mu-footer{
    background: #074a4f;
    padding: 20px;
    color: #fff; 
    
}
   
</style>
<footer id="mu-footer" role="contentinfo ">
      <div class="container">
        <div class="mu-footer-area">
          <div class="mu-footer-bottom text-center">
            <p class="mu-copy-right">Copyright © 2025 E2Expo. All rights reserved.</p>
          </div>
        </div>
      </div>

</footer>
</body>


<script type="text/javascript" src="http://diesel2solar.com/solar_gallery/assets/js/jquery.gallery.js"></script>
<script type="text/javascript" src="http://diesel2solar.com/solar_gallery/assets/js/modernizr.custom.53451.js"></script>
<script type="text/javascript" src=""></script>
<script src="https://e2expo.com/assets/js/main.js"></script> <!-- Resource jQuery -->
<script src="https://e2expo.com/assets/js/modernizr.js"></script> <!-- Modernizr -->

<script type="text/javascript">
    $(function() {
        $('#dg-container').gallery({
            autoplay    :   true,
            interval    :   2000
        });
    });
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight.js"></script>
</script>


</body>
</html>