/* =========================
FOOTER
========================= */

.site-footer{
padding:55px 0 25px;

background:
linear-gradient(
135deg,
#02111f,
#04213b,
#052c57
);

border-top:
1px solid rgba(56,189,248,0.12);
}

/* CONTAINER */

.site-footer .container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

/* GRID */

.footer-grid{
display:grid;

grid-template-columns:
1.2fr .8fr .8fr 1fr;

gap:35px;

align-items:start;

margin-bottom:40px;
}

/* ABOUT */

.footer-about{
max-width:320px;
}

/* LOGO */

.footer-logo{
height:52px;
width:auto;

margin-bottom:16px;

object-fit:contain;
}

/* TITLES */

.footer-box h3{
font-size:24px;
margin-bottom:18px;

color:#38bdf8;
}

/* TEXT */

.footer-box p,
.footer-box li{
color:#dbeafe;

line-height:1.9;

font-size:15px;

list-style:none;
}

/* LINKS */

.footer-box ul{
display:flex;
flex-direction:column;
gap:2px;
}
.footer-box a{
color:#dbeafe;

transition:.3s ease;
}

.footer-box a:hover{
color:#38bdf8;
}

/* SOCIALS */

.footer-socials{
display:flex;
align-items:center;

gap:12px;

margin-top:28px;
}

.footer-socials a{
width:40px;
height:40px;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

background:
rgba(255,255,255,0.05);

border:
1px solid rgba(255,255,255,0.06);

color:white;

transition:.3s ease;
}

/* SVG */

.footer-socials svg{
width:17px;
height:17px;

fill:currentColor;
}

/* HOVER */

.footer-socials a:hover{
transform:translateY(-4px);

background:#38bdf8;
color:white;

box-shadow:
0 8px 20px rgba(56,189,248,0.25);
}
/* BOTTOM */

/* =========================
SUB FOOTER
========================= */

.footer-bottom{
margin-top:45px;

padding-top:22px;

border-top:
1px solid rgba(255,255,255,0.06);

display:flex;
align-items:center;
justify-content:space-between;
gap:20px;

flex-wrap:wrap;
}

.footer-bottom p{
color:#cbd5e1;
font-size:14px;
}

/* LEGAL LINKS */

.footer-legal-links{
display:flex;
align-items:center;
gap:18px;
}

.footer-legal-links a{
font-size:14px;
color:#cbd5e1;

transition:.3s ease;
}

.footer-legal-links a:hover{
color:#38bdf8;
}

/* CONTACT */

.footer-contact{
display:flex;
flex-direction:column;

gap:14px;
}

.footer-contact li{
display:flex;
align-items:flex-start;

gap:12px;
}

/* ICON */

.footer-contact svg{
width:18px;
height:18px;

min-width:18px;

margin-top:4px;

flex-shrink:0;

display:block;

fill:white;
}



/* TEXT */

.footer-contact span{
line-height:1.7;
}