@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

@font-face {
  font-family: 'MN ECLAIR';
  src: url('../fonts/thai/hinted-MNECLAIR-LightItalic.woff2') format('woff2'),
    url('../fonts/thai/hinted-MNECLAIR-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'MN ECLAIR';
  src: url('../fonts/thai/hinted-MNECLAIR-Bold.woff2') format('woff2'),
    url('../fonts/thai/hinted-MNECLAIR-Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MN ECLAIR';
  src: url('../fonts/thai/hinted-MNECLAIR-BoldItalic.woff2') format('woff2'),
    url('../fonts/thai/hinted-MNECLAIR-BoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'MN ECLAIR';
  src: url('../fonts/thai/hinted-MNECLAIR-Italic.woff2') format('woff2'),
    url('../fonts/thai/hinted-MNECLAIR-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'MN ECLAIR';
  src: url('../fonts/thai/hinted-MNECLAIR-Light.woff2') format('woff2'),
    url('../fonts/thai/hinted-MNECLAIR-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MN ECLAIR';
  src: url('../fonts/thai/hinted-MNECLAIR-Regular.woff2') format('woff2'),
    url('../fonts/thai/hinted-MNECLAIR-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

#landing {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none
}

#landing a {
  display: block;
  box-sizing: border-box;
  width: 100dvw;
  height: 100dvh;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none
}

@media screen and (orientation:portrait) {
  #landing {
    background: url("../img/landing-mobile.webp") ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 20%;
  }
}

@media screen and (orientation:landscape) {
  #landing {
    background: url("../img/landing-desktop.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 20% center;
  }
}

.ps__rail-x,
.ps__rail-y {
  display: none !important;
}

body,
p,
span,
.btn {
  font-family: 'IBM Plex Sans Thai Looped', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
  font-family: 'MN ECLAIR', sans-serif !important;
  color: #E5890A;
}

.table th {
  font-family: 'MN ECLAIR', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
.card-profile .h6,
table tr td,
.card-fanmeet h6,
.card-magazine h6 {
  font-family: 'Poppins', 'IBM Plex Sans Thai Looped', sans-serif !important;
  font-weight: 600;
}

.card-header h5 {
  font-size: 1.15rem;
  line-height: 1.7rem;
}

.card-fanmeet h6,
.card-magazine h6 {
  font-size: 1rem;
}

h5 i {
  font-size: 1.25rem;
}

.card-profile .h6,
table tr td {
  font-size: .825rem !important;
  font-weight: 600 !important;
  line-height: 1.5rem !important;
}

table tr td a {
  font-size: 1rem !important;
  line-height: 1.625 !important;
}

body,
.bg-gray-100 {
  background-color: #F7D08A !important;
}

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

.sidenav,
.card-body li,
.card {
  color: #050a30 !important;
  background-color: #fff !important;
}

a.nav-link,
a.nav-link i {
  color: #E5890A !important;
}

.navbar-main .nav-item i {
  color: #fff !important;
}

.bg-gradient-dark {
  background-color: #E5890A !important;
  background-image: linear-gradient(310deg, #E5890A 0%, #E5890A 100%);
}

.navbar-vertical.bg-white .navbar-nav>.nav-item .nav-link.active {
  background-color: #FDEEDC !important;
}

.card-profile div {
  text-align: center;
  text-indent: 0;
}

.card-profile h5 {
  color: #9D5C0D !important;
  text-shadow: 1px 1px 0px #E5890A, 2px 2px 0px #FDEEDC;
  font-size: 1.5rem;
}

.card-profile .h6 {
  color: #E5890A !important;
  font-weight: 400;
  margin: 0 -0.875rem 0.5rem;
}

.card-profile .social {
  display: flex;
  margin: 0.75rem 1rem 1rem;
}

.card-body.bio div {
  text-indent: 2rem;
}

.card-business h6 {
  color: #9D5C0D;
  font-weight: 400;
}

.card-header.youtube {
  background: #ff0000 !important;
}

.card-header.youtube h5 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-header.youtube h5 i {
  margin-right: .35rem;
}

.card-fanmeet img,
.card-magazine img {
  max-height: 100%;
  object-fit: cover;
}

.card-fanmeet h6,
.card-magazine h6 {
  line-height: 1.4;
  text-transform: uppercase;
}

.card-fanmeet .infobox,
.card-magazine .infobox {
  color: #9D5C0D;
  font-weight: 500;
  max-width: 100%;
}

.card-fanmeet .infobox > div,
.card-magazine .infobox > div {
  max-width: 100%;
}

.card-fanmeet .infobox div > i,
.card-magazine .infobox div > i {
  margin-right: .385rem;
}

.card-fanmeet .infobox i.stream {
  width: 14px;
  height: 14px;
  background:#9D5C0D;
  -webkit-mask:url("../img/icons/stream.png") no-repeat bottom/contain;
  mask:url("../img/icons/stream.png") no-repeat bottom/contain;
  margin-right: .3rem;
}

.card-fanmeet .canceled {
  color: #ff0000;
}

.card.magazine {
  background: transparent !important;
}

.card.magazine .card-header {
  border-radius: 1em;
}

.card-magazine a[href*="mebmarket"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/meb.png') no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 22.5%;
  box-shadow: none !important;
}

.card-magazine a[href*="ookbee"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/ookbee.png') no-repeat;
  background-position: center center;
  background-size: contain;
  box-shadow: none !important;
}

.card-magazine a[href*="facebook"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/Facebook_Logo_Primary.svg') no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 50%;
  box-shadow: none !important;
}

.card-magazine a[href*="allmagazine"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/allmag.png') no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 22.5%;
}

.card-magazine a[href*="scawaii"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/scawaii.svg') no-repeat;
  background-position: center center;
  background-size: 62.5%;
  border-radius: 50%;
}

.card-magazine a[href*="animate"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/animate.jpg') no-repeat;
  background-position: center center;
  background-size: 75%;
  border-radius: 50%;
}

.card-magazine a[href*="san-ei"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/sanei.svg') no-repeat;
  background-position: center center;
  background-size: 50%;
  border-radius: 50%;
}

.card-magazine a[href*="amazon"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/Amazon_icon.svg') no-repeat;
  background-position: center center;
  background-size: 75%;
  border-radius: 50%;
}

.card-magazine a[href*="atmangu"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/atmangu.jpg') no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 50%;
}

.card-magazine a[href*="poshmagazine"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/Posh.webp') no-repeat;
  background-position: center center;
  background-size: 75%;
  border-radius: 50%;
}

.card-magazine a[href*="vogue"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/vogue_logo_icon_171234.png') no-repeat;
  background-position: center center;
  background-size: 60%;
  border-radius: 50%;
}

.card-magazine a[href*="madan.fun"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/madan-favicon.png') no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 50%;
  box-shadow: none !important;
}

.card-magazine a[href*="crea.bunshun"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/crea-3.png') #000 no-repeat;
  background-position: center center;
  background-size: 80%;
  border-radius: 50%;
  box-shadow: none !important;
}

.card-magazine a[href*="cheezelooker"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: url('../img/icons/chz.jpg') #000 no-repeat;
  background-position: center center;
  background-size: 80%;
  border-radius: 50%;
  box-shadow: none !important;
}

.card-magazine a {
  box-shadow: 0 0 1px #E5890A, 0 0 4px #F7D08A;
}

.card-magazine a[href*="test"] {
  position: relative;
  width: 36px;
  height: 36px;
  background: #00bf6c;
}

.card-magazine a[href*="test"] i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/meb.png') no-repeat;
  background-position: center center;
  background-size: contain;
}

#adlive table tr > td:first-child {
  white-space: nowrap !important;
}

/*
#songs table tr > *:nth-child(3) {
  white-space: unset;
  min-width: 140px !important;
}

#drama table tr > *:nth-child(2) {
  white-space: unset;
  min-width: 200px !important;
}

.show table tr > *:nth-child(2) {
  white-space: unset;
  min-width: 210px !important;
  max-width: 210px !important;
}

#admedia table td,
#adlive table tr > *:nth-child(2),
#adlive table tr > *:nth-child(3) {
  white-space: unset !important;
}

#admedia table td:nth-child(4) {
  min-width: 210px !important;
}

html[lang="en"] #drama table tr > *:nth-child(2) {
  white-space: unset;
  min-width: 210px !important;
}

*/

.resize {
  display: inline-flex;
}

@media (max-width: 800px) {
  .resize {
    margin-bottom: .25rem !important;
  }

  .resize > div {
    line-height: 1rem !important;
  }
}

.table-responsive table th > *,
.table-responsive table tr > * {
  white-space: normal !important;
  min-width: unset !important;
  max-width: unset !important;
}

@media (max-width: 1440px) {
  .table-responsive table th > *,
  .table-responsive table tr > * {
    width: unset !important;
  }
}

#youtube table tr > *:nth-child(1) {
  min-width: 90px !important;
  padding: 0.75rem 0.25rem 10px;
}

#youtube table tr > *:nth-child(2) {
  white-space: unset;
  padding: 0.75rem 0.25rem 10px;
}

#youtube table tr > *:nth-child(4) {
  padding: 0.75rem 0.5rem 10px;
}

#youtube.loading {
  min-height: calc(100dvh - 5.25rem);
  height: auto;
  display: block;
  background: url('../img/loader.svg') no-repeat;
  background-position: center center;
}

@media (max-width: 1199px) {
  #youtube.loading  {
    min-height: calc(100dvh - 9.75rem);
    background-size: 160px;
  }
}

@media (max-width: 325px) {
  #youtube.loading {
    min-height: calc(100dvh - 11.5rem);
  }
}

table tr td {
  font-family: 'Poppins', 'IBM Plex Sans Thai Looped', sans-serif !important;
  line-height: 1.625;
  font-weight: 400 !important;
}

table tr td p {
  font-family: 'IBM Plex Sans Thai Looped', sans-serif !important;
  color: #050a30;
  font-size: 0.75rem !important;
  line-height: 1.25;
  margin-bottom: 0;
  text-transform: uppercase;
}

table tr:nth-child(odd) h6,
table tr:nth-child(odd) td,
table tr:nth-child(odd) a {
  color: #9D5C0D;
  font-weight: 600 !important;
}

table tr:nth-child(even) h6,
table tr:nth-child(even) td,
table tr:nth-child(even) a {
  color: #E5890A;
  font-weight: 600 !important;
}

table td h6,
table td .h6 {
  margin-bottom: 0;
}

table tr td div {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

table tr td a {
  display: flex;
  align-items: center;
}

table tr td a:nth-child(n+2) {
  margin-top: .25rem;
}

table tr td a i {
  margin-right: .1625rem;
}

table tr td a span {
  font-family: 'MN ECLAIR', sans-serif !important;
  font-weight: 300;
  margin-left: .1625rem;
  margin-bottom: -.05rem;
}

table tr td a[href*="youtu.be"],
table tr td a[href*="youtube"] {
  color: #ff0000;
}

table tr td a[href*="tiktok"] {
  color: #000;
}

table tr td a[href*="facebook"],
table tr td a[href*="fb.watch"] {
  color: #0165e1;
}

table tr td a[href*="lazada"] {
  color: #000084;
}

table tr td a[href*="lazada"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/lazada.png') no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 22.5%;
}

table tr td a[href*="spotify"] {
  color: #1ed760;
}

table tr td a[href*="spotify"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/Spotify_logo_without_text.svg') no-repeat;
  background-position: center center;
  background-size: contain;
}

table tr td a[href*="music.apple"] {
  color: #fc3c44;
}

table tr td a[href*="music.apple"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/Apple_Music_icon.svg') no-repeat;
  background-position: center center;
  background-size: contain;
}

table tr td a[href*="joox"] {
  color: #00cb5e;
}

table tr td a[href*="joox"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/joox.png') no-repeat;
  background-position: center center;
  background-size: contain;
}

table tr td a[href*="plern"] {
  color: #006fff;
}

table tr td a[href*="plern"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/plern.png') no-repeat;
  background-position: center center;
  background-size: contain;
}

table tr td a[href*="trueid"] {
  color: #e10716;
}

table tr td a[href*="trueid"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/TrueID-App-icon.png') no-repeat;
  background-position: center center;
  background-size: contain;
}

table tr td a[href*="hotstar"] {
  color: #095ae5;
}

table tr td a[href*="hotstar"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/disney+hotstar.png') no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 20%;
}

table tr td a[href*="gagaoolala"] {
  color: #b940ff;
}

table tr td a[href*="gagaoolala"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/gagaoolala.png') no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 20%;
}

table tr td a[href*="primevideo"] {
  color: #1a98ff;
}

table tr td a[href*="primevideo"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/primevideo.png') no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 20%;
}

table tr td a[href*="iq.com"] {
  color: #00dc5a;
}

table tr td a[href*="iq.com"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/iqiyi.png') no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 20%;
}

table tr td a[href*="ch3plus"] {
  color: #2f2c2d;
}

table tr td a[href*="ch3plus"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/ch3plus.png') no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 20%;
}

table tr td a[href*="viu"] {
  color: #ffbf00;
}

table tr td a[href*="viu"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/viu.svg') no-repeat;
  background-position: center center;
  background-size: contain;
}

table tr td a[href*="aisplay"],
table tr td a[href*="app.ais"] {
  color: #bcd043;
}

table tr td a[href*="aisplay"] i,
table tr td a[href*="app.ais"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/aisplay.png') no-repeat;
  background-position: center center;
  background-size: contain;
}

table tr td a[href*="wetv"],
table tr td a[href*="WeTV"] {
  color: #000;
}

table tr td a[href*="wetv"] i,
table tr td a[href*="WeTV"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/wetv.png') no-repeat;
  background-position: center center;
  background-size: contain;
}

table tr td a[href*="oned"] {
  color: #000;
}

table tr td a[href*="oned"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/oned.jpg') no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 50%;
}

table tr td a[href*="monomax"] {
  color: #fa4616;
}

table tr td a[href*="monomax"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/monomax.png') no-repeat;
  background-position: center center;
  background-size: contain;
}

table tr td a[href*="shopee"] {
  color: #ef4c29;
  position: relative;
  top: 2.5px;
}

table tr td a[href*="shopee"] i {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background: url('../img/icons/shopee-icon.svg') no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  top: -2.5px;
}

table tr td .hashtag span {
  font-family: unset !important;
  font-style: italic;
  font-weight: 300;
  line-height: 1.325;
}

html[lang*="en"] table tr td .hashtag span {
  line-height: 1.65;
  font-weight: 500;
}

table tr.year th {
  padding: 0;
  height: 35px;
}

table tr.year th h5 {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 36px;
  line-height: 36px;
  margin-top: -18px;
  left: 0;
  font-size: 1.25rem;
  background: #E5890A;
  color: #FAFAFA;
  font-family: 'MN ECLAIR', sans-serif !important;
}

html[lang="en"] table tr.year th h5 {
  font-size: 1.15rem;
}

.card-header.interview {
  /*padding-bottom: 0;*/
}

#interview tr.year:first-of-type th {
  /*height: 41px;*/
}

#interview tr.year:first-of-type th h5 {
  /*background: #9D5C0D;
  height: 42px;
  margin-top: -21px;
  align-items: flex-start;*/
  background: #F7D08A;
  color: #9D5C0D;
}

#interview tr td:first-child {
  white-space: nowrap !important;
}

.card-business .icon-sm i[class*="fa"] {
  top: 4px;
}

.handle p,
.handle span {
  color: #050a30 !important;
}

.followers {
  margin-left: 2rem;
}

.tel .icon {
  background: #9D5C0D;
}

.instagram .icon {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

h6.instagram,
.instagram h6 {
  display: inline-block;
  background: linear-gradient(45deg, #f09433 16.66%, #e6683c 33.33%, #dc2743 50%, #cc2366 66.66%, #bc1888 83.33%, #285AEB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
}

.x .icon {
  background: #000;
}

h6.x,
.x h6 {
  color: #000;
}

.facebook .icon {
  background: #0165e1;
}

.facebook h6 {
  color: #0165e1;
}

.tiktok .icon {
  background: #000;
}

.weibo .icon {
  position: relative;
  background: url('../img/icons/weibo.png') no-repeat;
  background-position: center center;
  background-size: contain;
}

.fa-tiktok {
  color: #111111;
  text-shadow: -0.065rem -0.035rem 0 #4DE8F4, 0.065rem 0.035rem 0px #FD3E3E;
}

.tiktok h6 {
  color: #000;
}

.youtube .icon {
  background: #ff0000;
}

.youtube h6 {
  color: #ff0000;
  font-size: .95rem;
}

#sidenav-main {
  overflow: hidden !important;
}

.navbar-collapse::-webkit-scrollbar {
  display: none;
}

.navbar-collapse {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.sidenav-footer {
  background: #E5890A;
  height: 45px;
}

.sidenav-footer .btn {
  font-family: 'MN ECLAIR', sans-serif !important;
  font-size: 1rem;
  box-shadow: none;
  border-radius: 0 !important;
  color: #fff !important;
  font-weight: 400;
}

.sidenav-footer .btn.active,
html[lang="th"] .sidenav-footer .btn:nth-child(1),
html[lang="en"] .sidenav-footer .btn:nth-child(2) {
  background-color: #FDEEDC !important;
  color: #E5890A !important;
  font-weight: 600;
  cursor: default !important;
}

.sidenav-footer .btn:hover {
  box-shadow: none;
  transform: none;
}

#copyright-wrapper > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}

@media (max-width: 576px) {
  #copyright-wrapper  {
    padding: 0 !important;
  }
  #copyright-wrapper > div {
    flex-direction: column;
    justify-content: space-between;
  }
}

@media (max-width: 480px) {
  .card-profile h5 {
    font-size: 1.275rem;
  }
}

.copyright {
  display: flex;
  align-items: center;
  justify-content: center;
}

.copyright i {
  margin: 0 .2rem;
  color: #ff0000;
}

.copyright a {
  font-size: 1rem;
  margin: 0 0 0 .2rem;
}

#flukenatouchpage {
  display: inline-block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  background: url('../img/favicon.png') no-repeat;
  background-size: contain;
  background-position: center;
  border-radius: 100%;
  margin: 0 0 0 .25rem;
}

.lang-switch {
  margin-bottom: -1px;
}

.lang-switch a {
  font-family: 'MN ECLAIR', sans-serif !important;
  color: #fff !important;
  font-weight: 400;
}

.lang-switch a.thai {
  font-size: .9rem;
  transform: scale(1.2, 1);
  -webkit-transform: scale(1.2, 1);
  -moz-transform: scale(1.2, 1);
  -ms-transform: scale(1.2, 1);
  -o-transform: scale(1.2, 1);
}

.lang-switch a.active,
html[lang="th"] .lang-switch a:first-child,
html[lang="en"] .lang-switch a:last-child {
  color: #FDEEDC !important;
  cursor: default !important;
}

.lang-switch span {
  height: 12px;
  width: 2.25px;
  border-radius: 2px;
  background-color: #FDEEDC;
  margin: 0 2px 0 3px;
  display: inline-block;
}

.min-height-100.max-height-vh-100 {
  max-height: 1463px !important;
}

@media (max-width: 1199px) {
  .text-lg-sm {
    font-size: 0.875rem;
  }
  .card-body.bio div {
    text-indent: 1.5rem;
  }
}

@media (max-width: 992px) {
}

@media (max-width: 767px) {
  .min-height-100.max-height-vh-100 {
    aspect-ratio: 2 / 1;
  }

  .card.business-info {
    border-radius: 1rem 1rem 0 0;
  }

  .card.business-photo {
    border-radius: 0 0 1rem 1rem;
  }

  .card.card-carousel .carousel .carousel-control-prev {
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
  }

  .card.card-carousel .carousel .carousel-control-next {
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 1rem;
  }

  .card.card-carousel .carousel .carousel-control-prev-icon,
  .card.card-carousel .carousel .carousel-control-next-icon {
    width: 2rem;
    height: 2rem;
  }

  .text-lg-sm {
    font-size: 0.875rem;
  }
}

@media (max-width: 320px) {
  .social-footer .col-3.ps-lg-0.text-end {
    padding-left: 0 !important;
  }
}

@media (max-width: 280px) {
  .h6.px-2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}