body {
    background: var(--site-login-signup-page-bg-color) !important;
}
.inter-overlay {
    background-image: linear-gradient(rgba(0, 217, 192, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 217, 192, 0.03) 1px, transparent 1px);
    background-size: 50px 50px;
}
.inter-hero-bg {
    background: linear-gradient(90deg, transparent, var(--site-bg-bg-color-2), transparent);
}
.login-weapper {
   background: var(--site-login-signup-page-bg-color) !important;
}
.login-weapper .login-container {
   /* background: #16190a78;
  border: 1px solid #cdfe0069;

    */ 
    background: var(--site-login-signup-card-color);
    border: 1px solid var(--site-login-signup-card-border-color);

  border-top: var(--site-login-signup-card-border-color) solid 0.25rem;
}



.login-weapper .login-container  h1 {
    color: var(--site-heading-color);
	font-family: var(--site-heading-font)!important;
}
.login-weapper .login-container .subtext{
   color: var(--site-text-color);
}


.login-weapper .login-container   .login-form .button ,.login-weapper .login-container   .login-form .btn-primary{
   background:linear-gradient(to top right, var(--primary-cta-bg), var(--primary-cta-bg));
   color:var(--primary-cta-text);
}
.login-weapper .login-container .or-divider{
    color: var(--site-text-color);
}
.login-weapper .login-container .or-divider:after{
    background-color: var(--site-login-signup-card-border-color);
}

.login-weapper .login-container .or-divider span{
    background: var(--site-login-signup-card-color);
}

.login-weapper .login-container .google-btn {
    border: var(--site-primary) solid 1px;
     color: var(--site-heading-color);
}

.inter-hero-bg {
  background: linear-gradient(90deg, transparent, rgba(var(--site-primary-rgb), 0.1), transparent) !important;
}
.login-weapper .login-container .google-btn:hover {
    background: var(--site-primary);
    border-color: var(--site-primary);
	color:var(--primary-cta-text);
}

.login-weapper .login-container  .login-form label{

color:var(--site-heading-color);
}
.login-weapper .login-container .email-input,.login-weapper .login-container  .password-input, .login-weapper .login-container .login-form input[type="text"],
.login-weapper .login-container .login-form input[type="password"],.login-weapper .login-container .login-form input[type="email"],.login-weapper .login-container  .login-form select{
   background: var(--site-login-signup-card-color);
  border: var(--site-primary) solid 1px; 
  color:var(--site-text-color);

}


.login-weapper .login-container .sign-in-btn {
    background-color: var(--primary-cta-bg);
    color: var(--primary-cta-text);
}

.login-weapper .login-container   .sign-in-btn:hover {
    background-color: var(--primary-cta-bg);
}

.login-weapper .login-container  .forgot-password,.login-weapper .login-container .sign-up {
    color: var(--site-nav-link-color);

}

.login-weapper .login-container   .forgot-password:hover, .login-weapper .login-container .sign-up:hover {
   color: var(--site-nav-link-color);
}


.login-weapper .login-container .back-to-signin a{
    color:  var(--site-nav-link-color);
}