diff --git a/index.html b/index.html
index 0a00ca2..51e4894 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
     <title>Kodepilot</title>
     <link rel="stylesheet" href="main.css">
     <link rel="stylesheet" href="templateapi/main.css">
-    <link rel="icon" type="image/x-icon" href="assets/images/logo/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="templateapi/assets/images/logo/favicon.ico">
     <style>
         .center-container {
             display: flex;
@@ -317,7 +317,7 @@
                         <div class="slide1">
                             <div class="slide1-box">
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/qa.jpg" alt="Business Meeting">
+                                    <img src="templateapi/assets/images/hai1/qa.jpg" alt="Business Meeting">
                                     <div class="image-overlay">
                                         <h4>QA & Testing</h4>
                                         <p>A close-up of a developer's screen showing a green 'Tests Passed' status and
@@ -325,7 +325,7 @@
                                     </div>
                                 </div>
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/hai12.jpg" alt="Architecture">
+                                    <img src="templateapi/assets/images/hai1/hai12.jpg" alt="Architecture">
                                     <div class="image-overlay">
                                         <h4>Software Dev</h4>
                                         <p>A sleek image of a professional wireframe/design on a large monitor, with a
@@ -339,7 +339,7 @@
                         <div class="slide1">
                             <div class="slide1-box">
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/ai.jpg" alt="Analytics">
+                                    <img src="templateapi/assets/images/hai1/ai.jpg" alt="Analytics">
                                     <div class="image-overlay">
                                         <h4>AI & Data</h4>
                                         <p>A stunning, large-scale data visualization or chart (like a complex network
@@ -348,7 +348,7 @@
                                     </div>
                                 </div>
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/cyber.jpg" alt="Technology">
+                                    <img src="templateapi/assets/images/hai1/cyber.jpg" alt="Technology">
                                     <div class="image-overlay">
                                         <h4>Cybersecurity</h4>
                                         <p>A digital shield or lock icon overlaid on a dark, technical background with
@@ -360,7 +360,7 @@
                         <div class="slide1">
                             <div class="slide1-box">
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/qa.jpg" alt="Analytics">
+                                    <img src="templateapi/assets/images/hai1/qa.jpg" alt="Analytics">
                                     <div class="image-overlay">
                                         <h4>QA & Testing</h4>
                                         <p>A close-up of a developer's screen showing a green 'Tests Passed' status and
@@ -368,7 +368,7 @@
                                     </div>
                                 </div>
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/cyber.jpg" alt="Technology">
+                                    <img src="templateapi/assets/images/hai1/cyber.jpg" alt="Technology">
                                     <div class="image-overlay">
                                         <h4>Cybersecurity</h4>
                                         <p>A digital shield or lock icon overlaid on a dark, technical background with
@@ -380,7 +380,7 @@
                         <div class="slide1">
                             <div class="slide1-box">
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/hai12.jpg" alt="Analytics">
+                                    <img src="templateapi/assets/images/hai1/hai12.jpg" alt="Analytics">
                                     <div class="image-overlay">
                                         <h4>Software Dev</h4>
                                         <p>A sleek image of a professional wireframe/design on a large monitor, with a
@@ -388,7 +388,7 @@
                                     </div>
                                 </div>
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/qa.jpg" alt="Technology">
+                                    <img src="templateapi/assets/images/hai1/qa.jpg" alt="Technology">
                                     <div class="image-overlay">
                                         <h4>QA & Testing</h4>
                                         <p>A close-up of a developer's screen showing a green 'Tests Passed' status and
@@ -400,7 +400,7 @@
                         <div class="slide1">
                             <div class="slide1-box">
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/ai.jpg" alt="Analytics">
+                                    <img src="templateapi/assets/images/hai1/ai.jpg" alt="Analytics">
                                     <div class="image-overlay">
                                         <h4>AI & Data</h4>
                                         <p>A stunning, large-scale data visualization or chart (like a complex network
@@ -409,7 +409,7 @@
                                     </div>
                                 </div>
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/aws..jpg" alt="Technology">
+                                    <img src="templateapi/assets/images/hai1/aws..jpg" alt="Technology">
                                     <div class="image-overlay">
                                         <h4>Cloud & DevOps</h4>
                                         <p>An abstract, interconnected graphic of servers and data pipelines with subtle
@@ -422,7 +422,7 @@
                         <div class="slide1">
                             <div class="slide1-box">
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/ai.jpg" alt="Analytics">
+                                    <img src="templateapi/assets/images/hai1/ai.jpg" alt="Analytics">
                                     <div class="image-overlay">
                                         <h4>AI & Data</h4>
                                         <p>A stunning, large-scale data visualization or chart (like a complex network
@@ -431,7 +431,7 @@
                                     </div>
                                 </div>
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/cyber.jpg" alt="Technology">
+                                    <img src="templateapi/assets/images/hai1/cyber.jpg" alt="Technology">
                                     <div class="image-overlay">
                                         <h4>Cybersecurity</h4>
                                         <p>A digital shield or lock icon overlaid on a dark, technical background with
@@ -444,7 +444,7 @@
                         <div class="slide1">
                             <div class="slide1-box">
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/hai12.jpg" alt="Creativity">
+                                    <img src="templateapi/assets/images/hai1/hai12.jpg" alt="Creativity">
                                     <div class="image-overlay">
                                         <h4>Software Dev</h4>
                                         <p>A sleek image of a professional wireframe/design on a large monitor, with a
@@ -452,7 +452,7 @@
                                     </div>
                                 </div>
                                 <div class="image-container">
-                                    <img src="assets/images/hai1/aws..jpg" alt="Beach">
+                                    <img src="templateapi/assets/images/hai1/aws..jpg" alt="Beach">
                                     <div class="image-overlay">
                                         <h4>Cloud & DevOps</h4>
                                         <p>An abstract, interconnected graphic of servers and data pipelines with subtle
@@ -601,7 +601,8 @@
                                 <a href="#" class="practice-cta-btn">Start Now ➤</a>
                             </div>
                             <div class="practice-card-svg">
-                                <img src="assets/images/codinghiringassesments/nope_1.png" alt="Coding Practice">
+                                <img src="templateapi/assets/images/codinghiringassesments/nope_1.png"
+                                    alt="Coding Practice">
                             </div>
                         </div>
 
@@ -617,7 +618,8 @@
                                 <a href="#" class="practice-cta-btn">Start Now ➤</a>
                             </div>
                             <div class="practice-card-svg">
-                                <img src="assets/images/codinghiringassesments/nope_2.png" alt="Coding Practice">
+                                <img src="templateapi/assets/images/codinghiringassesments/nope_2.png"
+                                    alt="Coding Practice">
                             </div>
                         </div>
 
@@ -633,7 +635,8 @@
                                 <a href="#" class="practice-cta-btn">Start Now ➤</a>
                             </div>
                             <div class="practice-card-svg">
-                                <img src="assets/images/codinghiringassesments/nope_3.webp" alt="Coding Practice">
+                                <img src="templateapi/assets/images/codinghiringassesments/nope_3.webp"
+                                    alt="Coding Practice">
                             </div>
                         </div>
 
@@ -649,7 +652,8 @@
                                 <a href="#" class="practice-cta-btn">Start Now ➤</a>
                             </div>
                             <div class="practice-card-svg">
-                                <img src="assets/images/codinghiringassesments/nope_4.webp" alt="Coding Practice">
+                                <img src="templateapi/assets/images/codinghiringassesments/nope_4.webp"
+                                    alt="Coding Practice">
                             </div>
                         </div>
                     </div>
@@ -663,7 +667,7 @@
         <section class="card-simple">
             <div class="card-easy">
                 <div class="card-easy-left">
-                    <img src="assets/images/learn/learn.png" alt="Student Image">
+                    <img src="templateapi/assets/images/learn/learn.png" alt="Student Image">
                 </div>
                 <div class="card-easy-right">
                     <h2>The Future of Your Career Starts Now. Learn, Grow, Achieve</h2>
diff --git a/main.css b/main.css
index c02d0a2..2ed6862 100644
--- a/main.css
+++ b/main.css
@@ -144,7 +144,7 @@
 
  .green {
      background: #9BE6C1;
-     background-image: url('assets/images/unlockcarrer/internship.png');
+     background-image: url('templateapi/assets/images/unlockcarrer/internship.png');
      background-size: 115px;
      background-repeat: no-repeat;
      background-position: bottom right;
@@ -152,7 +152,7 @@
 
  .orange {
      background: #fec192;
-     background-image: url('assets/images/unlockcarrer/jobs.png');
+     background-image: url('templateapi/assets/images/unlockcarrer/jobs.png');
      background-size: 115px;
      background-repeat: no-repeat;
      background-position: bottom right;
@@ -160,7 +160,7 @@
 
  .blue {
      background: #9bc9ff;
-     background-image: url('assets/images/unlockcarrer/mentorship.png');
+     background-image: url('templateapi/assets/images/unlockcarrer/mentorship.png');
      background-size: 115px;
      background-repeat: no-repeat;
      background-position: bottom right;
@@ -169,7 +169,7 @@
 
  .purple {
      background: #c8bbff;
-     background-image: url('assets/images/unlockcarrer/practice.png');
+     background-image: url('templateapi/assets/images/unlockcarrer/practice.png');
      background-size: 120px;
      background-repeat: no-repeat;
      background-position: bottom right;
@@ -177,7 +177,7 @@
 
  .yellow {
      background: #ffdd80;
-     background-image: url('assets/images/unlockcarrer/competitions.png');
+     background-image: url('templateapi/assets/images/unlockcarrer/competitions.png');
      background-size: 115px;
      background-repeat: no-repeat;
      background-position: bottom right;
@@ -185,7 +185,7 @@
 
  .pink {
      background: #ffb1cc;
-     background-image: url('assets/images/unlockcarrer/more.png');
+     background-image: url('templateapi/assets/images/unlockcarrer/more.png');
      background-size: 115px;
      background-repeat: no-repeat;
      background-position: bottom right;
@@ -560,27 +560,27 @@
  }
 
  .card-quizzes {
-     background: url('assets/images/seize/quizz.png') no-repeat center/cover;
+     background: url('templateapi/assets/images/seize/quizz.png') no-repeat center/cover;
      color: white;
  }
 
  .card-hackathons {
-     background: url('assets/images/seize/hackathon.png') no-repeat center/cover;
+     background: url('templateapi/assets/images/seize/hackathon.png') no-repeat center/cover;
      color: white;
  }
 
  .card-scholarships {
-     background: url('assets/images/seize/scholarships.png') no-repeat center/cover;
+     background: url('templateapi/assets/images/seize/scholarships.png') no-repeat center/cover;
      color: white;
  }
 
  .card-conferences {
-     background: url('assets/images/seize/conference.png') no-repeat center/cover;
+     background: url('templateapi/assets/images/seize/conference.png') no-repeat center/cover;
      color: #1f2937;
  }
 
  .card-festivals {
-     background: url('assets/images/seize/techfest.png') no-repeat center/cover;
+     background: url('templateapi/assets/images/seize/techfest.png') no-repeat center/cover;
      color: #1f2937;
  }
 
@@ -1437,6 +1437,7 @@
      display: flex;
      gap: 20px;
      overflow-x: hidden;
+     overflow-y: hidden;
      scroll-behavior: smooth;
      flex: 1;
      max-width: 100%;