:root {
    --mud-palette-black: #272c34ff;
    --mud-palette-white: #ffffffff;
    --mud-palette-primary: #3998acff;
    --mud-palette-primary-rgb: 57, 152, 172;
    --mud-palette-primary-text: #ffffffff;
    --mud-palette-primary-darken: rgb(48, 129, 145);
    --mud-palette-primary-lighten: rgb(71, 173, 194);
    --mud-palette-primary-hover: rgba(57, 152, 172, 0.058823529411764705);
    --mud-palette-secondary: #ff862fff;
    --mud-palette-secondary-rgb: 255, 134, 47;
    --mud-palette-secondary-text: #ffffffff;
    --mud-palette-secondary-darken: rgb(255, 112, 10);
    --mud-palette-secondary-lighten: rgb(255, 154, 82);
    --mud-palette-secondary-hover: rgba(255, 134, 47, 0.058823529411764705);
    --mud-palette-tertiary: #1ec8a5ff;
    --mud-palette-tertiary-rgb: 30, 200, 165;
    --mud-palette-tertiary-text: #ffffffff;
    --mud-palette-tertiary-darken: rgb(25, 169, 140);
    --mud-palette-tertiary-lighten: rgb(42, 223, 187);
    --mud-palette-tertiary-hover: rgba(30, 200, 165, 0.058823529411764705);
    --mud-palette-info: #2caee6ff;
    --mud-palette-info-rgb: 44, 174, 230;
    --mud-palette-info-text: #ffffffff;
    --mud-palette-info-darken: rgb(44, 174, 230);
    --mud-palette-info-lighten: rgb(220, 245, 255);
    --mud-palette-info-hover: rgba(44, 174, 230, 0.058823529411764705);
    --mud-palette-success: #05af82ff;
    --mud-palette-success-rgb: 5, 175, 130;
    --mud-palette-success-text: #ffffffff;
    --mud-palette-success-darken: rgb(5, 175, 130);
    --mud-palette-success-lighten: rgb(229, 255, 236);
    --mud-palette-success-hover: rgba(5, 175, 130, 0.058823529411764705);
    --mud-palette-warning: #f57c00ff;
    --mud-palette-warning-rgb: 245, 124, 0;
    --mud-palette-warning-text: #ffffffff;
    --mud-palette-warning-darken: rgb(245, 124, 0);
    --mud-palette-warning-lighten: rgb(255, 241, 226);
    --mud-palette-warning-hover: rgba(245, 124, 0, 0.058823529411764705);
    --mud-palette-error: #e93e55ff;
    --mud-palette-error-rgb: 233, 62, 85;
    --mud-palette-error-text: #ffffffff;
    --mud-palette-error-darken: rgb(230, 25, 53);
    --mud-palette-error-lighten: rgb(255, 241, 236);
    --mud-palette-error-hover: rgba(233, 62, 85, 0.058823529411764705);
    --mud-palette-dark: #424242ff;
    --mud-palette-dark-rgb: 66, 66, 66;
    --mud-palette-dark-text: #ffffffff;
    --mud-palette-dark-darken: rgb(46, 46, 46);
    --mud-palette-dark-lighten: rgb(87, 87, 87);
    --mud-palette-dark-hover: rgba(66, 66, 66, 0.058823529411764705);
    --mud-palette-text-primary: #1d252fff;
    --mud-palette-text-secondary: #818b98ff;
    --mud-palette-text-disabled: #515a66ff;
    --mud-palette-action-default: #00000089;
    --mud-palette-action-default-hover: rgba(0, 0, 0, 0.058823529411764705);
    --mud-palette-action-disabled: #b2bfcbff;
    --mud-palette-action-disabled-background: #b2bfcbff;
    --mud-palette-surface: #ffffffff;
    --mud-palette-background: #ffffffff;
    --mud-palette-background-grey: #f5f5f5ff;
    --mud-palette-drawer-background: #ffffffff;
    --mud-palette-drawer-text: #424242ff;
    --mud-palette-drawer-icon: #616161ff;
    --mud-palette-appbar-background: #ffffffff;
    --mud-palette-appbar-text: #ffffffff;
    --mud-palette-lines-default: #0000001e;
    --mud-palette-lines-inputs: #bdbdbdff;
    --mud-palette-table-lines: #e0e0e0ff;
    --mud-palette-table-striped: #00000005;
    --mud-palette-table-hover: #0000000a;
    --mud-palette-divider: #b2bfcbff;
    --mud-palette-divider-light: #000000cc;
    --mud-palette-grey-default: #9E9E9E;
    --mud-palette-grey-light: #BDBDBD;
    --mud-palette-grey-lighter: #E0E0E0;
    --mud-palette-grey-dark: #757575;
    --mud-palette-grey-darker: #616161;
    --mud-palette-overlay-dark: rgba(33, 33, 33, 0.4980392156862745);
    --mud-palette-overlay-light: rgba(255, 255, 255, 0.4980392156862745);
    --mud-elevation-0: none;
    --mud-elevation-1: 0px 4px 8px rgba(37, 45, 55, 0.06);
    --mud-elevation-2: 0px 6px 12px 4px rgba(37, 45, 55, 0.1);
    --mud-elevation-3: 0px 8px 16px rgba(37, 45, 55, 0.16);
    --mud-elevation-4: 0px 10px 20px rgba(37, 45, 55, 0.18);
    --mud-elevation-5: 0px 12px 24px rgba(37, 45, 55, 0.2);
    --mud-elevation-6: -4px 20px 40px rgba(57, 152, 172, 0.2);
    --mud-elevation-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
    --mud-elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mud-elevation-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
    --mud-elevation-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
    --mud-elevation-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
    --mud-elevation-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    --mud-elevation-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
    --mud-elevation-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
    --mud-elevation-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
    --mud-elevation-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    --mud-elevation-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
    --mud-elevation-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
    --mud-elevation-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
    --mud-elevation-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
    --mud-elevation-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
    --mud-elevation-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
    --mud-elevation-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
    --mud-elevation-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    --mud-elevation-25: 0 5px 5px -3px rgba(0, 0, 0, .06), 0 8px 10px 1px rgba(0, 0, 0, .042), 0 3px 14px 2px rgba(0, 0, 0, .036);
    --mud-default-borderradius: 0.5rem;
    --mud-drawer-width-left: 240px;
    --mud-drawer-width-right: 240px;
    --mud-drawer-width-mini-left: 56px;
    --mud-drawer-width-mini-right: 56px;
    --mud-appbar-height: 4.5rem;
    --mud-typography-default-family: 'Yekan Bakh Medium';
    --mud-typography-default-size: .875rem;
    --mud-typography-default-weight: 400;
    --mud-typography-default-lineheight: 1.43;
    --mud-typography-default-letterspacing: .01071em;
    --mud-typography-default-text-transform: none;
    --mud-typography-h1-family: 'Yekan Bakh Bold';
    --mud-typography-h1-size: 3.5rem;
    --mud-typography-h1-weight: 700;
    --mud-typography-h1-lineheight: 1.142;
    --mud-typography-h1-letterspacing: 0;
    --mud-typography-h1-text-transform: none;
    --mud-typography-h2-family: 'Yekan Bakh Bold';
    --mud-typography-h2-size: 2.813rem;
    --mud-typography-h2-weight: 700;
    --mud-typography-h2-lineheight: 1.155;
    --mud-typography-h2-letterspacing: 0;
    --mud-typography-h2-text-transform: none;
    --mud-typography-h3-family: 'Yekan Bakh Bold';
    --mud-typography-h3-size: 2.25rem;
    --mud-typography-h3-weight: 700;
    --mud-typography-h3-lineheight: 1.22;
    --mud-typography-h3-letterspacing: 0;
    --mud-typography-h3-text-transform: none;
    --mud-typography-h4-family: 'Yekan Bakh Bold';
    --mud-typography-h4-size: 2rem;
    --mud-typography-h4-weight: 700;
    --mud-typography-h4-lineheight: 1.25;
    --mud-typography-h4-letterspacing: 0;
    --mud-typography-h4-text-transform: none;
    --mud-typography-h5-family: 'Yekan Bakh Bold';
    --mud-typography-h5-size: 1.75rem;
    --mud-typography-h5-weight: 700;
    --mud-typography-h5-lineheight: 1.285;
    --mud-typography-h5-letterspacing: 0;
    --mud-typography-h5-text-transform: none;
    --mud-typography-h6-family: 'Yekan Bakh Bold';
    --mud-typography-h6-size: 1.5rem;
    --mud-typography-h6-weight: 700;
    --mud-typography-h6-lineheight: 1.333;
    --mud-typography-h6-letterspacing: 0;
    --mud-typography-h6-text-transform: none;
    --mud-typography-subtitle1-family: 'Yekan Bakh Bold';
    --mud-typography-subtitle1-size: 1rem;
    --mud-typography-subtitle1-weight: 700;
    --mud-typography-subtitle1-lineheight: 1.5;
    --mud-typography-subtitle1-letterspacing: 0.009em;
    --mud-typography-subtitle1-text-transform: none;
    --mud-typography-subtitle2-family: 'Yekan Bakh Bold';
    --mud-typography-subtitle2-size: 0.875rem;
    --mud-typography-subtitle2-weight: 700;
    --mud-typography-subtitle2-lineheight: 1.43;
    --mud-typography-subtitle2-letterspacing: 0.006em;
    --mud-typography-subtitle2-text-transform: none;
    --mud-typography-body1-family: 'Yekan Bakh Regular';
    --mud-typography-body1-size: 1rem;
    --mud-typography-body1-weight: 400;
    --mud-typography-body1-lineheight: 1.5;
    --mud-typography-body1-letterspacing: 0;
    --mud-typography-body1-text-transform: none;
    --mud-typography-body2-family: 'Yekan Bakh Regular';
    --mud-typography-body2-size: 0.875rem;
    --mud-typography-body2-weight: 400;
    --mud-typography-body2-lineheight: 1.43;
    --mud-typography-body2-letterspacing: 0;
    --mud-typography-body2-text-transform: none;
    --mud-typography-button-family: 'Yekan Bakh Bold';
    --mud-typography-button-size: 0.875rem;
    --mud-typography-button-weight: 700;
    --mud-typography-button-lineheight: 1.142;
    --mud-typography-button-letterspacing: 0;
    --mud-typography-button-text-transform: uppercase;
    --mud-typography-caption-family: 'Yekan Bakh Bold';
    --mud-typography-caption-size: 1.125rem;
    --mud-typography-caption-weight: 700;
    --mud-typography-caption-lineheight: 1.714;
    --mud-typography-caption-letterspacing: 0;
    --mud-typography-caption-text-transform: none;
    --mud-typography-overline-family: 'Yekan Bakh Regular';
    --mud-typography-overline-size: 0.75rem;
    --mud-typography-overline-weight: 400;
    --mud-typography-overline-lineheight: 1.33;
    --mud-typography-overline-letterspacing: 0;
    --mud-typography-overline-text-transform: none;
    --mud-zindex-drawer: 1100;
    --mud-zindex-appbar: 1300;
    --mud-zindex-dialog: 1400;
    --mud-zindex-popover: 1200;
    --mud-zindex-snackbar: 1500;
    --mud-zindex-tooltip: 1600;
}


.login {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
}

.login-card {
    border: 2px solid var(--mud-palette-primary);
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
}

.title {
    font-weight: 700;
    text-align: center;
    font-size: 56px;
    line-height: 64px;
    margin: 0;
}

.signin-text {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
}

.get-number-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

.time-left {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    text-align: center;
}

.text-box {
    outline-color: #B2BFCB;
    border-radius: 8px;
    padding: 18px 9px;
}

.text-box:focus {
    outline-color: var(--mud-palette-primary);
}

.button {
    background-color: var(--mud-palette-primary);
    text-align: center;
    padding: 1.5rem;
    color: #FBFDFF;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    border-radius: 8PX;
    text-decoration: none;
}


@font-face {
    font-family: 'Yekan Bakh Bold';
    src: url('../fonts/Fa/YekanBakhFA06Bold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Fa/YekanBakhFA06Bold?#iefix') format('embedded-opentype'),
        /* Modern Browsers */
    url('../fonts/Fa/YekanBakhFA06Bold.woff') format('woff'),
        /* Modern Browsers */
    url('../fonts/Fa/YekanBakhFA06Bold.otf') format('opentype'),
        /* Open Type Font */
    url('../fonts/Fa/YekanBakhFA06Bold.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Yekan Bakh Medium';
    src: url('../fonts/Fa/YekanBakhFA05Medium.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Fa/YekanBakhFA05Medium?#iefix') format('embedded-opentype'),
        /* Modern Browsers */
    url('../fonts/Fa/YekanBakhFA05Medium.woff') format('woff'),
        /* Modern Browsers */
    url('../fonts/Fa/YekanBakhFA05Medium.otf') format('opentype'),
        /* Open Type Font */
    url('../fonts/Fa/YekanBakhFA05Medium.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Yekan Bakh Regular';
    src: url('../fonts/Fa/YekanBakhFA04Regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Fa/YekanBakhFA04Regular?#iefix') format('embedded-opentype'),
        /* Modern Browsers */
    url('../fonts/Fa/YekanBakhFA04Regular.woff') format('woff'),
        /* Modern Browsers */
    url('../fonts/Fa/YekanBakhFA04Regular.otf') format('opentype'),
        /* Open Type Font */
    url('../fonts/Fa/YekanBakhFA04Regular.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-style: normal;
    font-weight: 400;
}
*{
    font-family: "Yekan Bakh Medium";
}


button{
    outline: auto;
    cursor: pointer;
}
.hidden{
    display: none;
}
#resendOtp{
    cursor: pointer;
    color: #0a53be;
}
.alert-danger{
  color:   #e11111;
}