/*==============================*
*FOOTER*
*==============================*/
footer{
background:#1f2937;
color:#fff;
padding:80px 0 30px;
}

.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:60px;
margin-bottom:50px;
}

.footer-grid>div{
min-width:0;
}

footer h2{
font-size:32px;
margin-bottom:20px;
}

footer h4{
font-size:20px;
margin-bottom:20px;
}

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

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

footer ul li{
margin-bottom:14px;
overflow-wrap:anywhere;
word-break:break-word;
}

footer ul li a{
display:inline-block;
max-width:100%;
color:#c7ced8;
text-decoration:none;
transition:.3s;
overflow-wrap:anywhere;
word-break:break-word;
}

footer ul li a:hover{
color:#fff;
padding-left:6px;
}

.footer-notice{
max-width:1200px;
margin:25px auto 10px;
padding:18px 20px 0;
text-align:center;
font-size:13px;
line-height:1.6;
color:#ffffff;
border-top:1px solid #e5e5e5;
overflow-wrap:anywhere;
word-break:break-word;
}

.copyright{
text-align:center;
padding-top:30px;
border-top:1px solid rgba(255,255,255,.08);
font-size:14px;
color:#b4bcc8;
}
footer h2,
footer h4{
color:#fff !important;
}
/*==============================*
*RESPONSIVE*
*==============================*/
@media(max-width:992px){

.footer-grid{
grid-template-columns:1fr;
gap:35px;
text-align:center;
}

.footer-grid>div{
width:100%;
min-width:0;
}

footer ul li a{
display:block;
width:100%;
}

}