body {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}


.form-control {
  height: 45px;
  border-radius: 8px;
  border: 2px solid rgba(65, 88, 208, 0.2);
  padding-left: 15px;
  transition: all 0.3s ease;
  animation: slideIn 0.5s ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

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

.form-control:focus {
  border-color: rgb(65, 88, 208);
  box-shadow: 0 0 0 0.2rem rgba(65, 88, 208, 0.25);
  transform: scale(1.02);
}