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

.footer{
position:relative;
overflow:hidden;

background:
linear-gradient(
180deg,
#041a33 0%,
#021226 100%
);

background-image:
linear-gradient(
180deg,
#041a33 0%,
#021226 100%
),
radial-gradient(
rgba(255,255,255,.03) 1px,
transparent 1px
);

background-size:
100% 100%,
22px 22px;

margin-top:0;

padding:70px 0 0;

border-top:1px solid rgba(255,255,255,.05);
}

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

.footer::before{
content:'';

position:absolute;

top:-120px;
left:-120px;

width:420px;
height:420px;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(0,87,168,.22) 0%,
rgba(0,87,168,0) 70%
);

pointer-events:none;
}

.footer::after{
content:'';

position:absolute;

right:-180px;
bottom:-180px;

width:520px;
height:520px;

border-radius:50%;

background:
radial-gradient(
circle,
rgba(255,194,0,.08) 0%,
rgba(255,194,0,0) 72%
);

filter:blur(8px);

pointer-events:none;
}

/* ===================================
   CONTAINER
=================================== */

.footer-container{
position:relative;
z-index:2;

max-width:1400px;

margin:0 auto;

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

gap:120px;

padding:0 70px 60px;

align-items:flex-start;
}

/* ===================================
   BRAND
=================================== */

.footer-brand{
max-width:420px;
}

.footer-brand-top{
margin-bottom:28px;
}

.footer-main-logo{
height:86px;
width:auto;

display:block;

object-fit:contain;

transition:
transform .25s ease,
opacity .25s ease;
}

.footer-main-logo:hover{
transform:translateY(-2px);
opacity:.92;
}

.footer-brand p{
font-size:15px;
line-height:1.9;

color:rgba(255,255,255,.62);

margin-bottom:28px;

max-width:340px;
}

/* ===================================
   SOCIALS
=================================== */

.footer-socials{
display:flex;
gap:14px;
}

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

border-radius:14px;

background:rgba(255,255,255,.06);

backdrop-filter:blur(10px);

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

color:#fff;

font-size:16px;

text-decoration:none;

transition:all .25s ease;
}

.footer-socials a:hover{
background:#0057A8;

transform:translateY(-3px);
}

/* ===================================
   LINKS
=================================== */

.footer-links-wrap{
display:contents;
}

.footer-col h4{
font-size:18px;
font-weight:700;

color:#fff;

margin-bottom:26px;

letter-spacing:-0.3px;
}

.footer-col a{
position:relative;

display:block;

font-size:15px;
font-weight:400;

line-height:2.4;

color:rgba(255,255,255,.60);

text-decoration:none;

transition:all .2s ease;
}

.footer-col a::after{
content:'';

position:absolute;

left:0;
bottom:6px;

width:0;
height:1px;

background:#FFC200;

transition:width .25s ease;
}

.footer-col a:hover{
color:#FFC200;

transform:translateX(2px);
}

.footer-col a:hover::after{
width:100%;
}

/* ===================================
   BOTTOM
=================================== */

.footer-bottom{
border-top:1px solid rgba(255,255,255,.08);

padding:26px 70px;
}

.footer-bottom-inner{
max-width:1400px;

margin:0 auto;

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

gap:20px;
}

.footer-copy,
.footer-made{
font-size:14px;

color:rgba(255,255,255,.42);
}

/* ===================================
   TABLET
=================================== */

@media(max-width:1100px){

.footer-container{
grid-template-columns:1fr;

gap:50px;

padding:0 28px 50px;
}

.footer-links-wrap{
display:grid;
grid-template-columns:1fr 1fr;

gap:40px;
}

.footer-bottom{
padding:24px 28px;
}

.footer-bottom-inner{
flex-direction:column;
align-items:flex-start;
}

}

/* ===================================
   MOBILE
=================================== */

@media(max-width:700px){

.footer{
padding-top:50px;
}

.footer-container{
padding:0 22px 40px;
}

.footer-links-wrap{
grid-template-columns:1fr;
}

.footer-main-logo{
height:68px;
}

.footer-socials a{
width:44px;
height:44px;
}

.footer-bottom{
padding:20px 22px;
}

.footer-copy,
.footer-made{
font-size:13px;
line-height:1.7;
}

}