@font-face {
    font-family: vazir;
    src: url('../fonts/vazir/Vazirmatn-FD-Regular.ttf');
}
@font-face {
    font-family: kalaB;
    src: url('../fonts/Kala-Bold.ttf');
}
@font-face {
    font-family: kalaL;
    src: url('../fonts/Kala-Light.ttf');
}
@font-face {
    font-family: kala;
    src: url('../fonts/Kala-Medium.ttf');
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: kala;
}
a{
    text-decoration: none;
}
section.container section.login{
    border: 1px solid lightgray;
    border-radius: 10px;
    margin-top: 120px;
    min-height: 450px;
    float: left;
    position: relative;
}
section.container section.login a.back{
    position: absolute;
    right: 20px;
    top:25px;
    color: #464646;
    font-size: 18px;
}
section.container section.login h4{
     font-family: kalaB;
    color: #EF4056;
    width: 100px;
    display: block;
    margin:10px auto;
    padding: 10px;
}
section.container section.login h5{
    padding: 10px;
}
section.container section.login p{
    padding: 10px 10px 5px;
    font-size: 14px;
}
section.container section.login form input[type=text],form input[type=tel],form input[type=email]{
    width:90%;
    display: block;
    margin:10px auto;
    height: 50px;
    border-radius: 10px;
    /*text-align: right;*/
}
section.container section.login form input[type=tel]::placeholder,form input[type=email]::placeholder{
    text-align: right;
}
section.container section.login form a{
    display: block;
    /*margin-top: 10px;*/
    padding: 10px 20px 20px;
    font-family: kalaB;
    /*font-weight: bold;*/
    /*margin-bottom: 25px;*/
    font-size: 14px;
}
section.container section.login form a i{
    padding-right: 10px;
}
section.container section.login form p{
    color: #EF4056;
    padding: 10px 30px 10px;
    font-family: kalaL;
}
section.container section.login form input[type=submit]{
    width: 90%;
    height: 50px;
    display: block;
    margin: auto;
    color: white;
    background-color:#EF4056 ;
    border-radius: 10px;
}
section.container section.login p.condition{
    padding: 20px 30px;
    font-size: 14px;
}
section.container section.login p.condition a{
    padding: 3px;
}
section.container section.login hr{
    width: 70%;
    margin:0 auto 20px;
}
section.container section img.loginImg{
    width: 80%;
    height: inherit;
    margin-top: 160px;
    float: left;
    border-radius: 15px;

}
@media (max-width:992px){
    body{
        overflow-x: hidden;
        background-color: #faf7f7;
    }
    section.container section.login{
        margin:120px auto;

    }
    section.container section img.loginImg{
        display: none;
    }
}
@media (max-width:576px){
    section.container section.login{
       width: 80%;
    }
}