@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;500;700&display=swap');
@font-face {
    font-family: 'ThaiBevSans-Regular';
    src: url('../../fonts/ThaiBevSans-Regular.eot') format('embedded-opentype'), url('../../fonts/ThaiBevSans-Regular.woff') format('woff'),
        url('../../fonts/ThaiBevSans-Regular.ttf') format('truetype'), url('../../fonts/ThaiBevSans-Regular.svg#ThaiBevSans-Regular') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'ThaiBevSans-Medium';
    src: url('../../fonts/ThaiBevSans-Medium.eot') format('embedded-opentype'), url('../../fonts/ThaiBevSans-Medium.woff') format('woff'),
        url('../../fonts/ThaiBevSans-Medium.ttf') format('truetype'), url('../../fonts/ThaiBevSans-Medium.svg#ThaiBevSans-Medium') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'ThaiBevSans-Bold';
    src: url('../../fonts/ThaiBevSans-Bold.eot') format('embedded-opentype'), url('../../fonts/ThaiBevSans-Bold.woff') format('woff'),
        url('../../fonts/ThaiBevSans-Bold.ttf') format('truetype'), url('../../fonts/ThaiBevSans-Bold.svg#ThaiBevSans-Bold') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'ThaiBevSans-Semibold';
    src: url('../../fonts/ThaiBevSans-Semibold.eot') format('embedded-opentype'), url('../../fonts/ThaiBevSans-Semibold.woff') format('woff'),
        url('../../fonts/ThaiBevSans-Semibold.ttf') format('truetype'), url('../../fonts/ThaiBevSans-Semibold.svg#ThaiBevSans-Semibold') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'ThaiBevSans-Light';
    src: url('../../fonts/ThaiBevSans-Light.eot') format('embedded-opentype'), url('../../fonts/ThaiBevSans-Light.woff') format('woff'),
        url('../../fonts/ThaiBevSans-Light.ttf') format('truetype'), url('../../fonts/ThaiBevSans-Light.svg#ThaiBevSans-Light') format('svg');
    font-weight: normal;
}

html, body {
  font-family: 'ThaiBevSans-Regular', 'Noto Sans Thai', sans-serif;
  font-size: 16px;
}

h1, h2, h3, h4, h5 ,h6 {
  font-family: 'ThaiBevSans-Bold', 'Noto Sans Thai', sans-serif;
}

b, strong {
  font-family: 'ThaiBevSans-Semibold', 'Noto Sans Thai', sans-serif;
}

.font-bold {
  font-family: 'ThaiBevSans-Bold', 'Noto Sans Thai', sans-serif;
}

.font-semibold {
  font-family: 'ThaiBevSans-Semibold', 'Noto Sans Thai', sans-serif;
}

.font-normal {
  font-family: 'ThaiBevSans-Regular', 'Noto Sans Thai', sans-serif;
}

.font-light {
  font-family: 'ThaiBevSans-Light', 'Noto Sans Thai', sans-serif;
}

*:focus {
  outline: none;
}

.desktop {
  display: block;
}
.mobile {
  display: none;
}
.container {
  max-width: 1200px;
}

.list-style-disc {
  list-style-type: disc;
  margin-left: 30px;
}

.full-img img {
  width: 100%;
  height: 100%;
}

.product-swiper a {
  color: black;
  font-size: small;
  text-decoration: none;
}

.bg-primary {
  background-color: #00B6F0 !important;
}
.bg-secondary {
  background-color: #B6D91A !important;
}

.color-primary {
  color: #00B6F0;
}
.color-secondary {
  color: #B6D91A;
}

.fs-20{
  font-size: 20px;
}

.fs-24{
  font-size: 24px;
}

.fs-32{
  font-size: 32px;
}

.fs-48{
  font-size: 48px;
}

.menu-wrapper .menu li {
  display: inline-block;
  margin-right: 20px;
}
.menu-wrapper .menu li > a {
  color: #000;
  text-decoration: none;
}

.menu-wrapper .menu li.active a {
  color: #00B6F0;
  font-weight: bold;
}

.menu-wrapper .menu li.active p {
  content: '';
  position: relative;
  background: linear-gradient(to right, rgb(63, 174, 212), rgb(182, 217, 26));
  transition: width 0.3s ease;
  padding: 2px;
  height: 2px;
}

.accordion .accordion-item {
  border: none;
  border-bottom: 1px solid #E5E5E5;
}

.accordion-collapse {
  padding: 10px;
  padding-top: 0;
}

.accordion-button:not(.collapsed) {
  color: black;
  background-color: white;
  box-shadow: none;
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion-button:focus {
  box-shadow: none;
}

.accordion-body {
  border-left: 3px solid #B6D91A;
}

@media (max-width: 992px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }

  .fs-32{
    font-size: 24px;
  }

}

@media (max-width: 425px) {

  span {
    font-size: x-small;
  }

}

@media (max-width: 375px) {

  span {
    font-size: xx-small;
  }

}

.business-group-bg{
  background-image: url('../../images/aboutus/business_group_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.directors-bg{
  background-image: url('../../images/aboutus/directors_bg.png');
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: top;
}

.timeline-bg{
  background-image: url('../../images/aboutus/timeline_bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  /* background-position: top center; */
  background-position: fixed;
}