@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 900;
    src: url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBiEJpp_c.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
.return-link{
    position: absolute;
    top: 20px;
    right: calc(15px + 3vw);
    font-size: 1.2rem;
}
.main-bg{
    width: 100%;
    height: 100vh;
    padding: 15vh 0;
    background-image: url(./../assets/img/plaxbg.jpg);
    /* background-color: #ffffff; */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.center-box{
    width: 90%;
    max-width: 400px;
    margin: auto;
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #B3B4FF;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.login-box{
    border: 0.5px solid #B3B4FF;
    padding: 5vh 2vh;
}
.login-box .logo{
    width: 45%;
    max-width: 200px;
}
.login-header{
    font-weight: 900;
    font-size: 1.2rem;
    margin: 3vh 0;
}
.login-box label{
    font-size: 12px;
    color: #555555;
    font-weight: 500;
}
.login-box input{
    background-color: #e6e6e6;
    max-width: 100% !important;
}

.cat{
    margin: 2.5vh auto 0;
    text-align: center;
}
.cat button{
    padding: 7px 15px;
    border-radius: 4px;
    width: 100%;
    transition: 0.3s ease;
    background-color: #9D52CC;
    color: #ffffff;
    border: 1px solid #9D52CC;
}
.cat button:hover{
    border-color: #3e2150;
    background-color: #3e2150;
    color: #ffffff;
}
.cat button:active{
    transform: translateY(3px);
}
.cat button:focus{
    outline: none;
}

.mb2{
    margin-bottom: 2vh;
}
.mb3{
    margin-bottom: 3vh;
}
.mb5{
    margin-bottom: 5vh;
}

.mt2{
    margin-top: 2vh;
}
.mt3{
    margin-top: 3vh;
}
.mt5{
    margin-top: 5vh;
}

.toggle-eye{
    float: right;
    margin-top: -25px;
    margin-right: 10px;
    z-index: 10000;
    cursor: pointer;
}