body,
html {
  height: 100vh;
  font-size: 15px;
  position: relative;
  overflow: hidden;
}


html[data-bs-theme=light] .form-container  {
  background-color: #ffffff;
  padding: 5rem;
}

html[data-bs-theme=dark] .form-container {
  /* background-color: #ffffff; */
  padding: 5rem !important;
}

.image-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-container img {
  width: 60%;
  margin: auto;
}

.image-background {
  background-color: #4158A0;
}

.info-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.Illus-size {
  max-width: 150px;
  height: auto;
}

.toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}


.logo-dark {
  display: none;
}

html[data-bs-theme=dark] .logo-light, html[data-bs-theme=light] .logo-dark {
  display: none;
}

html[data-bs-theme=dark] .logo-dark, html[data-bs-theme=light] .logo-light {
  display: inline;
}

.logo {
  width: 50%;
  height: auto;
}