.t500-erp-login-container {
  display: grid;
  grid-template-columns: 45% 55%;
  min-height: 100vh;
  background: black;
  color: white;
  margin: unset !important;
}

.t500-erp-shortcode-authentication {
  display: flex;
  align-items: center;
  justify-content: center;
}

.t500-erp-login-container > div:first-of-type {
  padding: 18% 14%;
}

.bg-image {
  padding: 4% 4% 0% 10%;
  background-image: url("https://staging-erp.talent500.co/demo/wp-content/uploads/sites/2/2024/07/Background_Login2.webp");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}

.logo-ctn {
  padding-bottom: 40px;
  display: flex;
  justify-content: flex-end;
}

.logo {
  width: 25%;
}

.welcome-text {
  font-size: 30px;
  font-weight: 700;
}

.sub-text {
  font-size: 30px;
  font-weight: 400;
}

.login-text {
  padding: 4% 0;
  font-size: 16px;
}

.reset-password-heading {
  font-size: 30px;
  font-weight: 700;
  color: white;
}

.reset-password-sub-heading {
  padding: 20px 0;
}

@media screen and (max-width: 980px) {
.t500-erp-login-container {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  height: unset;
}

.t500-erp-login-container > div:first-of-type {
  padding: 20px 14px;
}

.container {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: flex-end;
  row-gap: 40px;
}

.bg-image {
  padding: 4% 4% 0% 0%;
  width: 100%;
  height: 600px;
}

.t500-erp-login-sub-container {
  display: none;
}

.logo {
  width: 20%;
}
}

@media screen and (max-width: 720px) {
.bg-image {
  height: 400px;
}

.logo {
  width: 25%;
}
}