.auth-card-row {
  min-height: 32rem;
  align-items: stretch;
}

.auth-panel-brand {
  background-color: #f8f9fc;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 2rem;
  overflow: hidden;
}

.auth-panel-logo {
  max-width: 240px;
  width: 75%;
  height: auto;
  object-fit: contain;
}

.auth-panel-logo-mobile {
  max-width: 180px;
  width: 60%;
  height: auto;
  object-fit: contain;
}

.auth-panel-form {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.auth-panel-form-inner {
  width: 100%;
  padding: 3rem;
}

@media (max-width: 991.98px) {
  .auth-card-row {
    min-height: auto;
  }

  .auth-panel-form-inner {
    padding: 2rem 1.5rem;
  }
}