@font-face {
    font-family: 'IRANSansX';
    src: url('https://armanishoo.com/site/welcome/font/IRANSansX-Regular.ttf') format('truetype');
}

body {
    font-family: 'IRANSansX', sans-serif;
    background-color: #f9f9f9;
    direction: rtl;
    height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.green-background {
    height: 10%;
    background-color: #27c163;
    width: 100%;
}

.form-container {
    width: 100%;
    max-width: 400px;
    margin-top: auto;
    margin-bottom: auto;
}

.hidden {
    display: none;
}

.timer {
    color: red;
    font-size: 1rem;
}

.card {
    text-align: center;
}

.card img {
    max-width: 150px;
    margin-bottom: 20px;
}

.navbar {
    background-color: transparent;
}

.navbar-brand img {
    width: 150px;
}

/* تنظیمات تایمر دایره‌ای */

#circleTimer {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
}

/* افزودن فاصله به دکمه ارسال مجدد */

#resendCodeBtn {
    margin-top: 20px;
}

/* راست‌چین کردن لیبل‌های فرم */

.form-label {
    text-align: right;
    display: block;
    width: 100%;
}

/* راست‌چین کردن فیلد کد اعتبارسنجی */

#verificationCode {
    text-align: right;
}