/* 3. Prevent horizontal overflow */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
/* Reduce navbar spacing */
.main-menu-two .main-menu__list>li+li {
  margin-left: 15px;
}
/* Link Page */

.link-card{
background:#fff;
padding:40px;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.link-img{
height:320px;
width:100%;
object-fit:cover;
}

.social-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
}

.social-btn{
display:block;
padding:15px;
border-radius:6px;
color:#fff;
font-weight:600;
text-decoration:none;
transition:0.3s;
}

.social-btn i{
margin-right:8px;
}

/* platform colors */

.facebook{background:#1877f2;}
.twitter{background:#000;}
.instagram{background:#e4405f;}
.linkedin{background:#0a66c2;}
.youtube{background:#ff0000;}
.tiktok{background:#111;}

/* hover */

.social-btn:hover{
transform:translateY(-3px);
opacity:0.9;
}

/* mobile */

@media(max-width:768px){

.social-grid{
grid-template-columns:1fr;
}

.link-img{
height:220px;
}

}