.tool-links{
display:flex;
flex-wrap:wrap;
gap:12px;
margin:25px 0;
justify-content:center;
}

.tool-btn{
padding:12px 22px;
/* background:#2563eb; */
background:#2196f3;
color:#fff;
text-decoration:none;
border-radius:8px;
font-weight:600;
transition:.3s;
}

.tool-btn:hover{
background:#1d4ed8;
transform:translateY(-2px);
}

.active{
background:#0f172a;
}

.footer{
margin-top:65px;
padding:25px 15px;
background:#111827;
color:#fff;
text-align:center;
}

.footer p{
margin-bottom:15px;
color:#ddd;
}

.footer-links{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:15px;
}

.footer-links a{
color:#ffffff;
text-decoration:none;
font-size:15px;
transition:.3s;
}

.footer-links a:hover{
color:#00c6ff;
text-decoration:underline;
}

@media(max-width:600px){

.footer-links{
flex-direction:column;
gap:10px;
}

}