@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap");
body, * {
  font-family: "Assistant", sans-serif;
}

#Sylla-LoginPage button[type=submit] {
  background-color: var(--bb-primary-color) !important;
  font-size: 22px;
  height: 44px;
}

#Sylla-LoginPage .loginBox {
  width: 26vw;
}

#Sylla-LoginPage .chkbox {
  border-radius: 50%;
}

#Sylla-LoginPage .loginBox .top .logo {
  margin-bottom: clamp(20px, 3vw, 50px);
}

.user-submit {
  color: var(--sylla-primary-button-text-color, #fff) !important;
  width: 100%;
  font-weight: bold;
  padding: 11px;
  background-color: var(--bb-primary-color, #001EF5) !important;
  line-height: 1;
  border-radius: 4px !important;
  min-height: 44px;
  font-size: 22px;
  border: 0 solid var(--brand-primary, #001EF5) !important;
  font-family: "Assistant", sans-serif;
}

[name=send-otp]:hover {
  background-color: var(--sylla-primary-button-background-hover, #001EF5);
}

[name=send-otp] {
  font-size: 22px;
}

.send-otp-wrap {
  margin-bottom: 20px;
}

.otp-login-info {
  direction: rtl;
  text-align: center;
  background-color: #e0f3ff;
  border: 2px solid #66bfff;
  padding: 24px;
  margin-bottom: 30px;
  font-size: 20px;
  color: #004085;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  font-family: "Assistant", sans-serif;
  line-height: 1.8;
}

.otp-login-info strong {
  color: #003366;
}

/*# sourceMappingURL=max-fix.css.map */