style.css

 @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;
}
.footer{
	background-color: #24262b;
	padding: 70px 0;
}
.container{
	max-width: 1170px;
	 margin: auto;
}
ul {list-style: none;}
.row{
	display:flex;
	flex-wrap: wrap;
}


.footer-col{
	width: 25%;
	padding: 0 35px;
}
.footer-col h4{
	font-size: 18px;
	color: #fff;text-transform: capitalize;margin-bottom: 35px;font-weight: 500;position: relative;
}

.footer-col h4::before{
	content: '';
	position: absolute;
	left: 0; bottom: -10px;background-color: #e91e63;height: 2px;box-sizing: border-box;width: 50px;
}

.footer-col ul li:not(:last-child){margin-bottom: 10px;
}

.footer-col ul li a {
	font-size: 16px;text-transform: capitalize;color: #fff;text-decoration: none;font-weight: 300;color: #666666;display: block;
	transition: all 0.3s ease;
}
.footer-col ul li a:hover{
	padding-left: 8px;color: #fff;
}

.footer-col .social-links a{
	display: inline-block;
	height: 40px; width: 40px;background-color: rgba(255,255,255,0.2);margin-right: 10px;text-align: center; line-height: 40px;
	border-radius: 50%;
	color: #ffffff;transition: all 0.5s ease; margin-bottom: 10px;
}

.footer-col .social-links a:hover{
	background-color: #fff; color: #24262b;
}



/*responsive*/

@media(max-width:767px){
	
	.footer-col {
    width: 50%;
    margin-bottom: 40px;
}
}

@media(max-width:574px){
	
	.footer-col {
    width: 100%;
    
}
}