diff --git a/index.html b/index.html
index d40d838..b878e43 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
 		/* Features Section */
 		.features {
 			padding: 60px 20px;
-			background-color: #f9f9f9;
+			background-color:rgb(255, 248, 220);
 		}
 
 
@@ -31,7 +31,7 @@
 			background-color: white;
 			padding : 30px;
 			border-radius: 8px;
-			box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+			box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
 			width: calc(25% - 30px);
 			text-align: center;
 			transition: transform 0.3s, box-shadow 0.3s, z-index 0.3s;
@@ -41,7 +41,7 @@
 
 		.features-card:hover {
 			transform: translateY(-10px) scale(1.1);
-			box-shadow: 0 4px 8px #0073b1;
+			box-shadow: 0 5px 8px #1077ae;
 			z-index: 3;
 		}
 
@@ -111,8 +111,8 @@
 			width: 60px;
 			height: 60px;
 			margin-bottom: 20px;
-			border-radius: 10px;
-			transition: transform 0.3s ease;
+			border-radius: 30px;
+			transition: transform 0.3s ease-in-out;
 		}
 
 			.features {
@@ -164,8 +164,13 @@
 			/* Set the width for the icon images */
 			height: 185px;
 			/* Set the height for the icon images */
+
+			margin-bottom: 20px;
+			border-radius: 30px;
+
 			/* margin-bottom: 20px; */
 			border-radius: 10px 10px 0 0;
+
 			/* Rounded corners for the images */
 			transition: transform 0.3s ease;
 		}
@@ -212,10 +217,9 @@
 			max-width: 1200px;
 			margin: 0 auto;
 		}
-
-
+		
 		.features-card h3 {
-			color: #aca7eb;
+			color: #6a64b8;
 			margin: 15px 0;
 			font-size: 22px;
 		}
@@ -233,19 +237,30 @@
 		}
 
 		.features-card p {
-			color: #666;
+			color: #131212;
 			font-size: 16px;
 		}
+		.testimonial-cards:hover {
+			transform: translateY(-10px) scale(1.1);
+			box-shadow: 1px 5px 8px #df4108;
+			z-index: 4;
+		}
+		.testimonial-card:hover {
+			transform: translateY(-5px);
+			/* Slight lift effect on hover */
+		}
+
 
 
 		.testimonial-card img {
-			width: 80px;
+			width: 90px;
 			/* Profile image width */
-			height: 80px;
+			height: 90px;
 			/* Profile image height */
 			border-radius: 50%;
 			/* Circular shape for profile images */
 			margin-bottom: 20px;
+			transition: 0.3s ease-in;
 		}
 
 		.testimonial-card h3 {
@@ -265,12 +280,15 @@
 
 		/* Footer Styles */
 		.footer {
-			background-color: var(--deep-teal);
+			background-color: #05238e;
 			/* Use deep teal for footer background */
 			color: #ffffff;
 			/* White text for footer */
+			padding: 40px 10px;
+
 			padding: 40px 0;
 			padding-bottom:0;
+
 		}
 
 		.footer-content {
@@ -302,7 +320,7 @@
 		}
 
 		.testimonial-card h3 {
-			color: #aca7eb;
+			color: #281dbe;
 			margin: 10px 0;
 			font-size: 20px;
 		}
@@ -315,7 +333,7 @@
 		}
 
 		.testimonial-card p {
-			color: #666;
+			color: #0b0b0b;
 			font-size: 16px;
 			font-style: italic;
 		}
@@ -370,6 +388,47 @@
 			/* Underline on hover */
 		}
 
+		.social-icons {
+			margin-top: 15px;
+			/* Space above social icons */
+		}
+
+		.social-icons a {
+			color: #ffffff;
+			/* White color for social icons */
+			font-size: 20px;
+			/* Font size for social icons */
+			margin-right: 15px;
+			/* Space between social icons */
+			transition: color 0.3s ease;
+			/* Smooth transition for color change */
+		}
+
+		.social-icons a:hover {
+			color: var(#ffffff);
+			/* Use light grey on hover for social icons */
+		}
+
+		.footer-bottom {
+			text-align: center;
+			/* Center the text in the footer bottom */
+			padding-top: 20px;
+			/* Space above footer bottom */
+			margin-top: 20px;
+			/* Space above footer bottom */
+			border-top: 1px solid rgba(22, 21, 21, 0.1);
+			/* Light border for separation */
+		}
+
+		/* Responsive Styles */
+		@media (max-width: 768px) {
+			.navbar {
+				flex-direction: column;
+				/* Stack navbar items vertically */
+				align-items: flex-start;
+				/* Align items to the start */
+			}
+
       .features h2 {
         text-align: center;
         color: #333;
diff --git a/style.css b/style.css
index c124cdf..0a14c89 100644
--- a/style.css
+++ b/style.css
@@ -32,7 +32,7 @@ section{
 .heading {
     text-align: center;
     font-size: 4rem;
-    color: var(--dark-slate); /* Dark Slate color */
+    color: var(--off-white); /* Dark Slate color */
     padding: 1rem;
     margin: 2rem 0;
     background: var(--deep-teal); /* Changed background to Deep Teal */
@@ -123,14 +123,18 @@ header .logo span {
 
 
 header .navbar a {
-    font-size: 2rem;
+    font-size: 2.5rem;
     padding: 15px;
+    color: var(--black); /* White text for better contrast */
+    text-decoration: none; /* Ensure no underline by default */
+
     color: white
 
+
 }
 
 header .navbar a:hover {
-    color: var(--soft-gold); /* Soft Gold on hover */
+    color: var(#3f10ea); /* Soft Gold on hover */
     text-decoration: none; /* Ensure no underline by default */
 }
 
@@ -150,11 +154,16 @@ header .icons a {
 header .navbar a:hover {
   color: var(--red);
   text-decoration: none;
+  color: #d8eb08;
+  text-emphasis-color: #fff;
+
   color: #ffffff;
 }
 
 header .icons a {
   font-size: 2.5rem;
+  color: #e0cece;
+
   color: #ffffff;
   margin-left: 1.5rem;
   font-size: 2.2rem;
@@ -162,6 +171,8 @@ header .icons a {
 
 header .icons a:hover {
   color: var(--purple);
+  color: #3708e1;
+
   color: #ffffff;
   text-decoration: none;
  }
@@ -300,6 +311,11 @@ body {
     --soft-gold: #d9c79e;
 }
 .footer {
+    background-color: #1b4bcd;
+    color: #fff;
+    padding: 40px 10px;
+    font-size: 14px;
+
     width: 100%; 
     background-color: var(--deep-teal); 
     color: white;