@font-face {
    font-family: vazir;
    src: url('fonts/vazir.eot');
    src: url('fonts/vazir.eot?#iefix') format('embedded-opentype'),
    url('fonts/vazir.woff') format('woff'),
    url('fonts/vazir.woff2') format('woff2'),
    url('fonts/vazir.ttf') format('truetype');
    font-weight: normal}
    
    :root {
    --white: #ffffff;
    --white2: #f3f3f3;
    --black: #2c3e50;
    --silver: #bdc3c7;
    --purple:#9b59b6;
    --blue:#3498db;
    --green:#2ecc71;
    --red:#e74c3c;
    --orange:#e67e22;
    --yellow:#f1c40f;
    --base:#3498db;}
    
    *{user-select:none;font-family:vazir;outline:none!important;list-style:none;box-sizing:border-box;margin:0;padding:0}
    ::selection {display: none}
    ::-webkit-input-placeholder {text-align: center;direction: rtl;color: var(--black)}
    :-moz-placeholder {text-align: center;direction: rtl;color: var(--black)}
    ::-moz-placeholder {text-align: center;direction: rtl;color: var(--black)}
    :-ms-input-placeholder {text-align: center;direction: rtl;color: var(--black)}
    a, a:hover, a:active, a:focus{text-decoration:none}
    img {user-select: none;-moz-user-select: none;-webkit-user-drag: none}
    input[type=password]{text-align:center}
    input[type=number] {-moz-appearance: textfield}
    input[type=tel], input[type=email]{direction:ltr;text-align:left}
    input:required, input:invalid {box-shadow: none}
    input:invalid {border-bottom: 1px solid var(--red)}
    textarea {resize: none}
    input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none}
    select {-webkit-appearance: none;-moz-appearance: none}
    body, input, option, select, textarea, button{font-family:vazir;font-size:15px}
    body {direction: rtl;overflow-x: hidden;color:var(--black);background-color: var(--white2)}
    
    .t_white{color:var(--white)!important}
    .t_white2{color:var(--white2)!important}
    .t_black{color:var(--black)!important}
    .t_purple{color:var(--purple)!important}
    .t_blue{color:var(--blue)!important}
    .t_green{color:var(--green)!important}
    .t_red{color:var(--red)!important}
    .t_orange{color:var(--orange)!important}
    .t_yellow{color:var(--yellow)!important}
    .t_base{color:var(--base)!important}
    
    .bg_white{background-color:var(--white)!important}
    .bg_black{background-color:var(--black)!important}
    .bg_purple{background-color:var(--purple)!important}
    .bg_blue{background-color:var(--blue)!important}
    .bg_green{background-color:var(--green)!important}
    .bg_red{background-color:var(--red)!important}
    .bg_orange{background-color:var(--orange)!important}
    .bg_yellow{background-color:var(--yellow)!important}
    .bg_black{background-color:var(--black)!important}
    
    .ltr{direction:ltr!important}
    p{line-height:35px}