/* ========================= */
/* KKSS FOOTER (BOOTSTRAP SAFE) */
/* ========================= */

body{
font-family:Inter,Segoe UI;
background:#020617;
color:#cbd5e1;
}
.kkss-footer{
position:relative;
padding:80px 70px 0;
background:linear-gradient(120deg,#020617,#0f172a,#064e3b,#0f172a,#020617);
background-size:300% 300%;
animation:kkss-gradientMove 18s ease infinite;
overflow:hidden;
}

@keyframes kkss-gradientMove{
0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}
}


/* GRID */

.kkss-footer-container{
display:grid;
grid-template-columns:2fr 1fr 1fr 1.5fr;
gap:60px;
}


/* LOGO */

.kkss-logo{
font-size:22px;
font-weight:600;
color:#4ade80;
}


/* LINE */

.kkss-line{
width:100%;
height:3px;
background:linear-gradient(to right,#22c55e,transparent);
margin:15px 0 20px;
}


/* DESC */

.kkss-desc{
color:#94a3b8;
line-height:1.7;
margin-bottom:25px;
}


/* STATS */

.kkss-stats{
display:flex;
gap:20px;
margin-bottom:30px;
}

.kkss-box{
padding:14px 30px;
border-radius:12px;
border:1px solid #22c55e55;
background:#0f172a80;
transition:.4s;
}

.kkss-box:hover{
transform:translateY(-8px);
box-shadow:0 0 20px #22c55e;
}


/* SOCIAL */

.kkss-social a{

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

width:42px;
height:42px;

border-radius:50%;

background:#1e293b;

margin-right:12px;

color:#cbd5e1;

text-decoration:none;

transition:.4s;

}

.kkss-social a:hover{

transform:translateY(-8px) scale(1.15);

box-shadow:0 0 20px currentColor;

}

.kkss-social .fb:hover{background:#1877f2;color:white;}
.kkss-social .tw:hover{background:#1da1f2;color:white;}
.kkss-social .ig:hover{
background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);
color:white;
}
.kkss-social .yt:hover{background:#ff0000;color:white;}


/* HEADINGS */

.kkss-heading{
font-size:18px;
margin-bottom:20px;
color:#fff;
}

.kkss-heading i{
color:#22c55e;
margin-right:10px;
}


/* LINKS */

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

.kkss-footer li{
margin:12px 0;
cursor:pointer;
}

.kkss-footer li:hover{
color:#22c55e;
}


/* CONTACT */

.kkss-contact li{
display:flex;
gap:12px;
}

.kkss-sub{
font-size:13px;
color:#64748b;
}


/* DIVIDER */

.kkss-divider{
margin-top:60px;
height:1px;
background:#334155;
}


/* COPYRIGHT */

.kkss-bottom{
text-align:center;
padding:20px 0;
font-size:14px;
color:#94a3b8;
}


/* MOBILE */

@media(max-width:768px){

.kkss-footer-container{
grid-template-columns:1fr;
text-align:center;
}

.kkss-footer{
padding:50px 20px;
}

.kkss-stats{
flex-direction:column;
align-items:center;
}

.kkss-social{
display:flex;
justify-content:center;
}

.kkss-contact li{
flex-direction:column;
align-items:center;
}

}