@font-face {
  font-family: 'yekan';
      src: url('byekan.ttf'); /* IE9 Compat Modes */
     src: url('byekan.ttf') format('truetype'), /* IE6-IE8 */
}
body{
    background-color:#213655;
  
}
.form-style{
    background-color: #F6F5F0;
    padding: 20px;   
    margin-top: 100px;
    width: 293px;
    height: 327px;
    border-radius: 10px;
    float: right;
    margin-right: 100px;
}
.style-input{
    margin-bottom: 5px;
    background-color: #CBCBCB;
    border-radius: 10px;
    text-align: right;
    direction: rtl;
    height: 50px;
    width: 260px;
    padding: 15px;
    border:none !important;
    margin-top: 5px;
     font-family: yekan;
}
.text-form{
    text-align: center;
    font-size: 30px;
    font-family: sans-serif;
    color:#1C3150;
    margin-top: 40px;
     font-family: yekan;
}
.style-icon{
     background-color:#F6F5F0;
   color: #B89B5F;
    font-size: 90px;
    border-radius: 50px;
    position: absolute;
  top:-40px;
    left: 103px;
    z-index: 10;
    float: right;
}
.submit-style{
    background-color: #213655;
    color:#F9F8F3;
    font-size: 30px;
     width: 260px;
    border-radius: 10px;
    border:none !important;
    margin-top: 20px;
    padding: 5px;
     font-family: yekan;
}
.submit-style:hover{
    background-color: #B89B5F;
     transition: 0.9s;
}
.text-admin{
    color:#F6F5F0;
font-size: 30px;
    font-family: yekan;
}
.logo-img{
    margin-top: 80px;
    width: 130px;
    height: 90px;
    position: absolute;
        left: 111px;
}
.pos-text{
    position: relative;
      width: 500px;
    height: 100px;
}
.inform{
    position: absolute;
    top: 149px;
 margin-left: 50px;
  
}


@media only screen and (max-width: 994px) {
    body{
          overflow-x:hidden !important;
    }    
}


@media only screen and (max-width: 838px) {
    
.form-style{
    margin-top: 50px !important;
    margin-bottom: 50px;
 margin-right: 30px;
}
    .inform{
    top: 100px;
 margin-left: 50px;
  
}
    .logo-img {
    margin-top: 10px;

}

}

@media only screen and (max-width: 830px) {
.form-style{
    margin-top: 50px !important;
    margin-bottom: 10px;
    margin-right: 50px;

}
    .inform{
   top: 120px;
 margin-left: 50px;
  
}
    .logo-img{
    margin-top: 10px;
        width: 80px;
        height: 70px;
 left: 80px;
}
    .text-admin{
        font-size: 25px;
    }

}
@media only screen and (max-width: 710px) {
.form-style{
    margin-top: 60px !important;
    margin-bottom: 10px;
    margin-right: 30px;

}
    .inform{
   top: 120px;
 margin-left: 50px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
  
}
    .logo-img{
    margin-top: 10px;
        width: 80px;
        height: 70px;
 left: 80px;
}
    .text-admin{
        font-size: 25px;
    }

}
@media only screen and (max-width: 644px) {
    
    .inform{
        visibility: hidden;
    }
    
    .form-style{
margin-right:150px;
    }
    
}
@media only screen and (max-width: 430px) {
    
  
    .form-style{
margin-right:60px;
    }
    
}
@media only screen and (max-width: 390px) {
    
    .form-style{
margin-right:40px;
    }
    
}