diff --git a/assets/css/style.css b/assets/css/style.css
index 5dfd380d..57e3390b 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -3384,16 +3384,3 @@ transition: background-color 0.3s;
   }
 }
 
-/* Move testimonials to the right */
-.testimonial-wrapper .single-testimonial {
-  margin-left: auto;
-  padding-right: 20px; 
-  transform: translateX(40px);
-}
-
-/* If you need to adjust the container to prevent horizontal scroll */
-.testimonial-wrapper {
-  overflow-x: hidden;
-}
-
-/* ** end ** */
diff --git a/index.html b/index.html
index 9da39702..027ce903 100644
--- a/index.html
+++ b/index.html
@@ -1592,81 +1592,175 @@ <h1>Discussion Forum</h1>
   <!-- testimonail section starts here  -->
   <section id="testimonial" style="background-color: white;" class="testimonial-area pt-120">
     <div class="container">
-        <div class="row justify-content-center">
-            <div class="col-lg-5">
-                <div class="section-title text-center pb-40">
-                    <div class="line m-auto"></div>
-                    <h3 class="title">Users sharing<span> their experience</span></h3>
-                </div>
+      <div class="row justify-content-center">
+        <div class="col-lg-5">
+          <div class="section-title text-center pb-40">
+            <div class="line m-auto"></div>
+
+            <h3 class="title">Users sharing<span> their experience</span></h3>
+
+          </div>
+        </div>
+      </div>
+      <div class="row testimonial-wrapper testimonial-active wow fadeInUpBig" data-wow-duration="1s"
+        data-wow-delay="0.8s">
+        <div class="testimonial-item col-lg-4">
+          <div class="single-testimonial">
+            <div class="testimonial-review d-flex align-items-center justify-content-between">
+              <div class="quota">
+                <i class="lni-quotation"></i>
+              </div>
+              <div class="star">
+                <ul>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                </ul>
+              </div>
+            </div>
+            <div class="testimonial-text">
+              <p class="text">
+                ArthaSathi has proven to be an indispensable asset in my financial endeavors. Its user-friendly design
+                and blogs ensure best learning experience for me.
+              </p>
+            </div>
+            <div class="testimonial-author d-flex align-items-center">
+              <div class="author-image">
+                <img class="shape" src="assets/images/textimonial-shape.svg" alt="shape" />
+                <img class="author" src="assets/images/emptyprofile.webp" alt="author" />
+              </div>
+              <div class="author-content media-body">
+                <h6 class="holder-name">Amit Patel</h6>
+                <p class="text">Student, BCom</p>
+              </div>
             </div>
+          </div>
         </div>
-        <div class="row testimonial-wrapper testimonial-active wow fadeInUpBig" data-wow-duration="1s" data-wow-delay="0.8s" id="testimonialContainer">
-            <!-- Testimonials will be injected here -->
+        <div class="testimonial-item col-lg-4">
+          <div class="single-testimonial">
+            <div class="testimonial-review d-flex align-items-center justify-content-between">
+              <div class="quota">
+                <i class="lni-quotation"></i>
+              </div>
+              <div class="star">
+                <ul>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                </ul>
+              </div>
+            </div>
+            <div class="testimonial-text">
+              <p class="text">
+                FinVeda has become an invaluable tool in my monetary journey. The robust security tells us about
+                finances and intuitive design make it accessible to everyone.
+                It's user-friendly nature is best!
+              </p>
+            </div>
+            <div class="testimonial-author d-flex align-items-center">
+              <div class="author-image">
+                <img class="shape" src="assets/images/textimonial-shape.svg" alt="shape" />
+                <img class="author" src="assets/images/emptyprofile.webp" alt="author" />
+              </div>
+              <div class="author-content media-body">
+                <h6 class="holder-name">Sachin Sharma</h6>
+                <p class="text">Student, BSc</p>
+              </div>
+            </div>
+          </div>
         </div>
-    </div>
+        <div class="testimonial-item col-lg-4">
+          <div class="single-testimonial">
+            <div class="testimonial-review d-flex align-items-center justify-content-between">
+              <div class="quota">
+                <i class="lni-quotation"></i>
+              </div>
+              <div class="star">
+                <ul>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                </ul>
+              </div>
+            </div>
+            <div class="testimonial-text">
+              <p class="text">
+                FinVeda has transformed the way I approach my financial tasks. The lightning-fast performance and
+                user-friendly design cater perfectly to my tech-savvy & financial needs.
+              </p>
+            </div>
+            <div class="testimonial-author d-flex align-items-center">
+              <div class="author-image">
+                <img class="shape" src="assets/images/textimonial-shape.svg" alt="shape" />
+                <img class="author" src="assets/images/emptyprofile.webp" alt="author" />
+              </div>
+              <div class="author-content media-body">
+                <h6 class="holder-name">Srushti Rustogi</h6>
+                <p class="text">Student, BCA</p>
+              </div>
+            </div>
+          </div>
 
-    <div id="slide-buttons" style="position: relative;">
-        <div>
-            <button id="prevButton" class="arrow arrow-left">
-                <div class="arrow-top"></div>
-                <div class="arrow-bottom"></div>
-            </button>
         </div>
-        <div>
-            <button id="nextButton" class="arrow arrow-right">
-                <div class="arrow-top"></div>
-                <div class="arrow-bottom"></div>
-            </button>
+        <div class="testimonial-item col-lg-4">
+          <div class="single-testimonial">
+            <div class="testimonial-review d-flex align-items-center justify-content-between">
+              <div class="quota">
+                <i class="lni-quotation"></i>
+              </div>
+              <div class="star">
+                <ul>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                  <li><i class="lni-star-filled"></i></li>
+                </ul>
+              </div>
+            </div>
+            <div class="testimonial-text">
+              <p class="text">
+                FinVeda has been a game-changer for me! The smart AI integration and regular updates have made it an
+                indispensable part of my daily routine, increases efficiency.
+              </p>
+            </div>
+            <div class="testimonial-author d-flex align-items-center">
+              <div class="author-image">
+                <img class="shape" src="assets/images/textimonial-shape.svg" alt="shape" />
+                <img class="author" src="assets/images/emptyprofile.webp" alt="author" />
+              </div>
+              <div class="author-content media-body">
+                <h6 class="holder-name">Priyanka Khatri</h6>
+                <p class="text">Student, BTech</p>
+              </div>
+            </div>
+          </div>
         </div>
+      </div>
     </div>
-</section>
-  <!-- testimonail section ends here  -->
-<script>
-    document.addEventListener('DOMContentLoaded', function() {
-        // Fetch feedback from the API
-        fetch('http://127.0.0.1:8000/api/feedback/getfeedback')
-            .then(response => response.json())
-            .then(feedbacks => {
-                const testimonialContainer = document.getElementById('testimonialContainer');
-                testimonialContainer.innerHTML = ''; // Clear the container before adding new testimonials
-
-                feedbacks.forEach(feedback => {
-                    // Create a new testimonial item
-                    const testimonialItem = document.createElement('div');
-                    testimonialItem.classList.add('testimonial-item', 'col-lg-4');
-
-                    testimonialItem.innerHTML = `
-                        <div class="single-testimonial">
-                            <div class="testimonial-review d-flex align-items-center justify-content-between">
-                                <div class="quota">
-                                    <i class="lni-quotation"></i>
-                                </div>
-                                <div class="star">
-                                    <ul>
-                                        ${'<li><i class="lni-star-filled"></i></li>'.repeat(feedback.rating)} <!-- Dynamically create stars based on rating -->
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="testimonial-text">
-                                <p class="text">${feedback.comments}</p>
-                            </div>
-                            <div class="testimonial-author d-flex align-items-center">
-                                
-                                <div class="author-content media-body">
-                                    <h6 class="holder-name">${feedback.name}</h6>
-                                    <p class="text">${feedback.email}</p> <!-- Adjusted to show email -->
-                                </div>
-                            </div>
-                        </div>
-                    `;
 
-                    // Append the new testimonial item to the container
-                    testimonialContainer.appendChild(testimonialItem);
-                });
-            })
-            .catch(error => console.error('Error fetching feedback:', error));
-    });
-</script>
+    <div id="slide-buttons" style="position: relative;">
+      <div>
+        <button id="prevButton" class="arrow arrow-left">
+          <div class="arrow-top"></div>
+          <div class="arrow-bottom"></div>
+        </button>
+      </div>
+      <div>
+        <button id="nextButton" class="arrow arrow-right">
+          <div class="arrow-top"></div>
+          <div class="arrow-bottom"></div>
+        </button>
+      </div>
+    </div>
+  </section>
+  <!-- testimonail section ends here  -->
 
   <style>
     /* General testimonial section styling */
@@ -1679,6 +1773,24 @@ <h6 class="holder-name">${feedback.name}</h6>
       /* White font color */
     }
 
+    .testimonial-wrapper {
+      display: flex;
+      flex-wrap: nowrap;
+      overflow-x: hidden;
+      /* Keeps the container fixed width and hides overflow */
+      gap: 20px;
+      scroll-behavior: smooth;
+      /* Enables smooth scrolling for JS control */
+    }
+
+    .testimonial-item {
+      flex: 0 0 auto;
+      width: 100%;
+      max-width: 300px;
+    }
+
+
+
     .section-title .title {
       font-size: 2.5rem;
       color: greenyellow;
@@ -1692,21 +1804,19 @@ <h6 class="holder-name">${feedback.name}</h6>
     }
 
     /* Styling for each testimonial card */
-    .single-testimonial {
-      background: rgba(167, 43, 43, 0.1);
-      /* Semi-transparent background for testimonial cards */
-      padding: 20px;
-      border-radius: 10px;
-      margin-bottom: 30px;
-      transition: transform 0.3s ease, box-shadow 0.3s ease;
-    }
+.single-testimonial {
+    background: rgba(167, 43, 43, 0.1);
+    padding: 20px;
+    border-radius: 10px;
+    margin-bottom: 30px;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+    transform-origin: center; 
+}
 
-    .single-testimonial:hover {
-      transform: scale(1.05);
-      /* Hover effect to scale up the testimonial */
-      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
-      /* Add a subtle shadow on hover */
-    }
+.single-testimonial:hover {
+    transform: scale(1.05);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
+}
 
     .testimonial-review .quota i {
       font-size: 2rem;
@@ -1727,31 +1837,16 @@ <h6 class="holder-name">${feedback.name}</h6>
 
     /* Author section styling */
     .testimonial-author {
-    display: flex; /* Use flexbox to align items */
-    align-items: center; /* Vertically center items */
-    margin-top: 15px; /* Space above the author section */
-}
-
-.author-image {
-    position: relative; /* To position images correctly */
-    margin-right: 15px; /* Space between image and text */
-}
-
-.author-image .shape {
-    position: absolute; /* Positioning shape behind the author image */
-    width: 60px; /* Adjust size as needed */
-    height: 60px; /* Adjust size as needed */
-    z-index: 1; /* Shape goes behind the author image */
-}
-
-.author-image .author {
-    border-radius: 50%; /* Circular author image */
-    border: 3px solid #fff; /* White border around the profile image */
-    width: 50px; /* Width of the author image */
-    height: 50px; /* Height of the author image */
-    z-index: 2; /* Author image goes above the shape */
-}
+      margin-top: 15px;
+    }
 
+    .author-image .author {
+      border-radius: 50%;
+      border: 3px solid #fff;
+      /* White border around the profile images */
+      width: 50px;
+      height: 50px;
+    }
 
     .author-content h6.holder-name {
       font-size: 1.2rem;
@@ -1768,13 +1863,16 @@ <h6 class="holder-name">${feedback.name}</h6>
 
     /* Navigation buttons */
     #slide-buttons {
+      position: relative;
       display: flex;
       justify-content: space-between;
       margin-top: 40px;
     }
+   
 
     #prevButton,
     #nextButton {
+      padding: 30px;
       background-color: transparent;
       border: none;
       cursor: pointer;
@@ -1782,14 +1880,11 @@ <h6 class="holder-name">${feedback.name}</h6>
 
     #prevButton .arrow-left,
     #nextButton .arrow-right {
-      display: inline-block;
-      width: 30px;
-      height: 30px;
-      background: linear-gradient(to bottom right, #ff7e5f, #feb47b);
-      /* Gradient arrows */
-      border-radius: 50%;
-      transition: background 0.3s ease;
-    }
+      background-color: #ddd; /* Initial button color */
+    border: none;
+    padding: 10px 20px;
+    cursor: pointer;
+    transition: background-color 0.2s ease, transform 0.2s ease; /* Smooth transition */}
 
     #prevButton:hover .arrow-left,
     #nextButton:hover .arrow-right {
@@ -1797,8 +1892,32 @@ <h6 class="holder-name">${feedback.name}</h6>
       /* Reverse gradient on hover */
     }
   </style>
+<script>
+  // Select the elements
+const testimonialWrapper = document.querySelector('.testimonial-wrapper');
+const prevButton = document.getElementById('prevButton');
+const nextButton = document.getElementById('nextButton');
+
+// Set scroll amount (width of one testimonial item)
+const scrollAmount = 320; // Adjust based on card width and gap between cards
+
+// Event listener for the "Next" button
+nextButton.addEventListener('click', () => {
+    testimonialWrapper.scrollBy({
+        left: scrollAmount,
+        behavior: 'smooth'
+    });
+});
 
+// Event listener for the "Previous" button
+prevButton.addEventListener('click', () => {
+    testimonialWrapper.scrollBy({
+        left: -scrollAmount,
+        behavior: 'smooth'
+    });
+});
 
+</script>
 
 
   <!-- <section id="blog" class="blog-area pt-120"> -->