:root{--page-title-display:none;}/* Start custom CSS */.elementor-38 { background: rgb(247, 245, 240) !important; color: rgb(24, 59, 49) !important; overflow: hidden !important; }
.elementor-38 .e-flexbox-base { box-sizing: border-box !important; min-width: 0px !important; max-width: 100% !important; flex-direction: column !important; align-items: stretch !important; gap: 1.25rem !important; padding: 0px !important; }
.elementor-38 h1 { color: rgb(24, 59, 49) !important; font-size: clamp(2.5rem, 4.5vw, 4rem) !important; line-height: 1.1 !important; letter-spacing: -0.03em !important; margin: 0px 0px 1rem !important; }
.elementor-38 h2 { color: rgb(24, 59, 49) !important; font-size: clamp(1.5rem, 2.6vw, 2.1rem) !important; line-height: 1.5 !important; margin: 0px !important; }
.elementor-38 p { color: rgb(98, 105, 96) !important; font-size: 1rem !important; line-height: 1.8 !important; margin: 0px !important; }
.elementor-38 .elementor-element-71bd65de { padding: 5rem max(2rem, calc((100% - 1200px)/2)) 4rem !important; margin: 0px auto !important; }
.elementor-38 .elementor-element-71bd65de > .e-flexbox-base { gap: 1rem !important; }
.elementor-38 .elementor-element-71bd65de > .e-image-base { width: 100% !important; height: auto !important; aspect-ratio: 1.5 / 1 !important; object-fit: cover !important; box-shadow: rgba(24, 59, 49, 0.1) 0px 18px 42px !important; }
.elementor-38 .elementor-element-64a1f34e { max-width: 1200px !important; margin: 0px auto !important; padding: 4rem 2rem !important; text-align: center !important; border-top: 1px solid rgb(227, 222, 213) !important; align-items: center !important; }
.elementor-38 .elementor-element-64a1f34e .e-heading-base { max-width: 54rem !important; font-weight: 400 !important; font-size: clamp(1.4rem, 2.4vw, 2rem) !important; line-height: 1.65 !important; color: rgb(24, 59, 49) !important; }
.elementor-38 .elementor-element-6fba3e49 { max-width: 1200px !important; margin: 0px auto !important; padding: 2rem 2rem 5rem !important; }
.elementor-38 .e-grid-base { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; grid-template-rows: auto auto !important; gap: 1.25rem !important; padding: 0px !important; }
.elementor-38 .e-grid-base > .e-flexbox-base { display: block !important; aspect-ratio: 4 / 3 !important; overflow: hidden !important; padding: 0px !important; border: 1px solid rgb(229, 224, 215) !important; box-shadow: rgba(24, 59, 49, 0.07) 0px 8px 24px !important; }
.elementor-38 .e-grid-base .e-image-base { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
.elementor-38 .e-flexbox-base:has(.e-button-base):not(:has(.e-flexbox-base)) { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 1.15rem !important; max-width: none !important; width: 100% !important; margin: 0px !important; padding: 4.5rem 1.5rem !important; background: rgb(24, 59, 49) !important; }
.elementor-38 .e-flexbox-base:has(.e-button-base):not(:has(.e-flexbox-base)) .e-heading-base { color: rgb(247, 245, 240) !important; font-size: clamp(1.7rem, 3vw, 2.6rem) !important; line-height: 1.35 !important; max-width: 50rem !important; }
.elementor-38 .e-flexbox-base:has(.e-button-base):not(:has(.e-flexbox-base)) .e-paragraph-base { color: rgb(229, 227, 220) !important; line-height: 1.8 !important; max-width: 42rem !important; }
.elementor-38 .e-flexbox-base:has(.e-button-base):not(:has(.e-flexbox-base)) .e-paragraph-base:first-child { color: rgb(196, 154, 105) !important; font-size: 0.75rem !important; letter-spacing: 0.18em !important; }
.elementor-38 .e-flexbox-base:has(.e-button-base):not(:has(.e-flexbox-base)) .e-button-base { display: inline-block !important; align-self: center !important; width: auto !important; max-width: 100% !important; background: rgb(196, 154, 105) !important; color: rgb(24, 59, 49) !important; padding: 1rem 2rem !important; border: 1px solid rgb(196, 154, 105) !important; border-radius: 2px !important; }
.elementor-38 .e-flexbox-base:has(.e-button-base):not(:has(.e-flexbox-base)) .e-button-base:hover { background: rgb(247, 245, 240) !important; border-color: rgb(247, 245, 240) !important; }
@media (max-width: 1024px) {
  .elementor-38 .e-grid-base { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; grid-template-rows: auto auto auto !important; gap: 1rem !important; }
  .elementor-38 .elementor-element-71bd65de { padding: 4rem 2rem 3rem !important; }
  .elementor-38 .e-flexbox-base:has(.e-button-base):not(:has(.e-flexbox-base)) { padding: 3.75rem 2rem !important; }
}
@media (max-width: 767px) {
  .elementor-38 .e-grid-base { grid-template-columns: minmax(0px, 1fr) !important; grid-template-rows: repeat(6, auto) !important; gap: 1rem !important; }
  .elementor-38 .elementor-element-71bd65de, .elementor-38 .elementor-element-64a1f34e, .elementor-38 .elementor-element-6fba3e49 { padding: 3rem 1.25rem !important; }
  .elementor-38 .elementor-element-71bd65de > .e-image-base { aspect-ratio: 1.2 / 1 !important; }
  .elementor-38 .elementor-element-64a1f34e .e-heading-base { font-size: 1.25rem !important; }
  .elementor-38 .e-flexbox-base:has(.e-button-base):not(:has(.e-flexbox-base)) { padding: 3.25rem 1.25rem !important; }
  .elementor-38 .e-flexbox-base:has(.e-button-base):not(:has(.e-flexbox-base)) .e-heading-base { font-size: 1.6rem !important; }
}

.elementor-38 .elementor-element-5fe4f2be{width:100%!important;gap:0!important;}
.elementor-38 .elementor-element-64a1f34e,.elementor-38 .elementor-element-6fba3e49{width:100%!important;}
.elementor-38 img{max-width:100%!important;}

/* Page 38 only: normalize the existing global footer without editing template 355 */
body.page-id-38 .elementor-355{background:#0B3026!important;color:#F7F4EE!important}
body.page-id-38 .elementor-355>.elementor-element-68e2c72a{display:grid!important;grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr))!important;gap:clamp(1.25rem,3vw,3rem)!important;width:min(1200px,calc(100% - 64px))!important;max-width:1200px!important;margin:0 auto!important;padding:4.5rem 0 3rem!important;align-items:start!important;box-sizing:border-box!important}
body.page-id-38 .elementor-355>.elementor-element-68e2c72a>.e-con{display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;max-width:none!important;gap:0!important;box-sizing:border-box!important}
body.page-id-38 .elementor-355 .elementor-element-5f60881a img{display:block!important;width:170px!important;max-width:100%!important;height:auto!important;margin:0 0 1.25rem!important}
body.page-id-38 .elementor-355 .elementor-element-1046adbf .elementor-image-box-description{max-width:38ch!important;color:#F7F4EE!important;font-size:15px!important;line-height:1.8!important}
body.page-id-38 .elementor-355 h5{margin:0 0 1.1rem!important;color:#C49A69!important;font-family:'Noto Serif Thai',serif!important;font-size:18px!important;font-weight:500!important;line-height:1.45!important}
body.page-id-38 .elementor-355 p,body.page-id-38 .elementor-355 a{color:#F7F4EE!important;font-size:15px!important;line-height:1.75!important}
body.page-id-38 .elementor-355 .elementor-icon-list-items{margin:0!important;padding:0!important;list-style:none!important}
body.page-id-38 .elementor-355 .elementor-icon-list-item{margin:0 0 .65rem!important}
body.page-id-38 .elementor-355 .elementor-nav-menu--main{width:auto!important}
body.page-id-38 .elementor-355 .elementor-nav-menu--main .elementor-nav-menu{display:flex!important;flex-direction:column!important;gap:.55rem!important}
body.page-id-38 .elementor-355 .elementor-element-1115974f{display:block!important;width:min(1200px,calc(100% - 64px))!important;max-width:1200px!important;margin:0 auto!important;padding:1.25rem 0!important;border-top:1px solid rgba(247,244,238,.2)!important;box-sizing:border-box!important}
body.page-id-38 .elementor-355 .elementor-element-1115974f p{color:#E7E5DE!important;font-size:13px!important;line-height:1.5!important}
body.page-id-38 .elementor-355 .elementor-element-0d4be93,body.page-id-38 .elementor-355 .elementor-element-39bb214{display:none!important}
@media(max-width:1024px){body.page-id-38 .elementor-355>.elementor-element-68e2c72a{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% - 48px)!important;gap:2rem!important;padding:3.5rem 0 2.5rem!important}body.page-id-38 .elementor-355>.elementor-element-68e2c72a>.e-con{min-width:0!important}body.page-id-38 .elementor-355 .elementor-element-1115974f{width:calc(100% - 48px)!important}}
@media(max-width:767px){body.page-id-38 .elementor-355>.elementor-element-68e2c72a{display:flex!important;flex-direction:column!important;width:calc(100% - 40px)!important;gap:2rem!important;padding:3rem 0 2rem!important}body.page-id-38 .elementor-355>.elementor-element-68e2c72a>.e-con{width:100%!important}body.page-id-38 .elementor-355 .elementor-element-5f60881a img{width:145px!important}body.page-id-38 .elementor-355 .elementor-element-1115974f{width:calc(100% - 40px)!important}}

body.page-id-38 .elementor-355 .elementor-icon-list-icon{color:#C49A69!important}body.page-id-38 .elementor-355 .elementor-icon-list-icon i,body.page-id-38 .elementor-355 .elementor-icon-list-icon svg{color:#C49A69!important;fill:#C49A69!important}
/* Page 38 editor canvas: retain a balanced footer when Elementor narrows its desktop preview */
@media (max-width:1100px){body.page-id-38 footer.elementor-355 > .e-con{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2rem 1.5rem!important;align-items:center!important;height:auto!important;min-height:0!important}body.page-id-38 footer.elementor-355 > .e-con > .e-con{box-sizing:border-box!important;width:auto!important;max-width:100%!important;min-width:0!important;min-height:0!important;flex:none!important}body.page-id-38 footer.elementor-355 h2{max-width:100%!important;overflow-wrap:anywhere!important}}
@media (max-width:767px){body.page-id-38 footer.elementor-355 > .e-con{grid-template-columns:minmax(0,1fr)!important;gap:1.5rem!important;padding:2rem 1.25rem!important}}
@media (max-width:1100px){body.page-id-38 footer.elementor-355 img.e-image-base{width:170px!important;max-width:100%!important;height:auto!important;object-fit:contain!important}body.page-id-38 footer.elementor-355 .e-heading-base,body.page-id-38 footer.elementor-355 .e-paragraph-base{width:100%!important;max-width:100%!important;overflow-wrap:anywhere!important}}
@media (max-width:767px){body.page-id-38 footer.elementor-355 img.e-image-base{width:145px!important}}
@media (max-width:1100px){body.page-id-38 footer.elementor-355 > .elementor-element-6192dcf3 > .e-con{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;min-width:0!important}body.page-id-38 footer.elementor-355 > .elementor-element-6192dcf3 > .e-con > .e-heading-base{width:100%!important;flex:0 0 auto!important;align-self:stretch!important}}
/* Correct Page 38 scoped footer layout: desktop 4 columns, then responsive rows */
body.page-id-38 footer.elementor-355 > .elementor-element-6192dcf3{display:grid!important;grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr))!important;gap:clamp(1.25rem,3vw,3rem)!important;width:min(1200px,calc(100% - 64px))!important;max-width:1200px!important;margin:0 auto!important;padding:4rem 0 3rem!important;align-items:start!important;box-sizing:border-box!important}body.page-id-38 footer.elementor-355 > .elementor-element-6192dcf3 > .e-con{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;min-width:0!important;width:auto!important;max-width:100%!important;gap:.8rem!important;box-sizing:border-box!important}body.page-id-38 footer.elementor-355 > .elementor-element-6192dcf3 .e-heading-base,body.page-id-38 footer.elementor-355 > .elementor-element-6192dcf3 .e-paragraph-base{width:100%!important;max-width:100%!important;overflow-wrap:anywhere!important}body.page-id-38 footer.elementor-355 > .elementor-element-6192dcf3 img.e-image-base{max-width:100%!important;height:auto!important;object-fit:contain!important}

@media (max-width:1100px){body.page-id-38 footer.elementor-355 > .elementor-element-6192dcf3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2rem!important;width:calc(100% - 48px)!important;padding:3.5rem 0 2.5rem!important}}@media (max-width:767px){body.page-id-38 footer.elementor-355 > .elementor-element-6192dcf3{grid-template-columns:minmax(0,1fr)!important;gap:2rem!important;width:calc(100% - 40px)!important;padding:3rem 0 2rem!important}body.page-id-38 footer.elementor-355 > .elementor-element-6192dcf3 img.e-image-base{width:145px!important}}
body.page-id-38 footer.elementor-355 .elementor-element-44ae5b26{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:.65rem!important;width:100%!important;max-width:100%!important;min-width:0!important}body.page-id-38 footer.elementor-355 .elementor-element-44ae5b26 .e-heading-base,body.page-id-38 footer.elementor-355 .elementor-element-44ae5b26 .e-paragraph-base{width:100%!important;max-width:100%!important}
/* Hide the stale duplicate theme-footer preview only inside the Page 38 editor; public Footer 355 remains untouched */
body.page-id-38.elementor-editor-active footer.elementor-355{display:none!important}
/* Keep the page 38 Footer preview visible and organized inside Elementor */
body.page-id-38.elementor-editor-active footer.elementor-355{display:block!important}/* End custom CSS */