.event-detail-date {
  color: #b3b5b8;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.service-preview-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
}

.service-preview-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(41, 73, 137, 0.65), rgba(41, 73, 137, 0.15));
    pointer-events: none;
    transition: var(--transition);
    z-index: 1;
}

.service-preview-card:hover .service-preview-image::after {
    background: linear-gradient(to top, rgba(41, 73, 137, 0.45), rgba(41, 73, 137, 0.05));
}