@font-face {
    font-family: 'mitr-medium';
    src: url(./font/Mitr-Medium.ttf);
}
@font-face {
    font-family: 'mitr-bold';
    font-style: normal;
    font-weight: bold;
    src: url(./font/Mitr-Bold.ttf);
}
@font-face {
    font-family: 'mitr-regular';
    font-style: normal;
    font-weight: normal;
    src: url(./font/Mitr-Regular.ttf);
}
@font-face {
    font-family: 'sarabun-regular';
    font-style: normal;
    font-weight: normal;
    src: url(./font/Sarabun-Regular.ttf);
}
@font-face {
    font-family: 'sarabun-bold';
    font-style: normal;
    font-weight: bold;
    src: url(./font/Sarabun-Bold.ttf);
}
h1 {
    font-family: 'mitr-medium';
    font-size: 23px;
    line-height: 38px;
    color: #fff;
}
h2 {
    font-family: 'mitr-medium';
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}
.sub-title {
    font-family: 'mitr-regular';
    font-size: 16px;
}
.sub-anouce {
    font-family: 'mitr-regular';
    font-size: 16px;
}
h3 {
    font-family: 'mitr-regular';
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}
h4 {
    font-family: 'mitr-medium';
    font-size: 16px;
    line-height: 19px;
    color: #fff;
}
h5 {
    font-family: 'mitr-regular';
    font-size: 12px;
    line-height: 19px;
    color: #fff;
}
h6 {
    font-family: 'mitr-regular';
    font-size: 12px;
    line-height: 19px;
}
html, body {
    min-height: 100%;
    color: #fff;
}
a {
    color: #fff;
}
body {
    font-family: 'sarabun-regular';
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    background: url('../images/bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
label {
    font-family: 'mitr-regular';
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    /* color:#36ADFB; */
    
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'mitr-regular';
    font-size: 12px;
}
::-moz-placeholder { /* Firefox 19+ */
    font-family: 'mitr-regular';
    font-size: 12px;
}
:-ms-input-placeholder { /* IE 10+ */
    font-family: 'mitr-regular';
    font-size: 12px;
}
:-moz-placeholder { /* Firefox 18- */
    font-family: 'mitr-regular';
    font-size: 12px;
}
.form-text {
    font-family: 'mitr-regular';
    font-size: 12px;
    color: red;
}
.navbar {
    background-color: #FFF;
}
.bg-content {
    /* background-color: #FFF; */
    /* background-image: url('../images/bg.png');
    background-size: cover;
    background-position: bottom; */
}
.bg-white {
    background-color: #FFF;
}
.body-bold {
    font-family: 'sarabun-bold';
    /* font-size: 16px;
    line-height: 27px; */
}
.small-text {
    font-family: 'sarabun-regular';
    font-size: 12px;
    line-height: 20px;
}
.underline {
    font-family: 'sarabun-regular';
    /* font-size: 10px;
    line-height: 15px; */
}
.btn {
    font-family: 'mitr-medium';
    font-size: 16px;
    line-height: 25px;
}
.btn-yellow {
    background-color: #FAE309;
}
.bg-btn-day {
    background-color: #c54875;
}
.bg-btn-day a {
    font-family: 'sarabun-regular';
    color:#FFF;
}
.bg-btn-day a:hover {
    opacity: 0.75;
    color:#FFF;
}
.card-block {
    border-radius: 25px;
}
.bg {
    background-size: contain;
}
ul li {
    padding-bottom: 5px;
    line-height: 23px;
    color: #fff;
}
ol li {
    padding-bottom: 5px;
    line-height: 23px;
    color: #fff;
}
.detail-section {
    min-height: 600px;
}
.title-block {
    margin-top: 20px;
}
.unilever-color {
    color:#0054F8;
}
.pink-color {
    color:#D33677;
}
.pink-bg {
    background-color: #D33677;
}
.radio-shadow {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
}
.content-block {
    margin-top: 10px;
}
.content-block p {
    /* font-size: 20px; */
    /* line-height: 30px; */
    /* font-weight: 500; */
}
.navbar {
    height:53px;
}
.banner {
    padding: 0;
}
.bold {
    font-weight: bold;
}
.underline {
    text-decoration: underline;
}
  .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #C4C4C4;
        opacity: 1; /* Firefox */
  }

  .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
              color: #C4C4C4;
  }

  .form-control::-ms-input-placeholder { /* Microsoft Edge */
              color: #C4C4C4;
  }
  .form-check .form-check-input {
      margin-top: 6px;
  }
  .invalid-feedback {
    padding-right:10px;
    
  }
  .form-check-input:checked {
    background-color: #71b27a;
    border-color: #71b27a;
  }
  .btn-green {
    background-color: #71b27a;
    border-color: #71b27a;
    color: #FFF;
  }
  .form-check-input:checked[type="radio"] {
    background-size: 8px 8px;
  }
  .form-check-label {
    font-weight: 500;
    font-size: 16px;
  }
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    opacity: .75;
}
.btn-logo {
    height: 25px;
}
.ais-logo {
    height: 200px;
}
.form-check {
    padding-left: 40px;
}
.form-check .form-check-input {
    width: 32px;
    height: 32px;
    margin-left: -40px;
  }