<style>
@media only screen and (max-width: 580px){

.compact-form-buttons{
	margin-bottom: 20px!important;
}

.description-container{
    padding: 20px 0!important;
}

#checkbox{
    margin-right: 20px!important;
}

div.formContainer{
    width: 100%!important;
}
.description-container{
    padding: 0 20px!important;
}

form[name='signupform']{
    padding: 0!important;
    width: 100%!important;
}

.field-group{
    width: 100%!important;
	margin: 10px 0!important;
}

div.bigImageContainer{
    display: none!important;
}

}


.checkbox,.conditions{
	height: fit-content!important;
}

.conditions{
	margin: 10px 0!important;
}
</style>





<script>
window.location.replace("/display/MEA");
</script>




<script>
window.location.replace("/display/MS");
</script>





<style>
div.bigImageContainer {
    width: 50%;
    background-image: url('https://passport-media.s3-us-west-1.amazonaws.com/Morgan+Stanley/msSignUp.jpg');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
	box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
    margin-left: 10px;
}

div.signContainer {
    width: 90vw;
    height: 90%;
    margin: 60px auto;
}

.rw_content {
    background: var(--main-background);
}


div.formContainer {
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
    margin-right: 10px;
	width: 50%;
}
</style>




.



<style>

div#custom-footer {
    display: none;
}
.main-container {
    min-height: calc(100vh - 50px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
div#toggle {
    display: none;
}
input#signupButton {
	background-color: var(--primary-color) !important;
}
</style>