/* ===========================
FOOTER
=========================== */

.footer{
padding:80px 0 30px;
background:#0F172A;
color:#fff;
margin-top:80px;
}

.footer-logo{
font-size:32px;
font-weight:800;
margin-bottom:20px;
}

.footer p{
color:#CBD5E1;
line-height:1.8;
}

.footer h5{
margin-bottom:20px;
font-weight:700;
}

.footer-links{
list-style:none;
padding:0;
}

.footer-links li{
margin-bottom:12px;
}

.footer-links a{
color:#CBD5E1;
text-decoration:none;
transition:.3s;
}

.footer-links a:hover{
color:#A855F7;
padding-left:6px;
}

.social-icons{
margin-top:25px;
}

.social-icons a{
display:inline-flex;
width:45px;
height:45px;
border-radius:50%;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.08);
margin-right:10px;
color:#fff;
transition:.35s;
font-size:20px;
}

.social-icons a:hover{
background:#8B5CF6;
transform:translateY(-6px);
}

.footer-line{
margin:40px 0 25px;
border-color:rgba(255,255,255,.1);
}

.footer-bottom{
display:flex;
justify-content:space-between;
align-items:center;
}

#scrollTop{
width:50px;
height:50px;
border-radius:50%;
background:#8B5CF6;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
text-decoration:none;
transition:.35s;
}

#scrollTop:hover{
transform:translateY(-6px);
background:#EC4899;
}

@media(max-width:768px){

.footer-bottom{
flex-direction:column;
gap:20px;
text-align:center;
}

}