.activity-grid{
display:grid;
gap:25px;
}

.columns-2{
grid-template-columns:repeat(2,1fr);
}

.columns-3{
grid-template-columns:repeat(3,1fr);
}

.columns-4{
grid-template-columns:repeat(4,1fr);
}

.activity-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 1px 3px rgba(0,0,0,0.1);
transition:0.3s;
}

.activity-card:hover{
transform:translateY(-2px);
box-shadow:0 3px 7px rgba(0,0,0,0.2);
}

.activity-image img{
width:100%;
height:200px;
object-fit:cover;
}

.activity-content{
padding:15px;
}
/*
.activity-content h3{
font-size:18px;
margin-bottom:10px;
}*/
.activity-content h3{
font-size:16px;
margin-bottom:10px;

display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

.activity-date{
font-size:13px;
color:#777;
margin-bottom:10px;
}

.readmore{
display:inline-block;
padding:6px 12px;
background:#2b7de9;
color:#fff;
border-radius:6px;
text-decoration:none;
font-size:13px;
}


/* Tablet */
@media (max-width: 1024px){

.columns-4,
.columns-3{
grid-template-columns:repeat(2,1fr);
}

}

/* Mobile */
@media (max-width: 768px){

.columns-4,
.columns-3,
.columns-2{
grid-template-columns:1fr;
}

}