Footer espacement menu

<footer class="footer">
    <div class="container">
     <div class="row">
      <div class="footer-menu">
       <h4>Nos réseaux</h4>
           <div class="reseaux">
        <a href="facebook.com"><i class="fab fa-facebook-f"></i></a>
        <a href="twitter.com"><i class="fab fa-twitter"></i></a>
        <a href="instagram.com"><i class="fab fa-instagram"></i></a>
        <a href="linkedin.com"><i class="fab fa-linkedin-in"></i></a>
       </div>
      </div>
      <div class="footer-menu">
       <h4>Start-up</h4>
       <ul>
        <li><a href="page2.html">A propos de nous</a></li>
        <li><a href="page1.html">Nos services</a></li>
       </ul>
      </div>
        <div class="footer-menu">
       <h4>Partenaires</h4>
       <ul>
        <li><a href="aaaaa.net">aaaaa</a></li>
       </ul>
      </div>
     </div>
    </div>
  </footer>

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body{
 line-height: 1.5;
 font-family: 'Poppins', sans-serif;
}
*{
 margin:0;
 padding:0;
 box-sizing: border-box;
}
.container{
 max-width: 1170px;
 margin:auto;
}
.row{
 display: flex;
 flex-wrap: wrap;
}
ul{
 list-style: none;
}
.footer{
 background-color: #24262b;
    padding: 70px 0;
}
.footer-menu{
   width: 25%;
   padding: 0 15px;
}
.footer-menu h4{
 font-size: 18px;
 color: #ffffff;
 text-transform: capitalize;
 margin-bottom: 35px;
 font-weight: 500;
 position: relative;
}
.footer-menu h4::before{
 content: '';
 position: absolute;
 left:0;
 bottom: -10px;
 background-color: #e91e63;
 height: 2px;
 box-sizing: border-box;
 width: 50px;
}
.footer-menu ul li:not(:last-child){
 margin-bottom: 10px;
}
.footer-menu ul li a{
 font-size: 16px;
 text-transform: capitalize;
 color: #ffffff;
 text-decoration: none;
 font-weight: 300;
 color: #bbbbbb;
 display: block;
 transition: all 0.3s ease;
}
.footer-menu ul li a:hover{
 color: #ffffff;
 padding-left: 8px;
}
.footer-menu .reseaux a{
 display: inline-block;
 height: 40px;
 width: 40px;
 background-color: rgba(255,255,255,0.2);
 margin:0 10px 10px 0;
 text-align: center;
 line-height: 40px;
 border-radius: 50%;
 color: #ffffff;
 transition: all 0.5s ease;
}
.footer-menu .reseaux a:hover{
 color: #24262b;
 background-color: #ffffff;
}

/*responsive*/
@media(max-width: 767px){
  .footer-menu{
    width: 50%;
    margin-bottom: 30px;
}
}
@media(max-width: 574px){
  .footer-menu{
    width: 100%;
}
}