.site-footer{
background:#111;
color:#ccc;
margin-top:60px;
font-size:14px;
}

.footer-main{
padding:60px 20px 40px;
}

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

.footer-col h4{
color:#fff;
margin-bottom:14px;
font-size:16px;
font-weight:600;
}

.footer-logo{
color:#fff;
font-size:22px;
margin-bottom:12px;
}

.footer-desc{
line-height:1.6;
color:#aaa;
max-width:280px;
}

.footer-col ul{
list-style:none;
padding:0;
margin:0;
}

.footer-col li{
margin-bottom:8px;
}

.footer-col a{
color:#aaa;
text-decoration:none;
transition:.2s;
}

.footer-col a:hover{
color:#fff;
}

.footer-social{
margin-top:15px;
display:flex;
gap:10px;
}

.footer-social a{
width:34px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
background:#222;
border-radius:6px;
color:#fff;
font-size:14px;
transition:.2s;
}

.footer-social a:hover{
background:#e63946;
}

/* NEWSLETTER */

.newsletter-form{
margin-top:10px;
display:flex;
gap:8px;
}

.newsletter-form input{
flex:1;
padding:9px;
border:0;
border-radius:4px;
}

.newsletter-form button{
background:#e63946;
border:0;
color:#fff;
padding:9px 14px;
border-radius:4px;
cursor:pointer;
}

.newsletter-form button:hover{
background:#c92d39;
}

/* bottom */

.footer-bottom{
border-top:1px solid #222;
padding:15px 20px;
text-align:center;
font-size:13px;
color:#777;
}
.newsletter-text{
color:#aaa;
line-height:1.6;
margin-bottom:10px;
}
.footer-logo img{
height:50px;
width:auto;
display:block;
margin-bottom:12px;
}