.container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
.login-page-container01 {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.leftside-container {
  width: 60%;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  justify-content: center;
  background-image: url("public/loging-hero-bg-900w.png"),linear-gradient(90deg, rgb(23, 119, 172) 0.00%,rgb(23, 119, 172) 100.00%);
}
.page-copy {
  width: 80%;
  height: 396px;
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: flex-start;
}
.login-page-container04 {
  flex: 0 0 auto;
  width: 50%;
  height: 100px;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  margin-left: var(--dl-space-space-fiveunits);
  margin-bottom: var(--dl-space-space-halfunit);
}
.login-page-text {
  color: rgb(255, 255, 255);
  font-size: 2em;
  align-self: flex-start;
  font-style: normal;
  text-align: left;
  font-family: "Lato";
  font-weight: 400;
  line-height: 1.25;
  margin-bottom: 0px;
}
.leftside-text-container {
  flex: 0 0 auto;
  width: 468px;
  height: 100px;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  margin-left: var(--dl-space-space-fiveunits);
}
.login-page-text01 {
  color: #ffffff;
}
.rightside-container{
  width: 50%;
  height: auto;
  display: flex;
  /* align-items: flex-end; */
  border-color: #787878;
  border-style: dashed;
  border-width: 0px;
  flex-direction: column;
  background-color: #ffffff;
}
.logo-container {
  flex: 0 0 auto;
  width: 100%;
  height: 100px;
  display: flex;
  align-self: center;
  margin-top: var(--dl-space-space-fourunits);
  align-items: flex-start;
  justify-content: center;
}
.login-page-image {
  width: 394px;
  height: 50%;
  object-fit: cover;
}
.intro {
  flex: 0 0 auto;
  width: 70%;
  height: 100px;
  display: flex;
  align-self: center;
  align-items: center;
  margin-bottom: var(--dl-space-space-unit);
  justify-content: center;
}
.login-page-text02 {
  color: var(--dl-color-theme-neutral-dark);
  font-size: 22px;
  text-align: center;
  font-family: "Lato";
}
.entry-item {
  width: 70%;
  align-self: center;
}
.login-page-form {
  width: 389px;
  height: 100px;
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
  justify-content: center;
}
.login-page-email {
  color: #212121;
  font-family: "Montserrat";
  margin-bottom: var(--dl-space-space-unit);
}
.login-page-textinput {
  width: 100%;
  height: var(--dl-size-size-small);
  font-family: "Montserrat";
  border-color: #6c7075;
}
.login-page-container10 {
  width: 70%;
  height: 90px;
  align-self: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.login-page-form1 {
  width: 389px;
  height: 100px;
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
  justify-content: center;
}
label, .password-label {
  color: #212121;
  font-family: "Montserrat";
  margin-bottom: var(--dl-space-space-unit);
}
.login-page-textinput1 {
  width: 100%;
  height: var(--dl-size-size-small);
  font-family: "Montserrat";
  border-color: #6c7075;
}
.forgot-password-container{
  width: 70%;
  height: 64px;
  display: flex;
  align-self: center;
  transition: 0.3s;
  align-items: flex-start;
  justify-content: center;
}


.forgot-password{
  fill: #1777ac;
  color: rgb(23, 119, 172);
  font-size: 14px;
  transition: 0.3s;
}

.forgot-password:hover {
  fill: #1777ac;
  color: #212121;
  text-decoration: underline;
}

.signin-button-container {
  width: 70%;
  height: 70px;
  display: flex;
  align-self: center;
  align-items: flex-start;
  justify-content: center;
}
.signin-button {
  color: rgb(255, 255, 255);
  width: 388px;
  height: 53px;
  align-self: flex-start;
  font-style: normal;
  text-align: center;
  transition: 0.3s;
  font-family: "Montserrat";
  font-weight: 500;
  border-width: 0px;
  background-color: rgb(23, 119, 172);
}
.signin-button:hover {
  background-color: #034c8c;
}

.create {
  flex: 0 0 auto;
  width: 70%;
  height: 100px;
  display: flex;
  align-self: center;
  margin-top: var(--dl-space-space-twounits);
  align-items: flex-start;
}
.login-page-text07 {
  color: var(--dl-color-theme-neutral-dark) #221122;
}
.login-page-text08 {
  font-family: "Montserrat";
}
.login-page-text09 {
  font-family: "Montserrat";
}
@media(max-width: 991px) {
  .login-page-container02 {
    width: 60%;
  }
  .login-page-container05 {
    margin-right: var(--dl-space-space-oneandhalfunits);
  }
}