:root{
    --m_blue:#6C63FF;
}

body{
    background: linear-gradient(to top,rgba(0, 0, 128, 0.503),rgba(255, 166, 0, 0.324));

}

.btn-yellow{
    background-color: #FFC20F !important;
    font-weight: 500 !important;
    border: 2px solid #FFC20F !important;
    color: #6C63FF !important;


}

.btn-yellow:hover{
    border: 2px solid #FFC20F !important;
    background-color: white !important;
    color: #6C63FF !important;
}

.login_container{
    overflow: hidden;
    border-radius: 50px;
    background: linear-gradient(to bottom,#4a41fca4,rgba(0, 0, 139, 0.793) 80%);

}

.blue_box{
    /* background: linear-gradient(to bottom,#4a41fca4,rgba(0, 0, 139, 0.575) 80%); */

    height: 35rem;
    border-bottom-right-radius: 50px;

}

.blue_box img{
    width: 450px;
    height: 450px;
    border-radius: 50%;
}

.white_box{
    background-color: white;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.white_box .mr_logo{
    height: 100px;
}

.login_box{
    border-radius: 10px;
}

.login_box a{
    text-decoration: none !important;
}

@media screen and(max-width:600px){

    .blue_box{
        display: none !important;
        border-radius: 50px !important;
    }

    .white_box{
        border-radius: 50px !important;
    }

    .login_container{
        border-radius: 50px !important;
    }
}