]
    <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;">World Sustainable Development Summit 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/Events.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>World Sustainable Development Summit 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"> March 5, 2025 <span style="    text-transform: lowercase;">to</span> March 7, 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"> India Habitat Centre, 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">World Sustainable Development Summit 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>The 24th edition of the World Sustainable Development Summit (WSDS) will focus on the role of partnerships in driving transformative change and advancing the global sustainable development agenda. Under the theme &#39;Partnerships for Accelerating Sustainable Development and Climate Solutions,&#39; WSDS 2025 will provide a platform for global leaders for deliberation and knowledge exchange. WSDS 2025 will take a solution-based approach and set forward an action plan for fostering partnerships between governments, the private sector, civil society, and other stakeholders.</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 -->
            Climate Finance             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Energy Efficient Buildings                    </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>
                                                                <h1 class="heading"><img src="https://www.eai.in/ref/events/uploads/corporation.png" class="icons">  <b>Organized by</b></h1>
                                <h4>TERI</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.teriin.org/event/world-sustainable-development-summit-2025" 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>