@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);
}

body {
  font-family: 'Inter';
}

h2 {
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  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);
}

.min-height-page-with-background {
  background: var(--Neutral-Colors-Glass, #f5f6f6);
  min-height: 85vh;
}

.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: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 {
  max-width: 410px;
  width: 100%;
  border-radius: 16px;
  border: 1px solid var(--Neutral-Colors-Grain, #d8dbdb);
  background: var(--Neutral-Colors-White, #fff);
  padding:32px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.color-gray{
  color: #3E4949 !important;
}
.border-94{
  border-radius: 94px !important;
}
.login-with-UAE-PASS .or {
  color: var(--Neutrals-Gray, #787F7F);
  font-size: 14px;
  font-weight: 400;
}
.img-max-hight{
  max-height: unset !important;
}
.main-login-container .btn-green {
    border:0;
}

.login-with-UAE-PASS .line {
  flex: 1;
  height: 1px;
  background: #D9D9D9;
  display: block !important;
}

.main-login-container .btn-blue {
  border: 0;
}

.headr-main-login h2 {
  color: var(--Neutrals-Jungle-Black, #0E1B1B);
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
  /* 36px */
}

.login-with-UAE-PASS .btn-black {
  border-radius: 220px;
  background: var(--Neutrals-Dari-Black, #130F26);
  color: var(--Neutrals-White, #FFF);
  font-size: 14px;
  font-weight: 500;
  max-width: 220px;
  min-height: 48px;
  width: 100%;
}

.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;
}

.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 {
  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;
}

.reset-pass-warning {
  padding: 24px 0px 0px 0px !important;
}

.warning-msg {
  display: flex;
  gap: 8px;
}

.warning-msg img {
  width: 18px;
  height: 18px;
}

.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: 44px;
}

.dropdown-menu.show {
  display: block;
}
.borderl-94 {
    border-radius: 94px 0 0 94px !important;
}
.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);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.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;
}

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

}

.rowExams {
  row-gap: 24px;
}

.engineeringInfo h3 {
  margin-bottom: 12px;
  color: var(--Neutral-Colors-Jungle-blk, #0E1B1B);
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.engineeringInfo p {
  color: var(--Neutral-Colors-Space, #3E4949);

  font-size: 14px;
  font-weight: 400;
}

.engineeringFlex {
  gap: 16px;
}

.dateAndLang {
  gap: 12px;
  flex-wrap: wrap;
}

.dateAndLang p {
  display: flex;
  align-items: center;
  gap: 4px;
}

.myExamsCard {
  border-radius: 16px;
  background: var(--Neutral-Colors-White, #FFF);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  padding: 16px;
}

.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: 700;
  margin-bottom: 6px;
}

.goToExam p {
  color: var(--Neutral-Colors-Gray, #787F7F);
  font-size: 12px;
  font-weight: 400;
}

.goToExam .btn-blue {
  border-radius: 4px;
  background: var(--Primary-Colors-Algea, #0C838F);
  max-width: 180px;
  width: 100%;
  padding: 0 24px;
  min-height: 40px;
  color: var(--Neutral-Colors-White, #FFF);
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.btn-green {
  border-radius: 220px;
  background: var(--Primary-Colors-Algea, #0c838f);
  width: 100%;
  padding: 0 24px;
  min-height: 44px;
  color: var(--Neutral-Colors-White, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.btn-green:hover {
  background: #076973;
  color: #fff;
}

.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;
}

.footer-info {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid #ECEDED;
  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;
}