﻿@font-face {
    font-family: Tavana;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/new/TAVANADemo035-SemiBold.ttf') format('truetype');
    unicode-range: U+0600-06FF, U+0750-077F, U+FB8A, U+067E, U+0686, U+06AF;

}

@font-face {
    font-family: Tavana;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/new/TAVANADemo035-Black.ttf') format('truetype');
    unicode-range: U+0600-06FF, U+0750-077F, U+FB8A, U+067E, U+0686, U+06AF;

}

@font-face {
    font-family: Tavana;
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/new/TAVANADemo035-Bold.ttf') format('truetype');
    unicode-range: U+0600-06FF, U+0750-077F, U+FB8A, U+067E, U+0686, U+06AF;

}

@font-face {
    font-family: Tavana;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/new/TAVANADemo035-Light.ttf') format('truetype');
    unicode-range: U+0600-06FF, U+0750-077F, U+FB8A, U+067E, U+0686, U+06AF;

}

@font-face {
    font-family: Tavana;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/new/TAVANADemo035-Regular.ttf') format('truetype');
    unicode-range: U+0600-06FF, U+0750-077F, U+FB8A, U+067E, U+0686, U+06AF;

}
 
label{
    color: #8C50A0 !important;
}

input[type='radio'] {
    accent-color: #8C50A0 !important;
}

.form-check-input:checked{
    background-color: #8C50A0 !important;
    border-color: #8C50A0 !important;

}
.form-check-input:focus{
    box-shadow: unset !important;
}

.btn-primary{
    background-color: black !important;
}

body {
    font-family: Tavana,system-ui !important;
    font-size: 1rem;
    font-weight: 300;
    direction: rtl;
    color: #fff !important;
}

input, button, label,div,
span {
    font-family: Tavana,system-ui !important;
}

h1{
    font-size: 28px !important;
    font-weight: 700 !important;
}
body {
    background-color: #F1F2F2 !important;
    color: black !important;
}

.bg-fp {
    background: url("/Contents/Tavana/Images/forget-password-bg.svg") no-repeat;
    position: fixed;
    width: 851px;
    height: 764px;
    top: 95px !important;
    right: 95px !important;
    z-index: -1;
}


.fp-wrapper {
    max-width: 415px;
    margin: 176px auto;
}

.header-title p {
    font-size: 16px;
    text-align: center;
    margin: 0;
}

input{
    box-shadow: unset !important;
}
.logo-fixed {
    filter: invert(1);
}

.btn-block svg {
    display: none;
}

.btn-block {
    height: 60px !important;
    border: 1px solid !important;
    border-radius: 0 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

.smsBox {
    padding-top: 48px;
}


.login-title {
    margin-bottom: 48px !important;
}

.btn-back {
    width: 50%;
    margin-right: auto;
    margin-top: 8px;
    background: black;
    color: white;
}

.form-control {
    border: 1px solid black !important;
    border-radius: 0 !important;
    color: black !important;
}

.action {
    display: flex;
    gap: 8px;

}

.btn-main {
    background-color: black !important;
    color: white !important;
}

.btn{
    font-weight: 800;
}
.chaneg-pass-info {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px auto;
}

.item-box-inner {
    background-color: #F1F2F2 !important;
    border: 1px solid;
    border-color: black;
    border-radius: 0 !important;
}

.form-control{
    background-color: #E6E6E6 !important;
    border: unset !important ;
    font-size: 14px !important;
}

.logo-fixed{
    left: 8% !important;
    top: 8% !important;
    position: fixed;
}

.item-box {
    margin-bottom: 16px !important;
}

.login-title {
    font-weight: 700;
    font-size: 29px;
    line-height: 100%;
    letter-spacing: -0.5px;
    text-align: right;
    margin-bottom: 86px;
    margin-bottom: 32px;
    white-space: nowrap;
    word-spacing: -3px;
    letter-spacing: -0.4px;
}
