.buku-tamu {
  background: no-repeat url(../images/buku_watermark.png);
  background-position: right top;
}

.buku-tamu h1 {
  font-family: Poppins;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  color: #2F3D52;
}

.buku-tamu p {
  font-family: Barlow;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #868A95;
}

.form-filter h2 {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  color: #2F3D52;
  margin-bottom: 20px;
}

form {
  margin: 0;
}

.form-filter input {
  /* width: 420px; */
  padding: 20px;
  /* background: #FFFFFF; */
  border: 1px solid #ECEFF5;
  box-sizing: border-box;
  border-radius: 4px;
}

.form-filter textarea {
  padding: 20px;
  /* background: #FFFFFF; */
  border: 1px solid #ECEFF5;
  box-sizing: border-box;
  border-radius: 4px;
}

.form-filter select {
  padding: 20px;
  /* background: #FFFFFF; */
  border: 1px solid #ECEFF5;
  box-sizing: border-box;
  border-radius: 4px;
  height: 65px;
}

.form-filter input::-webkit-input-placeholder {
  font-family: Barlow;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #344359;
}

.form-filter .container-btn-pencarian {
    border-top: 1px solid #DDE0E6;
}

.form-filter .container-btn-pencarian .btn-pencarian {
  background-color: #6129DA;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
}

.form-filter button {
  background-color: #6129DA !important;
  width: 115px;
  height: 48px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 2;
}