.footer {
  background: var(--dark);
  color: white;
  padding: 4rem 0 2rem;
}

.footer h6 {
  color: white;
  font-weight: 600;
  margin-bottom: 1rem;
}

.footer .text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
  text-decoration: none;
  transition: color 0.3s;
}

.footer .text-white-50:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}

.footer .input-group .form-control {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
}

.footer .input-group .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.footer .input-group .form-control:focus {
  background: rgba(255, 255, 255, 0.15);
  border-color: var(--primary);
  color: white;
  box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.25);
}