Added Footer algined

package.json

@@ -13,29 +13,21 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-
+    "@radix-ui/react-accordion": "^1.2.1",
     "@radix-ui/react-slot": "^1.1.0",
-
     "@reduxjs/toolkit": "^2.2.7",
-
     "@testing-library/user-event": "^13.5.0",
     "@types/react-router-dom": "^5.3.3",
     "axios": "^1.7.7",
     "bootstrap": "^5.3.3",
-
-    "framer-motion": "^11.10.0",
-    "lucide-react": "^0.447.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-icons": "^5.3.0",
-
     "concurrently": "^9.0.1",
+    "framer-motion": "^11.11.1",
+    "lucide-react": "^0.447.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hot-toast": "^2.4.1",
     "react-icons": "^5.3.0",
     "react-redux": "^9.1.2",
-
     "react-router-dom": "^6.26.2",
     "react-scripts": "^5.0.1",
     "react-slick": "^0.30.2",

src/assets/styles/Footer.css

@@ -1,4 +1,4 @@
-.footer {
+/* .footer {
   background: linear-gradient(to bottom, #1a202c, #000000);
   color: #d1d5db;
   padding: 3rem 0 0;
@@ -73,6 +73,10 @@
   border-bottom: 1px solid #4a5568;
 }
 
+.accordion-item {
+  border-bottom: 1px solid #4a5568;
+}
+
 .accordion-title {
   display: flex;
   justify-content: space-between;
@@ -224,16 +228,6 @@
   color: #8b5cf6;
 }
 
-@media (max-width: 768px) {
-  .footer-bottom-content, .footer-info-content {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-
-  .footer-links, .contact-info {
-    margin-top: 1rem;
-  }
-}
 .back-to-top {
   position: fixed;
   bottom: 20px;
@@ -255,8 +249,14 @@
 .back-to-top:hover {
   background: linear-gradient(to right, #7C3AED, #DB2777);
 }
-.footer-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 2rem;
-}
+
+@media (max-width: 768px) {
+  .footer-bottom-content, .footer-info-content {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .footer-links, .contact-info {
+    margin-top: 1rem;
+  }
+} */