/*======================================
FRAMEWORK 10 FOOTER
======================================*/

.footer{

position:relative;

padding:120px 0 40px;

background:var(--bg);

overflow:hidden;

}

.footer-wave{

position:absolute;

top:0;

left:0;

width:100%;

height:180px;

background:var(--gradient-primary);

opacity:.08;

filter:blur(80px);

animation:waveMove 8s infinite alternate;

}

@keyframes waveMove{

100%{

transform:translateX(120px);

}

}

.footer-grid{

display:grid;

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

gap:60px;

position:relative;

z-index:2;

}

.footer-logo{

font-size:38px;

margin-bottom:20px;

}

.footer h3{

margin-bottom:22px;

}

.footer ul{

list-style:none;

}

.footer li{

margin:14px 0;

}

.footer a{

color:var(--text-light);

transition:var(--transition)

}

.footer a:hover{

color:var(--secondary);

}

.socials{

display:flex;

gap:14px;

margin-top:30px;

}

.socials a{


width:46px;

height:46px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:var(--glass);
border:1px solid var(--glass-border);
transition:var(--transition);

}

.socials a:hover{

background:var(--primary);

transform:translateY(-6px);

}

.footer-bottom{

margin-top:70px;

padding-top:30px;

border-top:1px solid var(--glass-border);

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

}

.footer-bottom div{

display:flex;

gap:30px;

}

@media(max-width:992px){

.footer-grid{

grid-template-columns:1fr;

}

.footer-bottom{

flex-direction:column;

gap:20px;

}

}