@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@100;200;300;400;500;600;700;800&display=swap');

html,
body {
  font-family: 'Sarabun', sans-serif;
  background-color: #dc2331;
}

.login-logo {
  width: 290px;
  height: auto;
  margin-top: 100px;
  margin-bottom: 100px;
}

.font-20-bold {
  font-size: 20px;
  font-weight: bold;
}

.input-h-50 {
  height: 50px;
}

.top-bg-row {
  background-color: #ffffff;
}

.middle-bg-row-gradient {
  background-image: linear-gradient(180deg, #ffffff, #fdfdfd, #f6f6f6, #eaeaea, #d9d9d9, #cccccc);
}

.middle-bg-form-input {
  background-color: #f4f4f4;
  /* padding-top: 60px;
  padding-bottom: 30px;
  padding-left: 80px;
  padding-right: 80px; */
  border-radius: 27px 27px 0px 0px;
}

.bottom-bg-row-gradient {
  background-image: linear-gradient(180deg, #8e2730, #9a2630, #b22530, #c42430, #d22330, #d92330, #dc2331);
}

.bottom-bg-form-input {
  background-color: #f4f4f4;
  /* padding-top: 45px;
  padding-bottom: 60px;
  padding-left: 80px;
  padding-right: 80px; */
  border-radius: 0px 0px 27px 27px;
}