/* === Matching the "feature card" look === */
#events .event-card-link{
  display: block;
  text-decoration: none;
  color: inherit;
}

#events .event-card{
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease;
  min-height: 360px; /* airy/tall layout */
}

#events .event-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 30px rgba(0,0,0,.12);
}

#events .card-body{
  padding: 42px 28px 28px 28px; /* whitespace like your target screenshot */
}

#events .event-visual{
  margin-bottom: 22px;
  height: 56px;
  display: flex;
  align-items: center;
}

#events .event-icon{
  font-size: 44px;
  color: rgba(13,110,253,.85);
}

#events .event-badge{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 3px solid rgba(13,110,253,.85);
  color: rgba(13,110,253,.85);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 20px;
}

#events .event-date{
  font-weight: 700;
  font-size: 18px;
  letter-spacing: .2px;
  margin-bottom: 2px;
  color: #1f2d3d;
}

#events .event-title{
  font-weight: 800;
  font-size: 20px;
  line-height: 1.15;
  margin-bottom: 14px;
  color: #1f2d3d;
}

#events .event-desc{
  color: rgba(31,45,61,.60);
  font-size: 16px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}