.footer{

background:#fff;

padding:80px 7% 30px;

border-top:1px solid #eee;

position:relative;

overflow:hidden;

}





.footer-container{

display:grid;

grid-template-columns:

2fr 1fr 1fr 1fr;

gap:60px;

align-items:start;

}





.footer-col{

width:100%;

}





.footer h3{

font-family:

'Bebas Neue',

sans-serif;

font-size:30px;

letter-spacing:1px;

margin-bottom:25px;

color:#222;

}





.footer p{

color:#666;

line-height:1.8;

max-width:420px;

font-size:16px;

}





.footer ul{

list-style:none;

padding:0;

margin:0;

}





.footer ul li{

margin-bottom:16px;

}





.footer ul li a{

text-decoration:none;

color:#666;

font-size:15px;

line-height:28px;

transition:.3s;

display:inline-block;

}





.footer ul li a:hover{

color:#F47A30;

transform:

translateX(6px);

}







/* LOGO */

.footer-logo{

display:inline-block;

margin-bottom:20px;

}



.footer-logo img{

height:90px;

width:auto;

transition:.3s;

}



.footer-logo img:hover{

transform:scale(1.05);

}







/* SOCIAL */

.social-links{

display:flex;

gap:15px;

margin-top:25px;

}



.social-links a{

width:50px;

height:50px;

border:1px solid #ececec;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

text-decoration:none;

background:#fff;

color:#F47A30;

font-size:22px;

transition:.35s;

}



.social-links a:hover{

background:#F47A30;

color:#fff;

transform:

translateY(-5px);

box-shadow:

0 10px 25px

rgba(244,122,48,.25);

}







/* COPYRIGHT */

.copyright{

border-top:1px solid #eee;

margin-top:60px;

padding-top:25px;

text-align:center;

font-size:14px;

color:#777;

line-height:1.8;

}



.copyright strong{

color:#222;

}



.algo-link{

color:#F47A30;

text-decoration:none;

font-weight:600;

transition:.3s;

}



.algo-link:hover{

color:#222;

}







/* TABLET */

@media(max-width:991px){



.footer{

padding:60px 30px 25px;

}



.footer-container{

grid-template-columns:

1fr 1fr;

gap:40px;

}



.footer p{

max-width:100%;

}



}







/* MOBILE */

@media(max-width:768px){



.footer{

padding:50px 20px 20px;

text-align:center;

}



.footer-container{

grid-template-columns:1fr;

gap:35px;

}



.footer p{

font-size:15px;

margin:auto;

}



.footer-logo img{

height:70px;

}



.social-links{

justify-content:center;

}



.social-links a{

width:44px;

height:44px;

font-size:20px;

}



.footer ul li a:hover{

transform:none;

}



.copyright{

margin-top:35px;

font-size:12px;

line-height:1.7;

}



}







/* SMALL MOBILE */

@media(max-width:480px){



.footer{

padding:40px 15px 15px;

}



.footer p{

font-size:14px;

}



.social-links{

gap:12px;

}



.social-links a{

width:40px;

height:40px;

font-size:18px;

}



.copyright{

font-size:11px;

}



}