/* Medium-Sized Card Styles - Mobile Friendly */

/* Feature card medium sizes */
.feature-single-box {
  padding: 25px 30px 70px !important; /* Medium size - balanced for mobile */
  margin-bottom: 25px;
  max-width: 100%;
}

.bx-2.feature-single-box {
  padding: 25px 30px 30px !important; /* Medium size */
}

.feature-single-box.bx-3 {
  padding: 25px 30px 30px !important; /* Medium size */
}

/* Medium-sized service cards - optimized for mobile */
.service-card {
  margin-bottom: 30px !important;
  max-width: 100% !important;
  height: auto !important;
}

.service-card .service-image {
  height: 200px !important; /* Medium height for better mobile viewing */
  overflow: hidden;
}

.service-card .service-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.service-card .service-content {
  padding: 25px !important; /* Medium padding */
}

/* Legacy service box styles */
.single-service-box {
  padding: 20px !important;
  margin-bottom: 20px;
}

.single-service-box .service-thumb {
  height: 180px !important; /* Medium height */
  overflow: hidden;
}

.single-service-box .service-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

/* Adjust content spacing within cards */
.feature-head {
  padding-bottom: 15px !important; /* Reduced spacing */
}

.feature-single-box.bx-3 .feature-head {
  padding: 0 0 20px !important; /* Reduced from 40px */
}

.feature-single-box.bx-3 .feature-btn {
  margin-top: 30px !important; /* Reduced from 62px */
}

/* Reduce card heights for better proportions */
.feature-single-box,
.single-service-box {
  min-height: auto !important;
}

/* Adjust icon sizes */
.mediket_icon {
  width: 50px !important;
  height: 50px !important;
}

.mediket_icon img {
  width: 100% !important;
  height: 100% !important;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
  .feature-single-box {
    padding: 20px 25px 50px !important;
    margin-bottom: 20px;
  }
  
  .bx-2.feature-single-box,
  .feature-single-box.bx-3 {
    padding: 20px 25px 25px !important;
  }
  
  .service-card .service-image {
    height: 180px !important; /* Slightly smaller on mobile */
  }
  
  .service-card .service-content {
    padding: 20px !important;
  }
  
  .single-service-box {
    padding: 18px !important;
  }
  
  .single-service-box .service-thumb {
    height: 160px !important;
  }
}

/* Extra small devices */
@media (max-width: 480px) {
  .service-card .service-image {
    height: 160px !important;
  }
  
  .service-card .service-content {
    padding: 15px !important;
  }
  
  .feature-single-box {
    padding: 18px 20px 40px !important;
  }
}

/* Medium-sized typography - mobile friendly */
.feature-single-box .head-title h2 {
  font-size: 20px !important;
  margin-bottom: 12px;
  line-height: 1.3;
}

.service-card .service-title,
.single-service-box .service-content h3 {
  font-size: 22px !important;
  margin-bottom: 12px;
  line-height: 1.3;
}

.service-card .service-description,
.feature-content p,
.service-content p {
  font-size: 15px !important;
  line-height: 1.5;
  margin-bottom: 15px;
}

.service-features li {
  font-size: 14px !important;
  margin-bottom: 8px;
}

/* Mobile typography adjustments */
@media (max-width: 768px) {
  .feature-single-box .head-title h2 {
    font-size: 18px !important;
  }
  
  .service-card .service-title,
  .single-service-box .service-content h3 {
    font-size: 20px !important;
  }
  
  .service-card .service-description,
  .feature-content p,
  .service-content p {
    font-size: 14px !important;
  }
}

/* Fix text visibility issues in service cards */
.service-card .service-content h3,
.service-card .service-title {
  color: #1e293b !important;
  font-weight: 700 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.service-card .service-content p,
.service-card .service-description {
  color: #64748b !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.service-card .service-features li {
  color: #475569 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.service-card .service-btn,
.service-card .service-btn a {
  color: #ffffff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure all text in feature boxes is visible */
.feature-single-box .head-title h2,
.feature-single-box .feature-content h3,
.feature-single-box .feature-content h4,
.feature-single-box .feature-content h5,
.feature-single-box .feature-content p,
.feature-single-box .feature-content span {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Fix any potential text selection issues */
.service-card *,
.feature-single-box * {
  user-select: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
}