.text-content {
  text-align: center;
}

#welcome label {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

#welcome h5 {
  margin-bottom: 1rem;
}

.highlight-row {
  background-color: #f0f8ff; /* Light blue background */
  font-weight: bold;
}

.highlight-row .tick-icon {
  display: inline;
  color: green;
  font-size: 16px;
  margin-left: 10px;
}


#appointment-details {
  font-size: 14px; /* Adjust font size */
  font-weight: bold; /* Make text bold */
  margin-left: 10px; /* Add margin for spacing */
  padding: 8px 12px; /* Padding for better spacing inside the badge */
  border-radius: 20px; /* Round the badge corners */
  color: #000000; /* Dark text for better contrast */
  background-color: #f0f8ff; /* Light blue background */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Light shadow for better visibility */
  text-align: center; /* Center the text */
  display: inline-block; /* Ensures it's inline and does not take full width */
  width: auto; /* Ensure it adjusts to content size */
}