How to get rid of gaps in footer, There’s white gaps under there?

my website: <https://www.nearestbusiness.com Nearest Business>

please help me sir

I thank you in advance

“`
#footer-copyright{
background:#242634;
display:block;
overflow:hidden;
width:100%;
color:#aaa;
padding:20px 0
}
#footer-copyright > .container{
margin:0 auto
}
#social-footer{
float:right
}
#social-footer .widget{
line-height:30px
}
.social-footer ul{
text-align:center;
overflow:hidden;
display:block
}
.social-footer ul li{
display:inline-block;
overflow:hidden;
margin:0 0 0 14px
}
.social-footer ul li a{
font-size:16px;
color:#aaa;
overflow:hidden;
display:block;
padding:0 3px;
transition:color .17s ease
}
.social-footer ul li:last-child a{
padding-right:0
}
.social-footer ul li a:hover{
color:$(main.color)
}
#footer-copyright .copyright-area{
float:left;
font-size:12px;
line-height:30px;
}
#footer-copyright .copyright-area a{
color:$(main.color)
}
#footer-copyright .copyright-area a:hover{
text-decoration:underline
“`