diff --git a/frontend/styles.css b/frontend/styles.css
index aa7056f..f40a8e8 100644
--- a/frontend/styles.css
+++ b/frontend/styles.css
@@ -1,505 +1,32 @@
-/* Basic resets */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: Arial, sans-serif;
-    background-color: #f4f4f4;
-    color: #333;
-}
-
-/* Navigation Bar */
-.navbar {
-    background-color: #333;
-    color: white;
-    padding: 1rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    position: relative;
-}
-
-.logo > a > img{
-  width: 200px;
-  height: auto;
-}
-.navbar .nav-links {
-    list-style: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-}
-
-.navbar .nav-links li {
-    margin-left: 20px;
-   
-}
-
-.navbar .nav-links a {
-    color: white;
-    text-decoration: none;
-    font-size: 1rem;
-}
-.navbar .nav-links a:hover{
-    opacity: 0.7;
-}
-
-  .hide,.cross {
-    display: none;
-  }
-   
-  @media (max-width: 1000px) {
-
-    .hide1 a{
-        display:none;
-      }
-    .hide{
-        display: block;
-        list-style: none;
-        color: white;
-        text-decoration: none;
-        font-size: 2rem;
-        margin-left: 20px;
-        margin-right: 10px;
-      }
-      .hide{
-        opacity: 0.7;
-        }
-  }
-
-  .show-nav-links {
-    display: block;
-    position: absolute;
-    top: 60px;
-    left: 0;
-    background-color: #333;
-    width: 100%;
-    padding-top: 20px;
-    padding-bottom: 20px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    opacity: 0.9;
-  }
-  
-  .show-nav-links li {
-    margin-bottom: 20px;
- 
-  }
-  
-  .show-nav-links a {
-    color: #fff;
-    font-size: 2rem;
-    text-decoration: none;
-  }
-
-  
-.navbar .btn {
-    padding: 0.5rem 1rem;
-    background-color: #007bff;
-    color: white;
-    border-radius: 5px;
-}
-
-.navbar .btn:hover {
-    background-color: #0056b3;
-}
-
-
-/* Hero Section */
-.hero-section {
-    text-align: center;
-    padding: 50px 0;
-    background-color: #007bff;
-    color: white;
-}
-
-.hero-section h2 {
-    font-size: 2.5rem;
-}
-
-.hero-section p {
-    margin: 20px 0;
-    font-size: 1.2rem;
-}
-
-.btn-primary {
-
-    padding: 0.7rem 2rem;
-    background-color: #ff5722;
-    color: white;
-    border-radius: 7px;
-    text-decoration: none;
-}
-
-.btn-primary:hover {
-    background-color: #e64a19;
-}
-
-/* Course Recommendations Section */
-.course-recommendations {
-  padding: 30px;
-  background-color: #f9f9f9;
-  border-radius: 8px;
-  max-width: 1200px;
-  margin: 20px auto;
-  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
-}
-
-/* Heading styles */
-.course-recommendations h2,
-.course-recommendations h3 {
-  color: #333;
-  font-family: 'Arial', sans-serif;
-  margin-bottom: 15px;
-}
-
-.course-recommendations h2 {
-  font-size: 2rem;
-  font-weight: bold;
+.testimonials {
+  margin-top: 50px;
   text-align: center;
 }
 
-.course-recommendations h3 {
-  font-size: 20px;
-  font-weight: 600;
-  
+.testimonial-card {
+  background-color: #f5f5f5;
+  border-radius: 10px;
+  padding: 20px;
+  margin: 15px;
+  display: inline-block;
+  width: 45%;
 }
 
-
-.course-list {
-  margin-bottom: 30px;
+.testimonial-card img {
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  margin-right: 20px;
+  float: left;
 }
 
-.course-list p {
+.testimonial-card p {
+  margin: 10px 0;
   font-size: 16px;
-  color: #666;
-  font-family: 'Roboto', sans-serif;
-  text-align: center;
-}
-
-
-.recommended-courses {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 40px;
-  margin: 20px 30px;
-}
-
-/* Course card styling */
-.course-card {
-  background-color: #fff;
-  padding: 0;
-  border-radius: 8px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  flex: 1 1 calc(50% - 20px);
-  display: flex;
-  flex-direction: column;
-  transition: transform 0.3s ease, box-shadow 0.3s ease;
-  max-width: 100%;
-  overflow: hidden;
-}
-
-.course-card:hover {
-  transform: translateY(-10px);
-  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
-}
-
-/* Course thumbnail */
-.course-thumbnail {
-  width: 100%;
-  height: 300px;
-  object-fit: cover;
-  border-bottom: 2px solid #eee;
-}
-
-/* Course info */
-.course-info {
-  padding: 15px 20px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-
-/* Course title and description */
-.course-card h4 {
-  font-size: 18px;
-  color: #007bff;
-  margin-bottom: 10px;
-}
-
-.course-card p {
-  font-size: 14px;
-  color: #555;
-  flex-grow: 1;
-}
-
-/* Button styling */
-.btn-secondary {
-  padding: 10px 15px;
-  background-color: #007bff;
-  color: white;
-  border: none;
-  border-radius: 5px;
-  cursor: pointer;
-  font-family: 'Arial', sans-serif;
-  font-size: 14px;
-  transition: background-color 0.3s ease;
-  text-align: center;
-  margin-top: 10px;
-}
-
-.btn-secondary:hover {
-  background-color: #0056b3;
-}
-
-/* Responsive design */
-@media (max-width: 768px) {
-  .course-recommendations {
-    padding: 25px;  
-  }
-  .course-recommendations h3{
-    text-align: center; 
-  }
-  .recommended-courses {
-    flex-direction: column;     
-      gap: 20px;
-      margin: 10px 5px; 
-  }
-  .course-card {
-    flex: 1 1 100%;
-  }
-}
-
-/* Footer  */
-
-.site-footer {
-    background-color: #333;
-    color: #fff;
-    padding: 2rem 0;
-    font-family: Arial, sans-serif;
-}
-
-.footer-container {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-around;
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 1rem;
-}
-
-.footer-section {
-    flex: 1;
-    min-width: 200px;
-    margin-bottom: 1rem;
-}
-
-.footer-section h3 {
-    font-size: 1.2rem;
-    margin-bottom: 1rem;
-}
-
-.footer-section ul {
-    list-style-type: none;
-    padding: 0;
+  line-height: 1.5;
 }
 
-.footer-section ul li {
-    margin-bottom: 0.5rem;
-}
-
-.footer-section a {
-    color: #ddd;
-    text-decoration: none;
-    transition: color 0.3s ease;
-}
-
-.footer-section a:hover {
-    color: #fff;
-}
-
-.social-icons {
-    display: flex;
-    gap: 1rem;
-}
-
-.social-icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 40px;
-    height: 40px;
-    background-color: #555;
-    border-radius: 50%;
-    transition: background-color 0.3s ease;
-}
-
-.social-icon:hover {
-    background-color: #777;
-}
-
-.social-icon i {
-    color: #fff;
-    font-size: 1.2rem;
-}
-
-/* Specific colors for each social media platform */
-.social-icon.linkedin:hover {
-    background-color: #0077b5;
-}
-
-.social-icon.instagram:hover {
-    background-color: #e4405f;
-}
-
-.social-icon.youtube:hover {
-    background-color: #ff0000;
-}
-
-.footer-bottom {
-    text-align: center;
-    margin-top: 2rem;
-    padding-top: 1rem;
-    border-top: 1px solid #555;
+.testimonial-card h4 {
+  margin: 0;
+  font-weight: bold;
 }
-
-.hamburger {
-    display: none;
-    cursor: pointer;
-  }
-  
-  .hamburger i {
-    font-size: 1.5rem;
-    color: white;
-  } 
-
-@media (max-width: 768px) {
-    .hamburger {
-      display: block;
-    }
-  
-    .nav-links {
-      display: flex;
-      flex-direction: column;
-      position: absolute;
-      top: 100%;
-      left: 0;
-      right: 0;
-      background-color: #333;
-      max-height: 0;
-      overflow: hidden;
-      transition: 0.3s ease-out;
-    }
-    .nav-links.active {
-      max-height: 500px; /* Allows menu expansion */
-      background-color: rgb(51, 51, 51,0.9);
-  
-    }
-    .nav-links li {
-      margin-left: 0;
-      margin-bottom: 20px;
-      width: 70%;
-      text-align: center;
-    }
-  
-    .nav-links a {
-      -links a {
-        max-height: 0;
-        display: block;
-        padding: 10px;
-        text-align: center;
-        width: 100%;
-      }
-  
-      .btn {
-        background-color: #007bff;
-        color: white;
-        width: 100%;
-        border-radius: 5px;
-        padding: 10px;
-        text-align: center;
-      }
-      .hero-section h2 {
-        font-size: 2rem;
-      }
-  
-      .hero-section p {
-        font-size: 1rem;
-      }
-  
-      .btn-primary {
-        padding: 0.8rem 1.5rem;
-      }
-      .recommended-courses {
-        display: flex;
-        flex-direction: column;
-        width: 100%;
-      }
-      .recommended-courses > div {
-        width: 100%;
-      }
-  
-      .course-card {
-        width: 100%;
-        margin: 10px auto;
-        padding: 20px;
-        text-align: center; 
-        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-      }
-  
-      .course-card h4 {
-        font-size: 1rem;
-      }
-  
-      .course-card p {
-        font-size: 0.9rem;
-        margin: 10px 0;
-      }
-  
-      .btn-secondary {
-        padding: 0.8rem 1.5rem;
-        display: inline-block;
-        margin-top: 10px;
-      }
-  
-      .footer-container {
-        flex-direction: column;
-        text-align: center;
-      }
-  
-      .social-icons {
-        justify-content: center;
-      }
-    }
-  
-    
-
-    
-    /* Tablets (max-width: 1024px) */
-    @media (max-width: 1024px) {
-      .navbar .nav-links li {
-        margin-left: 15px;
-      }
-  
-      .hero-section h2 {
-        font-size: 2.2rem;
-      }
-  
-      .hero-section p {
-        font-size: 1.1rem;
-      }
-      .recommended-courses {
-        display: flex;
-        flex-direction: column;
-        width: 100%;
-      }
-      .recommended-courses > div {
-        width: 100%;
-      }
-    }
-  }
\ No newline at end of file