:root {
    --sig-black: #131413;
  }

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .breadcrumb-icon {
    --bs-breadcrumb-divider: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'8\' height=\'8\'%3E%3Cpath d=\'M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z\' fill=\'%236c757d\'/%3E%3C/svg%3E');
  }

  .breadcrumb-item a {
    cursor: pointer;
    color: #131413;
  }

  .breadcrumb-item a:hover {
    color: #0d6efd;
  }

  .form-control,
  .form-select {
      border: 2px solid var(--sig-black) !important;
      border-radius: 8px;
      height: 3rem;
  }

  .button-wrapper {
    display: flex;
    justify-content: end;
  }

  .button-wrapper button {
    font-weight: 500;
  }
  

.body-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

label {
  margin-bottom: 2.5px;
}

.wb-text {
  margin-bottom: 3px;
}

.btn {
  border-radius: 8px;
}

@media (max-width: 576px) {
  .login-card, 
  .forgot-card {
    min-height: 100vh;
    min-width: 100vw;
  }
}

@media (min-width: 576px) {
  .body-container {
    min-height: 100vh;
  }

  .login-card, 
  .forgot-card {
    min-width: 500px;
  }
}

@media (min-width:1400px) {
.mt-4 {
  margin-top: 2.5rem !important;
}

.fs-5 {
  font-size: 1.4rem !important;
}

p {
  font-size: 1.05rem;
}
}

@media (min-width:992px) {
  .left-wrapper {
    border-right: 5px solid var(--sig-black);
  }
}


@media (min-width:576px) {
  .button-wrapper-two {
    justify-content: flex-end;
  }
}

@media (max-width:576px) {
  .button-wrapper button {
    width: 100%;
  }
}