.hero-section {
  padding: 100px 0 70px 0;
  background: #727d88;
}

.hero-section h1 {
  font-size: 2.5rem;
}

/* Card hover effect */
.card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
}

/* Button customization */
.btn-primary {
  background-color: #6610f2;
  border: none;
}

.btn-primary:hover {
  background-color: #520dc2;
}

/* Footer links style (if added later) */
footer a {
  color: #adb5bd;
  text-decoration: none;
}

footer a:hover {
  color: #ffffff;
}

#response-message {
  color:#6610f2;
  font-weight: bold;
  
}