@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/Inter-Black.ttf);
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/Inter-ExtraBold.ttf);
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Inter-Bold.ttf);
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Inter-SemiBold.ttf);
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Inter-Medium.ttf);
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Inter-Regular.ttf);
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Inter-Light.ttf);
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Almarai-Light.ttf);
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Tajawal-Regular.ttf);
}
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Tajawal-Bold.ttf);
}
body {
  font-family: 'Inter';
  overflow-x: hidden;
}

h2 {
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}
h3{
  color: var(--Neutral-Colors-Jungle-blk, #0e1b1b);
  font-size: 24px;
  font-weight: 600 ;
  margin-bottom: 0px;
}
p {
  color: var(--Neutrals-Dim, #484456);
  /* font-family: Inter; */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0px !important;
}

.btn-default {
  border-radius: 4px;
  background: #0c838f;
  color: #fff;
  padding: 9px 10px;
  height: 44px;
  width: 100%;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: unset;
}

.link-default {
  color: var(--Primary-Colors-Algea, #0c838f);
  text-align: right;
  /* font-family: Inter; */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-decoration: unset;
}

.password-icon-general-style {
  width: 20px;
  height: 20px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.fa-eye-slash-new {
  background: url(../HidePassword.svg);
}
.fa-eye-slash{
  background: url(../ShowPassword.svg);
}
.toggle-password2 {
  position: absolute;
  right: 15px;
  cursor: pointer;
  top: 12px;
}

.input-group-append {
  margin-left: -1px;
}

.header-login-main-div {
  display: flex;
  width: 100%;
  height: 65px;
  padding: 12px 0px;
  align-items: center;
  justify-content: center;
  background: var(--Neutral-Colors-White, #fff);
box-shadow: 0px 4px 8px 0px rgba(14, 27, 27, 0.10);
position: relative;
}
.footerLogin{
  background: var(--Neutral-Colors-Glass, #F5F6F6);
}
.min-height-page-with-background {
  background: var(--Neutral-Colors-Glass, #f5f6f6);
  min-height: calc(100vh - 138px);
  padding-top: 50px;
}

.main-input {
  height: 44px;
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid var(--Neutral-Colors-Grain, #d8dbdb);
  background: var(--Neutral-Colors-White, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
}

.inp .label {
  position: absolute;
  top: 12px;
  left: 16px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  transform-origin: 0 0;
  transform: translate3d(0, 0, 0);
  transition: all 0.2s ease;
  pointer-events: none;
}

.inp {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 16px !important;
}

.inp input:focus~.label,
.inp textarea:focus~.label {
  color: #787f7f;
  transform: translate3d(0, -10px, 0);
  font-size: 10px;
}

.inp input:focus+.label~.focus-bg,
.inp textarea:focus+.label~.focus-bg {
  transform: scaleX(1);
  transition: all 0.1s ease;
}

.inp input:not(:-moz-placeholder-shown)~.label {
  color: #787f7f;
  transform: translate3d(0, -7px, 0);
  font-size: 10px;
}
.inp input::placeholder{
  color: #787f7f;
}
.inp input:not(:-ms-input-placeholder)~.label {
  color: #787f7f;
  transform: translate3d(0, -7px, 0);
  font-size: 10px;
}

.inp input:not(:placeholder-shown)~.label,
.inp textarea:not(:placeholder-shown)~.label {
  color: #787f7f;
  transform: translate3d(0, -10px, 0);
  font-size: 10px;
}

.input-div :last-child {
  margin-bottom: 0px !important;
}

.defualt-pass {
  border-bottom: 2px solid #d8dbdb;
}

.Weak-Password {
  border-bottom: 2px solid #fb8b24;
}

.good-Password {
  border-bottom: 2px solid #17b184;
}

.strong-Password {
  border-bottom: 2px solid #2d7dd2;
}

.strength-password {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10px;
}

.error-message {
  color: var(--Accent-Feedback-Colors-Error-red, #d70d00);
  /* font-family: Inter; */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.main-login-container {
  width: 480px;
  border-radius: 16px;
  border: 1px solid var(--Neutral-Colors-Grain, #d8dbdb);
  background: var(--Neutral-Colors-White, #fff);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.main-login-container.EID{
  gap: 0;
  max-width: 436px;
  width: 100%;
}
.forget-pass-login {
  text-align: center;
}

.headr-main-login p {
  margin-top: 8px;
  margin-bottom: 0px !important;
}

.input-group-append,
.input-group-prepend {
  display: -webkit-box;
  display: flex;
}

.loginPasswordErrorDiv {
  margin-bottom: 0px !important;
}
.register-box .dropdown-menu.show.dropdown-menu-phone{
  max-height: 246px;
}
.error-form-field .error-image {
  background-image: none !important;
}

.fa-eye-new {
  background: url(../ShowPassword.svg);
}

input[readonly] {
  border: 1px solid var(--Neutral-Colors-Grain, #D8DBDB) !important;
  background: var(--Neutral-Colors-Glass, #F5F6F6) !important;
}

input:focus {
  outline: none;
  border: none;
  border: 1px solid var(--Neutral-Colors-Grain, #D8DBDB) !important;
}

.error-form-field input, .error-form-field textarea {
  border: 1.5px solid #d70d00 !important;
  background-image: url(../Error.svg) !important;
  background-position: 97% 50% !important;
  background-repeat: no-repeat !important;
}

.strength-weak-selected {
  margin-bottom: 0px !important;
  padding-top: 8px !important;
  font-size: 12px !important;
  line-height: 15px !important;
  color: #fb8b24 !important;
}

.strength-good-selected {
  margin-bottom: 0px !important;
  padding-top: 8px !important;
  font-size: 12px !important;
  line-height: 15px !important;
  color: #17b184 !important;
}

.strength-strong-selected {
  margin-bottom: 0px !important;
  padding-top: 8px !important;
  font-size: 12px !important;
  line-height: 15px !important;
  color: #2d7dd2 !important;
}

.reset-password-div {
  text-align: center;
}

.my-account-warning-box {
  display: flex;
  justify-content: space-between;
}

.my-account-verfiy-box>p {
  display: flex;
  align-items: center;
  gap: 5px;
}

.warning-email-box {
  border-radius: 4px;
  background: var(--Accent-Feedback-Colors-Light-Orange-2, #FFF7F0);
  display: flex;
  gap: 8px;
  padding: 8px 16px;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 12px;
}

.warning-email-box p,
.warning-email-box a {
  color: #a55914 !important;
  font-size: 14px;
  margin-bottom: 0px;
  line-height: normal;
}
.warning-email-box .warning-msg{
  padding: 0;
}
.reset-pass-warning {
  padding: 24px 0px 0px 0px !important;
}

.warning-msg {
  display: flex;
  gap: 8px;
  align-items: center;
  border-radius: 24px;
background: var(--Accent-Feedback-Colors-Light-Orange-2, #FFF7F0);
padding: 8px 16px;
}

.warning-msg img {
  width: 18px;
  height: 18px;
}
.warning-msg p {
  color: var(--Accent-Feedback-Colors-Warning-Dark-Orange, #A55914) !important;
/* font-family: Inter; */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: unset !important;
}
.warning-msg a{
  color: var(--Accent-Feedback-Colors-Warning-Dark-Orange, #A55914) !important;
  text-decoration: underline;
}

.warning-email-box a {
  font-weight: 600;
}

.reset-success-msg {
  margin-bottom: 24px;
}

.my-account-user-box-image-new {
  width: 40px;
  height: 40px;
  background: #f1ebff;
  border-radius: 50%;
  color: #8a5cff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  overflow: hidden;
  text-decoration: unset;
}

.right-items-header {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}

.main-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ECEDED;
  margin-bottom: 16px;
  height: 72px;
}

.login-dropdown-menu {
  left: auto !important;
  right: 32px;
  box-shadow: 0 4px 24px rgba(14, 27, 27, 0.1);
  border-radius: 4px 4px 0 4px;
  min-width: 150px !important;
  top: 32px;

}

.new-header .login-dropdown-menu {
  right: 5px;
  top: 32px;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-menu-login {
  padding: 0 !important;
}

.menu-item-login {
  border-bottom: 1px solid #d8dbdb;
  padding: 18px 16px 18px 18px;
}

.menu-item-login a {
  font-size: 14px !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.menu-item-login span {
  font-size: 14px;
  line-height: 17px;
  color: #0e1b1b;
}
.ask-to-registar{
  border-radius: 8px;
background: var(--Neutral-Colors-Glass, #F5F6F6);
display: flex;
    gap: 8px;
    align-items: center;
    padding: 12px 16px;
}
.ask-to-registar p{
  font-size: 14px;
  margin-bottom: 0px;
}
.ask-to-registar a{
  font-weight: 600;
}
.col-label{
left: 28px !important;
}
.phoneCrateN {
  padding-left: 105px !important;
  padding-top: 14px !important;
}
.company-name-hint{
  border-radius: 4px;
background: var(--accent-feedback-colors-light-blue-2, #F4F9FF);
display: flex;
padding: 8px 16px;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.company-name-hint p{
  color: var(--Accent-Feedback-Colors-Info-Dark-blue, #1266BF) !important;
/* line-height: normal; */
text-align: unset !important;
}

.new-header {
  background: var(--Neutral-Colors-White, #FFF);
  box-shadow: 0px 4px 8px 0px rgba(14, 27, 27, 0.10);
  position: relative;
  padding: 16px 0;
}

.new-header .main-header {
  border-bottom: 0;
  margin-bottom: 0;
}

.exams.myExams {
  padding: 48px 0;
  background: #FBFBFB;
  margin-bottom: 40px;
}

.exams h2 {
  margin-bottom: 24px;
}

.dateAndLang {
  display: flex;
  align-items: center;

}

.rowExams {
  row-gap: 24px;
}

.engineeringInfo h3 {
  margin-bottom: 0;
  color: var(--Neutral-Colors-Jungle-blk, #0E1B1B);
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  max-width: 228px;
  width: 100%;
  /* min-height: 81px; */
}

.engineeringFlex {
  gap: 16px;
  /* min-height: 151px; */
  display: flex;
  height: 100%;
}

.dateAndLang {
  gap: 12px;
  flex-wrap: wrap;
}
.dateAndLang p{
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--Neutral-Colors-Space, #3E4949);
font-size: 14px;
font-weight: 400;
}
.myExamsCard {
  border-radius: 16px;
  background: var(--Neutral-Colors-White, #FFF);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  padding: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.goToExam {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #ECEDED;
}

.goToExam h4 {
  color: var(--Neutral-Colors-Space, #3E4949);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
  display: flex;
  gap: 6px;
}
 span.DiscountedPriceFormatted{
  color: var(--Neutral-Colors-Silver, #9FA4A4) !important;
font-size: 16px;
font-weight: 500 !important;
text-decoration: line-through;
}
.goToExam p {
  color: var(--Neutral-Colors-Gray, #787F7F);
  font-size: 12px;
  font-weight: 400;
}

.goToExam .btn-blue {
 width: fit-content;
 padding: 9.5px 16px;
 min-height: 48px;
 white-space: nowrap;
}

.goToExam .btn-blue:hover {
  background: #12d1e2;
}

.new-header .new-main-header-v1>.container::before {
  border-bottom: 0;
}
/* .engineeringImg{
  width: 132px;
  height: 97px;
} */
.engineeringImg img {
   width: 132px;
 /* height: 97px; */
  border-radius: 8px;
}

/* .mobile-header-first-menu li:first-child {
  margin-right: auto;
}

.mobile-header-first-menu li:last-child {
  margin-right: auto;
} */

.availableExams {
  padding-bottom: 48px;
}
.availableExams.exams {
  min-height: 59vh;
}
.footer-info {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 32px;
  align-items: center;
}

.footer-info ul {
  display: flex;
  align-items: center;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-info ul li a,
.footer-info p {
  color: var(--Neutral-Colors-Gray, #787F7F);
  font-size: 12px !important;
  font-weight: 400;
}

.spaceCol{
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.register-flex .relative-form{
  width: 100%;
}
.register-flex h3{
  color: var(--Neutral-Colors-Jungle-blk, #0E1B1B);
font-size: 24px;
font-weight: 700;
}
.new-upload-btn {
  display: flex;
  height: 44px;
  padding: 16px 40px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  border-radius: 4px;
}
.btn-outline-green {
  color: #0c838f;
  border: 1px solid #0c838f;
  border-radius: 4px;
  padding: 9px 10px;
  width: -webkit-fill-available;
}
.btn-outline-green:hover {
  background: #daf9fb;
  border: 1px solid #0c838f;
  color: #0c838f;
}
.upload-eid-div{
  display: flex;
  gap: 12px;
  margin: 12px 0px 0px;
}
.supportTeam{
  margin-top: 12px;
}
.supportTeam p{
  color: var(--Neutral-Colors-Space, #3E4949);
  font-size: 14px;
}
.supportTeam p a{
  color: var(--Accent-Feedback-Colors-Info-blue, #2D7DD2);
font-size: 14px;
font-weight: 600;
}
.main-login-container.EID .form-group.submit{
  margin-top: 24px;
}
.main-login-container.EID .previous-button{
  color: var(--Accent-Feedback-Colors-Info-blue, #2D7DD2);
font-size: 14px;
font-weight: 500;
}
.main-login-container.EID h4{
  color: #000;
font-size: 16px;
font-weight: 600;
margin: 24px 0;
}
.main-login-container.EID h2 {
  margin-top: 12px;
  color: var(--Neutral-Colors-Jungle-blk, #0E1B1B);
font-size: 24px;
font-weight: 700;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number]{
  -moz-appearance: textfield;
}
.main-login-container.EID .company-name-hint p{
font-size: 14px;
}
.main-login-container.EID .company-name-hint{
  margin-bottom: 0;
}
.spinner-border{
  color:#0c838f !important;
  width: 20px;
  height: 20px;
}

.error-message a {
  color: var(--Accent-Feedback-Colors-Error-red, #D70D00);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
    text-decoration: underline;
}
.form-check-input:focus ,.select:focus{
  box-shadow: unset;
}
.checkbox-error{
  border: var(--bs-border-width) solid #d70d00;
}
.form-check-label
{
  text-decoration: underline;
}
.or-fill-in-manually {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.or-fill-in-manually p {
  color: var(--Neutral-Colors-Jungle-blk, #0E1B1B);
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
white-space: nowrap;
}
.line-of-div{
  background-color: #ECEDED;
  height: 1px;
  width: 29%;
  
}
.error-select{
  border: 1.5px solid #d70d00 !important;
}

.error-upload-msg,
.error-upload-clear {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: var(--accent-feedback-colors-light-red-2, #fff4f3);
}
.error-upload-msg p,
.error-upload-clear p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--accent-feedback-colors-error-dark-red, #c10c00) !important;
}

p.grding-criteria{
  font-size: 18px;
}
.flex-lang-banner{
  justify-content: space-between;
  gap: 40px;
  max-width: 1185px;
  margin: auto;
}
.flex-lang-banner p{
  width: 93%;
  color: var(--Neutral-Colors-Space, #3E4949);
font-weight: 400;
font-size: 21px;
text-align: start;
}
.select-lang-flex{
  width: 100%;
  gap: 24px;
}
.lang-banner .custom-dropdown {
  position: relative;
  max-width: 387px;
  width: 100%;
  color: var(--Neutral-Colors-Gray, #787F7F);
  font-size: 18px;
  background-position: left .75rem center;
  cursor: pointer;
}

.lang-banner .dropdown-selected {
  padding: 5px 16px;
  height: 46px;
  border-radius: 4px;
  border: 1px solid var(--Neutral-Colors-Grain, #D8DBDB);
  background: var(--Neutral-Colors-White, #FFF);
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 9px !important;
  background-image: url(../chevron-down.svg);
  background-repeat: no-repeat;
  background-position: left 16px center;
}
.lang-banner .dropdown-options {
  position: absolute;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid var(--Neutral-Colors-Grain, #D8DBDB);
  border-radius: 4px;
  display: none;
  z-index: 1000111;
}

.lang-banner .dropdown-options li {
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--Neutral-Colors-Grain, #D8DBDB);
}

.lang-banner .dropdown-options li:hover {
  background: #f0f0f0;
}
.select-lang-flex .btn{
  min-width: 121px;
font-weight: 700;
padding-top: 4px;
}
.lang-banner{
  direction: rtl;
  background: var(--Neutral-Colors-Platinum, #ECEDED);
  padding: 24px;
  font-family: 'Tajawal';
}
.flex-lang-icon{
  gap: 32px;
}
.lang-banner img{
  height: 14px;
  margin-bottom: 5px;
}
.registerFormNew h4{
  text-align: start !important;
  color: var(--Neutrals-Jungle-Black, #0E1B1B) !important;
font-size: 24px !important;
font-weight: 600 !important;
}
.registerFormNew .verifiedSuccessfully h4{
  text-align: center !important;
}
.registerFormNew .inp input{
  border-radius: 94px;
border: 1px solid var(--Neutrals-Grain, #D8DBDB);
background: var(--Neutrals-White, #FFF);
}
.registerFormNew .inp .label{
  text-transform: capitalize;
}
.registerFormNew .control__indicator{
  border-radius: 50%;
  width: 18px;
  height: 18px;
}
.registerFormNew .control--checkbox .control__indicator:after{
  top: 2.8px;
  height: 9px;
}
.registerFormNew .btn-default{
  border-radius: 4px;
background: var(--Thinkprop-Algea-Algea, #0C838F);
height: 48px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px !important;
font-weight: 600 !important;
}
.registerFormNew.sign-up-new a{
  color: var(--Neutrals-Jungle-Black, #0E1B1B) !important;
  font-size: 14px;
  font-weight: 400 !important;
}
.error-form-field input.passBg{
  background-image: unset !important; 
}

.otp-field {
  display: flex;
  gap: 24px; 
  justify-content: center;
}
.otp-field .inp{
  text-align: center;
  border-radius: 8px;
background: #F6F8FB;
max-width: 84px;
min-height: 84px;
width: 100%;
border: 0;
margin-bottom: 0;
color: var(--Neutrals-Jungle-Black, #0E1B1B);
font-size: 36px;
font-weight: 600;
}
.otp-field input:focus, .otp-field > input.filled {
border: 1px solid var(--Neutrals-Gray, #787F7F) !important;
}
.otp-field input::-webkit-inner-spin-button,
.otp-field input::-webkit-outer-spin-button {
  display: none;
}

.resend {
  font-size: 12px;
}
.otp-register{
  max-width: 504px;
  margin: 64px auto;
  padding: 48px !important;
  width: 100%;
  background: #ffffff;
  border: 1px solid #d8dbdb;
  border-radius: 16px;
}
.otp-register .card-body{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.otp-register .card-body h4{
  color: var(--Neutrals-Jungle-Black, #0E1B1B);
font-size: 24px;
font-weight: 600;
}
.otp-register .card-body .verifiedSuccessfully h4{
  text-align: center;
}
.otp-register .card-body p{
  color: var(--Neutrals-Jungle-Black, #0E1B1B) !important;

}
.otp-register .card-body p.otpEmail{
  font-size: 16px !important;
}
.otp-register .card-body p.otpEmail a.updateEmail{
  font-weight: 400;
}
.otp-register .card-body a{
  color: var(--Feedback-Colors-Info-blue, #2D7DD2);
font-size: 14px;
font-weight: 600;
}
.otp-register .card-body a.back{
  display: flex;
  align-items: center;
  gap: 8px;
}
.verifiedSuccessfully .card-body a{
  color: var(--Neutrals-White, #FFF);

font-size: 16px;
font-weight: 600;
}
.verifiedSuccessfully .card-body {
 align-items: center;
}
.verifiedSuccessfullyImg{
  margin-bottom: 32px;
  text-align: center;
}
.otp-register .text-muted a{
  font-weight: 400;
  text-decoration: underline;
}
.otp-register .text-muted{
font-size: 14px !important;
}
.timeNumber{
  color: var(--Thinkprop-Algea-Algea, #0C838F);
  font-weight: 500 !important;
  font-family: "Inter" !important;
}
.newHeight{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--Neutral-Colors-Glass, #f5f6f6);
  min-height: calc(100vh - 138px) ;
}

 .otpError .otp-field > input.filled{
  border: 1px solid #D70D00 !important;
}
.otp-register .card-body span.otpErrorText{
  color: var(--Feedback-Colors-Error-Red, #D70D00) !important;
}
.otpTimerError {
  font-size: 14px;
}
.new-login-page-v1-all-form .new-login-have-account.new-login-have-account-new{
  background: transparent !important;
}
.new-mobile-header-accepot .mobile-header-first-menu{
  border-bottom: 0 !important;
}
.new-mobile-header-accepot .mobile-header-first-menu li a:hover{
  background-color: unset !important;
}
.darkMode {
  display: none !important;
}
.inp.inputSelect .label.active{
  color: #787f7f;
  transform: translate3d(0, -10px, 0);
  font-size: 10px;
  opacity: 1;
}

.inp.inputSelect .label {
  position: absolute;
  top: 12px;
  left: 16px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  transform-origin: 0 0;
  transform: translate3d(0, 0, 0);
  transition: all 0.2s ease;
  pointer-events: none;
  opacity: 0;
}
.inp.inputSelect select {
  position: relative;
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 4px;
  appearance: none;
}
.inp.inputSelect {
  margin-bottom: 0 !important;
}