@font-face {
    font-family: 'Vazir';
    src: url('../fonts/Vazir.ttf') format('truetype');
}

body {
    direction: rtl;
    font-family: 'Vazir', Arial, sans-serif ;
    background-color: #F0F0F0;
}
.img1{
    width: 100%;
    height: 720px;
}
.card1{
    border-radius: 12px;
    text-align: right;
    border: none;
    margin: auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.txt{
    text-align: right;
}
.txt h5{
    color: #8E8E8E;
}
.txt p{
    color: #989898;
    font-size: 13px;
    font-weight: 600;
}
.input1{
    width: 70%;
    border: none;
    border-bottom:1px solid ;
    text-align: right;
}
.input1:focus-visible {
   outline: none;
  }
.input1::placeholder{
    font-size: 14px;
    color: #8B8B8B;
    margin-top: -20px;
   
}

.placeholder{
    font-size: 14px;
    color: #8B8B8B;
   
}
hr{
    
    background-color: #EE2223;
}
.submit{
    color: #fff;
    background-color: #EE2223;
    border: none;
    width: 90px;
    height: 35px;
    border-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
@media only screen and (min-width: 200px) and (max-width: 580px) {
    .item1{
        display: none;
    }
    .input1{
        width: 100% !important;
        margin-bottom: 33px;
    }
    /* login */
    .user{
        margin-bottom: 20px;
    }
    .item{
        border-radius: 20px;
    }
    /* login */
    

}
@media only screen and (min-width: 580px) and (max-width: 767.40px) {
    .item1{
        display: none;
    }
    .input1{
        width: 100% !important;
        margin-bottom: 30px;
    }
     /* login */
     .user{
        margin-bottom: 20px;
    }
    .item{
        border-radius: 20px;
    }
    /* login */

}

@media only screen and (min-width:767.45px) and (max-width: 10000px) {
    .item1{
        display: block;
    }
    .input1{
       
        margin-bottom:40px;
    }
     /* login */
    .item{
        border-radius: 0 20px 20px 0;
    }
    .img_login{
        width: 100%;
        height: 100%;
        margin-right: -15px;
    }
    /* login */
}
@media only screen and (min-width:1328px) and (max-width: 1364px) {
.map{
    margin-top: -100px !important;
}
}
@media only screen and (min-width:50px) and (max-width: 1327px) {
    .map1{
        margin-top: 0px !important;
    }
    }
@media only screen and (min-width:50px) and (max-width: 420px) {
        .cardd{
            margin: auto !important;
            padding: 10px;
        }
        }
@media only screen and (min-width:50px) and (max-width: 420px) {
            .cardd1{
                margin: auto !important;
                
    }
    }
    @media only screen and (min-width:1298px) and (max-width: 50000px) {
        /*.cardd1{
            height: 501px;
            }*/
}
/* login */

.login{
    color: #464647;
    font-weight: bold;
    font-size: 27px;
}

/* login */

input[type="file"] {
    display: none;
  }
  
  .custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 40px;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 5px;
  }