From e16edf689e0cf3b0efa94637567b43ddae1ce3c0 Mon Sep 17 00:00:00 2001
From: Ajita369 <162597493+Ajita369@users.noreply.github.com>
Date: Wed, 5 Jun 2024 21:41:39 +0530
Subject: [PATCH] changes in the footer

---
 index.html |  2 +-
 styles.css | 27 +++++++++++++++++++--------
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 50c1886c..2b8c37b8 100644
--- a/index.html
+++ b/index.html
@@ -910,7 +910,7 @@ <h4 class="footer__subtitle">Support</h4>
           <p><a href="./faq.html" class="footer__link">FAQs</a></p>
           <p><a href="./tnc.html" class="footer__link">Terms & Conditions</a></p>
           <p><a href="./privacy.html" class="footer__link">Privacy Policy</a></p>
-          <p><a href="#cnt-form" class="footer__link">Contact</a></p>
+          <p><a href="#cnt-form" class="footer__link">Contact Us</a></p>
           </div>
         </div>
         
diff --git a/styles.css b/styles.css
index a02f2043..a94f8979 100644
--- a/styles.css
+++ b/styles.css
@@ -1201,26 +1201,28 @@ body.dark-theme #emailInput {
 
 .footer__container {
   display: flex;
+  flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-evenly;
   align-items: flex-start;
-
-  /* /grid-template-columns: repeat(3, 1fr);/ gap: 24px; */
-
+  grid-template-columns: repeat(3, 1fr);
+  gap: 24px;
   color: var(--secondary-color);
 }
 
 .footer__col {
   flex: 1;
+  display: flex ;
   max-width: 200px;
   margin: 10px;
   text-align: center;
   flex-direction: column;
 }
 
-.footer__col:nth-child(2) {
+/*.footer__col:nth-child(2) {
   margin-top: 10px;
 }
+*/
 
 .footer__col h3 {
   font-size: 1.5rem;
@@ -1232,13 +1234,22 @@ body.dark-theme #emailInput {
   color: var(--primary-color);
 }
 
-.footer__col p {
+/*.footer__col p {
   font-size: 0.8rem;
   cursor: pointer;
   transition: 0.3s;
 }
+*/
+
+.footer__link{
+  font-size: 1rem;
+  cursor: pointer;
+  transition: 0.3s;
+  color: white;
+}
 
-.footer__col p:hover {
+
+.footer__link:hover {
   color: #ff0000;
   font-size: 13px;
   overflow: hidden;
@@ -1249,9 +1260,9 @@ body.dark-theme #emailInput {
 }
 
 .footer__col h4 {
-  font-size: 1rem;
+  font-size: 1.5rem;
   font-weight: 600;
-  margin-bottom: 10px;
+  margin-bottom: 15px;
 }
 
 .footer__bar {