/* @font-face {
  font-family: "SF-Arabic";
  src: url("../admin/fonts/SF-Arabic.ttf");
} */

/* @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); */
@font-face {
  font-family: "Ping AR + LT";
  src: url("../../fonts/PingARLT-Regular.woff2") format("woff2"), url("../../fonts/PingARLT-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ping AR + LT";
  src: url("../../fonts/PingARLT-Medium.woff2") format("woff2"), url("../../fonts/PingARLT-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ping AR + LT";
  src: url("../../fonts/PingARLT-Bold.woff2") format("woff2"), url("../../fonts/PingARLT-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ping AR + LT";
  src: url("../../fonts/PingARLT-Light.woff2") format("woff2"), url("../../fonts/PingARLT-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Ping AR + LT", sans-serif;
  margin: 0;
}

* {
  font-family: "Ping AR + LT", sans-serif;
}

.form-group {
  position: relative;
}


.login_wrapper {
  position: relative;
  min-height: 100vh;
  /* background-color: rgb(242, 245, 247); */
  background-color: #f7f7f8;
  overflow-x: hidden;
  display: flex;
  -webkit-box-pack: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding-top: 80px;
}

.login_wrapper::before {
  content: ' ';
  /* background-color: rgba(15, 11, 51, .6); */
  background-image: url('../../images/login-slides/bg-pattern.png');
  background-repeat: no-repeat;
  width: 30rem;
  height: 100%;
  /* border-radius: 9999px; */
  opacity: 1;
  /* filter: blur(110px) brightness(1) contrast(1) grayscale(0) hue-rotate(0deg) invert(0) saturate(1) sepia(0) drop-shadow(0 0 #0000); */
  position: absolute;
  bottom: 0;
  /* top: 50%;
  transform: translateY(-50%); */
  left: 0;
  background-size: 100% 100%;
}

/* .login_wrapper::after {
  content: '';
  background-image: url(../dashboard_assets/assets/images/logo/review-logo.png);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100px;
  width: 300px;
  height: 300px;
  background-size: 100% 100%;
  opacity: 0.09;
} */

@media (max-width: 768px) {
  input {
    filter: none;
  }

  .login_wrapper::before {
    display: none;
  }
}

input {
  will-change: filter;
}

/* .login_wrapper::after {
  content: ' ';
  background-color: rgba(109, 111, 204, .6);
  width: 30rem;
  height: 30rem;
  border-radius: 9999px;
  opacity: .5;
  filter: blur(110px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20%;
} */

.login_wrapper .lang_wrapper {
  width: 28.2%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding: 5px 0;
}

.login_wrapper .lang_wrapper .lang_link {
  display: flex;
  align-items: center;
  direction: ltr;
  gap: 9px;
  font-size: 14px;
  color: #111;
  font-weight: 500;
}

.login_wrapper .lang_wrapper .lang_link svg,
.login_wrapper .lang_wrapper .lang_link path {
  fill: #111;
}

.login_wrapper .login_wrapper_inner {
  position: relative;
  z-index: 2;
  border-radius: 15px;
  padding: 40px 24px;
  background-color: #fff;
  border: 1px solid #f0f2f5;
  overflow: hidden;
  width: 100%;
  max-width: 30%;
  margin: 0px auto;
  /* flex: 1; */
  /* height: 100%; */
  /* margin-inline-start: 15% !important; */
  /* max-width: 38%; */
}





.login_wrapper .form-group label {
  margin-bottom: 0.8rem;
  font-size: 15px;
}


.password-wrapper {
  position: relative;
}

.form-group {
  margin-bottom: 26px;
}

.login_wrapper .m-logo {
  padding: 10px 16px 16px;
  /* margin-bottom: 16px; */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  top: -30px;
}

.login_wrapper .m-title {
  margin-bottom: 40px;
}

.login_wrapper .m-title p {
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  color: #323643;
  text-align: center;
}

.login_wrapper .m-title h3 {
  font-size: 1.5rem;
  line-height: 2.125rem;
  /* font-weight: 700; */
  letter-spacing: -0.24px;
  display: block;
  color: #111;
  text-align: center;
}

.login_wrapper .m-forget-password {
  text-align: left;
  margin: 0 0 0 0;
}

.login_wrapper .m-forget-password a {
  color: #111;
  text-decoration: none;
}

.login_wrapper .form-group input {
  border-radius: 8px;
  padding: 0 16px;
  background-color: #fff;
  border: 1px solid #efeff1;
  font-size: 14px;
  color: #141316;
  height: 55px;
  width: 100%;
}

.login_wrapper .form-group input::placeholder {
  opacity: 1;
}

.login_wrapper .form-group select {
  border-radius: 8px;
  padding: 16px;
  background-color: #fff;
  border: 1px solid #efeff1;
  font-size: 14px;
  color: #141316;
  height: 55px;
}

.login_wrapper .form-group select.form-control:not([size]):not([multiple]) {
  height: auto;
}

.login_wrapper .form-group input:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 1px rgb(0 0 0 / 10%);

}

.m-submit-btn {
  margin-top: 26px;
}

.m-submit-btn button,
.m-submit-btn a {
  display: flex;
  background-color: #000;
  padding: 15px 16px;
  color: #fff;
  width: 100%;
  border-radius: 11px;
  text-align: center;
  height: 52.5px;
  align-items: center;
  justify-content: center;
  border: 0;
}

.login_wrapper .form-group input[type="submit"] {
  display: flex;
  background-color: #000;
  padding: 15px 16px;
  color: #fff;
  width: 100%;
  border-radius: 11px;
  text-align: center;
  height: 52.5px;
  align-items: center;
  justify-content: center;
  border: 0;
}

.m-new-register {
  margin-top: 20px;
  text-align: center;
}

.m-new-register a {
  color: #111;
  font-weight: 500;

}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  box-shadow: 0 0 0 4px #fecdca !important;
}

.invalid-feedback {
  width: 100% !important;
  padding: 5px 0 !important;
  position: absolute !important;
  font-size: 9px !important;
  margin: 0 !important;
  top: 100%;
}


.has-spinner-link {
  position: relative;
}

.has-spinner-link.loading .button_text {
  opacity: 0;
}

/* .has-spinner-link.loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  margin: -13px 0 0 -14px;
  border-radius: 50%;
  border: 2px solid white;
  border-top-color: transparent;
  animation: spin 1s linear infinite;
} */

.has-spinner-link.loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  z-index: 2;
  background-image: url('loading-new.gif');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


.footer_links {
  display: block;
  padding: 20px 0px;
  width: 30%;
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.footer_links ul {
  padding: 0;
  margin: 0;
}

.footer_links li {
  display: inline-block;
}

.footer_links li a {
  padding: 8px 10px;
  color: #6c757d;
  border-radius: 8px;
  text-decoration: none;
  background-color: rgba(178, 178, 178, 0.08);
  color: #1f1f1f;

}

/* 
.footer_links li a:hover {
  background-color: rgba(68, 71, 70, 0.08);
  color: #1f1f1f;
}
*/

@media(max-width: 1400px) {
  .login_wrapper .login_wrapper_inner {
    max-width: 40%;
    
  }

  .footer_links {
    width: 40%;
  }
}

@media(max-width: 991px) {
  .login_wrapper {
    /* padding-top: 0; */
    justify-content: flex-start;
  }

  .login_wrapper .lang_wrapper {
    width: 70%;
  }

  .login_wrapper .login_wrapper_inner,
  .login_wrapper.register_wrapper .login_wrapper_inner {
    max-width: 70%;
  }

  .login_wrapper.register_wrapper .login_wrapper_inner {
    max-width: 70% !important;
  }

  .footer_links {
    width: 70%;
  }


  .login_wrapper::after {
    left: -60%;
  }

  .login_wrapper::before {
    right: -60%;
  }

}

@media(max-width: 576px) {
  .login_wrapper {
    /* padding-top: 0; */
    justify-content: flex-start;
  }

  .login_wrapper .lang_wrapper {
    width: 90%;
  }

  .login_wrapper .login_wrapper_inner {
    max-width: 90%;
  }

  .login_wrapper.register_wrapper .login_wrapper_inner {
    max-width: 90% !important;
  }

  .footer_links {
    width: 90%;
  }
}


.login_wrapper .stepwizard-step {
  display: block;
  top: 0 !important;
}

.login_wrapper .setup-content .stepwizard-step .header-button {
  top: 0 !important;
}

.login_wrapper .header-button a {
  top: 0 !important;
}

.chk-btns input[type='radio'] {
  height: auto;
}


.modal_styles .form-group input {
  border-radius: 8px;
  padding: 16px;
  background-color: #fff;
  border: 1px solid #efeff1;
  font-size: 14px;
  color: #141316;
  height: 55px;
}

.modal_styles .form-group input[type="submit"] {
  color: #fff;
  padding: 15px 16px;
  height: auto;
  border-radius: 11px;
  margin-top: 0;
}

.modal_styles .form-group input:focus {
  border-color: #111;
  outline: 0;
  box-shadow: 0 0 0 4px rgb(0 0 0 / 10%)
}

.m-submit-btn {
  margin: 20px 0;
}

.modal_styles .m-submit-btn {
  display: block;
  background: linear-gradient(to left, rgba(111, 113, 205, 0.95) 0%, rgba(70, 72, 159, 0.95) 90%);
  padding: 15px 16px;
  color: #fff;
  width: 100%;
  border-radius: 11px;
  text-align: center;
}

.modal_styles .submit_wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
}

.modal_styles .loaderIconWrapper {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  background: linear-gradient(to left, rgba(111, 113, 205, 0.95) 0%, rgba(70, 72, 159, 0.95) 90%);
  height: 52px;
  border-radius: 11px;
}

.modal_styles .submit_wrapper .loading_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: brightness(0.8);
}

.modal_styles .modal-header {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.modal_styles .modal-content {
  border-radius: 15px;
}

.modal_styles .modal-content {
  border: 0;
}

.modal_styles .modal-title {
  font-weight: 700;
  color: #111;
  letter-spacing: -0.24px;
  font-size: 1.5rem;
  line-height: 2.125rem;
}

.modal-backdrop,
.sweet-overlay {
  background-color: rgba(6, 23, 51, 0.4) !important;
  /* opacity: 1 !important; */
}

/* .modal-backdrop:last-child {
  display: none !important;
} */

.modal-backdrop:nth-of-type(2) {
  display: none !important;
}

.modal-backdrop:nth-child(2n-1) {
  opacity: 0;
}

/* Register Progress */

.register-steps {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0 15px;
  margin-bottom: 30px;
}

.register-steps .register-steps_step {
  /* flex: 1; */
}

.register-steps .register-steps_step.one {
  width: 75%;
  /* flex: 1; */
}

.register-steps .register-steps_step.two {
  width: 35%;
}

.register-steps .register-steps_step.two p {
  opacity: 0;
}

.register-steps .register-steps_step p {
  font-size: 0.9rem;
  line-height: 2.125rem;
  font-weight: 500;
  letter-spacing: -0.24px;
  display: block;
  color: #111;
  margin-bottom: 3px;
}

.register-steps .register-steps_step .step_line {
  display: block;
  background-color: #e4e7ec;
  /* background-color: #111; */
  border-radius: 10px;
  height: 8px;
}


.register-steps .register-steps_step.two .step_line {
  background-color: #e4e7ec;
}

.register-steps .register-steps_step.active .step_line {
  background: linear-gradient(to left, rgba(111, 113, 205, 0.95) 0%, rgba(70, 72, 159, 0.95) 90%);
  /* background-color: #111; */
}

.register-steps .register-steps_step.two.active p {
  opacity: 1;
}

#step-2 .register-steps {
  padding: 0;
}

/*  */

.login_wrapper.register_wrapper .login_wrapper_inner {
  position: relative;
  padding: 20px 24px;
  width: 100%;
  max-width: 30%;
}

.login_wrapper.register_wrapper .login_wrapper_inner .m-title {
  margin-bottom: 30px;
  ;
}

.login_wrapper.register_wrapper .header-button a {
  margin-bottom: 20px;
}

.login_wrapper.register_wrapper .m-new-register {
  margin-top: 0;
}

/* .login_wrapper.register_wrapper .footer_links {
  width: 30%;
} */

#country_id_wrapper .select2-container .select2-results__option>span {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  direction: ltr;
  justify-content: space-between;

}

#country_id_wrapper .select2-container .select2-results__option .img-flag {
  order: 3;
}

#country_id_wrapper .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #f7f7f8;
  padding: 10px;
  height: 35px;
  border-radius: 8px;
  background: #f7f7f8;
  outline: none;
  box-shadow: none;
}


#country_id_wrapper .select2-selection__rendered .img-flag {
  margin: 0 3px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}


.selectWithArrow {
  position: relative;
}

.selectWithArrow .arrow-down {
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 2;
  transform: translateY(-50%);
}


.select2-container--default .select2-selection--single .select2-selection__arrow>b {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::before {
  content: "\e842";
  font-family: feather !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;

}


@media (min-width: 576px) {
  .modal_styles .modal-dialog {
    max-width: 30%;
  }
}


.text-danger,
.text-success {
  color: red !important;
  font-size: 12px !important;

}


.toggle-password {
  position: absolute;
  top: 45%;
  left: 5%;
  transform: translateY(-50%);
  font-size: 16px;
  height: 100%;
  line-height: 60px;
  cursor: pointer;
}



.back_btn {
  padding: 8px 10px;
  border-radius: 8px;
  text-decoration: none;
  background-color: #EFF1F7;
  color: #171717;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: max-content;
  position: relative;
  top: -18px;

}

/* New Tabs */
/* 
.nav-tabs {
  padding: 0;
  margin: 0 0 26px 0;
  border-radius: 8px;
}

.nav-tabs .nav-item {
  flex: 1;
  width: 50%;
}

.nav-tabs .nav-item .nav-link {
  width: 100%;
  border-radius: 0;
  border: 0;
  color: #141316;
  padding: 14px 0;
  border: 1px solid #000;
}


.nav-tabs .nav-item:first-child .nav-link {
  border-radius: 0 10px 10px 0;
  border-left: 0;
}

.nav-tabs .nav-item:last-child .nav-link {
  border-radius: 10px 0 0 10px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: #000;
  color: #fff;
} */

.iti__country-list {
  left: 0;
}

.iti__selected-flag {
  padding: 0 10px 0 10px;
}


.iti--separate-dial-code .iti__selected-dial-code {
    margin-bottom: 0;
    margin-top: 4px;
}

.dark-logo {
  display: none;
}


.agree-terms {
  font-size: 13px;
}

.agree-terms a {
  color: #000;
}



.resend_code {
  max-width: 436px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 20px 0 30px;
}
.resend_code > a {
  text-align: center;
  color: #312E43;
  text-decoration: none;
}
.resend_code #countdowntimer {
  text-align: center;
}
.resend_code .resend_link {
  color: #717171;
  font-size: 14px;
}

.verificationInput {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row-reverse;
}
.verificationInput input {
  background-color: #F7F8FB;
  border-radius: 10px;
  width: 75px !important;
  height: 60px !important;
  font-size: 17px;
  outline: none;
  text-align: center;
  box-shadow: none;
  padding: 0;
  margin: 0 !important;
  appearance: textfield;
  -webkit-appearance: textfield;
  border: 1px solid #eeeeee;
  font-size: 20px !important;
  /* padding: 8px 16px 0px !important; */
}
.verificationInput input::-webkit-outer-spin-button, .verificationInput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.verificationInput input:last-child {
  margin-right: 0;
}
.verificationInput input:focus {
  border: 1px solid #101010;
}
@media (max-width: 576px) {
  .verificationInput input {
    width: 60px !important;
    height: 50px !important;
    margin: 0 35px 0 0;
    padding: 0;
  }
}
@media (max-width: 376px) {
  .verificationInput input {
    margin: 0 22px 0 0;
  }
}