.page-cover {
    background-image: url(../images/page-covers/appointment.jpg);
  }

.card {
  padding: 30px;
  max-width: 800px;
}

.form-group p{
  margin: 0px -45px;
  padding-left: 50px;
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  font-weight: 300;
  text-transform: uppercase;
  color: #971A1E;
  background-color: rgb(252, 247, 247);
}

.select-grp{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  flex-wrap: wrap;
  padding: 20px;
  margin-bottom: 20px;
}

.barber-select {
  height: 150px;
  width: 120px;
}

.barber-select img,
.barber-select label,
.service-select label
 {
  border-radius: 0;
  width: 100%;
  border: solid 1px #5d0b0e;
}

.barber-select .btn-check:checked~label.btn,
.service-select .btn-check:checked~label.btn
{
  background-color: #5d0b0e;
  border: solid 1px #5d0b0e;
  color: white;
  font-weight: bold;
}

.input-grp {
  display: flex;
  flex-direction: column;
  margin: 20px 0px;
}

.input-grp label{
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: rgb(84, 67, 67);
}

.input-grp input, .input-grp textarea {
  border: solid 1px #971A1E;
  padding: 10px;
  outline: 0px;
}

.input-grp input:focus, .input-grp textarea:focus {
  box-shadow: 0px 0px 0px 2px #971a1e49;
}