.btn {
  background-color: #088A25; /* Blue color */
  color: white;
  padding: 12px;
  margin: 10px 0;
  border: none;
  width: 100%;
  border-radius: 10px;
  cursor: pointer;
  font-size: 17px;
  transition: background-color 0.3s ease; /* Smooth color transition */
}

.btn:hover {
  background-color: #33ae4e; /* Darker blue on hover */
}

.btn:focus {
  background-color: #088A25; /* Even darker blue on focus */
  outline: none; /* Removes default focus border */
}

.card.bg-primary {
  background: linear-gradient(135deg, #007bff, #0056b3);
  color: white;
}


.bg-primary-color{
  background-color: #088A25;
}