/* Full background image */
.light-style .authentication-wrapper.authentication-bg {
  position: absolute;
  inset: 0;
  background-image: url('./../img/Tloginbg.jpg')!important;
  background-size: cover !important;
  background-position: center;
  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: 1.5rem 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/teachermobileImg.png')!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: 130px 50px 80px 20px;
  position: relative;
  height: 75vh;
  width: 100%;
}



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

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

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

        body {
              overflow: hidden;
            }


}