*{
     font-family:iransans-med;
     box-sizing:border-box;
     margin:0;
     padding:0;
}
body{
    background-color:#f2f2f2;
}
h4{
    margin:15px 0px;
}
.container{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    min-height: 100vh;
    flex-direction: row-reverse;
}
.screen{
    background-color:#fff;
    position:relative;
    height:500px;
    width:400px;
	box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
	border-radius:10px;
}

.screen_content{
    z-index:1;
    position:relative;
    height:100%;
    direction: rtl;
}

.login{
    width:100%;
    padding:30px;
    padding-top:20px;
    text-align:right;
}
.login_field{
    padding:10px 0px;
    position:relative;
    direction: rtl;
}
.form-control{
    border:none;
    background-color:#f2f2f2;
    padding:10px;
    width:100%;
    transition:.2s;
    margin: 10px 0;
    border-radius:10px;
}

.image{
    height: auto;
    width: 500px;
}

.form-control:active,
.form-control:focus{
    outline:none;
}
@font-face {
    font-family: 'avini';
    src:
    url('fonts/Av.woff2') format('woff2');
}

@font-face {
        font-family: 'iransan-fanum';
    src:
    url('fonts/IRANSansWeb_FaNum.woff2') format('woff2');
}

@font-face {
    font-family: 'iransans-med';
    src:
    url('fonts/IRANSansWeb_Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Viga';
    src:
    url('/wp-content/uploads/fonts/Viga-Regular.woff2') format('woff2');
}

@media screen and (max-width:1024px){
    .container{
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:100vh;
        margin-right:0;
    }
    .image{
        display:none;
    }
}