diff --git a/index.html b/index.html
index 8437ab2..08e3582 100644
--- a/index.html
+++ b/index.html
@@ -679,7 +679,7 @@
       transition: transform .2s ease, box-shadow .25s ease, border-color .2s ease;
     }
 
-    .get-start-card:hover {
+    .get-start-card:hover{
       transform: translateY(-8px) scale(1.03);
       box-shadow: 0 8px 32px rgba(37, 99, 235, 0.13);
       border-color: var(--vehigo-primary);
@@ -695,7 +695,7 @@
       transition: box-shadow 0.3s, transform 0.3s, border-color 0.3s, background 0.3s;
     }
 
-    .get-start-card .card-icon {
+    .get-start-card .card-icon{
       width: 44px;
       height: 44px;
       display: grid;
@@ -717,6 +717,22 @@
     .dark-theme .reviews {
       background: linear-gradient(180deg, rgba(16, 25, 39, .8), rgba(16, 25, 39, .7));
     }
+     .card:hover{
+       border-color: var(--vehigo-primary);
+
+     }
+     .dark-theme .card{
+      color:white;
+     }
+
+     .dark-theme .card:hover{
+      color:white;
+      
+      box-shadow: 0 8px 32px rgba(37, 99, 235, 0.22);
+      border-color: var(--vehigo-primary-2);
+      background: linear-gradient(180deg, #101927 80%, #1f2a3a 100%);
+      transition: box-shadow 0.3s, transform 0.3s, border-color 0.3s, background 0.3s;
+     }
 
     /* Blog (responsive) */
 .blog-wrapper {
@@ -744,7 +760,11 @@
 }
 
 .blog-card:hover {
-  transform: translateY(-5px);
+  transform: translateY(-8px);
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
+}
+.blog-card:hover .card-banner img {
+  transform: scale(1.1);
 }
 /*Blogs*/
     .modern-footer {
@@ -1494,18 +1514,18 @@ <h3 class="h5 fw-bold">Make a deal</h3>
   <section class="reviews container p-3 my-3" id="reviews" data-aos="fade-up">
     <div class="px-2 px-md-3 py-2">
       <div class="d-flex align-items-center justify-content-between">
-        <h2 class="m-0">Reviews</h2>
+        <h2 class="m-0 " >Reviews</h2>
         <span class="badge-soft"><i class="fa-solid fa-shield-heart"></i> Verified customers</span>
       </div>
       <div class="row g-3 mt-1">
-        <div class="col-12 col-lg-6" data-aos="fade-up">
-          <div class="p-3 rounded-4 feature-card-bg-1">
+        <div class="col-12 col-lg-6 " data-aos="fade-up">
+          <div class="p-3 rounded-4 feature-card-bg-1 card">
             <div class="d-flex align-items-center gap-3">
               <img
                 src="https://raw.githubusercontent.com/RahulSahOfficial/testimonials_grid_section/5532c958b7d3c9b910a216b198fdd21c73112d84/images/image-daniel.jpg"
                 alt="Rahul Sharma" class="rounded-circle" width="52" height="52" />
               <div>
-                <div class="fw-bold">Rahul Sharma</div>
+                <div class="fw-bold ">Rahul Sharma</div>
                 <div class="small opacity-75">Verified Customer</div>
               </div>
             </div>
@@ -1514,15 +1534,14 @@ <h2 class="m-0">Reviews</h2>
           </div>
         </div>
 
-        <div class="col-12 col-lg-6" data-aos="fade-up" data-aos-delay="60">
-          <div class="p-3 rounded-4"
-            style="background:var(--vehigo-card); border:1px solid var(--vehigo-border); box-shadow: var(--shadow-1);">
-            <div class="d-flex align-items-center gap-3">
+        <div class="col-12 col-lg-6 " data-aos="fade-up" data-aos-delay="60">
+          <div class="p-3 rounded-4 feature-card-bg-1 card">
+            <div class="d-flex align-items-center gap-3 ">
               <img
                 src="https://raw.githubusercontent.com/RahulSahOfficial/testimonials_grid_section/5532c958b7d3c9b910a216b198fdd21c73112d84/images/image-jonathan.jpg"
                 alt="Alok Patel" class="rounded-circle" width="52" height="52" />
               <div>
-                <div class="fw-bold">Alok Patel</div>
+                <div class="fw-bold ">Alok Patel</div>
                 <div class="small opacity-75">Verified Customer</div>
               </div>
             </div>
@@ -1531,15 +1550,14 @@ <h2 class="m-0">Reviews</h2>
           </div>
         </div>
 
-        <div class="col-12 col-lg-6" data-aos="fade-up">
-          <div class="p-3 rounded-4"
-            style="background:var(--vehigo-card); border:1px solid var(--vehigo-border); box-shadow: var(--shadow-1);">
+        <div class="col-12 col-lg-6 " data-aos="fade-up">
+          <div class="p-3 rounded-4  feature-card-bg-1 card">
             <div class="d-flex align-items-center gap-3">
               <img
                 src="https://raw.githubusercontent.com/RahulSahOfficial/testimonials_grid_section/5532c958b7d3c9b910a216b198fdd21c73112d84/images/image-kira.jpg"
                 alt="Aaru Gupta" class="rounded-circle" width="52" height="52" />
               <div>
-                <div class="fw-bold">Aaru Gupta</div>
+                <div class="fw-bold ">Aaru Gupta</div>
                 <div class="small opacity-75">Verified Customer</div>
               </div>
             </div>
@@ -1548,15 +1566,14 @@ <h2 class="m-0">Reviews</h2>
           </div>
         </div>
 
-        <div class="col-12 col-lg-6" data-aos="fade-up" data-aos-delay="60">
-          <div class="p-3 rounded-4"
-            style="background:var(--vehigo-card); border:1px solid var(--vehigo-border); box-shadow: var(--shadow-1);">
+        <div class="col-12 col-lg-6 " data-aos="fade-up" data-aos-delay="60">
+          <div class="p-3 rounded-4 feature-card-bg-1 card">
             <div class="d-flex align-items-center gap-3">
               <img
                 src="https://raw.githubusercontent.com/RahulSahOfficial/testimonials_grid_section/5532c958b7d3c9b910a216b198fdd21c73112d84/images/image-jeanette.jpg"
                 alt="Prateeksha Joshi" class="rounded-circle" width="52" height="52" />
               <div>
-                <div class="fw-bold">Prateeksha Joshi</div>
+                <div class="fw-bold ">Prateeksha Joshi</div>
                 <div class="small opacity-75">Verified Customer</div>
               </div>
             </div>
diff --git a/src/pages/about.html b/src/pages/about.html
index 855ed78..07c2d61 100644
--- a/src/pages/about.html
+++ b/src/pages/about.html
@@ -198,7 +198,8 @@
   gap: 1.5rem;             
   overflow-x: auto;         
   scroll-snap-type: x mandatory;
-  padding-right: 1rem;       
+  padding-right: 1rem;     
+  
 }
 
 .testimonial-card {
@@ -206,6 +207,18 @@
   scroll-snap-align: start;  
 }
 
+
+
+.testimonial-card:hover {
+  border: 1px solid #60a5fa;
+  transform: scale(1.05); 
+  box-shadow: 0 4px 10px rgba(96, 165, 250, 0.3);
+}
+
+.add-margin{
+  margin-top: 20px;
+}
+
   </style>
 
 
@@ -361,7 +374,7 @@ <h2 data-aos="fade-up" class="h2 section-title gradient-text">💬 What Our Cust
                 <ion-icon name="chevron-back-outline"></ion-icon>
               </button>
               <div data-aos="fade-up" data-aos-delay="100" class="testimonials-container">
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/007BFF/white?text=RS" alt="Rahul Sharma" />
@@ -376,7 +389,7 @@ <h4 class="customer-name">Rahul Sharma</h4>
                     <p>"I recently rented a car from VehiGo, and I couldn't be happier with the experience. The staff was incredibly friendly and helpful throughout the entire process."</p>
                   </div>
                 </div>
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/28a745/white?text=AP" alt="Alok Patel" />
@@ -391,7 +404,7 @@ <h4 class="customer-name">Alok Patel</h4>
                     <p>"Renting a car from VehiGo was a breeze! The staff was friendly, the car was clean and well-maintained, and the whole process was seamless."</p>
                   </div>
                 </div>
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/ffc107/black?text=AG" alt="Aaru Gupta" />
@@ -406,7 +419,7 @@ <h4 class="customer-name">Aaru Gupta</h4>
                     <p>"VehiGo is my top choice for renting a car. Their service is consistently outstanding and professional. Highly recommended!"</p>
                   </div>
                 </div>
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/dc3545/white?text=PJ" alt="Prateeksha Joshi" />
@@ -421,7 +434,7 @@ <h4 class="customer-name">Prateeksha Joshi</h4>
                     <p>"Overall a wonderful experience! The car was spacious, comfortable, and fuel-efficient. The booking process was simple and quick."</p>
                   </div>
                 </div>
-                <div class="testimonial-card modern-card animate-card">
+                <div class="testimonial-card modern-card animate-card mt-3">
                   <div class="testimonial-header">
                     <div class="customer-avatar">
                       <img src="https://placehold.co/60x60/6f42c1/white?text=RM" alt="Rohit Mehta" />
@@ -526,21 +539,21 @@ <h3 class="h3 card-title">${c.login}</h3>
           <div data-aos="flip-right" data-aos-delay="50" class="container" >
             <h2 class="h2 section-title gradient-text" style="margin-bottom: 20px;">🗺️ Where We Operate</h2>
             <div class="locations-list">
-              <a href="/src/index.html" class="location-card modern-card animate-card">
+              <a href="../../rentcar.html" class="location-card modern-card animate-card add-margin">
                 <div class="location-card-content">
                   <h3 class="h3 card-title">Bhopal</h3>
                   <p>Explore the city of lakes with our reliable rental cars, perfect for urban adventures and business trips.</p>
                   <span class="card-link modern-btn">Rent in Bhopal</span>
                 </div>
               </a>
-              <a href="/src/index.html" class="location-card modern-card animate-card">
+              <a href="../../rentcar.html" class="location-card modern-card animate-card add-margin">
                 <div class="location-card-content">
                   <h3 class="h3 card-title">Indore</h3>
                   <p>Navigate Indore's vibrant streets with our diverse fleet, from compact city cars to luxury vehicles for special occasions.</p>
                   <span class="card-link modern-btn">Rent in Indore</span>
                 </div>
               </a>
-              <a href="/src/index.html" class="location-card modern-card animate-card">
+              <a href="../../rentcar.html" class="location-card modern-card animate-card add-margin">
                 <div class="location-card-content">
                   <h3 class="h3 card-title">Ujjain</h3>
                   <p>Discover Ujjain's spiritual and cultural heritage with our convenient rental options for pilgrims and tourists.</p>