.Auth{
    // background: url('../../../public/Layout/LoginBg.jpg');
    
    .In_Auth{
        background-color: var(--bg);
        display: flex;
        justify-content: center; align-items: center;
        gap: 30px;
        height: 80vh;

    }
    .LoginForm{
        display: flex; flex-direction: column;
        
        .Login_Nav{
            display: flex; justify-content: space-between ; align-items: center;
            margin-bottom: 30px; 
        }
    }
    .Left_Col,.Right_Col{
        padding-inline: 30px;
        display: flex;
        justify-content: center; align-items: center;
        height: 100%;
        width: 30vw;
    }
    .Left_Col{
        background-color: #edf4f4;
    }

    .img-fluid{
        width: 30vw;
        height: 100%;
    }
    .Login_H4{
        width: 90%;
        font-size: 16px;
    }
    .Reserved{
        transform:translatex(15px) translatey(44px);
    }
    .LoginForm{
        .Logo{
            display: none;
        }
    }
    @media screen and (max-width: 800px)  {
        .Left_Col{
            display: none;    
        }
      
         .LoginForm{
        .Logo{
            // position: absolute;
            display: block;
            width: 150px;
            transform: translate(80px ,-40px);
            
        }
    }
        .Login_H4{
            text-align: center ;
        }
         .Right_Col{
        padding-inline: 30px;
        display: flex;
        justify-content: center; align-items: center;
        width: 400px;
        height: fit-content;
    }
    .In_Auth{
    
        height: 550px !important;

    }   

    
    }

    @media screen and (max-width: 400px)  {
     .LoginForm{
        .Logo{
            // position: absolute;
            display: block;
            width: 120px;
            transform: translate(50px ,-20px);
            
        }
    }
         .Right_Col{
        padding-inline: 30px;
        display: flex;
        justify-content: center; align-items: center;
        width: 300px !important;
    }
    }


}

.Logo{
    width: 100%;
}

.dark{
    .Left_Col{
        background-color: #343434;
    }
    .Login_H4, .Reserved{
        color: #fff;
    }
    .Login_Nav{
        h5{
            color: #fff;
        }
    }
}
.glass{
    .Left_Col{
        background-color: inherit;
    }
    .Login_H4, .Reserved{
        color: #000;
    }
    .Login_Nav{
        h5{
            color: #000;
        }
    }
}


.ar{
    .LoginForm{
        .Logo{
            transform: translate(-90px ,-40px);
        }
    }
}


@media screen and (max-width:400px) {
    
    .ar{
        .LoginForm{
            .Logo{
                transform: translate(-70px ,-30px) !important;
                
            }
        }
    }
}

.logo_link{
    display: none !important;
}