@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Space+Grotesk:wght@300..700&display=swap');
:root {

    --header-height: 3rem;
    --nav-width: 68px;
    --first-color:#2848ed !important;
    --first-color-light:white;
    --white-color: #F7F6FB;
    --font-primary: "Manrope", sans-serif;
    --font-secondary: "Space Grotesk", sans-serif;
    --normal-font-size: 1rem;
    --z-fixed: 100;
    --bs-primary: #2848ed !important;  /* Your new primary color (e.g., a shade of red) */
    --primary: #2848ed !important;  /* Your new primary color (e.g., a shade of red) */
    --blue: #2848ed !important;  /* Your new primary color (e.g., a shade of red) */
}
body {
  /*color: var( --first-color-light) !important;*/
  font-family: "Manrope", sans-serif;
 }
.login {
    min-height: 100vh;
  }
  
  .bg-image {
    background: url('../images/adv.jpg');
    background-size: cover;
    background-position: center;
  }
  
  .login-heading {
    font-weight: 300;
  }
  
  .btn-login {
    
    color: #2848ed;
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
    padding: 0.75rem 1rem;
  }
  .loginImage{
    
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .imageLogo{
    height: 80px;
    width: 80px ;
   border-radius: 74px;
  }
  .btn{
    font-family: "Space Grotesk", sans-serif;
    background-color: #2848ed;
    color:#fff;
  }
  .btn:hover {
    font-family: "Space Grotesk", sans-serif;
    background-color: #2848ed;
    color: white;
  }
  .btn-primary{
    font-family: "Space Grotesk", sans-serif;
    background-color: #2848ed;
    color: white;
  }