.footer{
    z-index: 9999;

width:100%;

background:#000;

color:#e6e6e6;

text-align:center;

padding:28px 20px;

font-family:'Poppins', sans-serif;

font-weight:300;

font-size:16px;

line-height:1.7;

letter-spacing:0.5px;

box-sizing:border-box;

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

}

.footer p{
margin:6px 0;
}
/* ================= FOLLOW JIMIN ================= */

.footer-follow{
margin-bottom:40px;
text-align:center;
}

/* title */

.footer-follow h3{
font-size:20px;
margin-bottom:25px;
letter-spacing:2px;
font-weight:500;
color:white;
}

/* wrapper */

.follow-wrapper{
display:flex;
align-items:center;
justify-content:center;
gap:18px;
}

/* slider */

.follow-slider{
display:flex;
gap:28px;

overflow-x:auto;
overflow-y:hidden;

scroll-behavior:smooth;

max-width:440px;
}

/* hide scrollbar */

.follow-slider::-webkit-scrollbar{
display:none;
}

.follow-slider{
scrollbar-width:none;
}

/* item */

.follow-item{
min-width:90px;
text-decoration:none;
color:white;
text-align:center;
font-family:'Poppins',sans-serif;
}

/* icon */

.follow-item i{

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

font-size:20px;

width:48px;
height:48px;

border-radius:50%;
border:1px solid rgba(255,255,255,0.8);

color:white;

margin:0 auto 10px;

transition:0.3s;

}

/* hover */

.follow-item:hover i{
background:white;
color:black;
transform:scale(1.08);
}

/* text */

.follow-item span{
font-size:12px;
display:block;
opacity:0.9;
}

/* arrows */

.follow-arrow{
background:none;
border:none;
color:white;
font-size:18px;
cursor:pointer;
opacity:0.6;
transition:0.3s;
}

.follow-arrow:hover{
opacity:1;
transform:scale(1.1);
}

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

@media (max-width:768px){

.follow-slider{
max-width:300px;
gap:20px;
}

.follow-item{
min-width:80px;
}

.follow-item i{
width:42px;
height:42px;
font-size:18px;
}

}

/* ===== FOOTER MOBILE TEXT ===== */

@media (max-width:600px){

.footer-info p{
font-size:11px;
line-height:1.4;
opacity:0.85;
}

}