.Login_image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.login_page_image{
    height: 100%;
}
.login_background{
    background: url(https://www.sensorytuning.com/wp-content/uploads/2025/09/Group-150-scaled.webp) no-repeat center;
    background-size: cover;
}
.login_content{
    width: 55%;
    min-height: fit-content;
    padding-top: 2rem;
}
.loginspace{
    padding: 0.8rem ;
    box-shadow: none !important;
    color: #797979;
    background-color:#F7F7F7;
}
.loginspace:focus{
    color: #797979;
    box-shadow: none !important;
    background-color:#F7F7F7;
}
.shiftone{
    width: 45%;
}
.shifttwo{
    width: 55%;
}
.registernow{
    color: var(--secondary-color) !important;
}
.footer-login{
    background-color: var(--secondary-color);
    color: var(--primary-color);
}
#pills-tab .active{
    color: var(--primary-color) !important;
}
#pills-tab li button{
    color:#CCCCCC !important;
}
.login-dot{
    width: 5%;
    top: 86px;
    left: 12%;
}
.login-shape{
    top: 62px;
    width: 3%;
    right: 10%;
}    
.Register_image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.register_content{
    width: 70%;
    min-height: fit-content;
    padding-top: 2rem;
}
.registermargin{
    margin-top: -3.5px;
}
.form-check-input{
    width: 1.5rem;
    height: 1.5rem;
}
.form-check-input:checked{
    background-color: var(--primary-color);
    border: 1px solid var(--teritory-color);
    box-shadow: none;
}
.level :first-child{
    color: var(--primary-color);
}
.passeye{
    width: 18px;
    top: 67%;
    right: 3%;
}
.nameicon{
    width: 16px;
    top: 64%;
    right: 3%;
}
.calendarform{
    width: 16px;
    top: 64%;
    right: 9%;
}
@media screen and (max-width:768px) {
    .shiftone,.shifttwo{
        width: 100%;
    }
    .login_content{
        width: 90%;
    }
    .register_content{
        width: 85%;
    }
    .form-check-input{
        width: 1rem;
        height: 1rem;
    }
    #pills-tab li button{
        font-size: 1.1rem;
    }
    .login-dot,.login-shape{
       display: none;
    } 
}
@media (min-width:768px) and (max-width:992px) {
    .login_content{
        width: 70%;
    }
    .register_content{
        padding-top: 0rem;
    }
}
@media (min-width:992px) and (max-width:1200px) {
    .login_content{
        width: 70%;
    }
    .register_content{
        padding-top: 0rem;
    }
    .Register_image{
        min-height: 120vh;
        object-fit: cover;
    }
}
@media (min-width:1200px) and (max-width:1440px) {
    .register_content{
        padding-top: 0rem;
    }
    .Register_image{
        min-height: 140vh;
        object-fit: cover;
    }
}
/* edit profile */
.edit{
    background-color: #198120 !important;
    font-family: var(--secondary-font-family);
    padding: 0.8rem !important;
    width: 20% !important;
}
.edit:hover,.edit:active{
    background-color: #198120;
    font-family: var(--secondary-font-family);
    padding: 0.8rem !important;
    width: 20% !important;
}


.Updatecontent{
    width: 70%;
}
.updateimage{
    width: 170px;
    height: 170px;
    object-fit: contain;
    border-radius: 50%;
}
.card{
    border: none !important;
}
.addimagetext{
    color: #198120;
}
.position-relative.images{
    height: 70vh !important;
    width: 30% !important;
}
.updategreentrio{
    width: 60px;
    top: 50%;
    right: 0%;
    transform: rotate(33deg);
}
.updategreentop{
    width: 80px;
    top: 10%;
    right: 0%;
    transform: rotate(90deg);
}
.updategreenbottom{
    width: 80px;
    top: 90%;
    right: 5%;
}
@media screen and (max-width:768px) {
    .updategreentrio,.updategreentop,.updategreenbottom{
        display: none;
    }
    .Updatecontent{
        width: 100%;
    }
    .position-relative.images{
        display: none ;
    }
    .edit{
        width: 60% !important;
    }
}
@media (min-width:768px) and (max-width:992px) {
    .Updatecontent{
        width: 100%;
    }
}
@media (min-width:992px) and (max-width:1200px) {
    .Updatecontent{
        width: 100%;
    }
}
.forgot-password-link-div{
    text-align: right;
}
.forgot-password-link{
    text-decoration: none;
    color: white;
}