{"id":463,"date":"2026-09-15T07:22:34","date_gmt":"2026-09-15T00:22:34","guid":{"rendered":"https:\/\/slimthailand.com\/package\/"},"modified":"2026-11-02T15:19:17","modified_gmt":"2026-11-02T08:19:17","slug":"services","status":"publish","type":"page","link":"https:\/\/www.slimthailand.com\/en\/services\/","title":{"rendered":"Services"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"463\" class=\"elementor elementor-463\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bf805c8 e-con-full spkg-root e-flex e-con e-parent\" data-id=\"1bf805c8\" data-element_type=\"container\" data-e-type=\"container\" id=\"slim-package-content\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae7292b elementor-widget elementor-widget-html\" data-id=\"ae7292b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM \u2014 BUILT-IN WELLNESS HERO\r\nNO BOTTOM-RIGHT TEXT \/ NO PLUS ICON\r\nREADY TO PASTE\r\n========================================================= -->\r\n\r\n<section id=\"slim-builtin-wellness-hero\">\r\n\r\n  <!-- BACKGROUND SLIDESHOW -->\r\n  <div class=\"sbw-bg\" aria-hidden=\"true\">\r\n\r\n    <img\r\n      class=\"sbw-bg-slide is-active\"\r\n      src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261005-104518.png\"\r\n      alt=\"\"\r\n      loading=\"eager\"\r\n      decoding=\"async\"\r\n    >\r\n\r\n    <img\r\n      class=\"sbw-bg-slide\"\r\n      src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261005-104527.png\"\r\n      alt=\"\"\r\n      loading=\"eager\"\r\n      decoding=\"async\"\r\n    >\r\n\r\n    <img\r\n      class=\"sbw-bg-slide\"\r\n      src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261005-104524.png\"\r\n      alt=\"\"\r\n      loading=\"eager\"\r\n      decoding=\"async\"\r\n    >\r\n<\/div>\r\n\r\n\r\n  <!-- OVERLAY -->\r\n  <div class=\"sbw-overlay\"><\/div>\r\n\r\n\r\n  <!-- CONTENT -->\r\n  <div class=\"sbw-inner\">\r\n\r\n    <div class=\"sbw-content\">\r\n\r\n\r\n      <!-- EYEBROW -->\r\n      <div class=\"sbw-eyebrow\">\r\n\r\n        <span>BUILT-IN WELLNESS<\/span>\r\n\r\n        <i><\/i>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- TITLE -->\r\n      <h1>\r\n        BUILT-IN<br>\r\n        WELLNESS\r\n      <\/h1>\r\n\r\n\r\n      <!-- THAI -->\r\n      <p class=\"sbw-description\" lang=\"th\">\r\n        \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e27\u0e25\u0e40\u0e19\u0e2a\u0e43\u0e19\u0e41\u0e1a\u0e1a\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<br>\r\n        \u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e23\u0e30\u0e1a\u0e1a \u0e43\u0e19\u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c\u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e19\r\n      <\/p>\r\n\r\n\r\n      <!-- DIVIDER -->\r\n      <div class=\"sbw-divider\"><\/div>\r\n\r\n\r\n      <!-- SERVICES -->\r\n      <div class=\"sbw-services\">\r\n\r\n        <span>SAUNA<\/span>\r\n        <b>\u00b7<\/b>\r\n\r\n        <span>ONSEN<\/span>\r\n        <b>\u00b7<\/b>\r\n\r\n        <span>STEAM<\/span>\r\n        <b>\u00b7<\/b>\r\n\r\n        <span>RED LIGHT<\/span>\r\n        <b>\u00b7<\/b>\r\n\r\n        <span>HIMALAYAN SALT<\/span>\r\n        <b>\u00b7<\/b>\r\n\r\n        <span>CUSTOM DESIGN<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- SLIDER DOTS -->\r\n  <div\r\n    class=\"sbw-dots\"\r\n    aria-label=\"Built-in wellness slider navigation\"\r\n  >\r\n    <button\r\n      class=\"sbw-dot is-active\"\r\n      type=\"button\"\r\n      data-slide=\"0\"\r\n      aria-label=\"Slide 1\"\r\n      aria-current=\"true\"\r\n    ><\/button>\r\n\r\n    <button\r\n      class=\"sbw-dot\"\r\n      type=\"button\"\r\n      data-slide=\"1\"\r\n      aria-label=\"Slide 2\"\r\n      aria-current=\"false\"\r\n    ><\/button>\r\n\r\n    <button\r\n      class=\"sbw-dot\"\r\n      type=\"button\"\r\n      data-slide=\"2\"\r\n      aria-label=\"Slide 3\"\r\n      aria-current=\"false\"\r\n    ><\/button>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@200;300;400&family=Prompt:wght@300;400&display=swap');\r\n\r\n\r\n\/* ======================================================\r\n   RESET\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero,\r\n#slim-builtin-wellness-hero *,\r\n#slim-builtin-wellness-hero *::before,\r\n#slim-builtin-wellness-hero *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HERO\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero{\r\n  position:relative;\r\n\r\n  width:100vw;\r\n  max-width:none;\r\n\r\n  height:620px;\r\n  min-height:620px;\r\n\r\n  margin:0 !important;\r\n\r\n  margin-left:\r\n    calc(50% - 50vw) !important;\r\n\r\n  margin-right:\r\n    calc(50% - 50vw) !important;\r\n\r\n  padding:0 !important;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#1d1712;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  isolation:isolate;\r\n\r\n  touch-action:pan-y;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   BACKGROUND\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero .sbw-bg{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:1;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n#slim-builtin-wellness-hero .sbw-bg img{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center center;\r\n\r\n  opacity:0;\r\n\r\n  transform:scale(1.015);\r\n\r\n  transition:\r\n    opacity 1.45s ease-in-out,\r\n    transform 7.2s cubic-bezier(.22,.61,.36,1);\r\n\r\n  will-change:opacity,transform;\r\n}\r\n\r\n\r\n\/* ACTIVE BACKGROUND \u2014 CROSSFADE + SLOW ZOOM *\/\r\n\r\n#slim-builtin-wellness-hero\r\n.sbw-bg-slide.is-active{\r\n  opacity:1;\r\n\r\n  transform:scale(1.065);\r\n\r\n  z-index:2;\r\n}\r\n\r\n\r\n\/* PREVIOUS \/ INACTIVE IMAGE *\/\r\n\r\n#slim-builtin-wellness-hero\r\n.sbw-bg-slide:not(.is-active){\r\n  z-index:1;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   OVERLAY\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero .sbw-overlay{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:2;\r\n\r\n  pointer-events:none;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(11,8,6,.82) 0%,\r\n      rgba(11,8,6,.68) 24%,\r\n      rgba(11,8,6,.36) 47%,\r\n      rgba(11,8,6,.12) 72%,\r\n      rgba(11,8,6,.08) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(9,6,4,.12) 0%,\r\n      rgba(9,6,4,.04) 50%,\r\n      rgba(9,6,4,.42) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   INNER\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero .sbw-inner{\r\n  position:relative;\r\n\r\n  z-index:4;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  max-width:1480px;\r\n\r\n  margin:0 auto;\r\n\r\n  padding:\r\n    0\r\n    clamp(50px,7vw,100px);\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CONTENT\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero .sbw-content{\r\n  width:100%;\r\n\r\n  max-width:620px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   EYEBROW\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero .sbw-eyebrow{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:15px;\r\n\r\n  margin-bottom:18px;\r\n}\r\n\r\n\r\n#slim-builtin-wellness-hero .sbw-eyebrow span{\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:.26em;\r\n\r\n  color:rgba(255,255,255,.80);\r\n}\r\n\r\n\r\n#slim-builtin-wellness-hero .sbw-eyebrow i{\r\n  display:block;\r\n\r\n  width:55px;\r\n  height:1px;\r\n\r\n  background:\r\n    rgba(255,255,255,.42);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TITLE\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero h1{\r\n  margin:\r\n    0\r\n    0\r\n    22px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      52px,\r\n      5vw,\r\n      76px\r\n    );\r\n\r\n  line-height:.95;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:-.045em;\r\n\r\n  color:#fff;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   THAI DESCRIPTION\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero .sbw-description{\r\n  margin:\r\n    0\r\n    0\r\n    25px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:20px;\r\n\r\n  line-height:1.55;\r\n\r\n  font-weight:300;\r\n\r\n  color:\r\n    rgba(255,255,255,.92);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   DIVIDER\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero .sbw-divider{\r\n  width:50px;\r\n  height:1px;\r\n\r\n  margin-bottom:20px;\r\n\r\n  background:\r\n    rgba(255,255,255,.72);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SERVICE LABELS\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero .sbw-services{\r\n  max-width:530px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:\r\n    9px\r\n    12px;\r\n}\r\n\r\n\r\n#slim-builtin-wellness-hero .sbw-services span{\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.35;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:.09em;\r\n\r\n  color:\r\n    rgba(255,255,255,.88);\r\n}\r\n\r\n\r\n#slim-builtin-wellness-hero .sbw-services b{\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  color:\r\n    rgba(255,255,255,.45);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HOVER\r\n====================================================== *\/\r\n\r\n@media(hover:hover){\r\n\r\n  \/* Slideshow already uses a slow cinematic zoom.\r\n     Keep hover neutral so the motion stays smooth. *\/\r\n  #slim-builtin-wellness-hero:hover\r\n  .sbw-bg-slide.is-active{\r\n    transform:scale(1.065);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REVEAL\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero .sbw-eyebrow,\r\n#slim-builtin-wellness-hero h1,\r\n#slim-builtin-wellness-hero .sbw-description,\r\n#slim-builtin-wellness-hero .sbw-divider,\r\n#slim-builtin-wellness-hero .sbw-services{\r\n  opacity:0;\r\n\r\n  transform:\r\n    translateY(16px);\r\n}\r\n\r\n\r\n#slim-builtin-wellness-hero.is-visible\r\n.sbw-eyebrow{\r\n  animation:\r\n    sbwReveal\r\n    .7s\r\n    .05s\r\n    both;\r\n}\r\n\r\n\r\n#slim-builtin-wellness-hero.is-visible h1{\r\n  animation:\r\n    sbwReveal\r\n    .8s\r\n    .13s\r\n    both;\r\n}\r\n\r\n\r\n#slim-builtin-wellness-hero.is-visible\r\n.sbw-description{\r\n  animation:\r\n    sbwReveal\r\n    .8s\r\n    .22s\r\n    both;\r\n}\r\n\r\n\r\n#slim-builtin-wellness-hero.is-visible\r\n.sbw-divider{\r\n  animation:\r\n    sbwReveal\r\n    .7s\r\n    .30s\r\n    both;\r\n}\r\n\r\n\r\n#slim-builtin-wellness-hero.is-visible\r\n.sbw-services{\r\n  animation:\r\n    sbwReveal\r\n    .7s\r\n    .37s\r\n    both;\r\n}\r\n\r\n\r\n@keyframes sbwReveal{\r\n\r\n  from{\r\n    opacity:0;\r\n\r\n    transform:\r\n      translateY(16px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n\r\n    transform:\r\n      translateY(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ======================================================\r\n   SLIDER DOTS\r\n====================================================== *\/\r\n\r\n#slim-builtin-wellness-hero .sbw-dots{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  bottom:25px;\r\n\r\n  z-index:6;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:10px;\r\n\r\n  transform:translateX(-50%);\r\n}\r\n\r\n#slim-builtin-wellness-hero .sbw-dot{\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  min-width:8px;\r\n  min-height:8px;\r\n\r\n  padding:0;\r\n  margin:0;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.88);\r\n\r\n  border-radius:50%;\r\n\r\n  background:transparent;\r\n\r\n  cursor:pointer;\r\n\r\n  opacity:.78;\r\n\r\n  transition:\r\n    background-color .3s ease,\r\n    border-color .3s ease,\r\n    opacity .3s ease,\r\n    transform .3s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#slim-builtin-wellness-hero .sbw-dot.is-active{\r\n  background:#fff;\r\n  border-color:#fff;\r\n\r\n  opacity:1;\r\n\r\n  transform:scale(1.18);\r\n}\r\n\r\n#slim-builtin-wellness-hero .sbw-dot:focus-visible{\r\n  outline:\r\n    2px solid\r\n    rgba(255,255,255,.95);\r\n\r\n  outline-offset:4px;\r\n}\r\n\r\n\r\n\/* Larger invisible tap area without changing visual dot size *\/\r\n#slim-builtin-wellness-hero .sbw-dot::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:32px;\r\n  height:32px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TABLET\r\n====================================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n  #slim-builtin-wellness-hero{\r\n    height:560px;\r\n    min-height:560px;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero .sbw-inner{\r\n    padding:\r\n      0\r\n      48px;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero h1{\r\n    font-size:58px;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-description{\r\n    font-size:17px;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-services span{\r\n    font-size:10px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MOBILE\r\n====================================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  #slim-builtin-wellness-hero{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:570px;\r\n    min-height:570px;\r\n\r\n    margin:0 !important;\r\n\r\n    overflow:hidden;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-bg img{\r\n    object-position:58% center;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-bg-slide.is-active{\r\n    transform:scale(1.035);\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-bg-slide:not(.is-active){\r\n    transform:scale(1.008);\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-overlay{\r\n    background:\r\n\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(10,7,5,.70) 0%,\r\n        rgba(10,7,5,.45) 68%,\r\n        rgba(10,7,5,.16) 100%\r\n      ),\r\n\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(10,7,5,.10) 0%,\r\n        rgba(10,7,5,.12) 40%,\r\n        rgba(10,7,5,.70) 100%\r\n      );\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-inner{\r\n    width:100%;\r\n\r\n    padding:\r\n      0\r\n      20px;\r\n\r\n    align-items:flex-end;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-content{\r\n    max-width:100%;\r\n\r\n    padding-bottom:35px;\r\n  }\r\n\r\n\r\n  \/* EYEBROW *\/\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-eyebrow{\r\n    gap:11px;\r\n\r\n    margin-bottom:14px;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-eyebrow span{\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-eyebrow i{\r\n    width:42px;\r\n  }\r\n\r\n\r\n  \/* TITLE *\/\r\n\r\n  #slim-builtin-wellness-hero h1{\r\n    margin-bottom:17px;\r\n\r\n    font-size:\r\n      clamp(\r\n        42px,\r\n        12vw,\r\n        54px\r\n      );\r\n\r\n    line-height:.95;\r\n  }\r\n\r\n\r\n  \/* THAI *\/\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-description{\r\n    margin-bottom:20px;\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.6;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-description br{\r\n    display:none;\r\n  }\r\n\r\n\r\n  \/* SERVICES *\/\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-divider{\r\n    margin-bottom:16px;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-services{\r\n    max-width:330px;\r\n\r\n    gap:\r\n      7px\r\n      9px;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-services span{\r\n    font-size:9px;\r\n\r\n    letter-spacing:.07em;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-services b{\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  \/* SLIDER DOTS *\/\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-dots{\r\n    bottom:18px;\r\n\r\n    gap:10px;\r\n  }\r\n\r\n\r\n  #slim-builtin-wellness-hero\r\n  .sbw-dot{\r\n    width:7px;\r\n    height:7px;\r\n\r\n    min-width:7px;\r\n    min-height:7px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REDUCED MOTION\r\n====================================================== *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #slim-builtin-wellness-hero .sbw-bg img{\r\n    transition:none !important;\r\n    transform:none !important;\r\n  }\r\n\r\n  #slim-builtin-wellness-hero .sbw-eyebrow,\r\n  #slim-builtin-wellness-hero h1,\r\n  #slim-builtin-wellness-hero .sbw-description,\r\n  #slim-builtin-wellness-hero .sbw-divider,\r\n  #slim-builtin-wellness-hero .sbw-services{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n\r\n    animation:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  \/* ======================================================\r\n     BUILT-IN WELLNESS HERO \u2014 REVEAL\r\n  ====================================================== *\/\r\n\r\n  function initSlimBuiltInHeroReveal(){\r\n\r\n    const section =\r\n      document.getElementById(\r\n        'slim-builtin-wellness-hero'\r\n      );\r\n\r\n    if(!section){\r\n      return;\r\n    }\r\n\r\n\r\n    if(\r\n      !('IntersectionObserver' in window)\r\n    ){\r\n\r\n      section.classList.add(\r\n        'is-visible'\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function(entries){\r\n\r\n          entries.forEach(\r\n            function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                section.classList.add(\r\n                  'is-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  section\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.12,\r\n\r\n          rootMargin:\r\n            '0px 0px -5% 0px'\r\n        }\r\n\r\n      );\r\n\r\n\r\n    observer.observe(\r\n      section\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* ======================================================\r\n     BACKGROUND SLIDESHOW\r\n     Crossfade + slow cinematic zoom\r\n  ====================================================== *\/\r\n\r\n  function initSlimBuiltInHeroSlideshow(){\r\n\r\n    const section =\r\n      document.getElementById(\r\n        'slim-builtin-wellness-hero'\r\n      );\r\n\r\n\r\n    if(!section){\r\n      return;\r\n    }\r\n\r\n\r\n    \/* Prevent duplicate timers\/listeners in Elementor *\/\r\n    if(\r\n      section.dataset.sbwSliderInit ===\r\n      'true'\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    section.dataset.sbwSliderInit =\r\n      'true';\r\n\r\n\r\n    const slides =\r\n      Array.from(\r\n        section.querySelectorAll(\r\n          '.sbw-bg-slide'\r\n        )\r\n      );\r\n\r\n\r\n    const dots =\r\n      Array.from(\r\n        section.querySelectorAll(\r\n          '.sbw-dot'\r\n        )\r\n      );\r\n\r\n\r\n    if(slides.length < 2){\r\n      return;\r\n    }\r\n\r\n\r\n    let currentIndex = 0;\r\n\r\n    let timer = null;\r\n\r\n    let restartTimer = null;\r\n\r\n    let dragging = false;\r\n\r\n    let startX = 0;\r\n\r\n    let currentX = 0;\r\n\r\n\r\n    const intervalTime = 5600;\r\n\r\n    const swipeThreshold = 45;\r\n\r\n\r\n\r\n    \/* ==================================================\r\n       SHOW SLIDE + SYNC DOT\r\n    ================================================== *\/\r\n\r\n    function showSlide(nextIndex){\r\n\r\n      currentIndex =\r\n        (\r\n          nextIndex +\r\n          slides.length\r\n        ) %\r\n        slides.length;\r\n\r\n\r\n      slides.forEach(\r\n        function(slide,index){\r\n\r\n          slide.classList.toggle(\r\n            'is-active',\r\n            index === currentIndex\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n      dots.forEach(\r\n        function(dot,index){\r\n\r\n          const active =\r\n            index === currentIndex;\r\n\r\n\r\n          dot.classList.toggle(\r\n            'is-active',\r\n            active\r\n          );\r\n\r\n\r\n          dot.setAttribute(\r\n            'aria-current',\r\n            active\r\n              ? 'true'\r\n              : 'false'\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* ==================================================\r\n       AUTO PLAY\r\n    ================================================== *\/\r\n\r\n    function stopAuto(){\r\n\r\n      if(timer){\r\n\r\n        window.clearInterval(\r\n          timer\r\n        );\r\n\r\n        timer = null;\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    function startAuto(){\r\n\r\n      stopAuto();\r\n\r\n\r\n      if(\r\n        window.matchMedia &&\r\n        window.matchMedia(\r\n          '(prefers-reduced-motion: reduce)'\r\n        ).matches\r\n      ){\r\n        return;\r\n      }\r\n\r\n\r\n      timer =\r\n        window.setInterval(\r\n          function(){\r\n\r\n            showSlide(\r\n              currentIndex + 1\r\n            );\r\n\r\n          },\r\n          intervalTime\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function restartAuto(){\r\n\r\n      stopAuto();\r\n\r\n\r\n      if(restartTimer){\r\n\r\n        window.clearTimeout(\r\n          restartTimer\r\n        );\r\n\r\n      }\r\n\r\n\r\n      restartTimer =\r\n        window.setTimeout(\r\n          startAuto,\r\n          700\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* ==================================================\r\n       DOT CLICK\r\n    ================================================== *\/\r\n\r\n    dots.forEach(\r\n      function(dot,index){\r\n\r\n        dot.addEventListener(\r\n          'click',\r\n          function(event){\r\n\r\n            event.stopPropagation();\r\n\r\n            showSlide(index);\r\n\r\n            restartAuto();\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n    \/* ==================================================\r\n       SWIPE \/ DRAG\r\n       - desktop mouse\r\n       - mobile finger\r\n    ================================================== *\/\r\n\r\n    section.addEventListener(\r\n      'pointerdown',\r\n      function(event){\r\n\r\n        if(\r\n          event.button !== undefined &&\r\n          event.button !== 0\r\n        ){\r\n          return;\r\n        }\r\n\r\n\r\n        if(\r\n          event.target.closest(\r\n            'button,a'\r\n          )\r\n        ){\r\n          return;\r\n        }\r\n\r\n\r\n        dragging = true;\r\n\r\n        startX =\r\n          event.clientX;\r\n\r\n        currentX =\r\n          startX;\r\n\r\n\r\n        stopAuto();\r\n\r\n\r\n        if(\r\n          section.setPointerCapture\r\n        ){\r\n\r\n          try{\r\n\r\n            section.setPointerCapture(\r\n              event.pointerId\r\n            );\r\n\r\n          }catch(e){}\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    section.addEventListener(\r\n      'pointermove',\r\n      function(event){\r\n\r\n        if(!dragging){\r\n          return;\r\n        }\r\n\r\n\r\n        currentX =\r\n          event.clientX;\r\n\r\n      }\r\n    );\r\n\r\n\r\n    function finishDrag(event){\r\n\r\n      if(!dragging){\r\n        return;\r\n      }\r\n\r\n\r\n      dragging = false;\r\n\r\n\r\n      const delta =\r\n        currentX -\r\n        startX;\r\n\r\n\r\n      if(\r\n        Math.abs(delta) >=\r\n        swipeThreshold\r\n      ){\r\n\r\n        showSlide(\r\n          delta < 0\r\n            ? currentIndex + 1\r\n            : currentIndex - 1\r\n        );\r\n\r\n      }\r\n\r\n\r\n      restartAuto();\r\n\r\n\r\n      if(\r\n        event &&\r\n        section.releasePointerCapture\r\n      ){\r\n\r\n        try{\r\n\r\n          section.releasePointerCapture(\r\n            event.pointerId\r\n          );\r\n\r\n        }catch(e){}\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    section.addEventListener(\r\n      'pointerup',\r\n      finishDrag\r\n    );\r\n\r\n\r\n    section.addEventListener(\r\n      'pointercancel',\r\n      finishDrag\r\n    );\r\n\r\n\r\n\r\n    \/* ==================================================\r\n       TAB VISIBILITY\r\n    ================================================== *\/\r\n\r\n    document.addEventListener(\r\n      'visibilitychange',\r\n      function(){\r\n\r\n        if(document.hidden){\r\n\r\n          stopAuto();\r\n\r\n        }else{\r\n\r\n          startAuto();\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n    \/* ==================================================\r\n       INIT\r\n    ================================================== *\/\r\n\r\n    showSlide(0);\r\n\r\n    startAuto();\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* ======================================================\r\n     INIT\r\n  ====================================================== *\/\r\n\r\n  function initSlimBuiltInWellnessHero(){\r\n\r\n    initSlimBuiltInHeroReveal();\r\n\r\n    initSlimBuiltInHeroSlideshow();\r\n\r\n  }\r\n\r\n\r\n  if(\r\n    document.readyState ===\r\n    'loading'\r\n  ){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initSlimBuiltInWellnessHero\r\n    );\r\n\r\n  }else{\r\n\r\n    initSlimBuiltInWellnessHero();\r\n\r\n  }\r\n\r\n\r\n  \/* Elementor compatibility *\/\r\n  if(window.jQuery){\r\n\r\n    jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        window.setTimeout(\r\n          initSlimBuiltInWellnessHero,\r\n          250\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd9ad76 elementor-widget elementor-widget-html\" data-id=\"fd9ad76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM \u2014 CHOOSE YOUR SAUNA SYSTEM\r\nINFRARED \/ TRADITIONAL\r\nREADY TO PASTE\r\n========================================================= -->\r\n\r\n<section id=\"slim-sauna-system\">\r\n\r\n  <div class=\"sss-container\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n    ====================================================== -->\r\n    <div class=\"sss-header\">\r\n\r\n      <h2>\r\n        CHOOSE YOUR SAUNA SYSTEM\r\n      <\/h2>\r\n\r\n      <p lang=\"th\">\r\n        \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e44\u0e25\u0e1f\u0e4c\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         GRID\r\n    ====================================================== -->\r\n    <div class=\"sss-grid\">\r\n\r\n\r\n      <!-- =================================================\r\n           01 \u2014 INFRARED\r\n      ================================================== -->\r\n      <a\r\n        href=\"#infrared-system\"\r\n        class=\"sss-card sss-reveal\"\r\n      >\r\n\r\n        <div class=\"sss-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261007-222216.jpg\"\r\n            alt=\"SLIM Infrared Sauna System\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sss-overlay\"><\/div>\r\n\r\n\r\n        <div class=\"sss-content\">\r\n\r\n          <h3>\r\n            Infrared System\r\n          <\/h3>\r\n\r\n          <h4 lang=\"th\">\r\n            \u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e34\u0e19\u0e1f\u0e23\u0e32\u0e40\u0e23\u0e14\r\n          <\/h4>\r\n\r\n          <p lang=\"th\">\r\n            \u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e33\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e14\u0e49\u0e27\u0e22\u0e04\u0e25\u0e37\u0e48\u0e19\u0e2d\u0e34\u0e19\u0e1f\u0e23\u0e32\u0e40\u0e23\u0e14<br>\r\n            \u0e2d\u0e48\u0e2d\u0e19\u0e42\u0e22\u0e19\u0e15\u0e48\u0e2d\u0e23\u0e48\u0e32\u0e07\u0e01\u0e32\u0e22 \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e43\u0e19\u0e1a\u0e49\u0e32\u0e19\r\n          <\/p>\r\n\r\n\r\n          <span class=\"sss-link\">\r\n\r\n            <span>Learn More<\/span>\r\n\r\n            <svg viewbox=\"0 0 24 24\">\r\n              <path d=\"M5 12H19\"><\/path>\r\n              <path d=\"M14 7L19 12L14 17\"><\/path>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           02 \u2014 TRADITIONAL\r\n      ================================================== -->\r\n      <a\r\n        href=\"#traditional-system\"\r\n        class=\"sss-card sss-reveal\"\r\n      >\r\n\r\n        <div class=\"sss-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/09\/media-20260928-123010.png\"\r\n            alt=\"SLIM Traditional Sauna System\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"sss-overlay\"><\/div>\r\n\r\n\r\n        <div class=\"sss-content\">\r\n\r\n          <h3>\r\n            Traditional System\r\n          <\/h3>\r\n\r\n          <h4 lang=\"th\">\r\n            \u0e23\u0e30\u0e1a\u0e1a\u0e16\u0e48\u0e32\u0e19\u0e2b\u0e34\u0e19\r\n          <\/h4>\r\n\r\n          <p lang=\"th\">\r\n            \u0e23\u0e30\u0e1a\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e41\u0e1a\u0e1a\u0e14\u0e31\u0e49\u0e07\u0e40\u0e14\u0e34\u0e21\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e49\u0e2d\u0e19\u0e2a\u0e39\u0e07<br>\r\n            \u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e0b\u0e32\u0e27\u0e19\u0e48\u0e32\u0e41\u0e17\u0e49\u0e41\u0e1a\u0e1a\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\r\n          <\/p>\r\n\r\n\r\n          <span class=\"sss-link\">\r\n\r\n            <span>Learn More<\/span>\r\n\r\n            <svg viewbox=\"0 0 24 24\">\r\n              <path d=\"M5 12H19\"><\/path>\r\n              <path d=\"M14 7L19 12L14 17\"><\/path>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@200;300;400&family=Prompt:wght@300;400&display=swap');\r\n\r\n\r\n\/* ======================================================\r\n   RESET\r\n====================================================== *\/\r\n\r\n#slim-sauna-system,\r\n#slim-sauna-system *,\r\n#slim-sauna-system *::before,\r\n#slim-sauna-system *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SECTION\r\n====================================================== *\/\r\n\r\n#slim-sauna-system{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  margin:0;\r\n\r\n  padding:\r\n    42px\r\n    20px\r\n    54px;\r\n\r\n  background:#f4efe7;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CONTAINER\r\n====================================================== *\/\r\n\r\n#slim-sauna-system .sss-container{\r\n  width:100%;\r\n\r\n  max-width:1480px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HEADER\r\n====================================================== *\/\r\n\r\n#slim-sauna-system .sss-header{\r\n  margin-bottom:21px;\r\n}\r\n\r\n\r\n#slim-sauna-system .sss-header h2{\r\n  margin:\r\n    0\r\n    0\r\n    7px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:20px;\r\n\r\n  line-height:1.2;\r\n\r\n  font-weight:300;\r\n\r\n  letter-spacing:.035em;\r\n\r\n  color:#3f3832;\r\n}\r\n\r\n\r\n#slim-sauna-system .sss-header p{\r\n  margin:0;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.6;\r\n\r\n  font-weight:300;\r\n\r\n  color:#81766c;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   GRID\r\n====================================================== *\/\r\n\r\n#slim-sauna-system .sss-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,minmax(0,1fr));\r\n\r\n  gap:10px;\r\n\r\n  width:100%;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CARD\r\n====================================================== *\/\r\n\r\n#slim-sauna-system .sss-card{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  aspect-ratio:\r\n    16 \/ 6.5;\r\n\r\n  display:block;\r\n\r\n  overflow:hidden;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  background:#21150f;\r\n\r\n  text-decoration:none !important;\r\n\r\n  color:#fff;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   IMAGE\r\n====================================================== *\/\r\n\r\n#slim-sauna-system .sss-image{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n#slim-sauna-system .sss-image img{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center center;\r\n\r\n  transform:scale(1.001);\r\n\r\n  transition:\r\n    transform 1.1s\r\n    cubic-bezier(.22,1,.36,1),\r\n    filter .45s ease;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   OVERLAY\r\n====================================================== *\/\r\n\r\n#slim-sauna-system .sss-overlay{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:2;\r\n\r\n  pointer-events:none;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(11,7,5,.72) 0%,\r\n      rgba(11,7,5,.52) 34%,\r\n      rgba(11,7,5,.20) 65%,\r\n      rgba(11,7,5,.06) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(8,5,4,.05) 0%,\r\n      rgba(8,5,4,.08) 55%,\r\n      rgba(8,5,4,.28) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CONTENT\r\n====================================================== *\/\r\n\r\n#slim-sauna-system .sss-content{\r\n  position:absolute;\r\n\r\n  z-index:4;\r\n\r\n  left:34px;\r\n  right:30px;\r\n\r\n  top:50%;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  max-width:390px;\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n#slim-sauna-system .sss-content h3{\r\n  margin:\r\n    0\r\n    0\r\n    7px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      25px,\r\n      2vw,\r\n      34px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:-.035em;\r\n\r\n  color:#fff;\r\n}\r\n\r\n\r\n\/* THAI SYSTEM NAME *\/\r\n\r\n#slim-sauna-system .sss-content h4{\r\n  margin:\r\n    0\r\n    0\r\n    18px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.4;\r\n\r\n  font-weight:300;\r\n\r\n  color:\r\n    rgba(255,255,255,.90);\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n#slim-sauna-system .sss-content p{\r\n  margin:\r\n    0\r\n    0\r\n    22px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1.65;\r\n\r\n  font-weight:300;\r\n\r\n  color:\r\n    rgba(255,255,255,.84);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   LINK\r\n====================================================== *\/\r\n\r\n#slim-sauna-system .sss-link{\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  color:#fff;\r\n}\r\n\r\n\r\n#slim-sauna-system .sss-link > span{\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:300;\r\n\r\n  color:\r\n    rgba(255,255,255,.92);\r\n}\r\n\r\n\r\n#slim-sauna-system .sss-link svg{\r\n  width:15px;\r\n  height:15px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n\r\n  stroke-width:1.2;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HOVER\r\n====================================================== *\/\r\n\r\n@media(hover:hover){\r\n\r\n  #slim-sauna-system\r\n  .sss-card:hover\r\n  .sss-image img{\r\n    transform:\r\n      scale(1.025);\r\n\r\n    filter:\r\n      brightness(.96);\r\n  }\r\n\r\n\r\n  #slim-sauna-system\r\n  .sss-card:hover\r\n  .sss-link svg{\r\n    transform:\r\n      translateX(4px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REVEAL\r\n====================================================== *\/\r\n\r\n#slim-sauna-system .sss-reveal{\r\n  opacity:0;\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n  transition:\r\n    opacity .8s ease,\r\n    transform .9s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n#slim-sauna-system\r\n.sss-reveal.is-visible{\r\n  opacity:1;\r\n\r\n  transform:\r\n    translateY(0);\r\n}\r\n\r\n\r\n#slim-sauna-system\r\n.sss-card:nth-child(2){\r\n  transition-delay:.08s;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TABLET\r\n====================================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n  #slim-sauna-system{\r\n    padding:\r\n      38px\r\n      18px\r\n      48px;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-card{\r\n    aspect-ratio:\r\n      16 \/ 8;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-content{\r\n    left:26px;\r\n    right:24px;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-content h3{\r\n    font-size:27px;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-content h4{\r\n    margin-bottom:14px;\r\n\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-content p{\r\n    margin-bottom:18px;\r\n\r\n    font-size:11px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MOBILE\r\n====================================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  #slim-sauna-system{\r\n    padding:\r\n      32px\r\n      14px\r\n      38px;\r\n  }\r\n\r\n\r\n  \/* HEADER *\/\r\n\r\n  #slim-sauna-system .sss-header{\r\n    margin-bottom:18px;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-header h2{\r\n    margin-bottom:6px;\r\n\r\n    font-size:18px;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-header p{\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  \/* GRID *\/\r\n\r\n  #slim-sauna-system .sss-grid{\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:8px;\r\n  }\r\n\r\n\r\n  \/* CARD *\/\r\n\r\n  #slim-sauna-system .sss-card{\r\n    width:100%;\r\n\r\n    height:260px;\r\n\r\n    aspect-ratio:auto;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-content{\r\n    left:20px;\r\n    right:18px;\r\n\r\n    top:auto;\r\n    bottom:22px;\r\n\r\n    max-width:310px;\r\n\r\n    transform:none;\r\n  }\r\n\r\n\r\n  \/* stronger mobile gradient *\/\r\n\r\n  #slim-sauna-system .sss-overlay{\r\n    background:\r\n\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(11,7,5,.60) 0%,\r\n        rgba(11,7,5,.24) 65%,\r\n        rgba(11,7,5,.06) 100%\r\n      ),\r\n\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(8,5,4,.02) 25%,\r\n        rgba(8,5,4,.25) 58%,\r\n        rgba(8,5,4,.75) 100%\r\n      );\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-content h3{\r\n    margin-bottom:6px;\r\n\r\n    font-size:27px;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-content h4{\r\n    margin-bottom:12px;\r\n\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-content p{\r\n    margin-bottom:16px;\r\n\r\n    font-size:10px;\r\n\r\n    line-height:1.6;\r\n  }\r\n\r\n\r\n  #slim-sauna-system\r\n  .sss-content p br{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-link > span{\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  \/* mobile reveal \u0e44\u0e21\u0e48\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 card *\/\r\n  #slim-sauna-system .sss-reveal{\r\n    opacity:0;\r\n\r\n    transform:none;\r\n\r\n    transition:\r\n      opacity .6s ease;\r\n  }\r\n\r\n\r\n  #slim-sauna-system\r\n  .sss-reveal.is-visible{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n  }\r\n\r\n\r\n  #slim-sauna-system\r\n  .sss-card:nth-child(2){\r\n    transition-delay:0s;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SMALL MOBILE\r\n====================================================== *\/\r\n\r\n@media(max-width:420px){\r\n\r\n  #slim-sauna-system{\r\n    padding-left:12px;\r\n    padding-right:12px;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-card{\r\n    height:240px;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-content{\r\n    left:18px;\r\n    right:16px;\r\n    bottom:19px;\r\n  }\r\n\r\n\r\n  #slim-sauna-system .sss-content h3{\r\n    font-size:25px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REDUCED MOTION\r\n====================================================== *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #slim-sauna-system\r\n  .sss-reveal{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n\r\n    transition:none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initSlimSaunaSystem(){\r\n\r\n    const items =\r\n      document.querySelectorAll(\r\n        '#slim-sauna-system .sss-reveal'\r\n      );\r\n\r\n\r\n    if(!items.length){\r\n      return;\r\n    }\r\n\r\n\r\n    if(\r\n      !('IntersectionObserver' in window)\r\n    ){\r\n\r\n      items.forEach(\r\n        function(item){\r\n\r\n          item.classList.add(\r\n            'is-visible'\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function(entries){\r\n\r\n          entries.forEach(\r\n            function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\r\n                  'is-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.12,\r\n\r\n          rootMargin:\r\n            '0px 0px -4% 0px'\r\n        }\r\n\r\n      );\r\n\r\n\r\n    items.forEach(\r\n      function(item){\r\n\r\n        observer.observe(\r\n          item\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if(\r\n    document.readyState ===\r\n    'loading'\r\n  ){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initSlimSaunaSystem\r\n    );\r\n\r\n  }else{\r\n\r\n    initSlimSaunaSystem();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f22fd31 elementor-widget elementor-widget-html\" data-id=\"f22fd31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM \u2014 WELLNESS SPACES\r\nHORIZONTAL EDITORIAL SLIDER\r\nREADY TO PASTE\r\n========================================================= -->\r\n\r\n<section id=\"slim-wellness-spaces\">\r\n\r\n  <div class=\"sws-container\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n    ====================================================== -->\r\n    <div class=\"sws-header\">\r\n\r\n      <div class=\"sws-header-copy\">\r\n\r\n        <h2>\r\n          WELLNESS SPACES\r\n        <\/h2>\r\n\r\n        <p lang=\"th\">\r\n          \u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e2d\u0e19\u0e04\u0e25\u0e32\u0e22\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e14\u0e35\u0e22\u0e27\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CONTROLS -->\r\n      <div class=\"sws-controls\">\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"sws-prev\"\r\n          aria-label=\"Previous\"\r\n        >\r\n          <svg viewbox=\"0 0 32 24\">\r\n            <path d=\"M12 4L4 12L12 20\"><\/path>\r\n            <path d=\"M5 12H28\"><\/path>\r\n          <\/svg>\r\n        <\/button>\r\n\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"sws-next\"\r\n          aria-label=\"Next\"\r\n        >\r\n          <svg viewbox=\"0 0 32 24\">\r\n            <path d=\"M20 4L28 12L20 20\"><\/path>\r\n            <path d=\"M27 12H4\"><\/path>\r\n          <\/svg>\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SLIDER\r\n    ====================================================== -->\r\n    <div class=\"sws-slider\">\r\n\r\n\r\n      <!-- 01 STEAM -->\r\n      <a\r\n        href=\"https:\/\/www.slimthailand.com\/en\/steam-room\/\"\r\n        class=\"sws-card\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261031-182845.webp\"\r\n          alt=\"Steam Room\"\r\n        >\r\n\r\n        <div class=\"sws-overlay\"><\/div>\r\n\r\n        <div class=\"sws-card-copy\">\r\n\r\n          <h3>\r\n            Steam Room\r\n          <\/h3>\r\n\r\n          <p lang=\"th\">\r\n            \u0e2b\u0e49\u0e2d\u0e07\u0e2d\u0e1a\u0e44\u0e2d\u0e19\u0e49\u0e33\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- 02 ONSEN -->\r\n      <a\r\n        href=\"https:\/\/www.slimthailand.com\/en\/onsen\/\"\r\n        class=\"sws-card\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261031-173114.webp\"\r\n          alt=\"Onsen\"\r\n        >\r\n\r\n        <div class=\"sws-overlay\"><\/div>\r\n\r\n        <div class=\"sws-card-copy\">\r\n\r\n          <h3>\r\n            Onsen\r\n          <\/h3>\r\n\r\n          <p lang=\"th\">\r\n            \u0e2d\u0e2d\u0e19\u0e40\u0e0b\u0e47\u0e19\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- 03 RED LIGHT -->\r\n      <a\r\n        href=\"https:\/\/www.slimthailand.com\/en\/red-light-room\/\"\r\n        class=\"sws-card\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261031-165505.webp\"\r\n          alt=\"Red Light Room\"\r\n        >\r\n\r\n        <div class=\"sws-overlay\"><\/div>\r\n\r\n        <div class=\"sws-card-copy\">\r\n\r\n          <h3>\r\n            RED Light Room\r\n          <\/h3>\r\n\r\n          <p lang=\"th\">\r\n            \u0e2b\u0e49\u0e2d\u0e07\u0e41\u0e2a\u0e07\u0e41\u0e14\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1f\u0e37\u0e49\u0e19\u0e1f\u0e39\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- 04 HIMALAYAN SALT -->\r\n      <a\r\n        href=\"https:\/\/www.slimthailand.com\/en\/himalayan-salt-room\/\"\r\n        class=\"sws-card\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261031-184134.webp\"\r\n          alt=\"Himalayan Salt Room\"\r\n        >\r\n\r\n        <div class=\"sws-overlay\"><\/div>\r\n\r\n        <div class=\"sws-card-copy\">\r\n\r\n          <h3>\r\n            Himalayan<br>\r\n            Salt Room\r\n          <\/h3>\r\n\r\n          <p lang=\"th\">\r\n            \u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e01\u0e25\u0e37\u0e2d\u0e2b\u0e34\u0e21\u0e32\u0e25\u0e31\u0e22\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- 05 CUSTOM SAUNA -->\r\n      <a\r\n        href=\"https:\/\/www.slimthailand.com\/en\/custom-sauna\/\"\r\n        class=\"sws-card\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261031-182331.webp\"\r\n          alt=\"Custom Sauna\"\r\n        >\r\n\r\n        <div class=\"sws-overlay\"><\/div>\r\n\r\n        <div class=\"sws-card-copy\">\r\n\r\n          <h3>\r\n            Custom Sauna\r\n          <\/h3>\r\n\r\n          <p lang=\"th\">\r\n            \u0e0b\u0e32\u0e27\u0e19\u0e48\u0e32\u0e15\u0e32\u0e21\u0e2a\u0e31\u0e48\u0e07\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@200;300;400&family=Prompt:wght@300;400&display=swap');\r\n\r\n\r\n\/* ======================================================\r\n   RESET\r\n====================================================== *\/\r\n\r\n#slim-wellness-spaces,\r\n#slim-wellness-spaces *,\r\n#slim-wellness-spaces *::before,\r\n#slim-wellness-spaces *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SECTION\r\n====================================================== *\/\r\n\r\n#slim-wellness-spaces{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  margin:0 !important;\r\n\r\n  padding:\r\n    42px\r\n    20px\r\n    54px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#f4efe7;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CONTAINER\r\n====================================================== *\/\r\n\r\n#slim-wellness-spaces .sws-container{\r\n  width:100%;\r\n\r\n  max-width:1480px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HEADER\r\n====================================================== *\/\r\n\r\n#slim-wellness-spaces .sws-header{\r\n  width:100%;\r\n\r\n  display:flex;\r\n\r\n  align-items:flex-end;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:30px;\r\n\r\n  margin-bottom:21px;\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n#slim-wellness-spaces .sws-header h2{\r\n  margin:\r\n    0\r\n    0\r\n    5px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:20px;\r\n\r\n  line-height:1.2;\r\n\r\n  font-weight:300;\r\n\r\n  letter-spacing:.035em;\r\n\r\n  color:#3e3731;\r\n}\r\n\r\n\r\n\/* THAI *\/\r\n\r\n#slim-wellness-spaces .sws-header p{\r\n  margin:0;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.5;\r\n\r\n  font-weight:300;\r\n\r\n  color:#7b7067;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CONTROLS\r\n====================================================== *\/\r\n\r\n#slim-wellness-spaces .sws-controls{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:21px;\r\n\r\n  padding-bottom:5px;\r\n}\r\n\r\n\r\n#slim-wellness-spaces .sws-controls button{\r\n  width:32px;\r\n  height:32px;\r\n\r\n  padding:0;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  border:0;\r\n\r\n  background:transparent;\r\n\r\n  cursor:pointer;\r\n\r\n  color:#736960;\r\n\r\n  opacity:.78;\r\n\r\n  transition:\r\n    opacity .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n\r\n#slim-wellness-spaces .sws-controls svg{\r\n  width:30px;\r\n  height:23px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n\r\n  stroke-width:1.15;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n#slim-wellness-spaces\r\n.sws-controls button:hover{\r\n  opacity:1;\r\n\r\n  transform:\r\n    translateY(-1px);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SLIDER\r\n====================================================== *\/\r\n\r\n#slim-wellness-spaces .sws-slider{\r\n  width:100%;\r\n\r\n  display:flex;\r\n\r\n  gap:9px;\r\n\r\n  overflow-x:auto;\r\n\r\n  overflow-y:hidden;\r\n\r\n  scroll-snap-type:\r\n    x mandatory;\r\n\r\n  scroll-behavior:smooth;\r\n\r\n  scrollbar-width:none;\r\n\r\n  -ms-overflow-style:none;\r\n\r\n  -webkit-overflow-scrolling:touch;\r\n\r\n  cursor:grab;\r\n}\r\n\r\n\r\n#slim-wellness-spaces\r\n.sws-slider::-webkit-scrollbar{\r\n  display:none;\r\n}\r\n\r\n\r\n#slim-wellness-spaces\r\n.sws-slider.is-dragging{\r\n  cursor:grabbing;\r\n\r\n  scroll-behavior:auto;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CARD\r\n====================================================== *\/\r\n\r\n#slim-wellness-spaces .sws-card{\r\n  position:relative;\r\n\r\n  flex:\r\n    0\r\n    0\r\n    calc((100% - 36px) \/ 5);\r\n\r\n  min-width:0;\r\n\r\n  aspect-ratio:\r\n    3 \/ 4.25;\r\n\r\n  display:block;\r\n\r\n  overflow:hidden;\r\n\r\n  scroll-snap-align:start;\r\n\r\n  background:#251a14;\r\n\r\n  text-decoration:none !important;\r\n\r\n  color:#fff;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   IMAGE\r\n====================================================== *\/\r\n\r\n#slim-wellness-spaces .sws-card img{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  max-width:none;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center center;\r\n\r\n  transform:\r\n    scale(1.001);\r\n\r\n  transition:\r\n    transform 1.1s\r\n    cubic-bezier(.22,1,.36,1),\r\n    filter .45s ease;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   OVERLAY\r\n====================================================== *\/\r\n\r\n#slim-wellness-spaces .sws-overlay{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:2;\r\n\r\n  pointer-events:none;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(7,5,4,.00) 32%,\r\n      rgba(7,5,4,.10) 52%,\r\n      rgba(7,5,4,.67) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(7,5,4,.08) 0%,\r\n      rgba(7,5,4,0) 60%\r\n    );\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CARD COPY\r\n====================================================== *\/\r\n\r\n#slim-wellness-spaces .sws-card-copy{\r\n  position:absolute;\r\n\r\n  z-index:3;\r\n\r\n  left:22px;\r\n  right:18px;\r\n\r\n  bottom:21px;\r\n}\r\n\r\n\r\n\/* ENGLISH *\/\r\n\r\n#slim-wellness-spaces\r\n.sws-card-copy h3{\r\n  margin:\r\n    0\r\n    0\r\n    7px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      18px,\r\n      1.55vw,\r\n      25px\r\n    );\r\n\r\n  line-height:1.02;\r\n\r\n  font-weight:300;\r\n\r\n  letter-spacing:-.03em;\r\n\r\n  color:#fff;\r\n}\r\n\r\n\r\n\/* THAI *\/\r\n\r\n#slim-wellness-spaces\r\n.sws-card-copy p{\r\n  margin:0;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.5;\r\n\r\n  font-weight:300;\r\n\r\n  color:\r\n    rgba(255,255,255,.87);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HOVER\r\n====================================================== *\/\r\n\r\n@media(hover:hover){\r\n\r\n  #slim-wellness-spaces\r\n  .sws-card:hover img{\r\n    transform:\r\n      scale(1.025);\r\n\r\n    filter:\r\n      brightness(.96);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REVEAL\r\n====================================================== *\/\r\n\r\n#slim-wellness-spaces .sws-card{\r\n  opacity:0;\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n  transition:\r\n    opacity .75s ease,\r\n    transform .85s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n#slim-wellness-spaces.is-visible\r\n.sws-card{\r\n  opacity:1;\r\n\r\n  transform:\r\n    translateY(0);\r\n}\r\n\r\n\r\n#slim-wellness-spaces.is-visible\r\n.sws-card:nth-child(2){\r\n  transition-delay:.05s;\r\n}\r\n\r\n\r\n#slim-wellness-spaces.is-visible\r\n.sws-card:nth-child(3){\r\n  transition-delay:.10s;\r\n}\r\n\r\n\r\n#slim-wellness-spaces.is-visible\r\n.sws-card:nth-child(4){\r\n  transition-delay:.15s;\r\n}\r\n\r\n\r\n#slim-wellness-spaces.is-visible\r\n.sws-card:nth-child(5){\r\n  transition-delay:.20s;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TABLET\r\n====================================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n  #slim-wellness-spaces{\r\n    padding:\r\n      38px\r\n      18px\r\n      48px;\r\n  }\r\n\r\n\r\n  #slim-wellness-spaces\r\n  .sws-card{\r\n    flex:\r\n      0\r\n      0\r\n      calc((100% - 18px) \/ 3);\r\n\r\n    aspect-ratio:\r\n      3 \/ 4.15;\r\n  }\r\n\r\n\r\n  #slim-wellness-spaces\r\n  .sws-card-copy h3{\r\n    font-size:23px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MOBILE\r\n====================================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  #slim-wellness-spaces{\r\n    padding:\r\n      30px\r\n      14px\r\n      38px;\r\n\r\n    overflow:hidden;\r\n  }\r\n\r\n\r\n  \/* HEADER *\/\r\n\r\n  #slim-wellness-spaces\r\n  .sws-header{\r\n    align-items:flex-end;\r\n\r\n    margin-bottom:17px;\r\n  }\r\n\r\n\r\n  #slim-wellness-spaces\r\n  .sws-header h2{\r\n    margin-bottom:4px;\r\n\r\n    font-size:18px;\r\n  }\r\n\r\n\r\n  #slim-wellness-spaces\r\n  .sws-header p{\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  \/* CONTROLS *\/\r\n\r\n  #slim-wellness-spaces\r\n  .sws-controls{\r\n    gap:8px;\r\n\r\n    padding-bottom:1px;\r\n  }\r\n\r\n\r\n  #slim-wellness-spaces\r\n  .sws-controls button{\r\n    width:27px;\r\n    height:27px;\r\n  }\r\n\r\n\r\n  #slim-wellness-spaces\r\n  .sws-controls svg{\r\n    width:24px;\r\n  }\r\n\r\n\r\n  \/* SLIDER *\/\r\n\r\n  #slim-wellness-spaces\r\n  .sws-slider{\r\n    gap:8px;\r\n\r\n    \/*\r\n      1 \u0e43\u0e1a\u0e40\u0e15\u0e47\u0e21 + \u0e40\u0e2b\u0e47\u0e19\u0e43\u0e1a\u0e16\u0e31\u0e14\u0e44\u0e1b\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\r\n    *\/\r\n    padding-right:20px;\r\n  }\r\n\r\n\r\n  #slim-wellness-spaces\r\n  .sws-card{\r\n    flex:\r\n      0\r\n      0\r\n      76%;\r\n\r\n    height:370px;\r\n\r\n    aspect-ratio:auto;\r\n\r\n    transform:none;\r\n  }\r\n\r\n\r\n  #slim-wellness-spaces\r\n  .sws-card-copy{\r\n    left:18px;\r\n    right:16px;\r\n\r\n    bottom:18px;\r\n  }\r\n\r\n\r\n  #slim-wellness-spaces\r\n  .sws-card-copy h3{\r\n    margin-bottom:6px;\r\n\r\n    font-size:25px;\r\n  }\r\n\r\n\r\n  #slim-wellness-spaces\r\n  .sws-card-copy p{\r\n    font-size:10px;\r\n  }\r\n\r\n\r\n  \/* mobile reveal \u0e44\u0e21\u0e48\u0e02\u0e22\u0e31\u0e1a\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 card *\/\r\n\r\n  #slim-wellness-spaces\r\n  .sws-card{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n\r\n    transition:\r\n      transform 1.1s\r\n      cubic-bezier(.22,1,.36,1);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SMALL MOBILE\r\n====================================================== *\/\r\n\r\n@media(max-width:420px){\r\n\r\n  #slim-wellness-spaces{\r\n    padding-left:12px;\r\n    padding-right:12px;\r\n  }\r\n\r\n\r\n  #slim-wellness-spaces\r\n  .sws-card{\r\n    flex-basis:82%;\r\n\r\n    height:350px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REDUCED MOTION\r\n====================================================== *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #slim-wellness-spaces\r\n  .sws-card{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n\r\n    transition:none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initSlimWellnessSpaces(){\r\n\r\n    const section =\r\n      document.getElementById(\r\n        'slim-wellness-spaces'\r\n      );\r\n\r\n\r\n    if(!section){\r\n      return;\r\n    }\r\n\r\n\r\n    if(\r\n      section.dataset.swsInit === 'true'\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    section.dataset.swsInit = 'true';\r\n\r\n\r\n    const slider =\r\n      section.querySelector(\r\n        '.sws-slider'\r\n      );\r\n\r\n\r\n    const prev =\r\n      section.querySelector(\r\n        '.sws-prev'\r\n      );\r\n\r\n\r\n    const next =\r\n      section.querySelector(\r\n        '.sws-next'\r\n      );\r\n\r\n\r\n    if(\r\n      !slider ||\r\n      !prev ||\r\n      !next\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n\r\n    \/* ==================================================\r\n       SCROLL BUTTONS\r\n    ================================================== *\/\r\n\r\n    function getScrollAmount(){\r\n\r\n      const card =\r\n        slider.querySelector(\r\n          '.sws-card'\r\n        );\r\n\r\n\r\n      if(!card){\r\n        return slider.clientWidth;\r\n      }\r\n\r\n\r\n      const style =\r\n        window.getComputedStyle(\r\n          slider\r\n        );\r\n\r\n\r\n      const gap =\r\n        parseFloat(\r\n          style.columnGap ||\r\n          style.gap\r\n        ) || 0;\r\n\r\n\r\n      return(\r\n        card.getBoundingClientRect().width\r\n        + gap\r\n      );\r\n\r\n    }\r\n\r\n\r\n    prev.addEventListener(\r\n      'click',\r\n      function(){\r\n\r\n        slider.scrollBy({\r\n          left:-getScrollAmount(),\r\n          behavior:'smooth'\r\n        });\r\n\r\n      }\r\n    );\r\n\r\n\r\n    next.addEventListener(\r\n      'click',\r\n      function(){\r\n\r\n        slider.scrollBy({\r\n          left:getScrollAmount(),\r\n          behavior:'smooth'\r\n        });\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n    \/* ==================================================\r\n       MOUSE DRAG\r\n    ================================================== *\/\r\n\r\n    let isDown = false;\r\n\r\n    let startX = 0;\r\n\r\n    let startScrollLeft = 0;\r\n\r\n\r\n    slider.addEventListener(\r\n      'mousedown',\r\n      function(e){\r\n\r\n        isDown = true;\r\n\r\n        startX = e.pageX;\r\n\r\n        startScrollLeft =\r\n          slider.scrollLeft;\r\n\r\n        slider.classList.add(\r\n          'is-dragging'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    window.addEventListener(\r\n      'mouseup',\r\n      function(){\r\n\r\n        isDown = false;\r\n\r\n        slider.classList.remove(\r\n          'is-dragging'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    slider.addEventListener(\r\n      'mouseleave',\r\n      function(){\r\n\r\n        isDown = false;\r\n\r\n        slider.classList.remove(\r\n          'is-dragging'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    slider.addEventListener(\r\n      'mousemove',\r\n      function(e){\r\n\r\n        if(!isDown){\r\n          return;\r\n        }\r\n\r\n\r\n        e.preventDefault();\r\n\r\n\r\n        const walk =\r\n          e.pageX - startX;\r\n\r\n\r\n        slider.scrollLeft =\r\n          startScrollLeft - walk;\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n    \/* ==================================================\r\n       REVEAL\r\n    ================================================== *\/\r\n\r\n    if(\r\n      window.matchMedia(\r\n        '(max-width:767px)'\r\n      ).matches\r\n    ){\r\n\r\n      section.classList.add(\r\n        'is-visible'\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    if(\r\n      !('IntersectionObserver' in window)\r\n    ){\r\n\r\n      section.classList.add(\r\n        'is-visible'\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function(entries){\r\n\r\n          entries.forEach(\r\n            function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                section.classList.add(\r\n                  'is-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  section\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.10,\r\n\r\n          rootMargin:\r\n            '0px 0px -4% 0px'\r\n        }\r\n\r\n      );\r\n\r\n\r\n    observer.observe(\r\n      section\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  if(\r\n    document.readyState ===\r\n    'loading'\r\n  ){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initSlimWellnessSpaces\r\n    );\r\n\r\n  }else{\r\n\r\n    initSlimWellnessSpaces();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d18a24 elementor-widget elementor-widget-shortcode\" data-id=\"5d18a24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><iframe class=\"slim-wellness-frame\" src=\"https:\/\/www.slimthailand.com\/wp-content\/plugins\/slim-wellness-configurator\/app\/index.html?v=2.1.1\" title=\"SLIM Wellness Configurator \u2014 \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e2b\u0e49\u0e2d\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\" loading=\"lazy\" allow=\"fullscreen\" allowfullscreen style=\"display:block;width:100%;max-width:100%;height:1050px;border:0;background:#f4efe7\"><\/iframe><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f54b237 elementor-widget elementor-widget-html\" data-id=\"f54b237\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM \u2014 DESIGN & BUILD TO YOUR BUDGET\r\nREADY TO PASTE\r\n========================================================= -->\r\n\r\n<section id=\"slim-design-build\">\r\n\r\n  <div class=\"sdb-grid\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LEFT CONTENT\r\n    ====================================================== -->\r\n    <div class=\"sdb-content\">\r\n\r\n      <div class=\"sdb-inner\">\r\n\r\n\r\n        <!-- TITLE -->\r\n        <h2>\r\n          DESIGN &amp; BUILD<br>\r\n          TO YOUR BUDGET\r\n        <\/h2>\r\n\r\n\r\n        <!-- INTRO -->\r\n        <p class=\"sdb-intro\" lang=\"th\">\r\n          \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 \u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e41\u0e25\u0e30\u0e44\u0e25\u0e1f\u0e4c\u0e2a\u0e44\u0e15\u0e25\u0e4c\r\n        <\/p>\r\n\r\n\r\n        <!-- =================================================\r\n             FEATURES\r\n        ================================================== -->\r\n        <div class=\"sdb-features\">\r\n\r\n\r\n          <!-- 01 -->\r\n          <div class=\"sdb-feature\">\r\n\r\n            <div class=\"sdb-icon\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M8 7H17V16\"><\/path>\r\n                <path d=\"M16.5 7.5L7 17\"><\/path>\r\n                <path d=\"M10 17H7V14\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"sdb-feature-copy\">\r\n\r\n              <h3>Custom Size<\/h3>\r\n\r\n              <p lang=\"th\">\r\n                \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e15\u0e32\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e23\u0e34\u0e07\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- 02 -->\r\n          <div class=\"sdb-feature\">\r\n\r\n            <div class=\"sdb-icon\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <rect x=\"6\" y=\"6\" width=\"12\" height=\"12\"><\/rect>\r\n                <path d=\"M9 9H15\"><\/path>\r\n                <path d=\"M9 12H15\"><\/path>\r\n                <path d=\"M9 15H13\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"sdb-feature-copy\">\r\n\r\n              <h3>Functional Layout<\/h3>\r\n\r\n              <p lang=\"th\">\r\n                \u0e08\u0e31\u0e14\u0e27\u0e32\u0e07\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e15\u0e32\u0e21\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- 03 -->\r\n          <div class=\"sdb-feature\">\r\n\r\n            <div class=\"sdb-icon\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M8 7L12 5L16 7L12 9L8 7Z\"><\/path>\r\n                <path d=\"M8 11L12 13L16 11\"><\/path>\r\n                <path d=\"M8 15L12 17L16 15\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"sdb-feature-copy\">\r\n\r\n              <h3>Material Selection<\/h3>\r\n\r\n              <p lang=\"th\">\r\n                \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- 04 -->\r\n          <div class=\"sdb-feature\">\r\n\r\n            <div class=\"sdb-icon\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M7 9L12 6L17 9V15L12 18L7 15V9Z\"><\/path>\r\n                <path d=\"M7 9L12 12L17 9\"><\/path>\r\n                <path d=\"M12 12V18\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"sdb-feature-copy\">\r\n\r\n              <h3>3D Design &amp; Proposal<\/h3>\r\n\r\n              <p lang=\"th\">\r\n                \u0e40\u0e2b\u0e47\u0e19\u0e20\u0e32\u0e1e\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e07\u0e32\u0e19\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CTA -->\r\n        <a\r\n          href=\"\/en\/contact-us\/\"\r\n          class=\"sdb-cta\"\r\n        >\r\n\r\n          <span>\r\n            Start a Consultation\r\n          <\/span>\r\n\r\n          <svg viewbox=\"0 0 24 24\">\r\n            <path d=\"M5 12H19\"><\/path>\r\n            <path d=\"M14 7L19 12L14 17\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/a>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGHT IMAGE\r\n    ====================================================== -->\r\n    <div class=\"sdb-image\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261007-004027.png\"\r\n        alt=\"SLIM Wellness 3D Design Proposal\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@200;300;400&family=Prompt:wght@300;400&display=swap');\r\n\r\n\r\n\/* ======================================================\r\n   RESET\r\n====================================================== *\/\r\n\r\n#slim-design-build,\r\n#slim-design-build *,\r\n#slim-design-build *::before,\r\n#slim-design-build *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SECTION\r\n====================================================== *\/\r\n\r\n#slim-design-build{\r\n  position:relative;\r\n\r\n  width:100vw;\r\n  max-width:none;\r\n\r\n  margin:0 !important;\r\n\r\n  margin-left:\r\n    calc(50% - 50vw) !important;\r\n\r\n  margin-right:\r\n    calc(50% - 50vw) !important;\r\n\r\n  padding:0 !important;\r\n\r\n  overflow:hidden;\r\n\r\n  clear:both;\r\n\r\n  background:#f4efe7;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  isolation:isolate;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   GRID\r\n====================================================== *\/\r\n\r\n#slim-design-build .sdb-grid{\r\n  width:100%;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    36.5% 63.5%;\r\n\r\n  align-items:stretch;\r\n\r\n  gap:0;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  min-height:500px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   LEFT CONTENT\r\n====================================================== *\/\r\n\r\n#slim-design-build .sdb-content{\r\n  width:100%;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:flex-end;\r\n\r\n  background:#f4efe7;\r\n}\r\n\r\n\r\n#slim-design-build .sdb-inner{\r\n  width:100%;\r\n\r\n  max-width:560px;\r\n\r\n  margin:0;\r\n\r\n  padding:\r\n    44px\r\n    46px\r\n    44px\r\n    58px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TITLE\r\n====================================================== *\/\r\n\r\n#slim-design-build h2{\r\n  margin:\r\n    0\r\n    0\r\n    9px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      31px,\r\n      2.4vw,\r\n      42px\r\n    );\r\n\r\n  line-height:1.04;\r\n\r\n  font-weight:300;\r\n\r\n  letter-spacing:-.025em;\r\n\r\n  color:#3e3731;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   INTRO\r\n====================================================== *\/\r\n\r\n#slim-design-build .sdb-intro{\r\n  margin:\r\n    0\r\n    0\r\n    26px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.6;\r\n\r\n  font-weight:300;\r\n\r\n  color:#7b6e63;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   FEATURES\r\n====================================================== *\/\r\n\r\n#slim-design-build .sdb-features{\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:16px;\r\n\r\n  margin-bottom:27px;\r\n}\r\n\r\n\r\n#slim-design-build .sdb-feature{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:15px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   ICON\r\n====================================================== *\/\r\n\r\n#slim-design-build .sdb-icon{\r\n  width:38px;\r\n  height:38px;\r\n\r\n  flex:\r\n    0 0 38px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(96,82,71,.55);\r\n\r\n  border-radius:50%;\r\n\r\n  color:#75695f;\r\n}\r\n\r\n\r\n#slim-design-build .sdb-icon svg{\r\n  width:18px;\r\n  height:18px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n\r\n  stroke-width:1.25;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   FEATURE COPY\r\n====================================================== *\/\r\n\r\n#slim-design-build .sdb-feature-copy h3{\r\n  margin:\r\n    0\r\n    0\r\n    2px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.25;\r\n\r\n  font-weight:300;\r\n\r\n  color:#51473f;\r\n}\r\n\r\n\r\n#slim-design-build .sdb-feature-copy p{\r\n  margin:0;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.45;\r\n\r\n  font-weight:300;\r\n\r\n  color:#8c7f74;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CTA\r\n====================================================== *\/\r\n\r\n#slim-design-build .sdb-cta{\r\n  min-width:190px;\r\n\r\n  height:43px;\r\n\r\n  padding:\r\n    0\r\n    17px;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:18px;\r\n\r\n  background:#2c2723;\r\n\r\n  border:\r\n    1px solid\r\n    #2c2723;\r\n\r\n  text-decoration:none !important;\r\n\r\n  color:#fff;\r\n\r\n  transition:\r\n    background .3s ease,\r\n    color .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n#slim-design-build .sdb-cta span{\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:300;\r\n}\r\n\r\n\r\n#slim-design-build .sdb-cta svg{\r\n  width:15px;\r\n  height:15px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n\r\n  stroke-width:1.2;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n@media(hover:hover){\r\n\r\n  #slim-design-build\r\n  .sdb-cta:hover{\r\n    background:#9b7d61;\r\n\r\n    border-color:#9b7d61;\r\n\r\n    transform:\r\n      translateY(-2px);\r\n  }\r\n\r\n\r\n  #slim-design-build\r\n  .sdb-cta:hover svg{\r\n    transform:\r\n      translateX(4px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   RIGHT IMAGE\r\n====================================================== *\/\r\n\r\n#slim-design-build .sdb-image{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  min-height:500px;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#d5c7b8;\r\n}\r\n\r\n\r\n#slim-design-build .sdb-image img{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  max-width:none;\r\n\r\n  display:block;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center center;\r\n\r\n  transform:\r\n    scale(1.001);\r\n\r\n  transition:\r\n    transform 1.3s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n@media(hover:hover){\r\n\r\n  #slim-design-build:hover\r\n  .sdb-image img{\r\n    transform:\r\n      scale(1.012);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REVEAL\r\n====================================================== *\/\r\n\r\n#slim-design-build .sdb-inner{\r\n  opacity:0;\r\n\r\n  transform:\r\n    translateY(18px);\r\n\r\n  transition:\r\n    opacity .8s ease,\r\n    transform .9s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n#slim-design-build.is-visible\r\n.sdb-inner{\r\n  opacity:1;\r\n\r\n  transform:\r\n    translateY(0);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TABLET\r\n====================================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n  #slim-design-build .sdb-grid{\r\n    grid-template-columns:\r\n      41% 59%;\r\n\r\n    min-height:460px;\r\n  }\r\n\r\n\r\n  #slim-design-build .sdb-image{\r\n    min-height:460px;\r\n  }\r\n\r\n\r\n  #slim-design-build .sdb-inner{\r\n    padding:\r\n      36px\r\n      30px\r\n      36px\r\n      34px;\r\n  }\r\n\r\n\r\n  #slim-design-build h2{\r\n    font-size:32px;\r\n  }\r\n\r\n\r\n  #slim-design-build .sdb-intro{\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  #slim-design-build\r\n  .sdb-features{\r\n    gap:13px;\r\n  }\r\n\r\n\r\n  #slim-design-build .sdb-icon{\r\n    width:34px;\r\n    height:34px;\r\n\r\n    flex-basis:34px;\r\n  }\r\n\r\n\r\n  #slim-design-build\r\n  .sdb-feature-copy h3{\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  #slim-design-build\r\n  .sdb-feature-copy p{\r\n    font-size:10px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MOBILE\r\n====================================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  #slim-design-build{\r\n    width:100% !important;\r\n\r\n    max-width:100% !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 !important;\r\n\r\n    overflow:hidden;\r\n\r\n    clear:both !important;\r\n  }\r\n\r\n\r\n  #slim-design-build .sdb-grid{\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    width:100%;\r\n\r\n    min-height:0;\r\n\r\n    gap:0;\r\n  }\r\n\r\n\r\n  \/* IMAGE FIRST *\/\r\n\r\n  #slim-design-build .sdb-image{\r\n    order:1;\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    min-height:0;\r\n\r\n    aspect-ratio:\r\n      16 \/ 10;\r\n  }\r\n\r\n\r\n  #slim-design-build\r\n  .sdb-image img{\r\n    object-fit:cover;\r\n\r\n    object-position:center;\r\n\r\n    transform:none;\r\n  }\r\n\r\n\r\n  \/* CONTENT SECOND *\/\r\n\r\n  #slim-design-build .sdb-content{\r\n    order:2;\r\n\r\n    width:100%;\r\n\r\n    display:block;\r\n  }\r\n\r\n\r\n  #slim-design-build .sdb-inner{\r\n    width:100%;\r\n\r\n    max-width:none;\r\n\r\n    padding:\r\n      31px\r\n      18px\r\n      36px;\r\n\r\n    opacity:1;\r\n\r\n    transform:none;\r\n  }\r\n\r\n\r\n  #slim-design-build h2{\r\n    margin-bottom:8px;\r\n\r\n    font-size:29px;\r\n\r\n    line-height:1.05;\r\n  }\r\n\r\n\r\n  #slim-design-build .sdb-intro{\r\n    margin-bottom:24px;\r\n\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  #slim-design-build\r\n  .sdb-features{\r\n    gap:15px;\r\n\r\n    margin-bottom:27px;\r\n  }\r\n\r\n\r\n  #slim-design-build .sdb-feature{\r\n    gap:13px;\r\n  }\r\n\r\n\r\n  #slim-design-build .sdb-icon{\r\n    width:36px;\r\n    height:36px;\r\n\r\n    flex-basis:36px;\r\n  }\r\n\r\n\r\n  #slim-design-build\r\n  .sdb-feature-copy h3{\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  #slim-design-build\r\n  .sdb-feature-copy p{\r\n    font-size:10px;\r\n  }\r\n\r\n\r\n  #slim-design-build .sdb-cta{\r\n    width:100%;\r\n\r\n    height:46px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SMALL MOBILE\r\n====================================================== *\/\r\n\r\n@media(max-width:420px){\r\n\r\n  #slim-design-build .sdb-inner{\r\n    padding:\r\n      28px\r\n      16px\r\n      32px;\r\n  }\r\n\r\n\r\n  #slim-design-build h2{\r\n    font-size:27px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REDUCED MOTION\r\n====================================================== *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #slim-design-build .sdb-inner{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n\r\n    transition:none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initSlimDesignBuild(){\r\n\r\n    const section =\r\n      document.getElementById(\r\n        'slim-design-build'\r\n      );\r\n\r\n\r\n    if(!section){\r\n      return;\r\n    }\r\n\r\n\r\n    if(\r\n      window.matchMedia(\r\n        '(max-width:767px)'\r\n      ).matches\r\n    ){\r\n\r\n      section.classList.add(\r\n        'is-visible'\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    if(\r\n      !('IntersectionObserver' in window)\r\n    ){\r\n\r\n      section.classList.add(\r\n        'is-visible'\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function(entries){\r\n\r\n          entries.forEach(\r\n            function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                section.classList.add(\r\n                  'is-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  section\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.14,\r\n\r\n          rootMargin:\r\n            '0px 0px -5% 0px'\r\n        }\r\n\r\n      );\r\n\r\n\r\n    observer.observe(\r\n      section\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if(\r\n    document.readyState ===\r\n    'loading'\r\n  ){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initSlimDesignBuild\r\n    );\r\n\r\n  }else{\r\n\r\n    initSlimDesignBuild();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3eb199 elementor-widget elementor-widget-html\" data-id=\"c3eb199\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM \u2014 FROM DESIGN TO REALITY CTA\r\nREADY TO PASTE\r\n========================================================= -->\r\n\r\n<section id=\"slim-design-reality\">\r\n\r\n  <!-- BACKGROUND -->\r\n  <div class=\"sdr-bg\">\r\n\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261004-230755.jpg\"\r\n      alt=\"SLIM Wellness Design to Reality\"\r\n    >\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- OVERLAY -->\r\n  <div class=\"sdr-overlay\"><\/div>\r\n\r\n\r\n  <!-- CONTENT -->\r\n  <div class=\"sdr-inner\">\r\n\r\n    <div class=\"sdr-content\">\r\n\r\n\r\n      <!-- EYEBROW -->\r\n      <div class=\"sdr-eyebrow\">\r\n\r\n        <span>\r\n          YOUR WELLNESS PARTNER\r\n        <\/span>\r\n\r\n        <i><\/i>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- TITLE -->\r\n      <h2>\r\n        From Design to Reality\r\n      <\/h2>\r\n\r\n\r\n      <!-- THAI DESCRIPTION -->\r\n      <p lang=\"th\">\r\n        \u0e43\u0e2b\u0e49 SLIM \u0e14\u0e39\u0e41\u0e25\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a \u0e08\u0e19\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07<br>\r\n        \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e27\u0e25\u0e40\u0e19\u0e2a\u0e17\u0e35\u0e48\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e04\u0e38\u0e13\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07\r\n      <\/p>\r\n\r\n\r\n      <!-- CTA -->\r\n      <a\r\n        href=\"\/en\/contact-us\/\"\r\n        class=\"sdr-button\"\r\n      >\r\n\r\n        <span>\r\n          Talk to Our Specialist\r\n        <\/span>\r\n\r\n        <svg viewbox=\"0 0 24 24\">\r\n          <path d=\"M5 12H19\"><\/path>\r\n          <path d=\"M14 7L19 12L14 17\"><\/path>\r\n        <\/svg>\r\n\r\n      <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@200;300;400&family=Prompt:wght@300;400&display=swap');\r\n\r\n\r\n\/* ======================================================\r\n   RESET\r\n====================================================== *\/\r\n\r\n#slim-design-reality,\r\n#slim-design-reality *,\r\n#slim-design-reality *::before,\r\n#slim-design-reality *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SECTION\r\n====================================================== *\/\r\n\r\n#slim-design-reality{\r\n  position:relative;\r\n\r\n  width:100vw;\r\n  max-width:none;\r\n\r\n  min-height:300px;\r\n\r\n  margin:0 !important;\r\n\r\n  margin-left:\r\n    calc(50% - 50vw) !important;\r\n\r\n  margin-right:\r\n    calc(50% - 50vw) !important;\r\n\r\n  padding:0 !important;\r\n\r\n  overflow:hidden;\r\n\r\n  clear:both;\r\n\r\n  background:#17120f;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  isolation:isolate;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   BACKGROUND\r\n====================================================== *\/\r\n\r\n#slim-design-reality .sdr-bg{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:1;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n#slim-design-reality .sdr-bg img{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  max-width:none;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center center;\r\n\r\n  transform:\r\n    scale(1.001);\r\n\r\n  transition:\r\n    transform 1.4s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   OVERLAY\r\n====================================================== *\/\r\n\r\n#slim-design-reality .sdr-overlay{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:2;\r\n\r\n  pointer-events:none;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(13,10,8,.80) 0%,\r\n      rgba(13,10,8,.70) 24%,\r\n      rgba(13,10,8,.46) 48%,\r\n      rgba(13,10,8,.15) 72%,\r\n      rgba(13,10,8,.05) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(10,7,5,.06) 0%,\r\n      rgba(10,7,5,.14) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   INNER\r\n====================================================== *\/\r\n\r\n#slim-design-reality .sdr-inner{\r\n  position:relative;\r\n\r\n  z-index:4;\r\n\r\n  width:100%;\r\n  min-height:300px;\r\n\r\n  max-width:1480px;\r\n\r\n  margin:0 auto;\r\n\r\n  padding:\r\n    38px\r\n    clamp(50px,6vw,90px);\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CONTENT\r\n====================================================== *\/\r\n\r\n#slim-design-reality .sdr-content{\r\n  width:100%;\r\n\r\n  max-width:660px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   EYEBROW\r\n====================================================== *\/\r\n\r\n#slim-design-reality .sdr-eyebrow{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:14px;\r\n\r\n  margin-bottom:12px;\r\n}\r\n\r\n\r\n#slim-design-reality .sdr-eyebrow span{\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:.24em;\r\n\r\n  color:\r\n    rgba(255,255,255,.78);\r\n}\r\n\r\n\r\n#slim-design-reality .sdr-eyebrow i{\r\n  display:block;\r\n\r\n  width:55px;\r\n  height:1px;\r\n\r\n  background:\r\n    rgba(255,255,255,.42);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TITLE\r\n====================================================== *\/\r\n\r\n#slim-design-reality h2{\r\n  margin:\r\n    0\r\n    0\r\n    12px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      38px,\r\n      3.4vw,\r\n      54px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:-.045em;\r\n\r\n  color:#fff;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   DESCRIPTION\r\n====================================================== *\/\r\n\r\n#slim-design-reality p{\r\n  margin:\r\n    0\r\n    0\r\n    20px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.65;\r\n\r\n  font-weight:300;\r\n\r\n  color:\r\n    rgba(255,255,255,.88);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   BUTTON\r\n====================================================== *\/\r\n\r\n#slim-design-reality .sdr-button{\r\n  min-width:190px;\r\n\r\n  height:42px;\r\n\r\n  padding:\r\n    0\r\n    16px;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:16px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.72);\r\n\r\n  background:\r\n    rgba(255,255,255,.02);\r\n\r\n  text-decoration:none !important;\r\n\r\n  color:#fff;\r\n\r\n  transition:\r\n    background .3s ease,\r\n    color .3s ease,\r\n    border-color .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n#slim-design-reality .sdr-button span{\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:300;\r\n}\r\n\r\n\r\n#slim-design-reality .sdr-button svg{\r\n  width:15px;\r\n  height:15px;\r\n\r\n  fill:none;\r\n\r\n  stroke:currentColor;\r\n\r\n  stroke-width:1.2;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n\r\n  transition:\r\n    transform .3s ease;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HOVER\r\n====================================================== *\/\r\n\r\n@media(hover:hover){\r\n\r\n  #slim-design-reality:hover\r\n  .sdr-bg img{\r\n    transform:\r\n      scale(1.015);\r\n  }\r\n\r\n\r\n  #slim-design-reality\r\n  .sdr-button:hover{\r\n    background:#f4efe7;\r\n\r\n    border-color:#f4efe7;\r\n\r\n    color:#40372f;\r\n\r\n    transform:\r\n      translateY(-2px);\r\n  }\r\n\r\n\r\n  #slim-design-reality\r\n  .sdr-button:hover svg{\r\n    transform:\r\n      translateX(4px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REVEAL\r\n====================================================== *\/\r\n\r\n#slim-design-reality .sdr-eyebrow,\r\n#slim-design-reality h2,\r\n#slim-design-reality p,\r\n#slim-design-reality .sdr-button{\r\n  opacity:0;\r\n\r\n  transform:\r\n    translateY(14px);\r\n}\r\n\r\n\r\n#slim-design-reality.is-visible\r\n.sdr-eyebrow{\r\n  animation:\r\n    sdrReveal\r\n    .65s\r\n    .05s\r\n    both;\r\n}\r\n\r\n\r\n#slim-design-reality.is-visible h2{\r\n  animation:\r\n    sdrReveal\r\n    .75s\r\n    .12s\r\n    both;\r\n}\r\n\r\n\r\n#slim-design-reality.is-visible p{\r\n  animation:\r\n    sdrReveal\r\n    .75s\r\n    .20s\r\n    both;\r\n}\r\n\r\n\r\n#slim-design-reality.is-visible\r\n.sdr-button{\r\n  animation:\r\n    sdrReveal\r\n    .75s\r\n    .28s\r\n    both;\r\n}\r\n\r\n\r\n@keyframes sdrReveal{\r\n\r\n  from{\r\n    opacity:0;\r\n\r\n    transform:\r\n      translateY(14px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n\r\n    transform:\r\n      translateY(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TABLET\r\n====================================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n  #slim-design-reality{\r\n    min-height:280px;\r\n  }\r\n\r\n\r\n  #slim-design-reality .sdr-inner{\r\n    min-height:280px;\r\n\r\n    padding:\r\n      36px\r\n      42px;\r\n  }\r\n\r\n\r\n  #slim-design-reality h2{\r\n    font-size:42px;\r\n  }\r\n\r\n\r\n  #slim-design-reality p{\r\n    font-size:14px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MOBILE\r\n====================================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  #slim-design-reality{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    min-height:420px;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 !important;\r\n\r\n    clear:both !important;\r\n\r\n    overflow:hidden;\r\n  }\r\n\r\n\r\n  #slim-design-reality\r\n  .sdr-bg img{\r\n    object-position:\r\n      62% center;\r\n\r\n    transform:none;\r\n  }\r\n\r\n\r\n  #slim-design-reality\r\n  .sdr-overlay{\r\n    background:\r\n\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(12,9,7,.72) 0%,\r\n        rgba(12,9,7,.45) 70%,\r\n        rgba(12,9,7,.20) 100%\r\n      ),\r\n\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(10,7,5,.08) 20%,\r\n        rgba(10,7,5,.65) 100%\r\n      );\r\n  }\r\n\r\n\r\n  #slim-design-reality .sdr-inner{\r\n    min-height:420px;\r\n\r\n    padding:\r\n      32px\r\n      20px;\r\n\r\n    align-items:flex-end;\r\n  }\r\n\r\n\r\n  #slim-design-reality\r\n  .sdr-content{\r\n    max-width:100%;\r\n\r\n    padding-bottom:10px;\r\n  }\r\n\r\n\r\n  \/* EYEBROW *\/\r\n\r\n  #slim-design-reality\r\n  .sdr-eyebrow{\r\n    gap:11px;\r\n\r\n    margin-bottom:11px;\r\n  }\r\n\r\n\r\n  #slim-design-reality\r\n  .sdr-eyebrow span{\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  #slim-design-reality\r\n  .sdr-eyebrow i{\r\n    width:42px;\r\n  }\r\n\r\n\r\n  \/* TITLE *\/\r\n\r\n  #slim-design-reality h2{\r\n    margin-bottom:12px;\r\n\r\n    font-size:\r\n      clamp(\r\n        33px,\r\n        9.5vw,\r\n        42px\r\n      );\r\n\r\n    line-height:1.02;\r\n  }\r\n\r\n\r\n  \/* DESCRIPTION *\/\r\n\r\n  #slim-design-reality p{\r\n    margin-bottom:20px;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.65;\r\n  }\r\n\r\n\r\n  #slim-design-reality p br{\r\n    display:none;\r\n  }\r\n\r\n\r\n  \/* BUTTON *\/\r\n\r\n  #slim-design-reality .sdr-button{\r\n    height:44px;\r\n\r\n    min-width:180px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SMALL MOBILE\r\n====================================================== *\/\r\n\r\n@media(max-width:420px){\r\n\r\n  #slim-design-reality{\r\n    min-height:390px;\r\n  }\r\n\r\n\r\n  #slim-design-reality .sdr-inner{\r\n    min-height:390px;\r\n\r\n    padding:\r\n      28px\r\n      18px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REDUCED MOTION\r\n====================================================== *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #slim-design-reality .sdr-eyebrow,\r\n  #slim-design-reality h2,\r\n  #slim-design-reality p,\r\n  #slim-design-reality .sdr-button{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n\r\n    animation:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initSlimDesignReality(){\r\n\r\n    const section =\r\n      document.getElementById(\r\n        'slim-design-reality'\r\n      );\r\n\r\n\r\n    if(!section){\r\n      return;\r\n    }\r\n\r\n\r\n    if(\r\n      window.matchMedia(\r\n        '(max-width:767px)'\r\n      ).matches\r\n    ){\r\n\r\n      section.classList.add(\r\n        'is-visible'\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    if(\r\n      !('IntersectionObserver' in window)\r\n    ){\r\n\r\n      section.classList.add(\r\n        'is-visible'\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        function(entries){\r\n\r\n          entries.forEach(\r\n            function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                section.classList.add(\r\n                  'is-visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  section\r\n                );\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n        },\r\n\r\n        {\r\n          threshold:.15,\r\n\r\n          rootMargin:\r\n            '0px 0px -5% 0px'\r\n        }\r\n\r\n      );\r\n\r\n\r\n    observer.observe(\r\n      section\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if(\r\n    document.readyState ===\r\n    'loading'\r\n  ){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initSlimDesignReality\r\n    );\r\n\r\n  }else{\r\n\r\n    initSlimDesignReality();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e2b\u0e19\u0e49\u0e32\u0e23\u0e27\u0e21\u0e07\u0e32\u0e19\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 \u0e43\u0e0a\u0e49 Elementor Loop Grid \u0e14\u0e36\u0e07 Posts \u0e2b\u0e21\u0e27\u0e14 Package.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-463","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.slimthailand.com\/en\/wp-json\/wp\/v2\/pages\/463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.slimthailand.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.slimthailand.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.slimthailand.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.slimthailand.com\/en\/wp-json\/wp\/v2\/comments?post=463"}],"version-history":[{"count":60,"href":"https:\/\/www.slimthailand.com\/en\/wp-json\/wp\/v2\/pages\/463\/revisions"}],"predecessor-version":[{"id":4128,"href":"https:\/\/www.slimthailand.com\/en\/wp-json\/wp\/v2\/pages\/463\/revisions\/4128"}],"wp:attachment":[{"href":"https:\/\/www.slimthailand.com\/en\/wp-json\/wp\/v2\/media?parent=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}