/* AGaramond (English) */
@font-face {
  font-family: 'AGaramond';
  src: url("../fonts/AGaramond/AGaramond-Regular.woff2") format("woff2"), url("../fonts/AGaramond/AGaramond-Regular.woff") format("woff"), url("../fonts/AGaramond/AGaramond-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0000-007F;
  /* English */ }
@font-face {
  font-family: 'AGaramond';
  src: url("../fonts/AGaramond/AGaramond-SemiBold.woff2") format("woff2"), url("../fonts/AGaramond/AGaramond-SemiBold.woff") format("woff"), url("../fonts/AGaramond/AGaramond-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  unicode-range: U+0000-007F;
  /* English */ }
@font-face {
  font-family: 'AGaramond';
  src: url("../fonts/AGaramond/AGaramond-Italic.woff2") format("woff2"), url("../fonts/AGaramond/AGaramond-Italic.woff") format("woff"), url("../fonts/AGaramond/AGaramond-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  unicode-range: U+0000-007F;
  /* English */ }
@font-face {
  font-family: 'AGaramond';
  src: url("../fonts/AGaramond/AGaramond-SemiBoldItalic.woff2") format("woff2"), url("../fonts/AGaramond/AGaramond-SemiBoldItalic.woff") format("woff"), url("../fonts/AGaramond/AGaramond-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  unicode-range: U+0000-007F;
  /* English */ }
/* SukhumvitSet (Thai) */
@font-face {
  font-family: 'SukhumvitSet';
  src: url("../fonts/SukhumvitSet/SukhumvitSet-Text.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SukhumvitSet';
  src: url("../fonts/SukhumvitSet/SukhumvitSet-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'SukhumvitSet';
  src: url("../fonts/SukhumvitSet/SukhumvitSet-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'SukhumvitSet';
  src: url("../fonts/SukhumvitSet/SukhumvitSet-Thin.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
/* Applying the fonts */
body {
  font-family: 'AGaramond', sans-serif;
  font-size: 23px; }

.thai {
  font-family: 'SukhumvitSet', sans-serif;
  font-size: 1.2rem; }

.text-danger {
  font-size: 1rem; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; }

h1 {
  font-size: 2.8rem; }

p {
  line-height: 1.3; }

.bg-primary {
  background-color: #D5E6FF !important; }

.border-primary {
  border-color: #D5E6FF !important; }

.btn-primary {
  background-color: #D5E6FF !important;
  border-color: #D5E6FF !important; }

.btn-outline-primary {
  border-color: #D5E6FF !important; }

.btn-check:checked + .btn-outline-primary {
  background-color: #D5E6FF; }

.btn:hover .text-primary {
  color: #D5E6FF !important; }

.bg-lightgrey {
  background-color: #eeeeee !important; }

.border-lightgrey {
  border-color: #eeeeee !important; }

.btn-lightgrey {
  background-color: #eeeeee !important;
  border-color: #eeeeee !important; }

.btn-outline-lightgrey {
  border-color: #eeeeee !important; }

.btn-check:checked + .btn-outline-lightgrey {
  background-color: #D5E6FF; }

.btn:hover .text-lightgrey {
  color: #eeeeee !important; }

.bg-grey {
  background-color: #9c9da2 !important; }

.border-grey {
  border-color: #9c9da2 !important; }

.btn-grey {
  background-color: #9c9da2 !important;
  border-color: #9c9da2 !important; }

.btn-outline-grey {
  border-color: #9c9da2 !important; }

.btn-check:checked + .btn-outline-grey {
  background-color: #D5E6FF; }

.btn:hover .text-grey {
  color: #9c9da2 !important; }

.bg-white {
  background-color: #FFFFFF !important; }

.border-white {
  border-color: #FFFFFF !important; }

.btn-white {
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important; }

.btn-outline-white {
  border-color: #FFFFFF !important; }

.btn-check:checked + .btn-outline-white {
  background-color: #D5E6FF; }

.btn:hover .text-white {
  color: #FFFFFF !important; }

.bg-black {
  background-color: #000000 !important; }

.border-black {
  border-color: #000000 !important; }

.btn-black {
  background-color: #000000 !important;
  border-color: #000000 !important; }

.btn-outline-black {
  border-color: #000000 !important; }

.btn-check:checked + .btn-outline-black {
  background-color: #D5E6FF; }

.btn:hover .text-black {
  color: #000000 !important; }

.bg-transparent {
  background-color: transparent !important; }

.border-transparent {
  border-color: transparent !important; }

.btn-transparent {
  background-color: transparent !important;
  border-color: transparent !important; }

.btn-outline-transparent {
  border-color: transparent !important; }

.btn-check:checked + .btn-outline-transparent {
  background-color: #D5E6FF; }

.btn:hover .text-transparent {
  color: transparent !important; }

.was-validated .form-control:valid {
  background-image: none !important;
  border-color: #000000; }

.form-control,
.form-checkbox {
  font-size: 1.3rem; }
  .form-control:focus,
  .form-checkbox:focus {
    border-color: #D5E6FF;
    box-shadow: 0 0 0 0.25rem #D5E6FF; }

.form-label span,
.has-thai span {
  display: block; }

/*** REPORT ***/
.back-to-top {
  position: fixed;
  display: none;
  right: 45px;
  bottom: 45px;
  z-index: 99; }

.content {
  min-height: 100vh;
  background: #FFFFFF;
  transition: 0.5s;
  width: 100%; }

.content .navbar .navbar-nav .nav-link {
  margin-left: 25px;
  padding: 12px 0;
  outline: none; }

/*** RESPONSIVE ***/
/* Small phone devices (portrait tablets and large phones, 600px and less) */
@media only screen and (max-width: 600px) {
  h1 {
    font-size: 2.2rem; }

  p {
    font-size: 20px; }

  label {
    font-size: 1.2rem; } }
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */

/*# sourceMappingURL=index.css.map */