/*
 * Service Cards Height Fix
 * Makes the service cards on the services page shorter and more compact
 */

/* Reduce overall card height */
.our-services-section .service-card {
  max-height: 280px !important; /* Limit overall height */
  height: auto !important;
}

/* Compact content spacing */
.our-services-section .service-content {
  padding: 20px !important; /* Reduced padding from 25px */
  display: flex !important;
  flex-direction: column !important;
}

/* Limit description height and add ellipsis for overflow */
.our-services-section .service-description {
  max-height: 80px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-bottom: 15px !important;
  font-size: 14px !important; /* Slightly smaller font */
  line-height: 1.4 !important; /* Tighter line spacing */
}

/* Make title more compact */
.our-services-section .service-title {
  font-size: 18px !important;
  margin-bottom: 10px !important;
  margin-top: 0 !important;
}

/* Reduce spacing for call-to-action button */
.our-services-section .service-cta {
  margin-top: auto !important; /* Push to bottom of flex container */
  padding-top: 5px !important;
}

/* Make the button more compact */
.our-services-section .service-button {
  padding: 8px 15px !important;
  font-size: 14px !important;
}

/* Adjust for mobile devices */
@media (max-width: 768px) {
  .our-services-section .service-card {
    max-height: 260px !important;
  }
  
  .our-services-section .service-description {
    max-height: 70px !important;
  }
}