footer{
text-align:center;
padding:40px;
margin-top:40px;
border-top:1px solid rgba(255,255,255,.1);
}

.footer{
margin-top:80px;
padding:60px 8% 20px;
background:rgba(255,255,255,.05);
backdrop-filter:blur(20px);
border-top:1px solid rgba(255,255,255,.1);
}

.footer-container{
display:grid;
grid-template-columns:
repeat(auto-fit,minmax(220px,1fr));
gap:35px;
}

.footer-box h2{
font-size:26px;
margin-bottom:15px;
color:#fff;
}

.footer-box h3{
font-size:18px;
margin-bottom:15px;
color:#fff;
}

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

.footer-box a{
display:block;
text-decoration:none;
color:#94A3B8;
margin-bottom:10px;
transition:.3s;
}

.footer-box a:hover{
color:#60A5FA;
padding-left:6px;
}

.footer-bottom{
margin-top:40px;
padding-top:20px;
text-align:center;
color:#94A3B8;
border-top:1px solid rgba(255,255,255,.08);
}

.footer-bottom{
margin-top:40px;
padding-top:20px;
text-align:center;
color:#94A3B8;
border-top:1px solid rgba(255,255,255,.08);
line-height:1.8;
}

.footer-bottom strong{
color:#60A5FA;
font-weight:700;
}













@media(max-width:500px){

.footer-container{
grid-template-columns:1fr;
text-align:center;
}

.footer-box a:hover{
padding-left:0;
}

.footer-box h2{
font-size:22px;
}

.footer-box h3{
font-size:17px;
}

}


















@media(max-width:500px){

.footer-container{
grid-template-columns:1fr;
text-align:center;
}

.footer-box a:hover{
padding-left:0;
}

.footer-box h2{
font-size:22px;
}

.footer-box h3{
font-size:17px;
}

}
















@media(max-width:768px){

.footer{
padding:50px 6% 20px;
}

.footer-container{
grid-template-columns:
repeat(2,1fr);
gap:25px;
}

}