.loginpagenew{position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; z-index: 99; background: url(bg1.jpg); background-repeat: no-repeat; background-size: cover}
.login-container{padding: 15px 24px;}
.logotext{font-size: 22px; line-height: 22px; font-weight: 700; color: #fff; text-shadow: 0 1px #000}
.login-logo{width: 150px; border-radius: 28px;}
.login-reg-btn{border-radius: 28px !important; line-height: 20px; width: 120px; font-weight: 700;}
.login-nav a{color: #fff; text-shadow: 0 1px #000; font-size: 16px; font-weight: 600; display: block; padding: 8px 16px; border-radius: 28px;}
.login-nav a:hover{background: #666C75; color: #fff;}
.login-head1{color: #fff; text-shadow: 0 1px #000; font-size: 30px; font-weight:700}
.login-product-pill{background: #1e222d80; color: #fff; font-weight: 600; border-radius: 32px; padding: 16px 24px;}
.login-name{color:#fff; text-shadow: 0 1px #000; font-size: 16px; font-weight: 600}

.procscroll{
  overflow-y: auto;
  overflow-x: hidden;
}
.procscroll::-webkit-scrollbar{
  background: none; width:0px; height: 6px; border-radius:0px
}
.procscroll::-webkit-scrollbar-thumb{
  background:var(--cscroll-thumb-bg); transition: 300ms ease all; border-radius:0px
}
.procscroll::-webkit-scrollbar-thumb:hover{
  background:var(--cscroll-thumb-bg-hover)
}

@media (max-width:768px) {
    .login-container{padding: 15px 24px;}
}