/* ================= FOOTER ONLY CSS ================= */

.footer{
background:#080808;
padding:120px 0 60px;
border-top:1px solid rgba(255,255,255,0.06);
}

.footer .container{
width:100%;
max-width:1380px;
margin:auto;
padding-left:20px;
padding-right:20px;
}

/* GRID */

.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:80px;
}

/* LOGO */

.footer-logo{
display:flex;
align-items:center;
gap:14px;
margin-bottom:24px;
}

.logo-icon{
width:48px;
height:48px;
border-radius:14px;
background:#ff6b00;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:18px;
transition:0.3s;
cursor:pointer;
}

.logo-icon:hover{
transform:translateY(-4px);
background:#ff7a1a;
}

.footer h3{
font-family:'Anton',sans-serif;
font-size:32px;
font-weight:400;
letter-spacing:1px;
color:#fff;
}

/* TEXT */

.footer p{
font-size:16px;
line-height:2;
color:#9a9a9a;
max-width:420px;
}

/* TITLES */

.footer h4{
margin-bottom:24px;
font-size:13px;
letter-spacing:4px;
font-weight:600;
color:#ff6b00;
}

/* LINKS */

.footer ul{
padding:0;
margin:0;
}

.footer li{
list-style:none;
margin-bottom:14px;
color:#9f9f9f;
font-size:16px;
}

.footer a{
text-decoration:none;
color:#9f9f9f;
transition:0.3s;
}

.footer a:hover{
color:#ff6b00 !important;
padding-left:4px;
}

/* SOCIAL */

.footer-social{
display:flex;
gap:14px;
margin-top:34px;
}

/* BOTTOM */

.footer-bottom{
margin-top:90px;
padding-top:30px;
border-top:1px solid rgba(255,255,255,0.06);
display:flex;
justify-content:center;
text-align:center;
}

.footer-bottom p{
font-size:12px;
letter-spacing:2px;
color:#707070;
max-width:100%;
}

/* ================= RESPONSIVE ================= */

/* TABLET */

@media (max-width:991px){

.footer{
padding:90px 0 50px;
}

.footer-grid{
grid-template-columns:1fr;
gap:50px;
}

.footer h3{
font-size:28px;
}

.footer p{
max-width:100%;
}

.footer-bottom{
margin-top:60px;
}

}

/* MOBILE */

@media (max-width:768px){

#para1{
font-size:18px;
}
	
#para2{
font-size:14px;
}

#title1{
font-size:19px;
	
}	
.footer{
padding:70px 0 40px;
}

.footer .container{
padding-left:16px;
padding-right:16px;
}

.footer-grid{
gap:40px;
}

.footer h3{
font-size:24px;
}

.footer p,
.footer li,
.footer a{
font-size:15px;
line-height:1.9;
}

.footer h4{
font-size:12px;
letter-spacing:3px;
}

.logo-icon{
width:44px;
height:44px;
font-size:16px;
}

.footer-social{
flex-wrap:wrap;
}

.footer-bottom{
margin-top:50px;
padding-top:24px;
}

.footer-bottom p{
font-size:10px;
letter-spacing:1.5px;
line-height:1.8;
}

}

/* SMALL MOBILE */

@media (max-width:480px){

.footer{
padding:60px 0 35px;
}

.footer h3{
font-size:22px;
}

.footer p{
font-size:14px;
}

.footer li,
.footer a{
font-size:14px;
}

.footer-bottom p{
font-size:9px;
}

.logo-icon{
width:42px;
height:42px;
border-radius:12px;
}

}