.activities-events-section {
overflow: hidden;
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
display: flex;
flex-direction: column;
transition: transform 0.3s;
}
.card:hover {
transform: translateY(-5px);
}


.card-image {
width: 100%;
height: 200px;
background-size: cover;
background-position: center;
}


.card-content {
padding: 20px;
}


.card-content h3 {
font-size: 1.6rem;
color: #0f172a;
margin-bottom: 12px;
}


.card-content ul {
list-style: none;
padding-left: 0;
margin: 0;
}


.card-content ul li {
padding-left: 18px;
position: relative;
margin-bottom: 8px;
line-height: 1.6;
color: #374151;
}


.card-content ul li::before {
content: "•";
position: absolute;
left: 0;
color: #23b14d;
font-weight: bold;
}


@media (max-width: 768px) {
.activities-events-section {
flex-direction: column;
}
.card {
flex: 1 1 100%;
}
}