/* ==================== */
/*     THEM font       */
/* ==================== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&family=Maitree:wght@200;300;400;500;600;700&display=swap');

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-BlackItalic.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-Black.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-BoldItalic.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-Light.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-LightItalic.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-MediumItalic.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-RegularItalic.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-Semibold.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-SemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-Thin.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-ThinItalic.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-UltraLight.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noi Grotesk';
    src: url('../fonts/Noi Grotesk/NoiGrotesk-UltraLightItalic.woff2') format('woff2'),
        url('../fonts/Noi Grotesk/NoiGrotesk-UltraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('../fonts/MinionPro-Regular.woff2') format('woff2'),
        url('../fonts/MinionPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('../fonts/MinionPro-Medium.woff2') format('woff2'),
        url('../fonts/MinionPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('../fonts/MinionPro-Bold.woff2') format('woff2'),
        url('../fonts/MinionPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* ==================== */
/*     THEM COLOR       */
/* ==================== */
:root{    
  --btn-primary-bg: #404f41;
  --btn-primary-border: #404f41;
  --cl-brand-primary: #a13f39;
  --btn-primary-bg-hover: #2f382f;
  --btn-primary-border-hover: #404f41;
  --cl-bg-surface: #dacdb1;
  --cl-tx-header: #000000;
  --btn-outline-tx: #404f41;
  --btn-outline-bd: #404f41;
  --btn-outline-bg-hover: #404f41;
  --btn-outline-bd-hover: #404f41;
  /* --cl-bg-section: #dacdb1; */
  --cl-tx-link: #454545;
  --cl-tx-link-hover: #a13f39;
  --cl-brand-secondary: #333;
  --cl-bg-section: #5e5642;

  --fs-h1:40px;
  --fs-h2:36px;
  --fs-h3:34px;
  --fs-h4:28px;
  --fs-body:18px;
  --fs-intro-title:36px;

  --ff-heading:'Noi Grotesk';
}

.c-module--pagenavi .wp-pagenavi { background-color:#dacdb1; }

.header { background-color: #dacdb1; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); }
body { background-color: #fcf7ec; }
.card--alt-media--facilities .c-intro .title h3 {color: var(--cl-tx-header);}

.c-form--meeting-inquiry .wrapper-form .section-label::before , .c-form--meeting-inquiry .wrapper-form .section-label::after {background-color: #000;}
/* ==================== */
/*      THEM FONT       */
/* ==================== */
body {
  font-family: 'Minion Pro';
  font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Noi Grotesk' !important ;
  text-transform: none;
  font-weight: 600;
}
html[lang="th"] body {
  font-family: "Maitree";
  font-weight: 400;
}
html[lang="th"] h1, html[lang="th"] h2, html[lang="th"] h3 , html[lang="th"] h4, html[lang="th"] h5, html[lang="th"] h6 , html[lang="th"] .c-intro-mainslide .detail,
html[lang="th"] .header__mobile-menu-btn , html[lang="th"] #main-menu a, html[lang="th"] .header__actions-top, html[lang="th"] .topmenu-title {
  font-family: "IBM Plex Sans Thai", sans-serif !important;
}
.btn {
  font-family: 'Noi Grotesk' !important;
}
html[lang="th"] .btn , html[lang="th"] .c-form--newsletter .-email input {
  font-family: "IBM Plex Sans Thai", sans-serif !important;
}
.form-step-title {
  font-size: 28px;
}
.c-intro-mainslide .title h1, .c-intro-mainslide .title h2, .c-intro-mainslide .title h3, .c-intro-mainslide .title h4, .c-intro-mainslide .title h5, .c-intro-mainslide .title h6 {
  text-transform: none;
}
.awardslide__btn {background: transparent;}
.card--guide .tags a , .card--guide .tags i {
    color: #404f41;
}
.single-wedding-packages-sub .c-module--accordion .accordion-item {
    border-bottom: 1px solid #404f41;
}
.card--slider-media-list .title h2 {
  font-family: 'Noi Grotesk';
  text-transform: none;
  font-size: var(--fs-h3);
}
.card--slider-media-list .description p {
  font-size: 18px;
}
/* .subtitle h3 {
  font-size: 24px !important;
  font-family: "Noi Grotesk";
} */
 


/* ==================== */
/*        Border        */
/* ==================== */
.btn, .c-form--meeting-inquiry .wrapper-form .-formbuttons #cf7mls-back-btn-cf7mls_step-4, .wpcf7-submit, input[type=reset], .cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button, form.cf7mls input.wpcf7-form-control.wpcf7-submit {
  border-radius: 0;
}
html[lang="th"] .btn__submit , html[lang="th"] .btn__reset , html[lang="th"] .wpcf7-submit , html[lang="th"] .action-button {
  font-family: "IBM PLEX SANS THAI" !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}
/* ==================== */
/*        HEADER        */
/* ==================== */
.header {
  z-index: 999;
}
.header__actions {
  gap: 5px;
}
#main-menu a , .header__actions-top , .topmenu-title {
    font-size: 16px;
}
.header__lang-direct .wpml-ls-legacy-dropdown {
    width: 130px;
}
.header__logo img {
  height: 80px;
}
.header__cta a {
  border: var(--cl-brand-primary);
  background: var(--cl-brand-primary);
  border-radius: 0;
  text-transform: none;
  font-size: 18px;
  font-weight: 600;
}
.header__mobile-menu-btn {
      font-size: 16px;
}


/* ==================== */
/*      BOOKING BAR     */
/* ==================== */
#bar_booking_synxis {
    background-color: #393534;
}
#bar_booking_synxis .seg-label,
#bar_booking_synxis .seg-label-title,
#bar_booking_synxis #titleSeg .seg-label-desc,
#bar_booking_synxis .seg-val {
  color: #fff;
}
#bar_booking_synxis .i-date-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(87deg) brightness(102%) contrast(101%);
}
#bar_booking_synxis #bookSeg button {
  border: var(--cl-brand-primary);
  background: var(--cl-brand-primary);
  border-radius: 0;
  text-transform: none;
  font-size: 18px;
  font-weight: 600;
}
#bar_booking_synxis .seg-val input[type=text] {
    color: #fff;
}
html[lang="th"] #bar_booking_synxis .seg-label, html[lang="th"] #bar_booking_synxis .seg-label-title,
html[lang="th"] #bar_booking_synxis #titleSeg .seg-label-desc, html[lang="th"] #bar_booking_synxis .seg-val {

    font-family: "IBM Plex Sans Thai", sans-serif;
}
/* ==================== */
/*        INTRO         */
/* ==================== */
.lyt__intro-default-bg .c-intro {
  row-gap: 0;
}
.lyt__intro-default-bg .c-intro .icon , .lyt__intro-centered .c-intro .icon {
  order: 1;
}
.lyt__intro-default-bg .c-intro .subtitle , .lyt__intro-centered .c-intro .subtitle {
  order: 2;
}
.lyt__intro-default-bg .c-intro .title , .lyt__intro-centered .c-intro .title {
  order: 3;
  /* border-bottom: 1px solid; */
  /* padding-bottom: 10px; */
  margin-bottom: 25px;
}
.lyt__intro-default-bg .c-intro .description , .lyt__intro-centered .c-intro .description  {
  order: 4;
}
.lyt__intro-default-bg .c-intro .link  , .lyt__intro-centered .c-intro .link  {
    margin-top: 25px;
    order: 5;
}
.lyt__intro-default-bg .c-intro .subtitle h3 ,  .lyt__intro-centered .c-intro .subtitle h3 {
  color: #fff;
  padding-bottom: 5px;
  font-size: 24px !important;
  font-family: "Noi Grotesk";
}
.lyt__intro-default-bg .c-intro .title h2 , .lyt__intro-centered .c-intro .title h2 {
  color: #fff;
}
.lyt__intro-default-bg .c-intro .description p , .lyt__intro-centered .c-intro .description p {
  color: #fff;
}
.lyt__intro-default-bg .c-intro .link a , .lyt__intro-centered .c-intro .link a {
  color: #fff;
  border-color: #fff;
}
.lyt__intro-default-bg .c-intro .link a:hover , .lyt__intro-centered .c-intro .link a:hover  {
  color: var(--cl-bg-section);
  border-color: #fff;
  background-color: #fff;
  box-shadow: none;
}
.lyt__intro-default-bg .c-intro .title h2::after , .lyt__intro-centered .c-intro .title h2::after {
  content: '';
  display: block;
  width: 150px;
  height: 1px;
  background-color: #fff;
  margin: 15px auto 0; /* auto = จัดกึ่งกลาง */
}
.c-intro-mainslide .detail {
  font-size: 24px;
  font-family: "Noi Grotesk";
}
.lyt__intro-centered .content .c-intro {
  row-gap: 0;
}
.lyt__intro-centered .c-intro .subtitle h3 {
  padding-top: 25px;
  font-size: 24px !important;
  font-family: "Noi Grotesk";
}
/* ==================== */
/*         HOME         */
/* ==================== */
/* intro */
.home .lyt__intro-centered .c-intro .title h2::after {
  width: 0px;
  margin:0;
}

.lyt__intro-centered .link a {
  background-color: transparent;
  color: var(--btn-primary-tx);
  border-color: #ffffff;
  border-radius: 0;
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
}
.lyt__intro-centered .description p , .lyt__intro-centered .title h2 {
  color: #fff;
  text-transform: none;
}
.lyt__intro-centered .link a:hover {
    background-color: #fff;
    color: #5e5642;
    border-color: #ffffff;
    box-shadow: none;
}
.lyt__intro-centered .c-card {
    background-color: #564f3d;
}
/* highlight */
.u-bg-section {
    background-color: var(--cl-bg-surface);
}
#sec__highlight_slide {
  padding-top: 250px;
  padding-bottom: 250px;
  background-color: #393534;
  position: relative;
  clip-path: polygon(0 0, 100% 220px, 100% 100%, 0 calc(100% - 220px));
}
#sec__highlight_slide h2,
#sec__highlight_slide p,
#sec__highlight_slide .subtitle {
  color: #fff;
}
#sec__highlight_slide .c-card .title h2,
#sec__highlight_slide .c-card .description p {
  color: #000000;
}
.btn {
  border-radius: 0;
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
}
#sec__highlight_slide .c-card .description p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.c-slider--list-highlight-wrapper .slide-title .title h2 {
  font-size: var(--fs-h4);
}
/* benefits */
#sec__book_direct_benefits {
  background-color: unset;
  
}
#sec__book_direct_benefits .btn {
  border: var(--cl-brand-primary);
  background: var(--cl-brand-primary);
}
#sec__book_direct_benefits .btn {
  background: var(--btn-primary-bg-hover);
  color: var(--btn-primary-tx-hover);
  border-color: var(--btn-primary-border-hover);
}
#sec__book_direct_benefits .subtitle h3 {
  font-size: 18px;
}
#sec__book_direct_benefits .benefits-list .content h4 {
  font-size: 18px;
  font-family: 'Minion Pro';
}
.card--highlight .content .title h4 {
  font-weight: 600 !important;
}
.home #sec__flavours_slide {
  background-color: #dacdb1;
}


.card--highlight a::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgb(161 63 57) 100%);
}
.card--highlight a::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgb(161 63 57 / 40%) 100%);
}

/* Beyond Guide */
#sec__guide .subtitle h3 {
  font-size: 18px;
}
/* awards */
#sec__awards .subtitle h3 {
  font-size: 18px;
}
.sdty--awardslide .slidebox .mark {
  background-color:unset;

}
.sdty--awardslide .slidebox img {
  max-height: 120px;
  filter: brightness(0) saturate(100%) invert(28%) sepia(18%) saturate(405%) hue-rotate(70deg) brightness(97%) contrast(96%);
  padding: 0 10px;
}
.sdty--awardslide .slidebox img:hover {
  filter: grayscale(0);
}
.mark {
  display: none;
}
/* ig */
#sec__instagram {
  background-color: #404f41;
}
#sec__instagram .c-intro .title h2:has(i) {
  color: #fff;
}


/* ==================== */
/*     Beyond Green     */
/* ==================== */
.card--icon-feature-grid:hover  .description, .card--icon-feature-grid:hover .title h4 {
  color: #fff;
}
.card--icon-feature-grid {
  border: 1px solid #5e5642;
}



/* ==================== */
/*      Factsheets      */
/* ==================== */
.o-table-default .table__head , .u-bg-section-dark {
background-color: #404f41;
}
.o-table-default .o-table-default__wrapper {
    border: 1px solid  #404f41;
}
.c-module--accordion .accordion-item {
    border-bottom: 1px solid #000;
}
/* ==================== */
/*         BLOG         */
/* ==================== */
/* ปลดล็อคความกว้างของกล่องหุ้มรูปภาพ */
.wp-block-image figcaption, 
.wp-block-image .aligncenter.size-full,
figure.aligncenter.size-full {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ควบคุมขนาดตัวรูปภาพด้านใน */
.wp-block-image img {
  width: 100% !important;
  height: 500px !important;
  object-fit: cover !important;
}
.blog-img-custom img {
    height: auto !important;
}
.blog-img-custom-height img {
  width: auto !important;
  height: 400px !important;
}
.wp-block-image .aligncenter {
  display: flex;
  justify-content: center;
}


/* ==================== */
/*   Room Comparison    */
/* ==================== */
.sty__compare_step_2 .compare-room .row .col.title {

  background: #dacdb1;
}
.sty__compare_step_2 .photo-room .c1 {
  background-color: unset;
}

.sty__compare_step_2 .photo-room .row {
  background-color: #dacdb1;
}

/* ==================== */
/*       OFFERS        */
/* ==================== */
.card--guide {
  background-color: #dacdb1;
}


/* ==================== */
/*       CONTACT        */
/* ==================== */
.wpcf7 form .wpcf7-response-output {
    margin-top: 20px !important;
  }

/* ===========================*/
/*  Airport Transfer Service  */
/* ========================== */
.c-form--airport-transfer .wrapper-form .section-label::before,
.c-form--airport-transfer .wrapper-form .section-label::after {
  background-color: #000;
}
/* ===========================*/
/*        newsletter          */
/* ===========================*/
.c-popup-newsletter .ppup--inner {
    background-color: #dacdb1;
}
.wpcf7-submit {
  border-radius: 0;
}
/* ==================== */
/*         BLOG         */
/* ==================== */
#sidebar {
  border: 1px solid #ccc;
}
.wp-block-separator {
    border-top: 1px solid #ccc;
}

/* ==================== */
/*        FOOTER        */
/* ==================== */
.footer__brand img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(177deg) brightness(105%) contrast(105%) !important;
}
.footer__brand img:hover {
  filter: grayscale(0) !important;
}
.footer__menu{ 
  columns: auto;
}
.footer__menu ul{
  width: 100%;
  columns: 2; column-gap: 60px;
}
/* 1. จัดการกล่องแม่ (flex) ให้เว้นระยะห่างและจัดกึ่งกลางสวยๆ */
.footer__brand {
  display: flex;
  align-items: center;   /* จัดให้โลโก้ทุกอันอยู่กึ่งกลางแนวตั้งเท่ากัน */
  gap: 20px;             /* เว้นระยะห่างระหว่างโลโก้แต่ละอัน (ปรับเพิ่ม/ลดได้) */
  flex-wrap: wrap;       /* ถ้าจอแคบเกินไป ให้โลโก้ขึ้นบรรทัดใหม่ ไม่เบียดกัน */
}

/* 2. ดักไม่ให้กล่องลิงก์ <a> โดน flex บีบจนหาย */
.footer__brand a {
  display: inline-block;
  flex-shrink: 0;        /* ห้ามบีบกล่องนี้เด็ดขาด */
}

/* 3. คุมขนาดรูปภาพทั้งหมด ไม่ให้ยืด ไม่ให้เบี้ยว */
.footer__brand img {
  display: block;
  height: 50px;          /* เปลี่ยนจาก max-height เป็น height ตายตัวไปเลย */
  width: auto;           /* ปล่อยความกว้าง auto สัดส่วนจะไม่เพี้ยน */
  object-fit: contain;
}

/* 4. คุมขนาดเฉพาะของรูป Kata Group (ถ้าต้องการให้ใหญ่กว่ารูปอื่นนิดนึงตามโค้ดเดิม) */
.footer__brand .logo-katagroup {
  height: 50px;          /* เปลี่ยนเป็น height */
  width: auto;
}
.otgs-development-site-front-end {
  display: none;
}
.c-form--newsletter .-submit .btn.submit {
  border-radius: 0;
}
.c-form--newsletter .-email input {
  border-radius: 0;
  border: 4px solid #fff;
}
.footer .hotel--address p,
.footer .footer__hotel-direction a,
.footer__menu a, 
.footer h6,
.footer .google-review__label,
.footer .google-review__count {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
.header .topmenu-title,
.header__topnav-list a,
.header__tels {
  font-size: 14px;
  gap: 10px;
}

.header__actions-top .header__topnav, .header__actions-top .header__tels {
  display: none;
}
.header__actions-top .header__topnav + .header__sep, .header__actions-top .header__tels + .header__sep {
  display: none;
}

}
@media screen and (max-width: 700px) {
  .sdty--mainslide .mainslide__content {
    bottom: 30px;
  }
  .c-intro-mainslide .title h1 {
    font-size: 30px;
  }
  .c-intro-mainslide .detail {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  #bar_booking_synxis {
    display: none;
  }
  /* ==================== */
  /*        Header        */
  /* ==================== */
  .header__cta {
    width: 140px;
  }
  .header__logo img {
    width: 50px;
  }
  .lyt__mobile-mainmenu-inner .mobile-mainmenu-wrapper {
    justify-content: start;
  }
  .lyt__mobile-mainmenu-inner .mobile-mainmenu-wrapper .col1 a  , .btn--close .tx-close , .lyt__mobile-mainmenu-inner .mobile-footermenu-wrapper a{
    font-family: "Noi Grotesk";
    font-size: 1rem;
  }
  html[lang="th"] .lyt__mobile-mainmenu-inner .mobile-mainmenu-wrapper .col1 a  , html[lang="th"] .btn--close .tx-close , html[lang="th"] .lyt__mobile-mainmenu-inner .mobile-footermenu-wrapper a {
    font-family: "IBM Plex Sans Thai", sans-serif;
    font-size: 1rem;
  
  }

  /* ==================== */
  /*        Footer        */
  /* ==================== */
  .footer__menu ul { 
    columns: auto; 
    column-gap: 0; 
  }

}