:root {
  --bs-body-font-family: 'Sarabun', sans-serif; 
  --bs-body-font-family-sru: 'Sarabun', sans-serif; 
}
/* Suratthanirajabhat Font */
@font-face {
  font-family: 'Suratthanirajabhat';
  src: url('../fonts/Suratthanirajabhat-regular.ttf') format('truetype');
}
.Suratthanirajabhat {
  font-family: 'Suratthanirajabhat', sans-serif;
}
/* Sarabun Font */
@font-face {
  font-family: 'Sarabun';
  src: url('../fonts/Sarabun-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.sarabun {
  font-family: 'Sarabun', sans-serif;
}

body {
  font-family: 'Sarabun', sans-serif; 
  --bs-body-font-family: 'Sarabun', sans-serif; 
}

p {
  color: #b3b3b3;
  font-weight: 300; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a, a:hover {
    text-decoration: none !important; }

.content {
  padding: 7rem 0; }

h1 {
    font-family: var(--bs-body-font-family-sru);
    font-weight: bold;
    font-size: 33pt;
  }  

h2 {
  font-size: 20px; }

.bg-left-half {
  position: relative; }
  .bg-left-half:before {
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: -1;
    content: "";
    left: 0;
    top: 0;
    background-color: #fff; }

.media-29101 img {
  margin-bottom: 20px; }

.media-29101 h3 {
  font-size: 16px;
  font-weight: 900 !important;
  font-family: var(--bs-body-font-family);
  text-align: center;


}
  .media-29101 h3 a {
    color: #6c757d; }


.owl-2-style .owl-nav {
  display: none; }

.owl-2-style .owl-dots {
  text-align: center;
  position: relative;
  bottom: -30px; }
  .owl-2-style .owl-dots .owl-dot {
    display: inline-block; }
    .owl-2-style .owl-dots .owl-dot span {
      display: inline-block;
      width: 15px;
      height: 3px;
      border-radius: 0px;
      background: #cccccc;
      -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
      margin: 3px; }
    .owl-2-style .owl-dots .owl-dot.active span {
      background: #007bff; }
    .owl-2-style .owl-dots .owl-dot:active, .owl-2-style .owl-dots .owl-dot:focus {
      outline: none; }