]
    <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;">Global Conference on Renewable Energy and Climate Change - Nagpur</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/Low_Metals.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>Global Conference on Renewable Energy and Climate Change</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"> July 17, 2024 <span style="    text-transform: lowercase;">to</span> July 17, 2024</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"> Hotel Siddhartha Inn, Nagpur</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">Global Conference on Renewable Energy and Climate Change</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><strong>GCRECC Global Conference on Renewable Energy and Climate Change(GCRECC)</strong>&nbsp;is a prestigious event organized with the motivation to provide an excellent international platform for academicians, researchers, engineers, industrial participants, and budding students around the world to SHARE their research findings with the global experts.</p>

<p>This Conference is organized by&nbsp;<strong>The ARSSS (Advanced Research Society for Science and Sociology)</strong>.&nbsp;The conference would offer a large number of invited lectures from renowned speakers all over the country. The Best Paper Awards will be given to the papers judged to make the most significant contribution to the conference.</p>

<p><strong>Opportunities</strong></p>

<p>&nbsp;</p>

<ul>
	<li><strong>Publication in Journals:&nbsp;</strong>This conference is Associated with&nbsp;Google Scholar, Scopus, Web of Science, ABDC, and UGC Care-listed Peer-reviewed international journals.</li>
	<li><strong>Publication in Conference Proceedings:</strong>&nbsp;All registered conference papers will be published in Conference proceedings (Having ISBN Number) and the extended versions of the papers will be published in related reputed&nbsp;Scopus/&nbsp;SCI/WoS/UGC&nbsp;Care Listed international journals.</li>
	<li>All registered conference papers will be blind peer-reviewed by three ARSSS conference committee reviewers. The post-conference&nbsp;proceedings will be submitted for indexing in the International Science Index and Thomson Reuters, CiteSeerX, Google Books and Google Scholar, EBSCO, SCOPUS, ERA, and ProQuest.</li>
	<li>The conference proceedings book and certificate of presentation will be distributed to the conference participants at the conference registration desk.&nbsp;</li>
</ul>
                                </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 -->
            Green hydrogen             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Geothermal Energy             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Hydro Power             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Wind Power             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Solar Thermal             |         </span>
        <span class="da_list pb-2"> <!-- Bootstrap class added too -->
            Renewable Natural Gas                    </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>ARSSS</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://arsss.org/Conference/39385/GCRECC/" 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>