@font-face {
    font-family: vazir;
    src: url('../font/vazir/Vazir-Medium-FD.ttf');
}

@font-face {
    font-family: vazir;
    font-weight: bold;
    src: url('../font/vazir/Vazir-Bold-FD.ttf');
}

@font-face {
    font-family: vazir;
    font-weight: 100;
    src: url('../font/vazir/Vazir-Light-Fd.ttf');
}

* {
    font-family: vazir, serif !important;
}

body {
    direction: rtl;
    background-color: #F1F1F1 !important;
    text-align: right;
    font-family: vazir, serif !important;
}

.main {
    height: 100vh;
}

.welcome {
    padding: 20px 20px 80px;
}

.welcome p {

    margin-bottom: 1px;

}

footer {
    background-color: rgba(0, 0, 0, 0.15) !important;
    min-height: 80px;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 !important;
}

.start-test-btn {
    min-width: 100px;
    border-radius: 30px;
}

.test-timer {
    position: relative;


}

.test-timer h4 {
    position: absolute;
    left: 0;
    top: 50px
}

.test-timer h4 .badge {


    min-width: 80px;
}

.form-control {
    height: 55px !important;
}

.answers {

}

.form-group textarea {
    min-height: 200px;
}

.card-body p {

    text-align: justify;
}

.user-level-rate {
    text-align: center;
}

.user-level-rate span:first-child {
    font-size: 25px;
}

.user-level-rate span:last-child {
    font-size: 60px;
}

.p {
    font-family: vazir, serif !important;
}

.badge {
    font-family: vazir, serif !important;
}