.service-card {
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  padding: 15px; /* Reduced padding */
  margin-bottom: 20px; /* Reduced margin */
  transition: transform 0.3s, box-shadow 0.3s;
  text-align: center;
}

.service-card:hover {
  transform: scale(1.05);
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
}

.service-card img {
  max-width: 100%;
  height: 150px; /* Reduced height for smaller images */
  border-radius: 8px;
  margin-bottom: 10px; /* Reduced margin below image */
}

.service-card h3 {
  font-size: 1.25rem; /* Slightly smaller font size for the title */
  margin-bottom: 10px;
}

.service-card p {
  font-size: 0.9rem; /* Smaller font size for the text */
  color: #555;
}

.apply-btn {
  margin-top: 10px; /* Reduced spacing above the button */
  padding: 8px 16px; /* Reduced padding */
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.9rem; /* Smaller button font size */
}

.apply-btn:hover {
  background-color: #0056b3;
}
#registered-candidates-btn {
  background-color: gray; /* Button color */
  color: white; /* Text color */
  border: none; /* Remove border */
  transition: background-color 0.3s, transform 0.3s; /* Smooth transition for hover effect */
}

#registered-candidates-btn:hover {
  background-color: black; /* Darker shade on hover */
  transform: scale(1.05); /* Slight zoom-in effect on hover */
  color: #fff; /* Ensure text color stays white */
}

body{
  background: linear-gradient(to left, #e0f7fa, #e1bee7); /* Soft gradient background */
   
}