Event
.col-md-5 {
float: left;
width: 90%;
padding: 15px;
}
.card {
border: 1px solid #ccc;
overflow: hidden;
transition: transform 0.3s ease;
height: 100%;
margin-top:15px;
}
.card:hover {
transform: translateY(-5px);
}
.card img {
width: 100%;
height: auto;
border-radius: 0 0 0 0;
}
.card-body {
padding: 15px;
border-top: 1px solid #ccc;
height: 100px; /* Adjust the height as needed */
}
.card h5 {
margin: 0 0 10px;
font-size: 18px;
}
.card p {
margin: 0;
font-size: 16px;
color: #666;
}
@media (max-width: 900px) {
.col-md-3 {