* {
  font-family: 'Anuphan', sans-serif !important;
  /* font-size: 1.1em; */
}

body {
  background-color: #ebdc87;
}

.logo {
  max-width: 200px;
  margin: auto;
}

.card-title {
  background-color: #d2c61b;
  color: #fff;
}

h6.line span {
  background: #fff;
  padding: 0 10px;
}

h6.line {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #808080;
  line-height: .1em;
  margin: 10px 0 20px;
}

.footer {
  /* position: absolute; */
  /* bottom: 0; */
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
  background: #ffffff;
}



/* ************************* */



.field-validation-valid {
  font-size: 14px;
  color: red;
  display: block;
}


.text-vertical {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  text-orientation: sideways;
  text-align: left;
  /* margin: 1rem; */
  /* transform-origin: left top 0; */
}