diff --git a/src/components/ContactPage/ContactUsForm.jsx b/src/components/ContactPage/ContactUsForm.jsx
index 81deafe..0754f1d 100644
--- a/src/components/ContactPage/ContactUsForm.jsx
+++ b/src/components/ContactPage/ContactUsForm.jsx
@@ -62,7 +62,10 @@ const ContactUsForm = () => {
             name="firstname"
             id="firstname"
             placeholder="Enter first name"
-            className="form-style"
+            style={{
+              boxShadow: "inset 0px -1px 0px rgba(255, 255, 255, 0.18)",
+            }}
+            className='w-full rounded-[0.5rem] bg-richblack-800 p-[12px] text-richblack-5'
             {...register("firstname", { required: true })}
           />
           {errors.firstname && (
@@ -71,6 +74,7 @@ const ContactUsForm = () => {
             </span>
           )}
         </div>
+
         <div className="flex flex-col gap-2 lg:w-[48%]">
           <label htmlFor="lastname" className="lable-style">
             Last Name
@@ -80,7 +84,10 @@ const ContactUsForm = () => {
             name="lastname"
             id="lastname"
             placeholder="Enter last name"
-            className="form-style"
+            style={{
+              boxShadow: "inset 0px -1px 0px rgba(255, 255, 255, 0.18)",
+            }}
+            className='w-full rounded-[0.5rem] bg-richblack-800 p-[12px] text-richblack-5'
             {...register("lastname")}
           />
         </div>
@@ -95,7 +102,10 @@ const ContactUsForm = () => {
           name="email"
           id="email"
           placeholder="Enter email address"
-          className="form-style"
+          style={{
+            boxShadow: "inset 0px -1px 0px rgba(255, 255, 255, 0.18)",
+          }}
+          className='w-full rounded-[0.5rem] bg-richblack-800 p-[12px] text-richblack-5'
           {...register("email", { required: true })}
         />
         {errors.email && (
@@ -117,7 +127,10 @@ const ContactUsForm = () => {
               name="firstname"
               id="firstname"
               placeholder="Enter first name"
-              className="form-style"
+              style={{
+                boxShadow: "inset 0px -1px 0px rgba(255, 255, 255, 0.18)",
+              }}
+              className='w-full rounded-[0.5rem] bg-richblack-800 p-[12px] text-richblack-5'
               {...register("countrycode", { required: true })}
             >
               {CountryCode.map((ele, i) => {
@@ -129,13 +142,17 @@ const ContactUsForm = () => {
               })}
             </select>
           </div>
+
           <div className="flex w-[calc(100%-90px)] flex-col gap-2">
             <input
               type="number"
               name="phonenumber"
               id="phonenumber"
               placeholder="12345 67890"
-              className="form-style"
+              style={{
+                    boxShadow: "inset 0px -1px 0px rgba(255, 255, 255, 0.18)",
+              }}
+              className='w-full rounded-[0.5rem] bg-richblack-800 p-[12px] text-richblack-5'
               {...register("phoneNo", {
                 required: {
                   value: true,
@@ -164,7 +181,10 @@ const ContactUsForm = () => {
           cols="30"
           rows="7"
           placeholder="Enter your message here"
-          className="form-style"
+          style={{
+            boxShadow: "inset 0px -1px 0px rgba(255, 255, 255, 0.18)",
+          }}
+          className='w-full rounded-[0.5rem] bg-richblack-800 p-[12px] text-richblack-5'
           {...register("message", { required: true })}
         />
         {errors.message && (
diff --git a/src/components/common/Footer.jsx b/src/components/common/Footer.jsx
index eb10fba..dd1ccf6 100644
--- a/src/components/common/Footer.jsx
+++ b/src/components/common/Footer.jsx
@@ -3,7 +3,7 @@ import { FooterLink2 } from "../../data/footer-links";
 import { Link } from "react-router-dom";
 
 // Images
-import Logo from "../../assets/Logo/Logo-Full-Light.png";
+import Logo from "../../assets/Logo/new_logo.png"
 
 // Icons
 import { FaFacebook, FaGoogle, FaTwitter, FaYoutube } from "react-icons/fa";
@@ -24,7 +24,7 @@ const Community = ["Forums", "Chapters", "Events"];
 
 const Footer = () => {
   return (
-    <div className="bg-richblack-800">
+    <div className="bg-black">
       <div className="flex lg:flex-row gap-8 items-center justify-between w-11/12 max-w-maxContent text-richblack-400 leading-6 mx-auto relative py-14">
         <div className="border-b w-[100%] flex flex-col lg:flex-row pb-5 border-richblack-700">
           {/* Section 1 */}
diff --git a/src/components/common/Navbar.jsx b/src/components/common/Navbar.jsx
index 27d1533..47c9ec8 100644
--- a/src/components/common/Navbar.jsx
+++ b/src/components/common/Navbar.jsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react'
 import { Link, matchPath } from 'react-router-dom'
-import logo from "../../assets/Logo/Logo-Full-Light.png"
+import logo from "../../assets/Logo/new_logo.png"
 import { NavbarLinks } from '../../data/navbar-links'
 import { useLocation } from 'react-router-dom'
 import { useSelector } from 'react-redux'
@@ -52,13 +52,13 @@ const Navbar = () => {
 
   return (
     <div className={`flex h-14 items-center justify-center border-b-[1px] border-b-richblack-700 
-        ${location.pathname !== "/" ? "bg-richblack-800" : ""} transition-all duration-200`}>
+        bg-black transition-all duration-200`}>
 
         <div className='flex w-11/12 max-w-maxContent items-center justify-between'>
         
             {/* Logo */}
             <Link to="/">
-                <img src={logo} alt={"not found"} width={160} height={42} loading='lazy'/>
+                <img src={logo} alt={"not found"} width={150} height={42} loading='lazy'/>
             </Link>
 
             {/* Navbar Links */}
diff --git a/src/components/common/ReviewSlider.jsx b/src/components/common/ReviewSlider.jsx
index 9d18e04..27f9407 100644
--- a/src/components/common/ReviewSlider.jsx
+++ b/src/components/common/ReviewSlider.jsx
@@ -37,8 +37,8 @@ const ReviewSlider = () => {
     <div className="text-white">
       <div className="my-[50px] h-[184px] max-w-maxContentTab lg:max-w-maxContent">
         <Swiper
-          slidesPerView={4}
-          spaceBetween={25}
+          slidesPerView={2}
+          spaceBetween={200}
           loop={true}
           freeMode={true}
           autoplay={{
diff --git a/src/pages/About.jsx b/src/pages/About.jsx
index 7def3b3..68bef84 100644
--- a/src/pages/About.jsx
+++ b/src/pages/About.jsx
@@ -11,6 +11,7 @@ import ContactFormSection from '../components/core/AboutPage/ContactFormSection'
 import HighlightText from ".././components/core/HomePage/HighlightText"
 import Footer from "../components/common/Footer"
 import Stats from '../components/core/AboutPage/Stats'
+import ReviewSlider from '../components/common/ReviewSlider'
 
 const About = () => {
   return (
@@ -113,9 +114,9 @@ const About = () => {
         <h1 className="text-center text-4xl font-semibold mt-8">
           Reviews from other learners
         </h1>
-        {/* <ReviewSlider /> */}
-        {/* <ReviewSlider /> */}
+        <ReviewSlider />
       </div>
+
       {/* <Footer /> */}
       <Footer />
     </div>
diff --git a/src/pages/Contact.jsx b/src/pages/Contact.jsx
index e20b0dc..91d1578 100644
--- a/src/pages/Contact.jsx
+++ b/src/pages/Contact.jsx
@@ -2,6 +2,7 @@ import React from 'react'
 import ContactDetails from '../components/ContactPage/ContactDetails'
 import ContactForm from '../components/ContactPage/ContactForm'
 import Footer from "../components/common/Footer"
+import ReviewSlider from '../components/common/ReviewSlider'
 
 const Contact = () => {
   return (
@@ -22,7 +23,7 @@ const Contact = () => {
         <h1 className="text-center text-4xl font-semibold mt-8">
           Reviews from other learners
         </h1>
-        {/* <ReviewSlider /> */}
+        <ReviewSlider />
       </div>
       <Footer />
     </div>
diff --git a/src/services/operations/studentFeaturesAPI.js b/src/services/operations/studentFeaturesAPI.js
index c78a28e..0141f0c 100644
--- a/src/services/operations/studentFeaturesAPI.js
+++ b/src/services/operations/studentFeaturesAPI.js
@@ -3,7 +3,7 @@ import { studentEndpoints } from "../apis";
 import { apiConnector } from "../apiconnector";
 import { setPaymentLoading } from "../../slices/courseSlice";
 import { resetCart } from "../../slices/cartSlice";
-import rzpLogo from '../../assets/Logo/rzp_logo.png'
+import rzpLogo from '../../assets/Logo/codeholic-logo.png'
 
 
 const {COURSE_PAYMENT_API, COURSE_VERIFY_API, SEND_PAYMENT_SUCCESS_EMAIL_API} = studentEndpoints;