@font-face {
  font-family: 'TrueTextBOnline-Regular';
  src: url('../../assets/fonts/TrueTextBOnline-Regular.eot'); /* IE9 Compat Modes */
  src: url('../../assets/fonts/TrueTextBOnline-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../assets/fonts/TrueTextBOnline-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../assets/fonts/TrueTextBOnline-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../../assets/fonts/TrueTextBOnline-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../assets/fonts/TrueTextBOnline-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'TrueTextBOnline-Bold';
  src: url('../../assets/fonts/TrueTextBOnline-Bold.eot'); /* IE9 Compat Modes */
  src: url('../../assets/fonts/TrueTextBOnline-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../assets/fonts/TrueTextBOnline-Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('../../assets/fonts/TrueTextBOnline-Bold.woff') format('woff'), /* Pretty Modern Browsers */ url('../../assets/fonts/TrueTextBOnline-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../assets/fonts/TrueTextBOnline-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
} 

@font-face {
  font-family: 'sukhumvittadmai-semibold';
  src: url('../../assets/fonts/sukhumvittadmai-semibold.eot');
  src: url('../../assets/fonts/sukhumvittadmai-semibold.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/sukhumvittadmai-semibold.woff2') format('woff2'), url('../../assets/fonts/sukhumvittadmai-semibold.woff') format('woff'), url('../../assets/fonts/sukhumvittadmai-semibold.ttf') format('truetype'), url('../../assets/fonts/sukhumvittadmai-semibold.svg#.') format('svg');
}

@font-face {
	font-family: 'sukhumvittadmai-text';
	src: url('../../assets/fonts/sukhumvittadmai-text.eot');
	src: url('../../assets/fonts/sukhumvittadmai-text.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/sukhumvittadmai-text.woff2') format('woff2'), url('../../assets/fonts/sukhumvittadmai-text.woff') format('woff'), url('../../assets/fonts/sukhumvittadmai-text.ttf') format('truetype'), url('../../assets/fonts/sukhumvittadmai-text.svg#.') format('svg');
}

:root {
  --custom-txt-title-regular: 'sukhumvittadmai-text';
  --custom-txt-title-bold: 'sukhumvittadmai-semibold';
  --custom-txt-content-regular: 'TrueTextBOnline-Regular';
  --custom-txt-content-bold: 'TrueTextBOnline-Bold';

  --custom-txt-size-body: 1.25rem; /* 20px */
  --custom-txt-line-height: 0.375rem;  /* 6px */

  --custom-img-hover: brightness(1.1);

  --custom-border-radius-rounded: 5rem;

  --bs-border-radius: 0.5rem; /* 8px */
  --bs-link-color-rgb: #333333;
  --bs-link-hover-color-rgb: 64,131,171;

  
}

body {
  font-size: var(--custom-txt-size-body);
  line-height: calc(var(--custom-txt-size-body) + var(--custom-txt-line-height)); 
  color: #333333;
}
a {
  text-decoration: none;
}
a:hover img {
  filter: var(--custom-img-hover);
}
.py-3 {
  padding-top: 0.938rem!important; /* 15px */
  padding-bottom: 0.938rem!important; /* 15px */
}
.container-fluid {
  max-width: 414px;
}
.container_header {
  background-color: #F1F2F3;
  height: 50px;
}
.txt_header {
  font-family: var(--custom-txt-title-bold);
  color: #333333;
}
.container_headmenu_icon {
  background-color: #4083AB;
  padding: 0;
}
.ic_headmenu_icon {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.container_headmenu_icon > div > div {
  opacity: 0.5;
}
.container_headmenu_icon > div > div.active {
  opacity: 1;
}
.container_headmenu_icon a:hover img {
  filter: brightness(1);
}
.txt_headmenu_icon {
  font-family: var(--custom-txt-title-bold);
  font-size: 0.875rem; /* 14px */
  color: #FFFFFF;
}
.list_content_wrapper {
  list-style: none;
  padding-left: 0;
}
.list_content_wrapper li {
  border-bottom: 1px solid #DDDDDD;
}
.list_content_wrapper li:first-child {
  border-top: 1px solid #DDDDDD;
}
.list_content_wrapper li:hover {
  background-color: #fbfbfb;
}
.list_content_wrapper li a {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}
.ic_list_content {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.txt_list_content {
  font-family: var(--custom-txt-content-regular);
  margin-left: 0.625rem;
}
/* .btn_main {
  border-radius: 5rem;
  border: 1px solid #BDBDBD;
  font-family: var(--custom-txt-content-regular);
  font-size: 20px;
  line-height: 22px;
  color: #333333;
}
.btn_main:hover {
  background-color: #F9D123;
  color: #333333;
  border: 1px solid #BDBDBD;
} */
.card_content_list {
  padding: 0 0.469rem;
}
.card_content_list .col-6 {
  padding: 0 0.469rem;
}
.card_content_list .card-text {
  font-family: var(--custom-txt-content-bold);
  font-size: 1.125rem;
  line-height: 1.65rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.card_content_list .card-body {
  padding: 0.625rem 0 0.938rem 0;
}
.card-img-rounded {
  border-radius: 0.625rem;
}
#filter-buttons button {
  border-radius: var(--custom-border-radius-rounded);
  border: 1px solid #BDBDBD;
}
*::-webkit-scrollbar {
  display: none;
}
#filter-buttons div {
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
#filter-buttons button:hover {
  background: #ddd;
}
#filter-buttons button.active {
  color: #333333;
  background: #F9D123;
}
#filterable-cards .card {
  border: 0;
  overflow: hidden;
}
#filterable-cards .card.hide {
  display: none;
}

.header_option_menu {
  position: absolute;
  padding: 15px 15px 0 15px;
}
.header_option_menu .btn_back {
  height: 20px;
  width: 20px;
}
.modal_content_des {
  padding: 15px;
}
.modal_title {
  font-family: var(--custom-txt-content-bold);
  font-size: 1.5rem;
  line-height: 1.875rem;
  color: #333333;
}
.modal_des {
  font-family: var(--custom-txt-content-regular);
  font-size: 1.25rem;
  line-height: 1.625;
  color: #888888;
}
.btn-outline-primary {
  border-radius: var(--custom-border-radius-rounded);

  --bs-btn-color: #E02328;
  --bs-btn-border-color: #E02328;
  --bs-btn-hover-bg: #E02328;
  --bs-btn-hover-border-color: #E02328;
  --bs-btn-active-bg: #E02328;
  --bs-btn-active-border-color: #E02328;
  --bs-btn-disabled-color: #E02328;
  --bs-btn-disabled-border-color: #E02328;
}
.btn-outline-secondary {
  border-radius: var(--custom-border-radius-rounded);
  --bs-btn-color: #888888;
  --bs-btn-border-color: #888888;
  --bs-btn-hover-bg: #888888;
  --bs-btn-hover-border-color: #888888;
  --bs-btn-active-bg: #888888;
  --bs-btn-active-border-color: #888888;
  --bs-btn-disabled-color: #888888;
  --bs-btn-disabled-border-color: #888888;
}
.dot_menu {
  height: 8px;
}