.footer{
background:#1f1f1f;
color:#fff;
padding:70px 0 20px;
}

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

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

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

.footer-col p{
font-size:14px;
line-height:1.7;
color:#ccc;
}

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

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

.footer-col ul li a{
color:#ccc;
text-decoration:none;
transition:0.3s;
}

.footer-col ul li a:hover{
color:#f26a2e;
}

.footer-donate{
display:inline-block;
margin-top:10px;
background:#f26a2e;
color:#fff;
padding:10px 18px;
border-radius:25px;
text-decoration:none;
font-weight:600;
}

.footer-donate:hover{
background:#ff7b42;
}

.footer-bottom{
border-top:1px solid #333;
margin-top:40px;
padding-top:20px;
text-align:center;
font-size:14px;
color:#aaa;
}

.footer-social a{
display:inline-block;
margin-right:10px;
color:#fff;
font-size:16px;
}

.footer-social a:hover{
color:#f26a2e;
}

.footer-col a{
color:#ccc;
text-decoration:none;
}

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

/* Preloader auto-dismiss fallback */
.preloader {
    animation: hidePreloader 0.5s ease-out forwards;
    animation-delay: 2s;
}
@keyframes hidePreloader {
    0% { opacity: 1; visibility: visible; }
    100% { opacity: 0; visibility: hidden; }
}