.service-card-press {
  /* Smooth transition for both hover and press */
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease;
  cursor: pointer;
  user-select: none; /* Prevents text highlighting while clicking */
}

/* Optional: Slight lift on hover */
.service-card-press:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
}

/* The Pressing Effect */
.service-card-press:active {
  transform: scale(0.96) translateY(0); /* Shrinks the card slightly */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important; /* Flattens the shadow */
  filter: brightness(0.9); /* Slightly darkens the color */
}

/*MOBILE VIEW*/
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 900px) 
{ 

	
}