.footer{
display:flex;
flex-wrap:wrap;
gap:40px;
padding:40px 0;
font-family:Arial, sans-serif;
font-size:14px;
}

.col{
flex:1;
min-width:160px;
}

.col h4{
margin-bottom:10px;
font-size:15px;
font-weight:600;
}

.col a{
display:block;
margin-bottom:6px;
text-decoration:none;
color:#333;
transition:0.3s;
}

.col a:hover{
transform:translateX(4px);
color:#000;
}

.bottom{
text-align:center;
margin-top:20px;
font-size:12px;
color:#777;
border-top:1px solid #eee;
padding-top:15px;
}

/* responsive */
@media (max-width:768px){
.footer{
flex-direction:column;
gap:20px;
}
}