@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body,
html {
  font-family: 'Poppins', sans-serif;
  scroll-behavior: smooth;
}

.contact-card {
  transition: all 0.3s ease;
  border-radius: 12px;
}

.contact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.bg-gradient {
  background: linear-gradient(to right, #4f46e5, #8b5cf6);
}

.form-input:focus {
  border-color: #4f46e5;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2);
}

.map-container {
  height: 450px;
  filter: grayscale(40%);
  border-radius: 12px;
  overflow: hidden;
  z-index: 10;
}

/* Custom input styles */
.input-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
}

.form-input {
  transition: all 0.3s;
  padding-left: 2.5rem;
}

/* Success message animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.success-message {
  animation: fadeIn 0.6s ease-out forwards;
}