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

.footer{

    background:#06101b;

    padding:80px 8% 25px;

    margin-top:100px;

}

.footer-container{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1.3fr;

    gap:50px;

}

.footer-logo{

    text-decoration:none;

    color:white;

    font-size:30px;

    font-weight:700;

}

.footer-logo span{

    color:#3b82f6;

}

.footer-col p{

    margin:25px 0;

    color:#cbd5e1;

    line-height:1.8;

}

.footer-col h3{

    margin-bottom:25px;

}

.footer-col ul{

    list-style:none;

}

.footer-col ul li{

    margin-bottom:16px;

    color:#cbd5e1;

}

.footer-col ul li a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.3s;

}

.footer-col ul li a:hover{

    color:#3b82f6;

    padding-left:8px;

}

.footer-col i{

    color:#3b82f6;

    margin-right:10px;

}

.social-links{

    display:flex;

    gap:15px;

}

.social-links a{

    width:42px;

    height:42px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:#122132;

    color:white;

    text-decoration:none;

    transition:.3s;

}

.social-links a:hover{

    background:#2563eb;

    transform:translateY(-5px);

}

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.08);

    margin-top:60px;

    padding-top:25px;

    text-align:center;

    color:#94a3b8;

}



/*================ BACK TO TOP ================*/

#topBtn{

    position:fixed;

    right:25px;

    bottom:25px;

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    background:#2563eb;

    color:white;

    font-size:20px;

    cursor:pointer;

    display:none;

    z-index:999;

    transition:.3s;

}

#topBtn:hover{

    transform:translateY(-5px);

    background:#1d4ed8;

}



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

@media(max-width:950px){

.footer-container{

grid-template-columns:1fr;

}

.footer{

text-align:center;

}

.social-links{

justify-content:center;

}

}