footer changes

index.html

@@ -877,7 +877,7 @@ <h4 class="footer__subtitle">Support</h4>
           <a href="./faq.html" class="footer__link">FAQs</a>
           <a href="./tnc.html" class="footer__link">Terms & Conditions</a>
           <a href="./privacy.html" class="footer__link">Privacy Policy</a>
-          <p class="footer__text">Contact Us</p>
+          <a href="#cnt-form" class="footer__link">Contact Us</a>
         </div>
         <div class="footer__col">
           <h4>Address</h4>

styles.css

@@ -1162,26 +1162,28 @@ header {
 
 .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;
@@ -1193,13 +1195,27 @@ header {
   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 {
+  color: #ff0000;
+  font-size: 15px;
+}
+*/
 
-.footer__col p:hover {
+.footer__link:hover{
   color: #ff0000;
   font-size: 15px;
 }
@@ -1209,7 +1225,7 @@ header {
 }
 
 .footer__col h4 {
-  font-size: 1rem;
+  font-size: 1.5rem;
   font-weight: 600;
   margin-bottom: 10px;
 }