
@font-face {
    font-family: 'YekanBakh';
    src: url('../fonts/YekanBakh\(FaNum\)_05_Medium.woff') format(woff);
    /* IE9 Compat Modes */


}
#products-list .box, #login .box, #profile .box {
    -webkit-box-shadow: 0 6px 32px 0 rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 6px 32px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 6px 32px 0 rgb(0 0 0 / 8%);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 20px;
    background: #FFF;
}
body{
    font-family: YekanBakh;

}

.form-group label {
    direction: rtl;
    float: right;
}
.btn-1{
    padding: 11px 20px;
    background-color: rgb(92, 148, 7);
margin: 10px;
border-radius: 10px;

border: none;
outline: none;
}
.box {
    
    -webkit-box-shadow: 0 3px 25px 0 rgb(0 0 0 / 7%);
    -moz-box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 3px 25px 0 rgb(0 0 0 / 7%);
    background-color: #FFF;
    padding: 20px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    margin-bottom: 20px !important;
}
*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}

.page-title {
    border-bottom: 2px solid skyblue;
    margin-bottom: 20px;
    min-height: 32px;
    width: 280px;
    direction: rtl;
    text-align:right;
}
.page-title h1{
    font-size: 20px;
    
}

.ui {
    box-shadow: 0 0 0 2px #c9ba9b inset, 0 0 0 0 transparent;
    border-radius: 10px!important;
    text-align: right;
    padding-bottom: 25px;
    padding-top: 25px;
    padding-right: 10px;
    font-size: 20px;
}

.card-form{
    border-radius: 20px;
    border: 2px solid skyblue;
}

.ui.form .field.placeholder {
    position: relative;
}
.realtor-submit .field.placeholder {
    margin-bottom: 25px!important;
}
.ui.form .field {
    clear: both;
    margin: 0 0 1em;
}
.form-rtl .field {
    margin-bottom: 15px!important;
    position: relative;
    min-height: 1px;
}


.error{
    color: rgb(219, 0, 0);
    font-size: 13px;
    display: none;
}

.modal-body h6{
    text-align: left;
    direction: rtl;
    
    font-weight: bold;
    
    
    }