footer change and css addition

public/css/style.css

 .form {
     position: relative;
     z-index: 1;
-    background: rgb(236, 233, 233);
+    background: #F8F9F9;
     max-width: 360px;
     margin: 0 auto 100px;
     padding: 45px;
 .regform {
     position: relative;
     z-index: 1;
-    background: rgb(236, 233, 233);
+    background: #F8F9F9;
     max-width: 600px;
     margin: 0 auto 100px;
     padding: 45px;

src/components/shared/footerSection.vue

               </div>
               <div class="w-body-a">
                 <ul class="list-unstyled">
-                  <li class="item-list-a">
+                  <li class="item-list-a" style="margin-bottom: 1em">
                     <a href="https:\\www.daelive.com">
                       <img
                         class="img-fluid"
                       />
                     </a>
                   </li>
-                  <br />
-                  <li class="item-list-a">
+
+                  <li class="item-list-a" style="margin-bottom: 1em">
                     <a href="https:\\www.gomelo.co.za">
                       <img
                         class="img-fluid"
                       />
                     </a>
                   </li>
-                  <br />
-                  <li class="item-list-a">
+
+                  <li class="item-list-a" style="margin-bottom: 1em">
                     <a href="https:\\www.rci.co.za">
                       <img
                         class="img-fluid"
                       />
                     </a>
                   </li>
-                  <br />
-                  <li class="item-list-a">
+
+                  <li class="item-list-a" style="margin-bottom: 1em">
                     <a href="https:\\www.voasa.co.za">
                       <img
                         class="img-fluid"