:root{
     --login-btn-color: #ff3600;
     --login-btn-dark: #e62e00;
}

.login-page {
  font-family: 'Roboto Variable', sans-serif;
}

.login {
  min-height: 100vh;
}

.bg-image {
  background-image: url("../img/login-bg-Nkl-uvp.jpg");
  background-size: cover;
  background-position: center;
}
.bg-primary {
  background-color: var(--login-btn-color) !important;
}

.login-heading {
  font-weight: 300;
  font-family: 'Marck Script', cursive;
}

.btn-login {
  font-size: 0.9rem;
  letter-spacing: 0.05rem;
  padding: 0.75rem 1rem;
}

.btn-primary {
  background-color: var(--login-btn-color);
  border: none;
}
.btn-primary:hover, .btn-primary:active {
  background-color: var(--login-btn-dark);
}

.card-body{
  padding: 3rem 5rem 2rem 5rem;
}

.card-header{
  padding: 3rem 3rem 2rem 3rem;
}
.logo-login{
  /* filter:invert(80%) ; */
  /* width: 50%; */
}