/* Full background image */
.light-style .authentication-wrapper.authentication-bg {
  position: absolute;
  inset: 0;
    background-image:
     linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 30%),
      url('./../img/studentloginBg.jpg')!important;
  background-size: cover!important;
  z-index: 0;
}

/* Container for login + shape */
.login-container {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 630px;
  z-index: 2;
}

/* Shape background */
.shape-bg {
  background-image: url('./../img/shapeImg.png')!important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 110px 60px;
  position: relative;
  height: 435px;
}

/* Form styling */
.formPart {
  background-color: transparent;
  width: 50%;
  margin: 0 auto;
}

.loginForm .form-control{
border-radius: 4px;
border: 1px solid #D8D8D8;
background: linear-gradient(283deg, rgba(255, 255, 255, 0.80) 15.28%, rgba(255, 255, 255, 0.24) 53.52%, rgba(255, 255, 255, 0.80) 85.57%);
}

.loginForm input::placeholder{color: #333;}
.bottomLine{background:#9E9E9E; height: 1px; width: 100%; margin: 2rem 0; color: transparent !important; border-top: 0!important; border: 0!important;}
.forgotText{color: #333;}
.circleImg {
  position: absolute;
  top: -30px; /* adjust for accurate placement */
  right: 90px; /* adjust as needed */
  width: 120px; /* or match Figma dimensions */
  height: auto;
  z-index: 3;
}

.logo img{max-width: 200px;}

@media(max-width:576px){
.light-style .authentication-wrapper.authentication-bg {
  position: absolute;
  inset: 0;
  background-image:
  linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 30%),
  url('./../img/mobileImg.jpg')!important;
  background-size: cover!important;
  z-index: 0;
}

.shape-bg {
  background-image: url('./../img/mobileshape.png')!important;
  background-size: 100%;
  background-position: 0 30px;
  background-repeat: no-repeat;
  padding: 160px 50px 80px 20px;
  position: relative;
  height: 68vh;
  width: 100%;
}



.circleImg{
  display: none;
}
.login-container {
        width: 100%;
        height: 68vh;
    }

 .formPart{width: 100%; margin: 0;}

 .app-brand{justify-content: center;}

      body {
             overflow: hidden;
           }

}
.ti-eye-off{
    color:#000;
}