.boxx {
  max-width: 800px;
  background-color: #fff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  margin-bottom: 100px;
}

.bgg {
  background: url("../../login/img/bg.jpg") center / cover no-repeat;
}

.crl {
  width: 100px;
  height: 100px;
  background-color: var(--bs-teal);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.lgn {
  width: 60px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 20px;
}

.hdd {
  font-family: Lato, sans-serif;
  font-size: 34px;
  margin-top: 20px;
}

.form-label {
  font-size: 22px;
}

.lbl {
  font-size: 16px;
  margin-top: 10px;
  margin-left: 7px;
}

.frg {
  margin-left: 20px;
}

.frg a {
  text-decoration: none;
  color: #000;
}

.btnn {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #20c997;
  border-color: #20c997;
  font-size: x-large;
}

.btnn:hover {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #01ad7a;
  border-color: #01ad7a;
  font-size: x-large;
}

.pow {
  font-family: Lato, sans-serif;
  margin-top: 22px;
  text-align: center;
  margin-right: -6px;
  font-size: 14px;
}

.pimg {
  font-family: Lato, sans-serif;
  font-size: 15px;
  color:#000;
  text-decoration:none;
  text-align: center;
  position:relative;
top:20px;
 
}

.bg1 {
  background-color: var(--bs-teal);
}