/* Stage 1 Malay language support: login page layout. */
html[lang="ms"] .login-hero {
  height: auto;
  min-height: 220px;
}

html[lang="ms"] .login-hero__copy {
  top: 58px;
  left: 29px;
  width: 205px;
  max-width: calc(100% - 185px);
}

html[lang="ms"] .login-hero__copy h1 {
  font-size: clamp(22px, 6.2vw, 25px);
  line-height: 1.28;
  letter-spacing: -.35px;
  overflow-wrap: anywhere;
}

html[lang="ms"] .login-hero__copy p {
  margin-top: 7px;
  font-size: clamp(11px, 3.1vw, 12.5px);
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[lang="ms"] .login-hero > img {
  right: 5px;
  width: clamp(145px, 39vw, 155px);
  height: 138px;
}

html[lang="ms"] .login-card {
  height: auto;
  padding-top: 27px;
  padding-bottom: 27px;
}

html[lang="ms"] .login-card__title {
  min-height: 55px;
  margin-bottom: 23px;
  text-align: center;
}

html[lang="ms"] .login-card__title h2 {
  max-width: 100%;
  font-size: 17px;
  line-height: 23px;
  overflow-wrap: anywhere;
}

html[lang="ms"] .login-options {
  min-height: 28px;
  gap: 12px;
  font-size: 12px;
  line-height: 17px;
}

html[lang="ms"] .login-options > a {
  max-width: 48%;
  text-align: right;
  overflow-wrap: anywhere;
}

html[lang="ms"] .remember {
  min-width: 0;
  max-width: 50%;
}

html[lang="ms"] .login-card .ui-button {
  height: auto;
  min-height: 54px;
  padding: 13px 20px;
  line-height: 20px;
  white-space: normal;
}

html[lang="ms"] .legal {
  margin-right: 0;
  margin-left: 0;
  font-size: 11px;
  line-height: 18px;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[lang="ms"] .login-register {
  margin-right: 18px;
  margin-left: 18px;
  font-size: 13px;
  line-height: 20px;
  overflow-wrap: anywhere;
}

html[lang="ms"] .login-register a {
  margin-left: 10px;
}

@media (max-width: 350px) {
  html[lang="ms"] .login-hero__copy {
    left: 24px;
    width: 180px;
  }

  html[lang="ms"] .login-card {
    margin-right: 18px;
    margin-left: 18px;
  }
}