.c-signin {
    background: var(--signin-bg);
    border-radius: var(--border-radius);
    padding: var(--signin-padding);
    box-shadow: var(--signin-box-shadow);
    color: var(--signin-text-color);
}

.c-signin h5 {
    color: var(--signin-text-color);
}

.is-invalid {
  border-color: #dc3545;
}

.invalid-feedback {
  color: #dc3545;
}

.c-spinner {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 3px solid var(--bs-success-text-emphasis);
  border-top: 3px solid var(--bs-success-bg-subtle);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: -3px;  
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}