@font-face {
  font-display: swap;
  font-family: "DigiLoginVazirmatn";
  font-style: normal;
  font-weight: 100 900;
  src: url("../fonts/vazirmatn.woff2") format("woff2");
}

.digilogin-auth {
  font-family: inherit;
  margin-top: 1.25rem;
  text-align: right;
  --digilogin-auth-accent: #169bd7;
  --digilogin-auth-accent-dark: #0878b7;
  --digilogin-auth-text: #263846;
  --digilogin-auth-muted: #6d7f8c;
}

.digilogin-auth input,
.digilogin-auth button,
.digilogin-auth select,
.digilogin-auth textarea {
  font-family: inherit;
}

.digilogin-auth [hidden] {
  display: none !important;
}

.digilogin-auth-card {
  background: #ffffff;
  border: 1px solid #d7e4ea;
  border-radius: 8px;
  padding: 1.25rem;
  box-shadow: 0 1px 2px rgba(24, 43, 54, 0.05);
}

body.digilogin-auth-shell-page {
  background: #f5f7f9 !important;
  margin: 0 !important;
  overflow: hidden;
}

body.digilogin-auth-shell-page #header,
body.digilogin-auth-shell-page header,
body.digilogin-auth-shell-page #footer,
body.digilogin-auth-shell-page footer,
body.digilogin-auth-shell-page .breadcrumb,
body.digilogin-auth-shell-page .breadcrumb_wrapper,
body.digilogin-auth-shell-page .breadcrumb_nav,
body.digilogin-auth-shell-page .breadcrumb_spacing,
body.digilogin-auth-shell-page .page-header,
body.digilogin-auth-shell-page .page-footer,
body.digilogin-auth-shell-page [id^="page_banner_container_"],
body.digilogin-auth-shell-page #notifications,
body.digilogin-auth-shell-page .block_newsletter,
body.digilogin-auth-shell-page .footer-container,
body.digilogin-auth-shell-page .notifications-container,
body.digilogin-auth-shell-page .full_width_top_container,
body.digilogin-auth-shell-page .full_width_top2_container,
body.digilogin-auth-shell-page .wrapper_top_container,
body.digilogin-auth-shell-page #content > hr,
body.digilogin-auth-shell-page .page-content > hr,
body.digilogin-auth-shell-page .page_heading,
body.digilogin-auth-shell-page.digilogin-auth-shell-ready .no-account,
body.digilogin-auth-shell-page.digilogin-auth-shell-ready #register_form_block,
body.digilogin-auth-shell-page.digilogin-auth-shell-ready .register_form_block,
body.digilogin-auth-shell-page .digilogin-auth-shell-hidden {
  display: none !important;
}

body.digilogin-auth-shell-page #wrapper,
body.digilogin-auth-shell-page #body_wrapper,
body.digilogin-auth-shell-page #columns,
body.digilogin-auth-shell-page #center_column,
body.digilogin-auth-shell-page #main,
body.digilogin-auth-shell-page main,
body.digilogin-auth-shell-page #content,
body.digilogin-auth-shell-page .page-content,
body.digilogin-auth-shell-page #content-wrapper,
body.digilogin-auth-shell-page #wrapper > .container,
body.digilogin-auth-shell-page main > .container,
body.digilogin-auth-shell-page .container,
body.digilogin-auth-shell-page .row {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

body.digilogin-auth-shell-page #main,
body.digilogin-auth-shell-page #wrapper,
body.digilogin-auth-shell-page #body_wrapper,
body.digilogin-auth-shell-page #columns,
body.digilogin-auth-shell-page #center_column,
body.digilogin-auth-shell-page #content,
body.digilogin-auth-shell-page .page-content,
body.digilogin-auth-shell-page #content-wrapper,
body.digilogin-auth-shell-page #wrapper > .container,
body.digilogin-auth-shell-page main > .container,
body.digilogin-auth-shell-page .container,
body.digilogin-auth-shell-page .row {
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

body.digilogin-auth-shell-page .digilogin-login-page {
  margin: 0 !important;
  padding: 0 !important;
}

body.digilogin-auth-shell-page.digilogin-auth-shell-ready .login-form:not(.digilogin-auth-password-form),
body.digilogin-auth-shell-page.digilogin-auth-shell-ready #login_form_block:not(.digilogin-auth-password-form),
body.digilogin-auth-shell-page.digilogin-auth-shell-ready .login_form_block:not(.digilogin-auth-password-form),
body.digilogin-auth-shell-page.digilogin-auth-shell-ready #login-form:not(.digilogin-auth-password-form) {
  display: none !important;
}

.digilogin-auth--auth-shell {
  inset: 0;
  margin: 0;
  max-width: none;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
  position: fixed;
  width: auto;
  z-index: 30;
}

.digilogin-auth-shell {
  background: #f5f7f9;
  direction: ltr;
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(420px, 1fr);
  min-height: 100vh;
  min-height: 100dvh;
  width: 100%;
}

.digilogin-auth-brand-panel {
  align-items: center;
  background: linear-gradient(135deg, var(--digilogin-auth-accent), var(--digilogin-auth-accent-dark));
  display: flex;
  justify-content: center;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 2rem;
}

.digilogin-auth-brand-lockup {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 14rem;
  opacity: 1;
  text-decoration: none !important;
  transition: opacity 0.15s ease;
  width: min(72%, 18rem);
}

.digilogin-auth-brand-lockup:hover,
.digilogin-auth-brand-lockup:focus {
  opacity: 0.85;
}

.digilogin-shell-logo-large,
.digilogin-auth-mobile-logo img {
  display: block;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.digilogin-shell-logo-large {
  filter: brightness(0) invert(1) drop-shadow(0 10px 28px rgba(0, 0, 0, 0.14));
  max-height: 14rem;
}

.digilogin-shell-logo-fallback {
  color: #ffffff;
  font-size: 2.1rem;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
}

.digilogin-auth-flow-panel {
  align-items: flex-start;
  background: #f7f8fa;
  display: flex;
  justify-content: center;
  max-height: 100vh;
  max-height: 100dvh;
  min-height: 100vh;
  min-height: 100dvh;
  overflow-y: auto;
  padding: clamp(1rem, 3vh, 2.25rem) clamp(2rem, 6vw, 5rem);
}

.digilogin-auth-flow {
  margin: auto 0;
  max-width: 34rem;
  width: 100%;
}

.digilogin-auth-mobile-logo {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 0 clamp(1rem, 3vh, 1.6rem);
  min-height: 2.8rem;
  opacity: 1;
  text-decoration: none !important;
  transition: opacity 0.15s ease;
}

.digilogin-auth-mobile-logo:hover,
.digilogin-auth-mobile-logo:focus {
  opacity: 0.85;
  text-decoration: none !important;
}

.digilogin-auth-mobile-logo img {
  max-height: 3.8rem;
  max-width: 14rem;
}

.digilogin-auth-mobile-logo strong {
  color: var(--digilogin-auth-text);
  font-size: 1.7rem;
  font-weight: 800;
}

.digilogin-auth--auth-shell .digilogin-auth-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.digilogin-auth--auth-shell .digilogin-auth-heading {
  margin-bottom: 0.95rem;
  text-align: center;
}

.digilogin-auth--auth-shell .digilogin-auth-heading h2 {
  color: var(--digilogin-auth-text);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.7;
}

.digilogin-auth--auth-shell .digilogin-auth-heading p {
  color: var(--digilogin-auth-muted);
  font-size: 0.95rem;
}

.digilogin-auth--auth-shell .digilogin-inline-field {
  grid-template-columns: 1fr;
}

.digilogin-auth--auth-shell label {
  color: var(--digilogin-auth-text);
}

.digilogin-auth--auth-shell input {
  background: #ffffff;
  border: 1px solid #b8d6e5;
  border-radius: 5px;
  box-sizing: border-box;
  color: var(--digilogin-auth-text);
  height: 3rem;
  min-height: 3rem;
  padding: 0.65rem 0.9rem;
}

.digilogin-auth--auth-shell input:-webkit-autofill,
.digilogin-auth--auth-shell input:-webkit-autofill:hover,
.digilogin-auth--auth-shell input:-webkit-autofill:focus {
  background-color: #ffffff !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  caret-color: var(--digilogin-auth-text);
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: var(--digilogin-auth-text);
  transition: background-color 9999s ease-out 0s;
}

.digilogin-auth--auth-shell input:focus {
  border-color: var(--digilogin-auth-accent);
  box-shadow: 0 0 0 3px rgba(22, 155, 215, 0.14);
  outline: 0;
}

.digilogin-auth--auth-shell .digilogin-send-button,
.digilogin-auth--auth-shell .digilogin-verify-button,
.digilogin-auth--auth-shell .digilogin-password-submit {
  background: var(--digilogin-auth-accent);
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  height: 3rem;
  line-height: 1.4;
  min-height: 3rem;
  padding: 0.65rem 0.9rem;
  width: 100%;
}

.digilogin-auth--auth-shell .digilogin-send-button:hover,
.digilogin-auth--auth-shell .digilogin-verify-button:hover,
.digilogin-auth--auth-shell .digilogin-password-submit:hover,
.digilogin-auth--auth-shell .digilogin-send-button:focus,
.digilogin-auth--auth-shell .digilogin-verify-button:focus,
.digilogin-auth--auth-shell .digilogin-password-submit:focus {
  background: var(--digilogin-auth-accent-dark);
  color: #ffffff;
}

.digilogin-mode-switch {
  border-top: 1px solid #e1e7ec;
  display: grid;
  gap: 0.65rem;
  margin-top: 0.95rem;
  padding-top: 0.9rem;
}

.digilogin-secondary-button {
  align-items: center;
  appearance: none;
  background: #ffffff !important;
  border: 1px solid #b8d6e5 !important;
  border-radius: 4px;
  box-shadow: none !important;
  box-sizing: border-box;
  color: var(--digilogin-auth-accent-dark) !important;
  cursor: pointer;
  display: flex;
  font-size: 0.95rem;
  font-weight: 700;
  height: 2.85rem;
  justify-content: center;
  line-height: 1.5;
  min-height: 2.85rem;
  padding: 0.55rem 0.9rem;
  text-align: center;
  text-decoration: none !important;
  width: 100%;
}

.digilogin-secondary-button:hover,
.digilogin-secondary-button:focus {
  background: #eef8fc !important;
  border-color: var(--digilogin-auth-accent) !important;
  color: var(--digilogin-auth-accent-dark) !important;
  outline: 0;
}

.digilogin-secondary-button:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.digilogin-password-form {
  display: grid;
  gap: 0.65rem;
  margin: 0;
}

.digilogin-password-form label {
  display: block;
  margin: 0;
}

.digilogin-password-form input,
.digilogin-password-form .digilogin-password-submit {
  width: 100%;
}

.digilogin-password-form .digilogin-password-submit {
  margin-top: 0.2rem;
}

.digilogin-password-form .digilogin-secondary-button {
  margin-top: 0.2rem;
}

.digilogin-password-form .digilogin-message {
  margin-top: 0.2rem;
}

.digilogin-recovery-card .digilogin-message {
  margin-bottom: 0.8rem;
}

.digilogin-recovery-form {
  margin-top: 0.95rem;
}

.digilogin-forgot-password {
  display: block;
  font-size: 0.9rem;
  margin-top: 0.2rem;
  text-align: center;
}

.digilogin-return-login {
  margin-top: 1rem;
}

.digilogin-auth-heading h2 {
  color: #243642;
  font-size: 1.15rem;
  line-height: 1.7;
  margin: 0 0 0.25rem;
}

.digilogin-auth-heading p,
.digilogin-otp-note {
  color: #657987;
  font-size: 0.9rem;
  line-height: 1.8;
  margin: 0 0 1rem;
}

.digilogin-auth label {
  color: #344854;
  display: block;
  font-size: 0.9rem;
  font-weight: 600;
  margin: 0 0 0.35rem;
}

.digilogin-auth input {
  direction: rtl;
  text-align: right;
  width: 100%;
}

.digilogin-auth input[type="tel"],
.digilogin-auth input[name="code"] {
  direction: ltr;
  text-align: left;
}

.digilogin-inline-field {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr) auto;
}

.digilogin-verify-form {
  display: grid;
  gap: 0.85rem;
}

.digilogin-otp-step {
  display: grid;
  gap: 0.85rem;
}

.digilogin-registration-fields {
  border-top: 1px solid #e4edf1;
  display: grid;
  gap: 0.65rem;
  margin-top: 0;
  padding-top: 1rem;
}

.digilogin-registration-title {
  color: #1d6f88;
  font-size: 0.95rem;
  font-weight: 700;
}

.digilogin-required {
  color: #d94b5b;
  margin-right: 0.2rem;
}

.digilogin-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.digilogin-secondary-actions {
  display: grid;
}

.digilogin-change-mobile {
  align-items: center;
  background: #ffffff !important;
  border: 1px solid #b8d6e5 !important;
  border-radius: 4px;
  box-shadow: none !important;
  box-sizing: border-box;
  color: var(--digilogin-auth-accent-dark) !important;
  display: flex;
  font-weight: 700;
  height: 2.75rem;
  justify-content: center;
  line-height: 1.5;
  padding: 0.55rem 0.9rem;
  text-decoration: none !important;
  width: 100%;
}

.digilogin-change-mobile:hover,
.digilogin-change-mobile:focus {
  background: #eef8fc !important;
  border-color: var(--digilogin-auth-accent) !important;
  color: var(--digilogin-auth-accent-dark) !important;
}

.digilogin-otp-timer-row {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.digilogin-otp-timer-text {
  background: #f7fafb;
  border: 1px solid #dce8ed;
  border-radius: 6px;
  color: #526978;
  font-size: 0.9rem;
  line-height: 1.8;
  padding: 0.55rem 0.75rem;
}

.digilogin-recaptcha-fallback {
  background: #f7fafb;
  border: 1px solid #dce8ed;
  border-radius: 6px;
  display: grid;
  gap: 0.5rem;
  justify-items: start;
  margin-top: 0.75rem;
  padding: 0.75rem;
}

.digilogin-recaptcha-hint {
  color: #526978;
  font-size: 0.85rem;
  line-height: 1.7;
}

.digilogin-resend-button {
  appearance: none;
  background: #f7fafb !important;
  border: 1px solid #dce8ed !important;
  border-radius: 6px;
  box-shadow: none !important;
  color: var(--digilogin-auth-accent-dark) !important;
  font-weight: 700;
  line-height: 1.7;
  min-height: 0;
  outline: 0;
  padding: 0.55rem 0.75rem !important;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  width: 100%;
}

.digilogin-resend-button:not([disabled]):hover,
.digilogin-resend-button:not([disabled]):focus {
  background: #eef5f8 !important;
  border-color: var(--digilogin-auth-accent) !important;
  color: var(--digilogin-auth-accent) !important;
  text-decoration: none !important;
}

.digilogin-resend-button[disabled] {
  color: #8b9ba5 !important;
  cursor: not-allowed;
  opacity: 0.85;
  text-decoration: none;
}

.digilogin-message {
  border-radius: 6px;
  font-size: 0.9rem;
  line-height: 1.8;
  margin-top: 0.75rem;
  min-height: 0;
  padding: 0;
}

.digilogin-verify-form .digilogin-message {
  margin-top: 0;
}

.digilogin-message.is-success,
.digilogin-message.is-error {
  padding: 0.65rem 0.8rem;
}

.digilogin-message.is-success {
  background: #eaf7ef;
  border: 1px solid #b8e2c4;
  color: #20733c;
}

.digilogin-message.is-error {
  background: #fff0f0;
  border: 1px solid #efb2b2;
  color: #a83a3a;
}

.digilogin-login-page {
  margin: 2rem auto;
  max-width: 520px;
}

@media (max-width: 575px) {
  .digilogin-inline-field {
    grid-template-columns: 1fr;
  }

  .digilogin-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .digilogin-actions .btn,
  .digilogin-send-button {
    width: 100%;
  }
}

@media (max-width: 767px) {
  body.digilogin-auth-shell-page {
    overflow: visible;
  }

  .digilogin-auth--auth-shell {
    inset: auto;
    overflow: visible;
    position: static;
  }

  .digilogin-auth-shell {
    grid-template-columns: 1fr;
  }

  .digilogin-auth-brand-panel {
    min-height: 10rem;
    padding: 1.5rem;
  }

  .digilogin-auth-brand-lockup {
    min-height: 6rem;
    width: min(70%, 13rem);
  }

  .digilogin-shell-logo-large {
    max-height: 7rem;
  }

  .digilogin-auth-flow-panel {
    align-items: flex-start;
    max-height: none;
    min-height: calc(100vh - 10rem);
    min-height: calc(100dvh - 10rem);
    overflow-y: visible;
    padding: 2rem 1.25rem;
  }

  .digilogin-auth-mobile-logo {
    display: none;
  }
}