.login-page-container {
  width: 100%;

  height: 100vh;

  background-color: var(--second-color);

  padding: 30px 0px;
}

.login-container-box {
  background-color: #fff;

  border: dashed 2px #b4b4b4;

  padding: 20px 20px;

  width: 100%;

  max-width: 1100px;

  margin: auto;
}

.login-logo {
  width: 100%;

  max-width: 80px;
}

.login-container-box h3 {
  font-size: 30px;

  font-weight: 700;

  color: #000000;

  margin-top: 20px;

  margin-bottom: 0px;
}

.login-container-box p {
  font-size: 14px;

  font-weight: 500;

  color: #000000;
}

.login-container-box span {
  color: var(--first-color);
}

@media only screen and (max-width: 992px) {
  .login-page-image-show {
    flex-direction: column-reverse;
  }

  .login-page-container {
    padding: 0px 0px 0px 0px !important;
  }

  .login-main-image {
    margin-bottom: 20px;
  }

  .login-container-box h3 {
    margin-top: 5px;
  }
}