html, body {
  height: 100%;
  margin: 0;
}
.auth-container {
  min-height: 100vh;  
  /* background: url('<?= base_url("public/images/darkB.png") ?>') no-repeat center center; */
   background: url('../../../../public/images/darkB.png') no-repeat center center; 
  /* background: url('/images/2.jpg') no-repeat center center; */
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-container {
  width: 100px;
  height: 100px;
  display: inline-block; /* Ensures proper centering */
}
.logo-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* class for form background colours */
.custom-card-style {
  padding-left: 20px;
  background-color: rgb(237, 240, 243);
}