diff --git a/index.html b/index.html
index b667b341..cc90d851 100644
--- a/index.html
+++ b/index.html
@@ -111,7 +111,7 @@ <h2>Loading<span class="dots"></span></h2>
           </button>
           <!-- ================================ issue #605 Starts Here ================================ -->
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
-              <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+              <ul class="navbar-nav ms-auto mb-2 mb-lg-0"  class="nav">
                 <li class="nav-item">
                     <a class="nav-link" aria-current="page" href="#top">Home</a>
                         </li>
@@ -139,21 +139,21 @@ <h2>Loading<span class="dots"></span></h2>
     <section id="top" class="heroSection">
       <div class="container">
         <div class="row heroSection-Container">
-          <div class="col-12 col-md-6 heroSection-Left">
-            <div  data-aos="fade-right" data-aos-duration="650" class="gssocContainer shinning-effect">
-              <img 
+          <div class="col-12 col-md-6 heroSection-Left" class="para">
+            <div  data-aos="fade-right" data-aos-duration="650" class="gssocContainer shinning-effect" >
+              <img class="gssoc-logo"
                 src="assets/images/hero-section/gssoc-log.png"
                 class="img-fluid gssoc-logo"
                 alt="gssoc logo"
               />
-              <p>GSSOC 2025</p>
+              <p class="title">GSSOC 2025</p>
             </div>
 
-            <h1 data-aos="fade-right" data-aos-duration="650">
-              Code Run <br />
+            <h1 data-aos="fade-right" data-aos-duration="650" class="head">
+              Code , Run <br />
               <span class="blueCol">Contribute</span>
             </h1>
-            <p data-aos="fade-right" data-aos-duration="650" class="heroDescription text-muted">
+            <p data-aos="fade-right" data-aos-duration="650" class="heroDescription text-muted" class="sec1">
               CodeClip is a lightweight, browser-based platform designed to make
               coding practice simple, accessible, and collaborative. Whether
               you're a beginner looking to sharpen your skills or an aspiring
@@ -169,7 +169,7 @@ <h1 data-aos="fade-right" data-aos-duration="650">
             </p>
 
             <!-- ==== Do Changes According to requirements === -->
-            <div class="ctaBtn-Container">
+            <div class="ctaBtn-Container" class="sec2">
               <button data-aos-duration="650" data-aos="fade-right" class="btn heroSectionBtn">
                 <i class="fa-solid fa-gear"></i> Code
               </button>
diff --git a/styles.css b/styles.css
index 6128375c..0845d4b4 100644
--- a/styles.css
+++ b/styles.css
@@ -319,6 +319,24 @@ body {
 .btn-secondary:hover {
   background: #475569;
 }
+/*GSSOC LOGO*/
+.gssoc-logo {
+  height:80px;
+  width:100px;
+  position:relative;
+  top:110px;
+  left:160px;
+ 
+  
+  
+}
+.title{
+  position:relative;
+  top:15px;
+}
+.head{
+  font-size: 30px;
+}
 
 /* Code Window */
 .hero__visual {