{"id":464,"date":"2026-09-15T07:22:34","date_gmt":"2026-09-15T00:22:34","guid":{"rendered":"https:\/\/slimthailand.com\/business-solution\/"},"modified":"2026-11-02T15:19:39","modified_gmt":"2026-11-02T08:19:39","slug":"business-solutions","status":"publish","type":"page","link":"https:\/\/www.slimthailand.com\/en\/business-solutions\/","title":{"rendered":"Business Solutions"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"464\" class=\"elementor elementor-464\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d204feb e-con-full sbiz-root e-flex e-con e-parent\" data-id=\"7d204feb\" data-element_type=\"container\" data-e-type=\"container\" id=\"slim-business-content\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5df5922 elementor-widget elementor-widget-html\" data-id=\"5df5922\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM WELLNESS \u2014 BUSINESS SOLUTIONS HERO\r\nMontserrat ExtraLight + Prompt Light\r\nNO NAV \/ NO WATCH BUTTON\r\nREADY TO PASTE\r\n========================================================= -->\r\n\r\n<section id=\"slim-business-hero\">\r\n\r\n  <!-- BACKGROUND SLIDER -->\r\n  <div class=\"sbh-bg\" aria-hidden=\"true\">\r\n\r\n    <div class=\"sbh-slider-track\">\r\n\r\n      <!-- SLIDE 01 -->\r\n      <div class=\"sbh-slide is-active\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261008-134556.png\"\r\n          alt=\"\"\r\n          draggable=\"false\"\r\n        >\r\n      <\/div>\r\n\r\n      <!-- SLIDE 02 -->\r\n      <div class=\"sbh-slide\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261014-134028.png\"\r\n          alt=\"\"\r\n          draggable=\"false\"\r\n        >\r\n      <\/div>\r\n\r\n      <!-- SLIDE 03\r\n           \u0e15\u0e49\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e21\u0e35 2 \u0e23\u0e39\u0e1b \u0e08\u0e36\u0e07\u0e43\u0e0a\u0e49\u0e23\u0e39\u0e1b\u0e41\u0e23\u0e01\u0e0b\u0e49\u0e33\u0e44\u0e27\u0e49\u0e01\u0e48\u0e2d\u0e19\r\n           \u0e16\u0e49\u0e32\u0e21\u0e35\u0e23\u0e39\u0e1b\u0e17\u0e35\u0e48 3 \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e09\u0e1e\u0e32\u0e30 src \u0e15\u0e23\u0e07\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22 -->\r\n      <div class=\"sbh-slide\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261008-134556.png\"\r\n          alt=\"\"\r\n          draggable=\"false\"\r\n        >\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- 3 DOTS -->\r\n    <div\r\n      class=\"sbh-slider-dots\"\r\n      aria-label=\"Business solutions hero slider\"\r\n    >\r\n\r\n      <button\r\n        class=\"sbh-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=\"sbh-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=\"sbh-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\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- OVERLAY -->\r\n  <div class=\"sbh-overlay\"><\/div>\r\n\r\n\r\n  <!-- CONTENT -->\r\n  <div class=\"sbh-container\">\r\n\r\n    <div class=\"sbh-content\">\r\n\r\n      <!-- EYEBROW -->\r\n      <div class=\"sbh-eyebrow\">\r\n        <span>BUSINESS SOLUTIONS<\/span>\r\n        <i><\/i>\r\n      <\/div>\r\n\r\n\r\n      <!-- TITLE -->\r\n      <h1>\r\n        Wellness<br>\r\n        for a Better<br>\r\n        Tomorrow\r\n      <\/h1>\r\n\r\n\r\n      <!-- THAI -->\r\n      <p class=\"sbh-description\" lang=\"th\">\r\n        \u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32\u0e02\u0e2d\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<br>\r\n        \u0e14\u0e49\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e40\u0e27\u0e25\u0e40\u0e19\u0e2a\u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e44\u0e14\u0e49\r\n      <\/p>\r\n\r\n\r\n      <!-- LINE -->\r\n      <div class=\"sbh-short-line\"><\/div>\r\n\r\n\r\n      <!-- CATEGORIES -->\r\n      <div class=\"sbh-categories\">\r\n\r\n        <a href=\"#hotels\">\r\n          HOTELS &amp; RESORTS\r\n        <\/a>\r\n\r\n        <span>\/<\/span>\r\n\r\n        <a href=\"#condominiums\">\r\n          CONDOMINIUMS\r\n        <\/a>\r\n\r\n        <span>\/<\/span>\r\n\r\n        <a href=\"#fitness\">\r\n          FITNESS CENTERS\r\n        <\/a>\r\n\r\n      <\/div>\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\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-business-hero,\r\n#slim-business-hero *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HERO\r\n====================================================== *\/\r\n\r\n#slim-business-hero{\r\n  position:relative;\r\n\r\n  width:100vw;\r\n  max-width:none;\r\n\r\n  height:720px;\r\n  min-height:650px;\r\n\r\n  margin:0 !important;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n\r\n  padding:0 !important;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#17100b;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-weight:200;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   BACKGROUND\r\n====================================================== *\/\r\n\r\n#slim-business-hero .sbh-bg{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  z-index:1;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n#slim-business-hero{\r\n  touch-action:pan-y;\r\n}\r\n\r\n#slim-business-hero.is-slider-dragging{\r\n  cursor:grabbing;\r\n}\r\n\r\n@media(hover:hover){\r\n  #slim-business-hero{\r\n    cursor:grab;\r\n  }\r\n\r\n  #slim-business-hero a{\r\n    cursor:pointer;\r\n  }\r\n}\r\n\r\n\r\n#slim-business-hero .sbh-slider-track{\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   FADE SLIDES\r\n====================================================== *\/\r\n\r\n#slim-business-hero .sbh-slide{\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  overflow:hidden;\r\n\r\n  opacity:0;\r\n  visibility:hidden;\r\n  pointer-events:none;\r\n\r\n  transition:\r\n    opacity 1.35s cubic-bezier(.22,1,.36,1),\r\n    visibility 1.35s linear;\r\n\r\n  will-change:opacity;\r\n}\r\n\r\n#slim-business-hero .sbh-slide.is-active{\r\n  opacity:1;\r\n  visibility:visible;\r\n  pointer-events:auto;\r\n\r\n  z-index:2;\r\n}\r\n\r\n#slim-business-hero .sbh-slide img{\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n  object-position:center center;\r\n\r\n  user-select:none;\r\n  -webkit-user-drag:none;\r\n\r\n  transform:scale(1.035);\r\n\r\n  transition:\r\n    transform 7.2s cubic-bezier(.16,1,.3,1),\r\n    filter 1.1s ease;\r\n}\r\n\r\n#slim-business-hero .sbh-slide.is-active img{\r\n  transform:scale(1.008);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   3 CLICKABLE DOTS\r\n====================================================== *\/\r\n\r\n#slim-business-hero .sbh-slider-dots{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  bottom:24px;\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  pointer-events:auto;\r\n}\r\n\r\n#slim-business-hero .sbh-dot{\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n\r\n  position:relative;\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:.82;\r\n\r\n  transition:\r\n    background-color .32s ease,\r\n    border-color .32s ease,\r\n    opacity .32s ease,\r\n    transform .32s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n#slim-business-hero .sbh-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-business-hero .sbh-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\/* \u0e08\u0e38\u0e14\u0e22\u0e31\u0e07\u0e40\u0e25\u0e47\u0e01 \u0e41\u0e15\u0e48\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e01\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e02\u0e36\u0e49\u0e19 *\/\r\n#slim-business-hero .sbh-dot::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:32px;\r\n  height:32px;\r\n\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   OVERLAY\r\n====================================================== *\/\r\n\r\n#slim-business-hero .sbh-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  transition:\r\n    background 1s ease,\r\n    opacity 1s ease;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(10,7,5,.80) 0%,\r\n      rgba(10,7,5,.67) 24%,\r\n      rgba(10,7,5,.39) 48%,\r\n      rgba(10,7,5,.13) 73%,\r\n      rgba(10,7,5,.10) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(10,7,5,.16) 0%,\r\n      rgba(10,7,5,.03) 45%,\r\n      rgba(10,7,5,.38) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CONTENT\r\n====================================================== *\/\r\n\r\n#slim-business-hero .sbh-container{\r\n  position:relative;\r\n\r\n  z-index:5;\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(55px,7vw,105px);\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n#slim-business-hero .sbh-content{\r\n  width:100%;\r\n\r\n  max-width:650px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   EYEBROW\r\n====================================================== *\/\r\n\r\n#slim-business-hero .sbh-eyebrow{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:17px;\r\n\r\n  margin-bottom:22px;\r\n}\r\n\r\n\r\n#slim-business-hero .sbh-eyebrow span{\r\n  font-family:'Montserrat',sans-serif !important;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200 !important;\r\n\r\n  letter-spacing:.27em;\r\n\r\n  color:rgba(255,255,255,.78);\r\n}\r\n\r\n\r\n#slim-business-hero .sbh-eyebrow i{\r\n  display:block;\r\n\r\n  width:64px;\r\n  height:1px;\r\n\r\n  background:\r\n    rgba(255,255,255,.45);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TITLE\r\n====================================================== *\/\r\n\r\n#slim-business-hero h1{\r\n  margin:\r\n    0\r\n    0\r\n    25px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Montserrat',sans-serif !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      58px,\r\n      5vw,\r\n      78px\r\n    );\r\n\r\n  line-height:.92;\r\n\r\n  font-weight:200 !important;\r\n\r\n  letter-spacing:-.055em;\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-business-hero .sbh-description{\r\n  margin:\r\n    0\r\n    0\r\n    27px;\r\n\r\n  font-family:'Prompt',sans-serif !important;\r\n\r\n  font-size:21px;\r\n\r\n  line-height:1.55;\r\n\r\n  font-weight:300 !important;\r\n\r\n  letter-spacing:0;\r\n\r\n  color:\r\n    rgba(255,255,255,.92);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SMALL LINE\r\n====================================================== *\/\r\n\r\n#slim-business-hero .sbh-short-line{\r\n  width:48px;\r\n  height:1px;\r\n\r\n  margin-bottom:21px;\r\n\r\n  background:\r\n    rgba(255,255,255,.78);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CATEGORIES\r\n====================================================== *\/\r\n\r\n#slim-business-hero .sbh-categories{\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    13px\r\n    15px;\r\n}\r\n\r\n\r\n#slim-business-hero .sbh-categories a{\r\n  position:relative;\r\n\r\n  text-decoration:none !important;\r\n\r\n  font-family:'Montserrat',sans-serif !important;\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200 !important;\r\n\r\n  letter-spacing:.055em;\r\n\r\n  color:\r\n    rgba(255,255,255,.84);\r\n\r\n  transition:\r\n    color .3s ease;\r\n}\r\n\r\n\r\n#slim-business-hero .sbh-categories a::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  bottom:-7px;\r\n\r\n  width:100%;\r\n  height:1px;\r\n\r\n  background:#fff;\r\n\r\n  transform:scaleX(0);\r\n\r\n  transform-origin:left center;\r\n\r\n  transition:\r\n    transform .35s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n#slim-business-hero .sbh-categories a:hover{\r\n  color:#fff;\r\n}\r\n\r\n\r\n#slim-business-hero .sbh-categories a:hover::after{\r\n  transform:scaleX(1);\r\n}\r\n\r\n\r\n#slim-business-hero .sbh-categories > span{\r\n  font-family:'Montserrat',sans-serif !important;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:200 !important;\r\n\r\n  color:\r\n    rgba(255,255,255,.36);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REVEAL\r\n====================================================== *\/\r\n\r\n#slim-business-hero .sbh-eyebrow,\r\n#slim-business-hero h1,\r\n#slim-business-hero .sbh-description,\r\n#slim-business-hero .sbh-short-line,\r\n#slim-business-hero .sbh-categories{\r\n  opacity:0;\r\n\r\n  transform:translateY(18px);\r\n}\r\n\r\n\r\n#slim-business-hero.is-visible .sbh-eyebrow{\r\n  animation:\r\n    sbhReveal\r\n    .7s\r\n    .06s\r\n    both;\r\n}\r\n\r\n\r\n#slim-business-hero.is-visible h1{\r\n  animation:\r\n    sbhReveal\r\n    .85s\r\n    .15s\r\n    both;\r\n}\r\n\r\n\r\n#slim-business-hero.is-visible .sbh-description{\r\n  animation:\r\n    sbhReveal\r\n    .8s\r\n    .27s\r\n    both;\r\n}\r\n\r\n\r\n#slim-business-hero.is-visible .sbh-short-line{\r\n  animation:\r\n    sbhReveal\r\n    .7s\r\n    .36s\r\n    both;\r\n}\r\n\r\n\r\n#slim-business-hero.is-visible .sbh-categories{\r\n  animation:\r\n    sbhReveal\r\n    .7s\r\n    .43s\r\n    both;\r\n}\r\n\r\n\r\n@keyframes sbhReveal{\r\n\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   IMAGE HOVER\r\n====================================================== *\/\r\n\r\n@media(hover:hover){\r\n\r\n  #slim-business-hero:hover .sbh-slide.is-active img{\r\n    transform:scale(1.012);\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-business-hero{\r\n    height:650px;\r\n    min-height:620px;\r\n  }\r\n\r\n\r\n  #slim-business-hero .sbh-container{\r\n    padding:\r\n      0\r\n      50px;\r\n  }\r\n\r\n\r\n  #slim-business-hero h1{\r\n    font-size:58px;\r\n\r\n    font-weight:200 !important;\r\n  }\r\n\r\n\r\n  #slim-business-hero .sbh-description{\r\n    font-size:18px;\r\n\r\n    font-weight:300 !important;\r\n  }\r\n\r\n\r\n  #slim-business-hero .sbh-categories a{\r\n    font-size:10px;\r\n\r\n    font-weight:200 !important;\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-business-hero{\r\n    height:720px;\r\n    min-height:720px;\r\n  }\r\n\r\n\r\n  #slim-business-hero .sbh-slide img{\r\n    object-position:62% center;\r\n\r\n    transform:none;\r\n  }\r\n\r\n\r\n  #slim-business-hero .sbh-overlay{\r\n    background:\r\n\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(10,7,5,.72) 0%,\r\n        rgba(10,7,5,.45) 68%,\r\n        rgba(10,7,5,.18) 100%\r\n      ),\r\n\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(10,7,5,.12) 0%,\r\n        rgba(10,7,5,.12) 40%,\r\n        rgba(10,7,5,.72) 100%\r\n      );\r\n  }\r\n\r\n\r\n  #slim-business-hero .sbh-container{\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-business-hero .sbh-content{\r\n    max-width:100%;\r\n\r\n    padding-bottom:48px;\r\n  }\r\n\r\n\r\n  #slim-business-hero .sbh-eyebrow{\r\n    gap:12px;\r\n\r\n    margin-bottom:17px;\r\n  }\r\n\r\n\r\n  #slim-business-hero .sbh-eyebrow span{\r\n    font-size:8px;\r\n\r\n    font-weight:200 !important;\r\n\r\n    letter-spacing:.23em;\r\n  }\r\n\r\n\r\n  #slim-business-hero .sbh-eyebrow i{\r\n    width:46px;\r\n  }\r\n\r\n\r\n  #slim-business-hero h1{\r\n    margin-bottom:21px;\r\n\r\n    font-size:\r\n      clamp(\r\n        44px,\r\n        13vw,\r\n        55px\r\n      );\r\n\r\n    line-height:.94;\r\n\r\n    font-weight:200 !important;\r\n  }\r\n\r\n\r\n  #slim-business-hero .sbh-description{\r\n    margin-bottom:22px;\r\n\r\n    font-size:16px;\r\n\r\n    line-height:1.55;\r\n\r\n    font-weight:300 !important;\r\n  }\r\n\r\n\r\n  #slim-business-hero .sbh-categories{\r\n    gap:\r\n      10px\r\n      12px;\r\n  }\r\n\r\n\r\n  #slim-business-hero .sbh-categories a{\r\n    font-size:9px;\r\n\r\n    font-weight:200 !important;\r\n  }\r\n\r\n  #slim-business-hero .sbh-slider-dots{\r\n    right:20px;\r\n    bottom:18px;\r\n  }\r\n\r\n  #slim-business-hero .sbh-slider-dots span{\r\n    width:18px;\r\n  }\r\n\r\n  #slim-business-hero .sbh-slider-dots span.is-active{\r\n    width:30px;\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-business-hero .sbh-slide,\r\n  #slim-business-hero .sbh-slide img,\r\n  #slim-business-hero .sbh-dot{\r\n    transition:none !important;\r\n  }\r\n\r\n  #slim-business-hero .sbh-eyebrow,\r\n  #slim-business-hero h1,\r\n  #slim-business-hero .sbh-description,\r\n  #slim-business-hero .sbh-short-line,\r\n  #slim-business-hero .sbh-categories{\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\r\n<script>\r\n(function(){\r\n\r\n  function initSlimBusinessHero(){\r\n\r\n    const hero =\r\n      document.getElementById(\r\n        'slim-business-hero'\r\n      );\r\n\r\n    if(!hero){\r\n      return;\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       REVEAL\r\n    ========================================= *\/\r\n\r\n    requestAnimationFrame(\r\n      function(){\r\n\r\n        hero.classList.add(\r\n          'is-visible'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* =========================================\r\n       IMAGE SLIDER\r\n       3 DOTS + CROSSFADE + AUTO + SWIPE\r\n       *\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e04\u0e07\u0e40\u0e14\u0e34\u0e21*\r\n    ========================================= *\/\r\n\r\n    const slides =\r\n      Array.from(\r\n        hero.querySelectorAll(\r\n          '.sbh-slide'\r\n        )\r\n      );\r\n\r\n\r\n    const dots =\r\n      Array.from(\r\n        hero.querySelectorAll(\r\n          '.sbh-dot'\r\n        )\r\n      );\r\n\r\n\r\n    if(\r\n      slides.length < 2\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    let index = 0;\r\n\r\n    let timer = null;\r\n\r\n    let restartTimer = null;\r\n\r\n    let startX = 0;\r\n    let currentX = 0;\r\n\r\n    let dragging = false;\r\n\r\n\r\n    const AUTOPLAY_MS = 6200;\r\n\r\n    const SWIPE_THRESHOLD = 48;\r\n\r\n\r\n\r\n    \/* =========================================\r\n       SHOW SLIDE \u2014 CROSSFADE\r\n    ========================================= *\/\r\n\r\n    function goTo(nextIndex){\r\n\r\n      index =\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,i){\r\n\r\n          slide.classList.toggle(\r\n            'is-active',\r\n            i === index\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n\r\n      dots.forEach(\r\n        function(dot,i){\r\n\r\n          const active =\r\n            i === index;\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 next(){\r\n\r\n      goTo(\r\n        index + 1\r\n      );\r\n\r\n    }\r\n\r\n\r\n    function stopAutoplay(){\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 startAutoplay(){\r\n\r\n      stopAutoplay();\r\n\r\n\r\n      if(\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          next,\r\n          AUTOPLAY_MS\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function restartAutoplay(){\r\n\r\n      stopAutoplay();\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          startAutoplay,\r\n          700\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================\r\n       CLICK 3 DOTS\r\n    ========================================= *\/\r\n\r\n    dots.forEach(\r\n      function(dot,i){\r\n\r\n        dot.addEventListener(\r\n          'click',\r\n          function(event){\r\n\r\n            event.stopPropagation();\r\n\r\n            goTo(i);\r\n\r\n            restartAutoplay();\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n\r\n    \/* =========================================\r\n       SWIPE \/ MOUSE DRAG\r\n       \u0e15\u0e2d\u0e19\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e19\u0e34\u0e49\u0e27\/\u0e40\u0e21\u0e32\u0e2a\u0e4c \u0e08\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1a\u0e1a FADE\r\n    ========================================= *\/\r\n\r\n    hero.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            'a,button,input,select,textarea'\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        hero.classList.add(\r\n          'is-slider-dragging'\r\n        );\r\n\r\n\r\n        stopAutoplay();\r\n\r\n\r\n        if(\r\n          hero.setPointerCapture\r\n        ){\r\n\r\n          try{\r\n\r\n            hero.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    hero.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 endDrag(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      hero.classList.remove(\r\n        'is-slider-dragging'\r\n      );\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        SWIPE_THRESHOLD\r\n      ){\r\n\r\n        goTo(\r\n          delta < 0\r\n            ? index + 1\r\n            : index - 1\r\n        );\r\n\r\n      }\r\n\r\n\r\n      restartAutoplay();\r\n\r\n\r\n      if(\r\n        event &&\r\n        hero.releasePointerCapture\r\n      ){\r\n\r\n        try{\r\n\r\n          hero.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    hero.addEventListener(\r\n      'pointerup',\r\n      endDrag\r\n    );\r\n\r\n\r\n    hero.addEventListener(\r\n      'pointercancel',\r\n      endDrag\r\n    );\r\n\r\n\r\n    \/* Pause while browser tab is hidden *\/\r\n\r\n    document.addEventListener(\r\n      'visibilitychange',\r\n      function(){\r\n\r\n        if(document.hidden){\r\n\r\n          stopAutoplay();\r\n\r\n        }else{\r\n\r\n          startAutoplay();\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n    goTo(0);\r\n\r\n    startAutoplay();\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      initSlimBusinessHero\r\n    );\r\n\r\n  }else{\r\n\r\n    initSlimBusinessHero();\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-a80de49 elementor-widget elementor-widget-html\" data-id=\"a80de49\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM \u2014 BUSINESS INTRO \/ STATS\r\nCOUNT-UP ANIMATION\r\nREADY TO PASTE IN ELEMENTOR HTML WIDGET\r\n========================================================= -->\r\n\r\n<section id=\"slim-business-intro\">\r\n\r\n  <div class=\"sbi-grid\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LEFT CONTENT\r\n    ====================================================== -->\r\n    <div class=\"sbi-content\">\r\n\r\n      <div class=\"sbi-inner\">\r\n\r\n\r\n        <!-- EYEBROW -->\r\n        <div class=\"sbi-eyebrow\">\r\n          <span>OUR BUSINESS SOLUTION<\/span>\r\n          <i><\/i>\r\n        <\/div>\r\n\r\n\r\n        <!-- TITLE -->\r\n        <h2>\r\n          Wellness Designed<br>\r\n          for Every Space\r\n        <\/h2>\r\n\r\n\r\n        <!-- THAI DESCRIPTION -->\r\n        <p class=\"sbi-description\" lang=\"th\">\r\n          \u0e40\u0e23\u0e32\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e27\u0e25\u0e40\u0e19\u0e2a\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<br>\r\n          \u0e1c\u0e2a\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e07\u0e32\u0e21 \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19 \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07<br>\r\n          \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e21\u0e39\u0e25\u0e04\u0e48\u0e32\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e43\u0e19\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27\r\n        <\/p>\r\n\r\n\r\n        <!-- =================================================\r\n             COUNTERS\r\n        ================================================== -->\r\n        <div class=\"sbi-stats\">\r\n\r\n\r\n          <!-- 01 -->\r\n          <div class=\"sbi-stat\">\r\n\r\n            <strong\r\n              class=\"sbi-counter\"\r\n              data-target=\"10\"\r\n              data-suffix=\"\"\r\n            >\r\n              0\r\n            <\/strong>\r\n\r\n            <span>\r\n              YEARS IN THAILAND\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- 02 -->\r\n          <div class=\"sbi-stat\">\r\n\r\n            <strong\r\n              class=\"sbi-counter\"\r\n              data-target=\"100\"\r\n              data-suffix=\"+\"\r\n            >\r\n              0\r\n            <\/strong>\r\n\r\n            <span>\r\n              INSTALLATIONS\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- 03 -->\r\n          <div class=\"sbi-stat\">\r\n\r\n            <strong\r\n              class=\"sbi-counter\"\r\n              data-target=\"8\"\r\n              data-suffix=\"\"\r\n            >\r\n              0\r\n            <\/strong>\r\n\r\n            <span>\r\n              PRODUCT MODELS\r\n            <\/span>\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=\"sbi-cta\"\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\" aria-hidden=\"true\">\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=\"sbi-image\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261007-215319.png\"\r\n        alt=\"SLIM Business Wellness Space\"\r\n      >\r\n\r\n\r\n      <!-- subtle bottom-right caption -->\r\n      <div class=\"sbi-image-caption\">\r\n        <span>\r\n         <br>\r\n        \r\n        <\/span>\r\n      <\/div>\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\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-business-intro,\r\n#slim-business-intro *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SECTION\r\n====================================================== *\/\r\n\r\n#slim-business-intro{\r\n  width:100vw;\r\n  max-width:none;\r\n\r\n  margin:0 !important;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n\r\n  padding:0 !important;\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   GRID\r\n====================================================== *\/\r\n\r\n#slim-business-intro .sbi-grid{\r\n  width:100%;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    51% 49%;\r\n\r\n  min-height:510px;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  align-items:stretch;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   LEFT CONTENT\r\n====================================================== *\/\r\n\r\n#slim-business-intro .sbi-content{\r\n  width:100%;\r\n\r\n  min-height:510px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  background:#f4efe7;\r\n}\r\n\r\n\r\n#slim-business-intro .sbi-inner{\r\n  width:100%;\r\n\r\n  max-width:790px;\r\n\r\n  margin-left:auto;\r\n\r\n  padding:\r\n    52px\r\n    58px\r\n    52px\r\n    clamp(55px,5.3vw,100px);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   EYEBROW\r\n====================================================== *\/\r\n\r\n#slim-business-intro .sbi-eyebrow{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:17px;\r\n\r\n  margin-bottom:15px;\r\n}\r\n\r\n\r\n#slim-business-intro .sbi-eyebrow span{\r\n  font-family:'Montserrat',sans-serif !important;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200 !important;\r\n\r\n  letter-spacing:.25em;\r\n\r\n  color:#927b67;\r\n}\r\n\r\n\r\n#slim-business-intro .sbi-eyebrow i{\r\n  display:block;\r\n\r\n  width:58px;\r\n  height:1px;\r\n\r\n  background:#b89a7b;\r\n\r\n  transform-origin:left center;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TITLE\r\n====================================================== *\/\r\n\r\n#slim-business-intro h2{\r\n  margin:\r\n    0\r\n    0\r\n    18px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Montserrat',sans-serif !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      40px,\r\n      3.2vw,\r\n      53px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  font-weight:200 !important;\r\n\r\n  letter-spacing:-.05em;\r\n\r\n  color:#302923;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   THAI DESCRIPTION\r\n====================================================== *\/\r\n\r\n#slim-business-intro .sbi-description{\r\n  max-width:675px;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    34px;\r\n\r\n  font-family:'Prompt',sans-serif !important;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.78;\r\n\r\n  font-weight:300 !important;\r\n\r\n  color:#756a60;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   STATS\r\n====================================================== *\/\r\n\r\n#slim-business-intro .sbi-stats{\r\n  width:100%;\r\n\r\n  max-width:650px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n  column-gap:48px;\r\n\r\n  align-items:start;\r\n\r\n  margin-bottom:32px;\r\n}\r\n\r\n\r\n\/* EACH STAT *\/\r\n\r\n#slim-business-intro .sbi-stat{\r\n  position:relative;\r\n\r\n  min-width:0;\r\n\r\n  padding:0;\r\n\r\n  text-align:left;\r\n}\r\n\r\n\r\n\/* REMOVE OLD DIVIDER LINES *\/\r\n\r\n#slim-business-intro\r\n.sbi-stat:not(:last-child)::after{\r\n  display:none !important;\r\n  content:none !important;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   NUMBER\r\n====================================================== *\/\r\n\r\n#slim-business-intro .sbi-stat strong{\r\n  display:block;\r\n\r\n  margin:0 0 11px;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Montserrat',sans-serif !important;\r\n\r\n  font-size:34px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:300 !important;\r\n\r\n  letter-spacing:-.045em;\r\n\r\n  color:#2f2925;\r\n\r\n  font-variant-numeric:\r\n    tabular-nums;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   STAT LABEL\r\n====================================================== *\/\r\n\r\n#slim-business-intro .sbi-stat span{\r\n  display:block;\r\n\r\n  margin:0;\r\n\r\n  padding:0;\r\n\r\n  font-family:'Montserrat',sans-serif !important;\r\n\r\n  font-size:7.5px;\r\n\r\n  line-height:1.35;\r\n\r\n  font-weight:300 !important;\r\n\r\n  letter-spacing:.22em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  color:#b49375;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CTA\r\n====================================================== *\/\r\n\r\n#slim-business-intro .sbi-cta{\r\n  min-width:205px;\r\n\r\n  height:45px;\r\n\r\n  padding:\r\n    0\r\n    18px;\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:#29231f;\r\n\r\n  border:\r\n    1px solid\r\n    #29231f;\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 .35s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n#slim-business-intro .sbi-cta span{\r\n  font-family:'Montserrat',sans-serif !important;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200 !important;\r\n\r\n  letter-spacing:.03em;\r\n}\r\n\r\n\r\n#slim-business-intro .sbi-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.15;\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-business-intro\r\n  .sbi-cta:hover{\r\n    background:#a98665;\r\n\r\n    border-color:#a98665;\r\n\r\n    transform:\r\n      translateY(-2px);\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-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-business-intro .sbi-image{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  min-height:510px;\r\n\r\n  margin:0 !important;\r\n  padding:0 !important;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#c9b8a8;\r\n}\r\n\r\n\r\n#slim-business-intro .sbi-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.5s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n\/* image shade *\/\r\n\r\n#slim-business-intro .sbi-image::after{\r\n  content:\"\";\r\n\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    linear-gradient(\r\n      180deg,\r\n      rgba(10,7,5,.01) 48%,\r\n      rgba(10,7,5,.36) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   IMAGE CAPTION\r\n====================================================== *\/\r\n\r\n#slim-business-intro .sbi-image-caption{\r\n  position:absolute;\r\n\r\n  right:42px;\r\n  bottom:34px;\r\n\r\n  z-index:5;\r\n\r\n  max-width:230px;\r\n\r\n  text-align:left;\r\n}\r\n\r\n\r\n#slim-business-intro\r\n.sbi-image-caption span{\r\n  font-family:'Montserrat',sans-serif !important;\r\n\r\n  font-size:18px;\r\n\r\n  line-height:1.25;\r\n\r\n  font-weight:200 !important;\r\n\r\n  letter-spacing:-.025em;\r\n\r\n  color:#fff;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HOVER IMAGE\r\n====================================================== *\/\r\n\r\n@media(hover:hover){\r\n\r\n  #slim-business-intro:hover\r\n  .sbi-image img{\r\n    transform:scale(1.018);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SCROLL REVEAL\r\n====================================================== *\/\r\n\r\n#slim-business-intro .sbi-eyebrow,\r\n#slim-business-intro h2,\r\n#slim-business-intro .sbi-description,\r\n#slim-business-intro .sbi-stat,\r\n#slim-business-intro .sbi-cta{\r\n  opacity:0;\r\n\r\n  transform:\r\n    translateY(15px);\r\n}\r\n\r\n\r\n#slim-business-intro.is-visible\r\n.sbi-eyebrow{\r\n  animation:\r\n    sbiReveal\r\n    .65s\r\n    .06s\r\n    both;\r\n}\r\n\r\n\r\n#slim-business-intro.is-visible h2{\r\n  animation:\r\n    sbiReveal\r\n    .75s\r\n    .13s\r\n    both;\r\n}\r\n\r\n\r\n#slim-business-intro.is-visible\r\n.sbi-description{\r\n  animation:\r\n    sbiReveal\r\n    .75s\r\n    .20s\r\n    both;\r\n}\r\n\r\n\r\n#slim-business-intro.is-visible\r\n.sbi-stat:nth-child(1){\r\n  animation:\r\n    sbiReveal\r\n    .7s\r\n    .28s\r\n    both;\r\n}\r\n\r\n\r\n#slim-business-intro.is-visible\r\n.sbi-stat:nth-child(2){\r\n  animation:\r\n    sbiReveal\r\n    .7s\r\n    .34s\r\n    both;\r\n}\r\n\r\n\r\n#slim-business-intro.is-visible\r\n.sbi-stat:nth-child(3){\r\n  animation:\r\n    sbiReveal\r\n    .7s\r\n    .40s\r\n    both;\r\n}\r\n\r\n\r\n#slim-business-intro.is-visible\r\n.sbi-cta{\r\n  animation:\r\n    sbiReveal\r\n    .75s\r\n    .48s\r\n    both;\r\n}\r\n\r\n\r\n@keyframes sbiReveal{\r\n\r\n  from{\r\n    opacity:0;\r\n\r\n    transform:\r\n      translateY(15px);\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-business-intro .sbi-grid{\r\n    grid-template-columns:\r\n      52% 48%;\r\n\r\n    min-height:470px;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-content,\r\n  #slim-business-intro\r\n  .sbi-image{\r\n    min-height:470px;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-inner{\r\n    padding:\r\n      42px\r\n      34px;\r\n  }\r\n\r\n\r\n  #slim-business-intro h2{\r\n    font-size:40px;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-description{\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  #slim-business-intro .sbi-stats{\r\n    column-gap:25px;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-stat{\r\n    padding:0;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-stat:not(:first-child){\r\n    padding-left:0;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-stat strong{\r\n    font-size:28px;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-stat span{\r\n    font-size:6.7px;\r\n\r\n    letter-spacing:.17em;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-image-caption{\r\n    right:25px;\r\n    bottom:25px;\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-business-intro .sbi-grid{\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    min-height:unset;\r\n  }\r\n\r\n\r\n  \/* CONTENT *\/\r\n\r\n  #slim-business-intro .sbi-content{\r\n    order:1;\r\n\r\n    min-height:unset;\r\n  }\r\n\r\n\r\n  #slim-business-intro .sbi-inner{\r\n    max-width:none;\r\n\r\n    margin:0;\r\n\r\n    padding:\r\n      38px\r\n      20px\r\n      40px;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-eyebrow{\r\n    gap:12px;\r\n\r\n    margin-bottom:15px;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-eyebrow span{\r\n    font-size:8px;\r\n\r\n    letter-spacing:.22em;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-eyebrow i{\r\n    width:44px;\r\n  }\r\n\r\n\r\n  #slim-business-intro h2{\r\n    margin-bottom:17px;\r\n\r\n    font-size:34px;\r\n\r\n    line-height:1;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-description{\r\n    margin-bottom:28px;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.75;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-description br{\r\n    display:none;\r\n  }\r\n\r\n\r\n  \/* ======================================================\r\n     MOBILE STATS\r\n  ====================================================== *\/\r\n\r\n  #slim-business-intro .sbi-stats{\r\n    width:100%;\r\n\r\n    max-width:none;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n      repeat(3,minmax(0,1fr));\r\n\r\n    column-gap:10px;\r\n\r\n    margin-bottom:28px;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-stat{\r\n    min-width:0;\r\n\r\n    padding:0;\r\n\r\n    text-align:left;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-stat:not(:first-child){\r\n    padding-left:0;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-stat strong{\r\n    margin-bottom:8px;\r\n\r\n    font-size:24px;\r\n\r\n    line-height:1;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-stat span{\r\n    font-size:5.8px;\r\n\r\n    line-height:1.4;\r\n\r\n    letter-spacing:.12em;\r\n\r\n    white-space:normal;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-cta{\r\n    width:100%;\r\n\r\n    height:48px;\r\n  }\r\n\r\n\r\n  \/* IMAGE *\/\r\n\r\n  #slim-business-intro .sbi-image{\r\n    order:2;\r\n\r\n    width:100%;\r\n\r\n    min-height:unset;\r\n\r\n    aspect-ratio:16 \/ 11;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-image img{\r\n    object-position:center center;\r\n\r\n    transform:none;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-image-caption{\r\n    right:20px;\r\n    bottom:20px;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-image-caption span{\r\n    font-size:16px;\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-business-intro\r\n  .sbi-stat strong{\r\n    font-size:22px;\r\n  }\r\n\r\n\r\n  #slim-business-intro\r\n  .sbi-stat span{\r\n    font-size:5.4px;\r\n\r\n    letter-spacing:.09em;\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-business-intro .sbi-eyebrow,\r\n  #slim-business-intro h2,\r\n  #slim-business-intro .sbi-description,\r\n  #slim-business-intro .sbi-stat,\r\n  #slim-business-intro .sbi-cta{\r\n\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\r\n<script>\r\n(function(){\r\n\r\n  function initSlimBusinessIntro(){\r\n\r\n    const section =\r\n      document.getElementById(\r\n        'slim-business-intro'\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.sbiInit ===\r\n      'true'\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    section.dataset.sbiInit =\r\n      'true';\r\n\r\n\r\n    const counters =\r\n      section.querySelectorAll(\r\n        '.sbi-counter'\r\n      );\r\n\r\n\r\n    let counterStarted =\r\n      false;\r\n\r\n\r\n\r\n    \/* ======================================================\r\n       COUNTER\r\n    ====================================================== *\/\r\n\r\n    function startCounters(){\r\n\r\n      if(counterStarted){\r\n        return;\r\n      }\r\n\r\n\r\n      counterStarted =\r\n        true;\r\n\r\n\r\n      counters.forEach(\r\n        function(counter){\r\n\r\n          const target =\r\n            parseInt(\r\n              counter.dataset.target,\r\n              10\r\n            ) || 0;\r\n\r\n\r\n          const suffix =\r\n            counter.dataset.suffix || '';\r\n\r\n\r\n          const duration =\r\n            1500;\r\n\r\n\r\n          const start =\r\n            performance.now();\r\n\r\n\r\n          function updateCounter(now){\r\n\r\n            const elapsed =\r\n              now - start;\r\n\r\n\r\n            const progress =\r\n              Math.min(\r\n                elapsed \/ duration,\r\n                1\r\n              );\r\n\r\n\r\n            \/*\r\n               easeOutCubic\r\n            *\/\r\n\r\n            const eased =\r\n              1 -\r\n              Math.pow(\r\n                1 - progress,\r\n                3\r\n              );\r\n\r\n\r\n            const value =\r\n              Math.floor(\r\n                target * eased\r\n              );\r\n\r\n\r\n            counter.textContent =\r\n              value + suffix;\r\n\r\n\r\n            if(\r\n              progress < 1\r\n            ){\r\n\r\n              requestAnimationFrame(\r\n                updateCounter\r\n              );\r\n\r\n            }else{\r\n\r\n              counter.textContent =\r\n                target + suffix;\r\n\r\n            }\r\n\r\n          }\r\n\r\n\r\n          requestAnimationFrame(\r\n            updateCounter\r\n          );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* ======================================================\r\n       OBSERVER\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\r\n      startCounters();\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\r\n                startCounters();\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:.22,\r\n\r\n          rootMargin:\r\n            '0px 0px -7% 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      initSlimBusinessIntro\r\n    );\r\n\r\n  }else{\r\n\r\n    initSlimBusinessIntro();\r\n\r\n  }\r\n\r\n\r\n  if(window.jQuery){\r\n\r\n    jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initSlimBusinessIntro,\r\n          300\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-33aa429 elementor-widget elementor-widget-html\" data-id=\"33aa429\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM WELLNESS \u2014 OUR SOLUTIONS\r\nMOBILE FLOW FIX\r\n4 CARDS \/ NO ARROW ICON\r\nREADY TO PASTE\r\n========================================================= -->\r\n\r\n<section id=\"slim-our-solutions\">\r\n\r\n  <div class=\"sos-container\">\r\n\r\n    <!-- =========================================\r\n         HEADER\r\n    ========================================== -->\r\n    <div class=\"sos-header\">\r\n\r\n      <div class=\"sos-eyebrow\">\r\n        <span>OUR SOLUTIONS<\/span>\r\n        <i><\/i>\r\n      <\/div>\r\n\r\n      <p lang=\"th\">\r\n        \u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e01\u0e25\u0e38\u0e48\u0e21\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e17\u0e38\u0e01\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================================\r\n         CARDS\r\n    ========================================== -->\r\n    <div class=\"sos-grid\">\r\n\r\n\r\n      <!-- 01 HOTELS -->\r\n      <a\r\n        href=\"#hotels-resorts\"\r\n        class=\"sos-card sos-reveal\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261008-111537.jpg\"\r\n          alt=\"Hotels and Resorts Wellness\"\r\n        >\r\n\r\n        <div class=\"sos-overlay\"><\/div>\r\n\r\n        <div class=\"sos-copy\">\r\n\r\n          <h3>\r\n            Hotels<br>\r\n            &amp; Resorts\r\n          <\/h3>\r\n\r\n          <p lang=\"th\">\r\n            \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19<br>\r\n            \u0e17\u0e35\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e01\u0e27\u0e48\u0e32\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- 02 CONDOMINIUMS -->\r\n      <a\r\n        href=\"#condominiums\"\r\n        class=\"sos-card sos-reveal\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261007-224830.jpg\"\r\n          alt=\"Condominium Wellness\"\r\n        >\r\n\r\n        <div class=\"sos-overlay\"><\/div>\r\n\r\n        <div class=\"sos-copy\">\r\n\r\n          <h3>\r\n            Condominiums\r\n          <\/h3>\r\n\r\n          <p lang=\"th\">\r\n            \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e21\u0e39\u0e25\u0e04\u0e48\u0e32\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<br>\r\n            \u0e14\u0e49\u0e27\u0e22\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e27\u0e25\u0e40\u0e19\u0e2a\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- 03 FITNESS -->\r\n      <a\r\n        href=\"#fitness-centers\"\r\n        class=\"sos-card sos-reveal\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261007-230523.jpg\"\r\n          alt=\"Fitness Center Wellness\"\r\n        >\r\n\r\n        <div class=\"sos-overlay\"><\/div>\r\n\r\n        <div class=\"sos-copy\">\r\n\r\n          <h3>\r\n            Fitness Centers\r\n          <\/h3>\r\n\r\n          <p lang=\"th\">\r\n            \u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e<br>\r\n            \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e25\u0e1f\u0e4c\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e04\u0e19\u0e22\u0e38\u0e04\u0e43\u0e2b\u0e21\u0e48\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n\r\n\r\n      <!-- 04 SPA -->\r\n      <a\r\n        href=\"#spa-wellness\"\r\n        class=\"sos-card sos-reveal\"\r\n      >\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261008-111539.jpg\"\r\n          alt=\"Spa and Wellness\"\r\n        >\r\n\r\n        <div class=\"sos-overlay\"><\/div>\r\n\r\n        <div class=\"sos-copy\">\r\n\r\n          <h3>\r\n            Spas &amp; Wellness\r\n          <\/h3>\r\n\r\n          <p lang=\"th\">\r\n            \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e1b\u0e32\u0e41\u0e25\u0e30\u0e1f\u0e37\u0e49\u0e19\u0e1f\u0e39<br>\r\n            \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e\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<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-our-solutions,\r\n#slim-our-solutions *,\r\n#slim-our-solutions *::before,\r\n#slim-our-solutions *::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-our-solutions{\r\n  position:relative !important;\r\n\r\n  z-index:2;\r\n\r\n  display:block !important;\r\n\r\n  width:100% !important;\r\n  max-width:100% !important;\r\n\r\n  height:auto !important;\r\n  min-height:0 !important;\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  clear:both !important;\r\n\r\n  overflow:visible !important;\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-our-solutions .sos-container{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  max-width:1480px;\r\n\r\n  height:auto;\r\n\r\n  margin:0 auto;\r\n  padding:0;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   HEADER\r\n====================================================== *\/\r\n\r\n#slim-our-solutions .sos-header{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    22px;\r\n\r\n  padding:0;\r\n}\r\n\r\n\r\n#slim-our-solutions .sos-eyebrow{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:16px;\r\n\r\n  margin-bottom:9px;\r\n}\r\n\r\n\r\n#slim-our-solutions .sos-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:#927a66;\r\n}\r\n\r\n\r\n#slim-our-solutions .sos-eyebrow i{\r\n  display:block;\r\n\r\n  width:60px;\r\n  height:1px;\r\n\r\n  background:#b89a7d;\r\n}\r\n\r\n\r\n#slim-our-solutions .sos-header > p{\r\n  margin:0;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.6;\r\n\r\n  font-weight:300;\r\n\r\n  color:#72665c;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   DESKTOP GRID\r\n====================================================== *\/\r\n\r\n#slim-our-solutions .sos-grid{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,minmax(0,1fr));\r\n\r\n  align-items:stretch;\r\n\r\n  gap:8px;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CARD\r\n====================================================== *\/\r\n\r\n#slim-our-solutions .sos-card{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  min-width:0;\r\n\r\n  aspect-ratio:3 \/ 4;\r\n\r\n  display:block;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#201814;\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-our-solutions .sos-card img{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:1;\r\n\r\n  width:100% !important;\r\n  height:100% !important;\r\n\r\n  max-width:none !important;\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  object-position:center center;\r\n\r\n  transform:scale(1.001);\r\n\r\n  transition:\r\n    transform 1.1s cubic-bezier(.22,1,.36,1),\r\n    filter .5s ease;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   OVERLAY\r\n====================================================== *\/\r\n\r\n#slim-our-solutions .sos-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(8,6,5,.01) 10%,\r\n      rgba(8,6,5,.04) 42%,\r\n      rgba(8,6,5,.30) 68%,\r\n      rgba(8,6,5,.78) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(8,6,5,.12) 0%,\r\n      rgba(8,6,5,0) 62%\r\n    );\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   COPY\r\n====================================================== *\/\r\n\r\n#slim-our-solutions .sos-copy{\r\n  position:absolute;\r\n\r\n  z-index:3;\r\n\r\n  left:26px;\r\n  right:24px;\r\n  bottom:27px;\r\n\r\n  transition:\r\n    transform .45s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n#slim-our-solutions .sos-copy h3{\r\n  margin:\r\n    0\r\n    0\r\n    14px;\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      23px,\r\n      1.8vw,\r\n      31px\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 *\/\r\n\r\n#slim-our-solutions .sos-copy p{\r\n  margin:0;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:11px;\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,.90);\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-our-solutions\r\n  .sos-card:hover img{\r\n    transform:scale(1.025);\r\n\r\n    filter:brightness(.95);\r\n  }\r\n\r\n\r\n  #slim-our-solutions\r\n  .sos-card:hover\r\n  .sos-copy{\r\n    transform:translateY(-3px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   DESKTOP REVEAL\r\n====================================================== *\/\r\n\r\n#slim-our-solutions .sos-reveal{\r\n  opacity:0;\r\n\r\n  transform:translateY(24px);\r\n\r\n  transition:\r\n    opacity .8s ease,\r\n    transform .9s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n#slim-our-solutions\r\n.sos-reveal.is-visible{\r\n  opacity:1;\r\n\r\n  transform:translateY(0);\r\n}\r\n\r\n\r\n#slim-our-solutions\r\n.sos-card:nth-child(2){\r\n  transition-delay:.06s;\r\n}\r\n\r\n\r\n#slim-our-solutions\r\n.sos-card:nth-child(3){\r\n  transition-delay:.12s;\r\n}\r\n\r\n\r\n#slim-our-solutions\r\n.sos-card:nth-child(4){\r\n  transition-delay:.18s;\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-our-solutions{\r\n    padding:\r\n      38px\r\n      18px\r\n      48px;\r\n  }\r\n\r\n\r\n  #slim-our-solutions .sos-grid{\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n    gap:8px;\r\n  }\r\n\r\n\r\n  #slim-our-solutions .sos-card{\r\n    aspect-ratio:4 \/ 4.6;\r\n  }\r\n\r\n\r\n  #slim-our-solutions .sos-copy{\r\n    left:22px;\r\n    right:20px;\r\n    bottom:23px;\r\n  }\r\n\r\n\r\n  #slim-our-solutions .sos-copy h3{\r\n    font-size:27px;\r\n  }\r\n\r\n\r\n  #slim-our-solutions .sos-copy p{\r\n    font-size:10px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MOBILE\r\n   \u0e2a\u0e33\u0e04\u0e31\u0e0d: \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e08\u0e32\u0e01 GRID \u0e40\u0e1b\u0e47\u0e19 FLEX\r\n   \u0e41\u0e25\u0e30\u0e01\u0e33\u0e2b\u0e19\u0e14 HEIGHT \u0e02\u0e2d\u0e07\u0e17\u0e38\u0e01 CARD\r\n====================================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  \/* =========================\r\n     SECTION\r\n  ========================= *\/\r\n\r\n  #slim-our-solutions{\r\n    position:relative !important;\r\n\r\n    z-index:2 !important;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:\r\n      32px\r\n      14px\r\n      34px !important;\r\n\r\n    clear:both !important;\r\n\r\n    overflow:visible !important;\r\n\r\n    transform:none !important;\r\n\r\n    background:#f4efe7;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     CONTAINER\r\n  ========================= *\/\r\n\r\n  #slim-our-solutions .sos-container{\r\n    position:relative !important;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    overflow:visible !important;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     HEADER\r\n  ========================= *\/\r\n\r\n  #slim-our-solutions .sos-header{\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    margin:\r\n      0\r\n      0\r\n      19px;\r\n\r\n    padding:0;\r\n  }\r\n\r\n\r\n  #slim-our-solutions .sos-eyebrow{\r\n    gap:12px;\r\n\r\n    margin-bottom:8px;\r\n  }\r\n\r\n\r\n  #slim-our-solutions .sos-eyebrow span{\r\n    font-size:8px;\r\n\r\n    letter-spacing:.22em;\r\n  }\r\n\r\n\r\n  #slim-our-solutions .sos-eyebrow i{\r\n    width:44px;\r\n  }\r\n\r\n\r\n  #slim-our-solutions\r\n  .sos-header > p{\r\n    font-size:13px;\r\n\r\n    line-height:1.6;\r\n  }\r\n\r\n\r\n  \/* ==================================================\r\n     GRID -> FLEX COLUMN\r\n     \u0e19\u0e35\u0e48\u0e04\u0e37\u0e2d\u0e15\u0e31\u0e27\u0e41\u0e01\u0e49\u0e2b\u0e25\u0e31\u0e01\r\n  ================================================== *\/\r\n\r\n  #slim-our-solutions .sos-grid{\r\n    position:relative !important;\r\n\r\n    display:flex !important;\r\n\r\n    flex-direction:column !important;\r\n\r\n    align-items:stretch !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    gap:8px !important;\r\n\r\n    overflow:visible !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* ==================================================\r\n     CARD\r\n     \u0e17\u0e38\u0e01\u0e43\u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e08\u0e23\u0e34\u0e07\r\n  ================================================== *\/\r\n\r\n  #slim-our-solutions .sos-card{\r\n    position:relative !important;\r\n\r\n    flex:\r\n      0\r\n      0\r\n      auto !important;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    \/*\r\n      \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49 aspect-ratio \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e31\u0e27\u0e2b\u0e25\u0e31\u0e01\u0e2d\u0e35\u0e01\u0e41\u0e25\u0e49\u0e27\r\n      \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 Elementor\/Safari \u0e04\u0e33\u0e19\u0e27\u0e13\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e1c\u0e34\u0e14\r\n    *\/\r\n    height:clamp(\r\n      210px,\r\n      65vw,\r\n      275px\r\n    ) !important;\r\n\r\n    min-height:\r\n      210px !important;\r\n\r\n    aspect-ratio:auto !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    overflow:hidden !important;\r\n\r\n    transform:none;\r\n\r\n    background:#201814;\r\n  }\r\n\r\n\r\n  \/* IMAGE *\/\r\n\r\n  #slim-our-solutions\r\n  .sos-card img{\r\n    position:absolute !important;\r\n\r\n    inset:0 !important;\r\n\r\n    width:100% !important;\r\n    height:100% !important;\r\n\r\n    max-width:none !important;\r\n\r\n    display:block !important;\r\n\r\n    margin:0 !important;\r\n\r\n    object-fit:cover !important;\r\n    object-position:center center !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* OVERLAY *\/\r\n\r\n  #slim-our-solutions\r\n  .sos-overlay{\r\n    position:absolute !important;\r\n\r\n    inset:0 !important;\r\n\r\n    width:100%;\r\n    height:100%;\r\n  }\r\n\r\n\r\n  \/* COPY *\/\r\n\r\n  #slim-our-solutions .sos-copy{\r\n    position:absolute !important;\r\n\r\n    left:20px !important;\r\n    right:18px !important;\r\n    bottom:20px !important;\r\n\r\n    z-index:3;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  #slim-our-solutions\r\n  .sos-copy h3{\r\n    margin:\r\n      0\r\n      0\r\n      9px;\r\n\r\n    font-size:27px;\r\n\r\n    line-height:1.02;\r\n  }\r\n\r\n\r\n  #slim-our-solutions\r\n  .sos-copy p{\r\n    font-size:10px;\r\n\r\n    line-height:1.55;\r\n  }\r\n\r\n\r\n  #slim-our-solutions\r\n  .sos-copy p br{\r\n    display:none;\r\n  }\r\n\r\n\r\n  \/* ==================================================\r\n     MOBILE REVEAL\r\n     \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49 translateY \u0e01\u0e31\u0e1a\u0e15\u0e31\u0e27 card\r\n     \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 Elementor mobile overlap\r\n  ================================================== *\/\r\n\r\n  #slim-our-solutions .sos-reveal{\r\n    opacity:0;\r\n\r\n    transform:none !important;\r\n\r\n    transition:\r\n      opacity .6s ease !important;\r\n  }\r\n\r\n\r\n  #slim-our-solutions\r\n  .sos-reveal.is-visible{\r\n    opacity:1;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  #slim-our-solutions\r\n  .sos-card:nth-child(1),\r\n\r\n  #slim-our-solutions\r\n  .sos-card:nth-child(2),\r\n\r\n  #slim-our-solutions\r\n  .sos-card:nth-child(3),\r\n\r\n  #slim-our-solutions\r\n  .sos-card:nth-child(4){\r\n    transition-delay:0s !important;\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-our-solutions{\r\n    padding:\r\n      28px\r\n      12px\r\n      30px !important;\r\n  }\r\n\r\n\r\n  #slim-our-solutions .sos-card{\r\n    height:clamp(\r\n      205px,\r\n      64vw,\r\n      245px\r\n    ) !important;\r\n\r\n    min-height:205px !important;\r\n  }\r\n\r\n\r\n  #slim-our-solutions\r\n  .sos-copy{\r\n    left:18px !important;\r\n\r\n    bottom:18px !important;\r\n  }\r\n\r\n\r\n  #slim-our-solutions\r\n  .sos-copy 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-our-solutions .sos-reveal{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n\r\n    transition: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 initSlimSolutions(){\r\n\r\n    const section =\r\n      document.getElementById(\r\n        'slim-our-solutions'\r\n      );\r\n\r\n\r\n    if(!section){\r\n      return;\r\n    }\r\n\r\n\r\n    \/*\r\n      \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 Elementor \u0e40\u0e23\u0e35\u0e22\u0e01 init \u0e0b\u0e49\u0e33\r\n    *\/\r\n\r\n    if(\r\n      section.dataset.sosInit ===\r\n      'true'\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    section.dataset.sosInit =\r\n      'true';\r\n\r\n\r\n    const items =\r\n      section.querySelectorAll(\r\n        '.sos-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\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:.08,\r\n\r\n          rootMargin:\r\n            '0px 0px -3% 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      initSlimSolutions\r\n    );\r\n\r\n  }else{\r\n\r\n    initSlimSolutions();\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    Elementor compatibility\r\n  *\/\r\n\r\n  if(window.jQuery){\r\n\r\n    jQuery(window).on(\r\n      'elementor\/frontend\/init',\r\n      function(){\r\n\r\n        setTimeout(\r\n          initSlimSolutions,\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>\n\t\t<div class=\"elementor-element elementor-element-c0bb728 e-con-full e-flex e-con e-parent\" data-id=\"c0bb728\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-389ff94 elementor-widget elementor-widget-html\" data-id=\"389ff94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM \u2014 HOTELS & RESORTS\r\nDESKTOP 57.5 \/ 42.5\r\nMOBILE OVERLAP FIX\r\nREADY TO PASTE\r\n========================================================= -->\r\n\r\n<section id=\"slim-hotel-resort-feature\">\r\n\r\n  <div class=\"shrf-grid\">\r\n\r\n    <!-- LEFT IMAGE -->\r\n    <div class=\"shrf-image\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/www.slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261014-231209.png\"\r\n        alt=\"Hotels & Resorts Wellness Solution\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- RIGHT CONTENT -->\r\n    <div class=\"shrf-content\">\r\n\r\n      <div class=\"shrf-inner\">\r\n\r\n        <!-- EYEBROW -->\r\n        <div class=\"shrf-eyebrow\">\r\n          <span>SOLUTION FOR<\/span>\r\n          <i><\/i>\r\n        <\/div>\r\n\r\n\r\n        <!-- TITLE -->\r\n        <h2>\r\n          Hotels &amp; Resorts\r\n        <\/h2>\r\n\r\n\r\n        <!-- DESCRIPTION -->\r\n        <p class=\"shrf-description\" lang=\"th\">\r\n          \u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e1e\u0e31\u0e01\u0e14\u0e49\u0e27\u0e22\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e27\u0e25\u0e40\u0e19\u0e2a<br>\r\n          \u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\u0e41\u0e25\u0e30\u0e23\u0e35\u0e2a\u0e2d\u0e23\u0e4c\u0e15\r\n        <\/p>\r\n\r\n\r\n        <!-- FEATURES -->\r\n        <ul class=\"shrf-list\">\r\n\r\n          <li>\r\n            <span class=\"shrf-check\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span>\r\n              Onsen &amp; Hot Spring Experience\r\n            <\/span>\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n            <span class=\"shrf-check\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span>\r\n              Sauna \/ Steam \/ Himalayan Salt\r\n            <\/span>\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n            <span class=\"shrf-check\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span>\r\n              Custom Design to Match Your Architecture\r\n            <\/span>\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n            <span class=\"shrf-check\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span>\r\n              Support from Concept to Installation\r\n            <\/span>\r\n          <\/li>\r\n\r\n        <\/ul>\r\n\r\n\r\n        <!-- CTA -->\r\n        <a\r\n          href=\"#hotels-resorts\"\r\n          class=\"shrf-link\"\r\n        >\r\n\r\n          <span>\r\n            View Hotel &amp; Resort Solutions\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      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\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-hotel-resort-feature,\r\n#slim-hotel-resort-feature *,\r\n#slim-hotel-resort-feature *::before,\r\n#slim-hotel-resort-feature *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SECTION \u2014 DESKTOP FULL WIDTH\r\n====================================================== *\/\r\n\r\n#slim-hotel-resort-feature{\r\n  position:relative;\r\n\r\n  width:100vw;\r\n  max-width:none;\r\n\r\n  margin:0 !important;\r\n  margin-left:calc(50% - 50vw) !important;\r\n  margin-right:calc(50% - 50vw) !important;\r\n\r\n  padding:0 !important;\r\n\r\n  clear:both;\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  isolation:isolate;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MAIN GRID\r\n   DESKTOP = 57.5 \/ 42.5\r\n====================================================== *\/\r\n\r\n#slim-hotel-resort-feature .shrf-grid{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    57.5% 42.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\r\n\r\n\/* ======================================================\r\n   LEFT IMAGE\r\n====================================================== *\/\r\n\r\n#slim-hotel-resort-feature .shrf-image{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  aspect-ratio:2 \/ 1;\r\n\r\n  overflow:hidden;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  background:#c9b7a4;\r\n}\r\n\r\n\r\n#slim-hotel-resort-feature .shrf-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  max-width:none;\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:scale(1.001);\r\n\r\n  transition:\r\n    transform 1.2s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n@media(hover:hover){\r\n\r\n  #slim-hotel-resort-feature:hover\r\n  .shrf-image img{\r\n    transform:scale(1.015);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   RIGHT CONTENT\r\n====================================================== *\/\r\n\r\n#slim-hotel-resort-feature .shrf-content{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  min-width:0;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:flex-start;\r\n\r\n  background:#f4efe7;\r\n}\r\n\r\n\r\n#slim-hotel-resort-feature .shrf-inner{\r\n  width:100%;\r\n\r\n  max-width:590px;\r\n\r\n  margin:0;\r\n\r\n  padding:\r\n    34px\r\n    42px\r\n    34px\r\n    46px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   EYEBROW\r\n====================================================== *\/\r\n\r\n#slim-hotel-resort-feature .shrf-eyebrow{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:14px;\r\n\r\n  margin-bottom:10px;\r\n}\r\n\r\n\r\n#slim-hotel-resort-feature .shrf-eyebrow span{\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:.25em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  color:#9d8876;\r\n}\r\n\r\n\r\n#slim-hotel-resort-feature .shrf-eyebrow i{\r\n  display:block;\r\n\r\n  width:48px;\r\n  height:1px;\r\n\r\n  background:#b79a7d;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TITLE\r\n====================================================== *\/\r\n\r\n#slim-hotel-resort-feature h2{\r\n  margin:\r\n    0\r\n    0\r\n    14px;\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      36px,\r\n      3vw,\r\n      50px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:-.05em;\r\n\r\n  color:#3e3731;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   THAI DESCRIPTION\r\n====================================================== *\/\r\n\r\n#slim-hotel-resort-feature .shrf-description{\r\n  margin:\r\n    0\r\n    0\r\n    23px;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.65;\r\n\r\n  font-weight:300;\r\n\r\n  color:#74695f;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   LIST\r\n====================================================== *\/\r\n\r\n#slim-hotel-resort-feature .shrf-list{\r\n  list-style:none;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    24px;\r\n\r\n  padding:0;\r\n}\r\n\r\n\r\n#slim-hotel-resort-feature .shrf-list li{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  margin-bottom:10px;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.4;\r\n\r\n  font-weight:300;\r\n\r\n  color:#80746a;\r\n}\r\n\r\n\r\n#slim-hotel-resort-feature\r\n.shrf-list li:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n\r\n\/* CHECK *\/\r\n\r\n#slim-hotel-resort-feature .shrf-check{\r\n  width:17px;\r\n  height:17px;\r\n\r\n  flex:0 0 17px;\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(98,84,73,.58);\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n#slim-hotel-resort-feature\r\n.shrf-check svg{\r\n  width:9px;\r\n  height:9px;\r\n\r\n  fill:none;\r\n\r\n  stroke:#75685d;\r\n\r\n  stroke-width:1.45;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   LINK\r\n====================================================== *\/\r\n\r\n#slim-hotel-resort-feature .shrf-link{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  padding-bottom:6px;\r\n\r\n  text-decoration:none !important;\r\n\r\n  color:#50463e;\r\n}\r\n\r\n\r\n#slim-hotel-resort-feature .shrf-link::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n\r\n  height:1px;\r\n\r\n  background:\r\n    rgba(89,72,60,.55);\r\n}\r\n\r\n\r\n#slim-hotel-resort-feature\r\n.shrf-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\r\n\r\n#slim-hotel-resort-feature\r\n.shrf-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#slim-hotel-resort-feature\r\n.shrf-link:hover svg{\r\n  transform:translateX(4px);\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-hotel-resort-feature .shrf-grid{\r\n    grid-template-columns:\r\n      54% 46%;\r\n  }\r\n\r\n\r\n  #slim-hotel-resort-feature .shrf-inner{\r\n    max-width:none;\r\n\r\n    padding:\r\n      28px\r\n      30px;\r\n  }\r\n\r\n\r\n  #slim-hotel-resort-feature h2{\r\n    font-size:38px;\r\n  }\r\n\r\n\r\n  #slim-hotel-resort-feature\r\n  .shrf-description{\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  #slim-hotel-resort-feature\r\n  .shrf-list li{\r\n    font-size:9px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MOBILE \u2014 FIXED\r\n   \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49 100vw \/ NEGATIVE MARGIN\r\n====================================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  \/* \u0e2a\u0e33\u0e04\u0e31\u0e0d:\r\n     \u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19 Elementor normal flow\r\n     \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 section \u0e19\u0e35\u0e49\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b\u0e17\u0e31\u0e1a section \u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\r\n  *\/\r\n\r\n  #slim-hotel-resort-feature{\r\n    position:relative !important;\r\n\r\n    z-index:1 !important;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    clear:both !important;\r\n\r\n    overflow:hidden !important;\r\n\r\n    transform:none !important;\r\n\r\n    isolation:isolate;\r\n\r\n    background:#f4efe7;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     GRID\r\n  ========================= *\/\r\n\r\n  #slim-hotel-resort-feature .shrf-grid{\r\n    position:relative !important;\r\n\r\n    display:flex !important;\r\n\r\n    flex-direction:column !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    gap:0 !important;\r\n\r\n    overflow:visible !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     IMAGE\r\n  ========================= *\/\r\n\r\n  #slim-hotel-resort-feature .shrf-image{\r\n    position:relative !important;\r\n\r\n    order:1;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    aspect-ratio:2 \/ 1;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    overflow:hidden !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  #slim-hotel-resort-feature\r\n  .shrf-image img{\r\n    position:absolute !important;\r\n\r\n    inset:0 !important;\r\n\r\n    width:100% !important;\r\n    height:100% !important;\r\n\r\n    max-width:none !important;\r\n\r\n    display:block !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    object-fit:cover !important;\r\n    object-position:center center !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     CONTENT\r\n  ========================= *\/\r\n\r\n  #slim-hotel-resort-feature .shrf-content{\r\n    position:relative !important;\r\n\r\n    order:2;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    transform:none !important;\r\n\r\n    background:#f4efe7;\r\n  }\r\n\r\n\r\n  #slim-hotel-resort-feature .shrf-inner{\r\n    width:100% !important;\r\n\r\n    max-width:none !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:\r\n      30px\r\n      18px\r\n      36px !important;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     EYEBROW\r\n  ========================= *\/\r\n\r\n  #slim-hotel-resort-feature\r\n  .shrf-eyebrow{\r\n    gap:11px;\r\n\r\n    margin-bottom:11px;\r\n  }\r\n\r\n\r\n  #slim-hotel-resort-feature\r\n  .shrf-eyebrow span{\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  #slim-hotel-resort-feature\r\n  .shrf-eyebrow i{\r\n    width:42px;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     TITLE\r\n  ========================= *\/\r\n\r\n  #slim-hotel-resort-feature h2{\r\n    margin:\r\n      0\r\n      0\r\n      13px;\r\n\r\n    font-size:32px;\r\n\r\n    line-height:1.05;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     DESCRIPTION\r\n  ========================= *\/\r\n\r\n  #slim-hotel-resort-feature\r\n  .shrf-description{\r\n    margin:\r\n      0\r\n      0\r\n      22px;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.7;\r\n  }\r\n\r\n\r\n  #slim-hotel-resort-feature\r\n  .shrf-description br{\r\n    display:none;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     LIST\r\n  ========================= *\/\r\n\r\n  #slim-hotel-resort-feature\r\n  .shrf-list{\r\n    margin:\r\n      0\r\n      0\r\n      24px;\r\n  }\r\n\r\n\r\n  #slim-hotel-resort-feature\r\n  .shrf-list li{\r\n    align-items:flex-start;\r\n\r\n    margin-bottom:11px;\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  #slim-hotel-resort-feature\r\n  .shrf-check{\r\n    margin-top:-1px;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     LINK\r\n  ========================= *\/\r\n\r\n  #slim-hotel-resort-feature\r\n  .shrf-link span{\r\n    font-size:9px;\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-hotel-resort-feature\r\n  .shrf-inner{\r\n    padding:\r\n      27px\r\n      16px\r\n      32px !important;\r\n  }\r\n\r\n\r\n  #slim-hotel-resort-feature h2{\r\n    font-size:30px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b86f6ab elementor-widget elementor-widget-html\" data-id=\"b86f6ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM \u2014 CONDOMINIUMS SOLUTION\r\nLEFT CONTENT 42.5% \/ RIGHT IMAGE 57.5%\r\nREADY TO PASTE\r\n========================================================= -->\r\n\r\n<section id=\"slim-condominium-feature\">\r\n\r\n  <div class=\"scf-grid\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LEFT CONTENT\r\n    ====================================================== -->\r\n    <div class=\"scf-content\">\r\n\r\n      <div class=\"scf-inner\">\r\n\r\n\r\n        <!-- EYEBROW -->\r\n        <div class=\"scf-eyebrow\">\r\n\r\n          <span>SOLUTION FOR<\/span>\r\n\r\n          <i><\/i>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TITLE -->\r\n        <h2>\r\n          Condominiums\r\n        <\/h2>\r\n\r\n\r\n        <!-- DESCRIPTION -->\r\n        <p\r\n          class=\"scf-description\"\r\n          lang=\"th\"\r\n        >\r\n          \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e21\u0e39\u0e25\u0e04\u0e48\u0e32\u0e43\u0e2b\u0e49\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e14\u0e49\u0e27\u0e22\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e27\u0e25\u0e40\u0e19\u0e2a<br>\r\n          \u0e17\u0e35\u0e48\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e44\u0e25\u0e1f\u0e4c\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e2d\u0e32\u0e28\u0e31\u0e22\r\n        <\/p>\r\n\r\n\r\n        <!-- FEATURES -->\r\n        <ul class=\"scf-list\">\r\n\r\n\r\n          <li>\r\n\r\n            <span class=\"scf-check\">\r\n\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n              Compact Design for Limited Space\r\n            <\/span>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <span class=\"scf-check\">\r\n\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n              Sauna \/ Steam \/ Red Light\r\n            <\/span>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <span class=\"scf-check\">\r\n\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n              Modern &amp; Minimal Aesthetic\r\n            <\/span>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <span class=\"scf-check\">\r\n\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n              Professional Installation &amp; After-Sales\r\n            <\/span>\r\n\r\n          <\/li>\r\n\r\n        <\/ul>\r\n\r\n\r\n        <!-- CTA -->\r\n        <a\r\n          href=\"#condominiums\"\r\n          class=\"scf-link\"\r\n        >\r\n\r\n          <span>\r\n            View Condominium Solutions\r\n          <\/span>\r\n\r\n          <svg viewbox=\"0 0 24 24\">\r\n\r\n            <path d=\"M5 12H19\"><\/path>\r\n\r\n            <path d=\"M14 7L19 12L14 17\"><\/path>\r\n\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=\"scf-image\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/www.slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261014-124748.png\"\r\n        alt=\"SLIM Condominium Wellness Solution\"\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-condominium-feature,\r\n#slim-condominium-feature *,\r\n#slim-condominium-feature *::before,\r\n#slim-condominium-feature *::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-condominium-feature{\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  clear:both;\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  isolation:isolate;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MAIN GRID\r\n====================================================== *\/\r\n\r\n#slim-condominium-feature .scf-grid{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    42.5% 57.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\r\n\r\n\/* ======================================================\r\n   CONTENT LEFT\r\n====================================================== *\/\r\n\r\n#slim-condominium-feature .scf-content{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  min-width:0;\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-condominium-feature .scf-inner{\r\n  width:100%;\r\n\r\n  max-width:590px;\r\n\r\n  margin:0;\r\n\r\n  padding:\r\n    34px\r\n    46px\r\n    34px\r\n    42px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   EYEBROW\r\n====================================================== *\/\r\n\r\n#slim-condominium-feature .scf-eyebrow{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:14px;\r\n\r\n  margin-bottom:10px;\r\n}\r\n\r\n\r\n#slim-condominium-feature .scf-eyebrow span{\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:.25em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  color:#9d8876;\r\n}\r\n\r\n\r\n#slim-condominium-feature .scf-eyebrow i{\r\n  display:block;\r\n\r\n  width:48px;\r\n  height:1px;\r\n\r\n  background:#b79a7d;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TITLE\r\n====================================================== *\/\r\n\r\n#slim-condominium-feature h2{\r\n  margin:\r\n    0\r\n    0\r\n    14px;\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      36px,\r\n      3vw,\r\n      50px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:-.05em;\r\n\r\n  color:#3e3731;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   THAI DESCRIPTION\r\n====================================================== *\/\r\n\r\n#slim-condominium-feature .scf-description{\r\n  margin:\r\n    0\r\n    0\r\n    23px;\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.65;\r\n\r\n  font-weight:300;\r\n\r\n  color:#74695f;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   FEATURE LIST\r\n====================================================== *\/\r\n\r\n#slim-condominium-feature .scf-list{\r\n  list-style:none;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    24px;\r\n\r\n  padding:0;\r\n}\r\n\r\n\r\n#slim-condominium-feature .scf-list li{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  margin-bottom:10px;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.4;\r\n\r\n  font-weight:300;\r\n\r\n  color:#80746a;\r\n}\r\n\r\n\r\n#slim-condominium-feature\r\n.scf-list li:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CHECK ICON\r\n====================================================== *\/\r\n\r\n#slim-condominium-feature .scf-check{\r\n  width:17px;\r\n  height:17px;\r\n\r\n  flex:0 0 17px;\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(98,84,73,.58);\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n#slim-condominium-feature .scf-check svg{\r\n  width:9px;\r\n  height:9px;\r\n\r\n  fill:none;\r\n\r\n  stroke:#75685d;\r\n\r\n  stroke-width:1.45;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CTA\r\n====================================================== *\/\r\n\r\n#slim-condominium-feature .scf-link{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  padding-bottom:6px;\r\n\r\n  text-decoration:none !important;\r\n\r\n  color:#50463e;\r\n}\r\n\r\n\r\n#slim-condominium-feature .scf-link::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n\r\n  height:1px;\r\n\r\n  background:\r\n    rgba(89,72,60,.55);\r\n}\r\n\r\n\r\n#slim-condominium-feature .scf-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\r\n\r\n#slim-condominium-feature .scf-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#slim-condominium-feature\r\n.scf-link:hover svg{\r\n  transform:\r\n    translateX(4px);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   RIGHT IMAGE\r\n====================================================== *\/\r\n\r\n#slim-condominium-feature .scf-image{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  aspect-ratio:2 \/ 1;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#c9b7a4;\r\n}\r\n\r\n\r\n#slim-condominium-feature .scf-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.2s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n\/* subtle luxury hover *\/\r\n\r\n@media(hover:hover){\r\n\r\n  #slim-condominium-feature:hover\r\n  .scf-image img{\r\n    transform:\r\n      scale(1.015);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REVEAL\r\n====================================================== *\/\r\n\r\n#slim-condominium-feature .scf-inner{\r\n  opacity:0;\r\n\r\n  transform:\r\n    translateY(15px);\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-condominium-feature.is-visible\r\n.scf-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-condominium-feature .scf-grid{\r\n    grid-template-columns:\r\n      46% 54%;\r\n  }\r\n\r\n\r\n  #slim-condominium-feature .scf-inner{\r\n    max-width:none;\r\n\r\n    padding:\r\n      28px\r\n      30px;\r\n  }\r\n\r\n\r\n  #slim-condominium-feature h2{\r\n    font-size:38px;\r\n  }\r\n\r\n\r\n  #slim-condominium-feature\r\n  .scf-description{\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  #slim-condominium-feature\r\n  .scf-list li{\r\n    font-size:9px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MOBILE\r\n   NORMAL FLOW \u2014 \u0e44\u0e21\u0e48\u0e17\u0e31\u0e1a SECTION \u0e2d\u0e37\u0e48\u0e19\r\n====================================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  #slim-condominium-feature{\r\n    position:relative !important;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    clear:both !important;\r\n\r\n    overflow:hidden !important;\r\n\r\n    transform:none !important;\r\n\r\n    background:#f4efe7;\r\n  }\r\n\r\n\r\n  \/* GRID *\/\r\n\r\n  #slim-condominium-feature .scf-grid{\r\n    position:relative !important;\r\n\r\n    display:flex !important;\r\n\r\n    flex-direction:column !important;\r\n\r\n    width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    gap:0 !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     MOBILE IMAGE FIRST\r\n  ========================================= *\/\r\n\r\n  #slim-condominium-feature .scf-image{\r\n    position:relative !important;\r\n\r\n    order:1;\r\n\r\n    width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    aspect-ratio:2 \/ 1;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    overflow:hidden !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  #slim-condominium-feature .scf-image img{\r\n    position:absolute !important;\r\n\r\n    inset:0 !important;\r\n\r\n    width:100% !important;\r\n    height:100% !important;\r\n\r\n    display:block !important;\r\n\r\n    object-fit:cover !important;\r\n\r\n    object-position:center center !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     CONTENT SECOND\r\n  ========================================= *\/\r\n\r\n  #slim-condominium-feature .scf-content{\r\n    position:relative !important;\r\n\r\n    order:2;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    transform:none !important;\r\n\r\n    background:#f4efe7;\r\n  }\r\n\r\n\r\n  #slim-condominium-feature .scf-inner{\r\n    width:100% !important;\r\n\r\n    max-width:none !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:\r\n      30px\r\n      18px\r\n      36px !important;\r\n\r\n    opacity:1;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* EYEBROW *\/\r\n\r\n  #slim-condominium-feature\r\n  .scf-eyebrow{\r\n    gap:11px;\r\n\r\n    margin-bottom:11px;\r\n  }\r\n\r\n\r\n  #slim-condominium-feature\r\n  .scf-eyebrow span{\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  #slim-condominium-feature\r\n  .scf-eyebrow i{\r\n    width:42px;\r\n  }\r\n\r\n\r\n  \/* TITLE *\/\r\n\r\n  #slim-condominium-feature h2{\r\n    margin:\r\n      0\r\n      0\r\n      13px;\r\n\r\n    font-size:32px;\r\n\r\n    line-height:1.05;\r\n  }\r\n\r\n\r\n  \/* DESCRIPTION *\/\r\n\r\n  #slim-condominium-feature\r\n  .scf-description{\r\n    margin:\r\n      0\r\n      0\r\n      22px;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.7;\r\n  }\r\n\r\n\r\n  #slim-condominium-feature\r\n  .scf-description br{\r\n    display:none;\r\n  }\r\n\r\n\r\n  \/* LIST *\/\r\n\r\n  #slim-condominium-feature\r\n  .scf-list{\r\n    margin:\r\n      0\r\n      0\r\n      24px;\r\n  }\r\n\r\n\r\n  #slim-condominium-feature\r\n  .scf-list li{\r\n    align-items:flex-start;\r\n\r\n    margin-bottom:11px;\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  #slim-condominium-feature\r\n  .scf-check{\r\n    margin-top:-1px;\r\n  }\r\n\r\n\r\n  \/* LINK *\/\r\n\r\n  #slim-condominium-feature\r\n  .scf-link span{\r\n    font-size:9px;\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-condominium-feature\r\n  .scf-inner{\r\n    padding:\r\n      27px\r\n      16px\r\n      32px !important;\r\n  }\r\n\r\n\r\n  #slim-condominium-feature h2{\r\n    font-size:30px;\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-condominium-feature .scf-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<script>\r\n(function(){\r\n\r\n  function initSlimCondoFeature(){\r\n\r\n    const section =\r\n      document.getElementById(\r\n        'slim-condominium-feature'\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      initSlimCondoFeature\r\n    );\r\n\r\n  }else{\r\n\r\n    initSlimCondoFeature();\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-3015809 elementor-widget elementor-widget-html\" data-id=\"3015809\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM \u2014 FITNESS CENTERS SOLUTION\r\nLEFT IMAGE 57.5% \/ RIGHT CONTENT 42.5%\r\nREADY TO PASTE\r\n========================================================= -->\r\n\r\n<section id=\"slim-fitness-feature\">\r\n\r\n  <div class=\"sff-grid\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LEFT IMAGE\r\n    ====================================================== -->\r\n    <div class=\"sff-image\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261004-001016.png\"\r\n        alt=\"SLIM Fitness Center Wellness Solution\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGHT CONTENT\r\n    ====================================================== -->\r\n    <div class=\"sff-content\">\r\n\r\n      <div class=\"sff-inner\">\r\n\r\n\r\n        <!-- EYEBROW -->\r\n        <div class=\"sff-eyebrow\">\r\n\r\n          <span>SOLUTION FOR<\/span>\r\n\r\n          <i><\/i>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TITLE -->\r\n        <h2>\r\n          Fitness Centers\r\n        <\/h2>\r\n\r\n\r\n        <!-- THAI DESCRIPTION -->\r\n        <p\r\n          class=\"sff-description\"\r\n          lang=\"th\"\r\n        >\r\n          \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e1f\u0e37\u0e49\u0e19\u0e1f\u0e39\u0e23\u0e48\u0e32\u0e07\u0e01\u0e32\u0e22\u0e17\u0e35\u0e48\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23<br>\r\n          \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e32\u0e0a\u0e34\u0e01\u0e1f\u0e34\u0e15\u0e40\u0e19\u0e2a\r\n        <\/p>\r\n\r\n\r\n        <!-- FEATURES -->\r\n        <ul class=\"sff-list\">\r\n\r\n\r\n          <li>\r\n\r\n            <span class=\"sff-check\">\r\n\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n              Sauna \/ Steam \/ Cold Plunge\r\n            <\/span>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <span class=\"sff-check\">\r\n\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n              Red Light Therapy\r\n            <\/span>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <span class=\"sff-check\">\r\n\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n              Durable for High Usage\r\n            <\/span>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <span class=\"sff-check\">\r\n\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n              Custom Layout &amp; Ventilation System\r\n            <\/span>\r\n\r\n          <\/li>\r\n\r\n\r\n        <\/ul>\r\n\r\n\r\n        <!-- CTA -->\r\n        <a\r\n          href=\"#fitness-centers\"\r\n          class=\"sff-link\"\r\n        >\r\n\r\n          <span>\r\n            View Fitness Solutions\r\n          <\/span>\r\n\r\n\r\n          <svg viewbox=\"0 0 24 24\">\r\n\r\n            <path d=\"M5 12H19\"><\/path>\r\n\r\n            <path d=\"M14 7L19 12L14 17\"><\/path>\r\n\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  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\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-fitness-feature,\r\n#slim-fitness-feature *,\r\n#slim-fitness-feature *::before,\r\n#slim-fitness-feature *::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-fitness-feature{\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  clear:both;\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  isolation:isolate;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MAIN GRID\r\n====================================================== *\/\r\n\r\n#slim-fitness-feature .sff-grid{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    57.5% 42.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\r\n\r\n\/* ======================================================\r\n   LEFT IMAGE\r\n====================================================== *\/\r\n\r\n#slim-fitness-feature .sff-image{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  aspect-ratio:2 \/ 1;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#c9b7a4;\r\n}\r\n\r\n\r\n#slim-fitness-feature .sff-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:scale(1.001);\r\n\r\n  transition:\r\n    transform 1.2s\r\n    cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n\/* subtle hover *\/\r\n\r\n@media(hover:hover){\r\n\r\n  #slim-fitness-feature:hover\r\n  .sff-image img{\r\n    transform:scale(1.015);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   RIGHT CONTENT\r\n====================================================== *\/\r\n\r\n#slim-fitness-feature .sff-content{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  min-width:0;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:flex-start;\r\n\r\n  background:#f4efe7;\r\n}\r\n\r\n\r\n#slim-fitness-feature .sff-inner{\r\n  width:100%;\r\n\r\n  max-width:590px;\r\n\r\n  margin:0;\r\n\r\n  padding:\r\n    34px\r\n    42px\r\n    34px\r\n    46px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   EYEBROW\r\n====================================================== *\/\r\n\r\n#slim-fitness-feature .sff-eyebrow{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:14px;\r\n\r\n  margin-bottom:10px;\r\n}\r\n\r\n\r\n#slim-fitness-feature .sff-eyebrow span{\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:.25em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  color:#9d8876;\r\n}\r\n\r\n\r\n#slim-fitness-feature .sff-eyebrow i{\r\n  display:block;\r\n\r\n  width:48px;\r\n  height:1px;\r\n\r\n  background:#b79a7d;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TITLE\r\n====================================================== *\/\r\n\r\n#slim-fitness-feature h2{\r\n  margin:\r\n    0\r\n    0\r\n    14px;\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      36px,\r\n      3vw,\r\n      50px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:-.05em;\r\n\r\n  color:#3e3731;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   THAI DESCRIPTION\r\n====================================================== *\/\r\n\r\n#slim-fitness-feature .sff-description{\r\n  margin:\r\n    0\r\n    0\r\n    23px;\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.65;\r\n\r\n  font-weight:300;\r\n\r\n  color:#74695f;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   FEATURE LIST\r\n====================================================== *\/\r\n\r\n#slim-fitness-feature .sff-list{\r\n  list-style:none;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    24px;\r\n\r\n  padding:0;\r\n}\r\n\r\n\r\n#slim-fitness-feature .sff-list li{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  margin-bottom:10px;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.4;\r\n\r\n  font-weight:300;\r\n\r\n  color:#80746a;\r\n}\r\n\r\n\r\n#slim-fitness-feature\r\n.sff-list li:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CHECK\r\n====================================================== *\/\r\n\r\n#slim-fitness-feature .sff-check{\r\n  width:17px;\r\n  height:17px;\r\n\r\n  flex:0 0 17px;\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(98,84,73,.58);\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n#slim-fitness-feature .sff-check svg{\r\n  width:9px;\r\n  height:9px;\r\n\r\n  fill:none;\r\n\r\n  stroke:#75685d;\r\n\r\n  stroke-width:1.45;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CTA\r\n====================================================== *\/\r\n\r\n#slim-fitness-feature .sff-link{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  padding-bottom:6px;\r\n\r\n  text-decoration:none !important;\r\n\r\n  color:#50463e;\r\n}\r\n\r\n\r\n#slim-fitness-feature .sff-link::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n\r\n  height:1px;\r\n\r\n  background:\r\n    rgba(89,72,60,.55);\r\n}\r\n\r\n\r\n#slim-fitness-feature .sff-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\r\n\r\n#slim-fitness-feature .sff-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#slim-fitness-feature\r\n.sff-link:hover svg{\r\n  transform:\r\n    translateX(4px);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REVEAL\r\n====================================================== *\/\r\n\r\n#slim-fitness-feature .sff-inner{\r\n  opacity:0;\r\n\r\n  transform:\r\n    translateY(15px);\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-fitness-feature.is-visible\r\n.sff-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-fitness-feature .sff-grid{\r\n    grid-template-columns:\r\n      54% 46%;\r\n  }\r\n\r\n\r\n  #slim-fitness-feature .sff-inner{\r\n    max-width:none;\r\n\r\n    padding:\r\n      28px\r\n      30px;\r\n  }\r\n\r\n\r\n  #slim-fitness-feature h2{\r\n    font-size:38px;\r\n  }\r\n\r\n\r\n  #slim-fitness-feature\r\n  .sff-description{\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  #slim-fitness-feature\r\n  .sff-list li{\r\n    font-size:9px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MOBILE\r\n   NORMAL FLOW \u2014 \u0e44\u0e21\u0e48\u0e17\u0e31\u0e1a SECTION \u0e2d\u0e37\u0e48\u0e19\r\n====================================================== *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  #slim-fitness-feature{\r\n    position:relative !important;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    clear:both !important;\r\n\r\n    overflow:hidden !important;\r\n\r\n    transform:none !important;\r\n\r\n    isolation:isolate;\r\n\r\n    background:#f4efe7;\r\n  }\r\n\r\n\r\n  \/* GRID *\/\r\n\r\n  #slim-fitness-feature .sff-grid{\r\n    position:relative !important;\r\n\r\n    display:flex !important;\r\n\r\n    flex-direction:column !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    gap:0 !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* ==================================================\r\n     IMAGE FIRST\r\n  ================================================== *\/\r\n\r\n  #slim-fitness-feature .sff-image{\r\n    position:relative !important;\r\n\r\n    order:1;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    aspect-ratio:2 \/ 1;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    overflow:hidden !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  #slim-fitness-feature .sff-image img{\r\n    position:absolute !important;\r\n\r\n    inset:0 !important;\r\n\r\n    width:100% !important;\r\n    height:100% !important;\r\n\r\n    max-width:none !important;\r\n\r\n    display:block !important;\r\n\r\n    object-fit:cover !important;\r\n\r\n    object-position:center center !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* ==================================================\r\n     CONTENT SECOND\r\n  ================================================== *\/\r\n\r\n  #slim-fitness-feature .sff-content{\r\n    position:relative !important;\r\n\r\n    order:2;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    transform:none !important;\r\n\r\n    background:#f4efe7;\r\n  }\r\n\r\n\r\n  #slim-fitness-feature .sff-inner{\r\n    width:100% !important;\r\n\r\n    max-width:none !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:\r\n      30px\r\n      18px\r\n      36px !important;\r\n\r\n    opacity:1;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* EYEBROW *\/\r\n\r\n  #slim-fitness-feature\r\n  .sff-eyebrow{\r\n    gap:11px;\r\n\r\n    margin-bottom:11px;\r\n  }\r\n\r\n\r\n  #slim-fitness-feature\r\n  .sff-eyebrow span{\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  #slim-fitness-feature\r\n  .sff-eyebrow i{\r\n    width:42px;\r\n  }\r\n\r\n\r\n  \/* TITLE *\/\r\n\r\n  #slim-fitness-feature h2{\r\n    margin:\r\n      0\r\n      0\r\n      13px;\r\n\r\n    font-size:32px;\r\n\r\n    line-height:1.05;\r\n  }\r\n\r\n\r\n  \/* DESCRIPTION *\/\r\n\r\n  #slim-fitness-feature\r\n  .sff-description{\r\n    margin:\r\n      0\r\n      0\r\n      22px;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.7;\r\n  }\r\n\r\n\r\n  #slim-fitness-feature\r\n  .sff-description br{\r\n    display:none;\r\n  }\r\n\r\n\r\n  \/* LIST *\/\r\n\r\n  #slim-fitness-feature\r\n  .sff-list{\r\n    margin:\r\n      0\r\n      0\r\n      24px;\r\n  }\r\n\r\n\r\n  #slim-fitness-feature\r\n  .sff-list li{\r\n    align-items:flex-start;\r\n\r\n    margin-bottom:11px;\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  #slim-fitness-feature\r\n  .sff-check{\r\n    margin-top:-1px;\r\n  }\r\n\r\n\r\n  \/* LINK *\/\r\n\r\n  #slim-fitness-feature\r\n  .sff-link span{\r\n    font-size:9px;\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-fitness-feature .sff-inner{\r\n    padding:\r\n      27px\r\n      16px\r\n      32px !important;\r\n  }\r\n\r\n\r\n  #slim-fitness-feature h2{\r\n    font-size:30px;\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-fitness-feature .sff-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 initSlimFitnessFeature(){\r\n\r\n    const section =\r\n      document.getElementById(\r\n        'slim-fitness-feature'\r\n      );\r\n\r\n\r\n    if(!section){\r\n      return;\r\n    }\r\n\r\n\r\n    \/* MOBILE \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49 reveal transform *\/\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      initSlimFitnessFeature\r\n    );\r\n\r\n  }else{\r\n\r\n    initSlimFitnessFeature();\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-0efebbd elementor-widget elementor-widget-html\" data-id=\"0efebbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM \u2014 SPAS & WELLNESS SOLUTION\r\nLEFT CONTENT 42.5% \/ RIGHT IMAGE 57.5%\r\nREADY TO PASTE\r\n========================================================= -->\r\n\r\n<section id=\"slim-spa-feature\">\r\n\r\n  <div class=\"ssf-grid\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LEFT CONTENT\r\n    ====================================================== -->\r\n    <div class=\"ssf-content\">\r\n\r\n      <div class=\"ssf-inner\">\r\n\r\n\r\n        <!-- EYEBROW -->\r\n        <div class=\"ssf-eyebrow\">\r\n\r\n          <span>SOLUTION FOR<\/span>\r\n\r\n          <i><\/i>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TITLE -->\r\n        <h2>\r\n          Spas &amp; Wellness\r\n        <\/h2>\r\n\r\n\r\n        <!-- DESCRIPTION -->\r\n        <p\r\n          class=\"ssf-description\"\r\n          lang=\"th\"\r\n        >\r\n          \u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e1b\u0e32 \u0e17\u0e35\u0e48\u0e1c\u0e2a\u0e32\u0e19\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e40\u0e27\u0e25\u0e40\u0e19\u0e2a<br>\r\n          \u0e40\u0e02\u0e49\u0e32\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e07\u0e15\u0e31\u0e27\r\n        <\/p>\r\n\r\n\r\n        <!-- FEATURES -->\r\n        <ul class=\"ssf-list\">\r\n\r\n\r\n          <li>\r\n\r\n            <span class=\"ssf-check\">\r\n\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n              Onsen \/ Steam \/ Himalayan Salt\r\n            <\/span>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <span class=\"ssf-check\">\r\n\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n              Treatment Room Integration\r\n            <\/span>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <span class=\"ssf-check\">\r\n\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n              Custom Design &amp; Material Selection\r\n            <\/span>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n\r\n            <span class=\"ssf-check\">\r\n\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M6.5 12.5L10 16L17.5 8.5\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\r\n              Full Service from Design to Build\r\n            <\/span>\r\n\r\n          <\/li>\r\n\r\n\r\n        <\/ul>\r\n\r\n\r\n        <!-- CTA -->\r\n        <a\r\n          href=\"#spa-wellness\"\r\n          class=\"ssf-link\"\r\n        >\r\n\r\n          <span>\r\n            View Spa &amp; Wellness Solutions\r\n          <\/span>\r\n\r\n          <svg viewbox=\"0 0 24 24\">\r\n\r\n            <path d=\"M5 12H19\"><\/path>\r\n\r\n            <path d=\"M14 7L19 12L14 17\"><\/path>\r\n\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=\"ssf-image\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/www.slimthailand.com\/wp-content\/uploads\/2026\/11\/media-20261101-142859.webp\"\r\n        alt=\"SLIM Spa and Wellness Solution\"\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\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-spa-feature,\r\n#slim-spa-feature *,\r\n#slim-spa-feature *::before,\r\n#slim-spa-feature *::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-spa-feature{\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  clear:both;\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  isolation:isolate;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   GRID\r\n====================================================== *\/\r\n\r\n#slim-spa-feature .ssf-grid{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    42.5% 57.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\r\n\r\n\/* ======================================================\r\n   LEFT CONTENT\r\n====================================================== *\/\r\n\r\n#slim-spa-feature .ssf-content{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  min-width:0;\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-spa-feature .ssf-inner{\r\n  width:100%;\r\n\r\n  max-width:590px;\r\n\r\n  margin:0;\r\n\r\n  padding:\r\n    34px\r\n    46px\r\n    34px\r\n    42px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   EYEBROW\r\n====================================================== *\/\r\n\r\n#slim-spa-feature .ssf-eyebrow{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:14px;\r\n\r\n  margin-bottom:10px;\r\n}\r\n\r\n\r\n#slim-spa-feature .ssf-eyebrow span{\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:.25em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  color:#9d8876;\r\n}\r\n\r\n\r\n#slim-spa-feature .ssf-eyebrow i{\r\n  display:block;\r\n\r\n  width:48px;\r\n  height:1px;\r\n\r\n  background:#b79a7d;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TITLE\r\n====================================================== *\/\r\n\r\n#slim-spa-feature h2{\r\n  margin:\r\n    0\r\n    0\r\n    14px;\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      36px,\r\n      3vw,\r\n      50px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\r\n\r\n  letter-spacing:-.05em;\r\n\r\n  color:#3e3731;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   THAI DESCRIPTION\r\n====================================================== *\/\r\n\r\n#slim-spa-feature .ssf-description{\r\n  margin:\r\n    0\r\n    0\r\n    23px;\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.65;\r\n\r\n  font-weight:300;\r\n\r\n  color:#74695f;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   FEATURES\r\n====================================================== *\/\r\n\r\n#slim-spa-feature .ssf-list{\r\n  list-style:none;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    24px;\r\n\r\n  padding:0;\r\n}\r\n\r\n\r\n#slim-spa-feature .ssf-list li{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  margin-bottom:10px;\r\n\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.4;\r\n\r\n  font-weight:300;\r\n\r\n  color:#80746a;\r\n}\r\n\r\n\r\n#slim-spa-feature\r\n.ssf-list li:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CHECK\r\n====================================================== *\/\r\n\r\n#slim-spa-feature .ssf-check{\r\n  width:17px;\r\n  height:17px;\r\n\r\n  flex:0 0 17px;\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(98,84,73,.58);\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n#slim-spa-feature .ssf-check svg{\r\n  width:9px;\r\n  height:9px;\r\n\r\n  fill:none;\r\n\r\n  stroke:#75685d;\r\n\r\n  stroke-width:1.45;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   LINK\r\n====================================================== *\/\r\n\r\n#slim-spa-feature .ssf-link{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  padding-bottom:6px;\r\n\r\n  text-decoration:none !important;\r\n\r\n  color:#50463e;\r\n}\r\n\r\n\r\n#slim-spa-feature .ssf-link::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n\r\n  height:1px;\r\n\r\n  background:\r\n    rgba(89,72,60,.55);\r\n}\r\n\r\n\r\n#slim-spa-feature .ssf-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\r\n\r\n#slim-spa-feature .ssf-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#slim-spa-feature\r\n.ssf-link:hover svg{\r\n  transform:\r\n    translateX(4px);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   RIGHT IMAGE\r\n====================================================== *\/\r\n\r\n#slim-spa-feature .ssf-image{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  aspect-ratio:2 \/ 1;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#c9b7a4;\r\n}\r\n\r\n\r\n#slim-spa-feature .ssf-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.2s\r\n    cubic-bezier(.22,1,.36,1);\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-spa-feature:hover\r\n  .ssf-image img{\r\n    transform:\r\n      scale(1.015);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REVEAL\r\n====================================================== *\/\r\n\r\n#slim-spa-feature .ssf-inner{\r\n  opacity:0;\r\n\r\n  transform:\r\n    translateY(15px);\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-spa-feature.is-visible\r\n.ssf-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-spa-feature .ssf-grid{\r\n    grid-template-columns:\r\n      46% 54%;\r\n  }\r\n\r\n\r\n  #slim-spa-feature .ssf-inner{\r\n    max-width:none;\r\n\r\n    padding:\r\n      28px\r\n      30px;\r\n  }\r\n\r\n\r\n  #slim-spa-feature h2{\r\n    font-size:38px;\r\n  }\r\n\r\n\r\n  #slim-spa-feature\r\n  .ssf-description{\r\n    font-size:12px;\r\n  }\r\n\r\n\r\n  #slim-spa-feature\r\n  .ssf-list li{\r\n    font-size:9px;\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-spa-feature{\r\n    position:relative !important;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    clear:both !important;\r\n\r\n    overflow:hidden !important;\r\n\r\n    transform:none !important;\r\n\r\n    isolation:isolate;\r\n\r\n    background:#f4efe7;\r\n  }\r\n\r\n\r\n  \/* GRID *\/\r\n\r\n  #slim-spa-feature .ssf-grid{\r\n    position:relative !important;\r\n\r\n    display:flex !important;\r\n\r\n    flex-direction:column !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    gap:0 !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* ==================================================\r\n     IMAGE FIRST\r\n  ================================================== *\/\r\n\r\n  #slim-spa-feature .ssf-image{\r\n    position:relative !important;\r\n\r\n    order:1;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    aspect-ratio:2 \/ 1;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    overflow:hidden !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  #slim-spa-feature .ssf-image img{\r\n    position:absolute !important;\r\n\r\n    inset:0 !important;\r\n\r\n    width:100% !important;\r\n    height:100% !important;\r\n\r\n    max-width:none !important;\r\n\r\n    display:block !important;\r\n\r\n    object-fit:cover !important;\r\n\r\n    object-position:center center !important;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* ==================================================\r\n     CONTENT SECOND\r\n  ================================================== *\/\r\n\r\n  #slim-spa-feature .ssf-content{\r\n    position:relative !important;\r\n\r\n    order:2;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n\r\n    height:auto !important;\r\n    min-height:0 !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    transform:none !important;\r\n\r\n    background:#f4efe7;\r\n  }\r\n\r\n\r\n  #slim-spa-feature .ssf-inner{\r\n    width:100% !important;\r\n\r\n    max-width:none !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:\r\n      30px\r\n      18px\r\n      36px !important;\r\n\r\n    opacity:1;\r\n\r\n    transform:none !important;\r\n  }\r\n\r\n\r\n  \/* EYEBROW *\/\r\n\r\n  #slim-spa-feature\r\n  .ssf-eyebrow{\r\n    gap:11px;\r\n\r\n    margin-bottom:11px;\r\n  }\r\n\r\n\r\n  #slim-spa-feature\r\n  .ssf-eyebrow span{\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  #slim-spa-feature\r\n  .ssf-eyebrow i{\r\n    width:42px;\r\n  }\r\n\r\n\r\n  \/* TITLE *\/\r\n\r\n  #slim-spa-feature h2{\r\n    margin:\r\n      0\r\n      0\r\n      13px;\r\n\r\n    font-size:32px;\r\n\r\n    line-height:1.05;\r\n  }\r\n\r\n\r\n  \/* DESCRIPTION *\/\r\n\r\n  #slim-spa-feature\r\n  .ssf-description{\r\n    margin:\r\n      0\r\n      0\r\n      22px;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.7;\r\n  }\r\n\r\n\r\n  #slim-spa-feature\r\n  .ssf-description br{\r\n    display:none;\r\n  }\r\n\r\n\r\n  \/* LIST *\/\r\n\r\n  #slim-spa-feature\r\n  .ssf-list{\r\n    margin:\r\n      0\r\n      0\r\n      24px;\r\n  }\r\n\r\n\r\n  #slim-spa-feature\r\n  .ssf-list li{\r\n    align-items:flex-start;\r\n\r\n    margin-bottom:11px;\r\n\r\n    font-size:9px;\r\n  }\r\n\r\n\r\n  #slim-spa-feature\r\n  .ssf-check{\r\n    margin-top:-1px;\r\n  }\r\n\r\n\r\n  \/* LINK *\/\r\n\r\n  #slim-spa-feature\r\n  .ssf-link span{\r\n    font-size:9px;\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-spa-feature .ssf-inner{\r\n    padding:\r\n      27px\r\n      16px\r\n      32px !important;\r\n  }\r\n\r\n\r\n  #slim-spa-feature h2{\r\n    font-size:30px;\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-spa-feature .ssf-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 initSlimSpaFeature(){\r\n\r\n    const section =\r\n      document.getElementById(\r\n        'slim-spa-feature'\r\n      );\r\n\r\n\r\n    if(!section){\r\n      return;\r\n    }\r\n\r\n\r\n    \/* MOBILE *\/\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      initSlimSpaFeature\r\n    );\r\n\r\n  }else{\r\n\r\n    initSlimSpaFeature();\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-713079b elementor-widget elementor-widget-html\" data-id=\"713079b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nSLIM \u2014 WELLNESS PROJECT CTA\r\nREADY TO PASTE\r\n========================================================= -->\r\n\r\n<section id=\"slim-project-cta\">\r\n\r\n  <!-- BACKGROUND -->\r\n  <div class=\"spc-bg\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/slimthailand.com\/wp-content\/uploads\/2026\/10\/media-20261004-220319.jpg\"\r\n      alt=\"SLIM Wellness Project\"\r\n    >\r\n  <\/div>\r\n\r\n  <!-- OVERLAY -->\r\n  <div class=\"spc-overlay\"><\/div>\r\n\r\n\r\n  <!-- CONTENT -->\r\n  <div class=\"spc-inner\">\r\n\r\n    <div class=\"spc-copy\">\r\n\r\n      <div class=\"spc-eyebrow\">\r\n        <span>LET'S CREATE TOGETHER<\/span>\r\n        <i><\/i>\r\n      <\/div>\r\n\r\n      <h2>\r\n        Your Wellness Project Starts Here\r\n      <\/h2>\r\n\r\n      <p lang=\"th\">\r\n        \u0e43\u0e2b\u0e49 SLIM \u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e27\u0e25\u0e40\u0e19\u0e2a<br>\r\n        \u0e17\u0e35\u0e48\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"\/en\/contact-us\/\"\r\n      class=\"spc-button\"\r\n    >\r\n      <span>Consultation<\/span>\r\n      <b>\u2192<\/b>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\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-project-cta,\r\n#slim-project-cta *,\r\n#slim-project-cta *::before,\r\n#slim-project-cta *::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-project-cta{\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  margin-left:calc(50% - 50vw) !important;\r\n  margin-right:calc(50% - 50vw) !important;\r\n\r\n  padding:0 !important;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#211a15;\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-project-cta .spc-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-project-cta .spc-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  transform: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-project-cta .spc-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(17,13,10,.73) 0%,\r\n      rgba(17,13,10,.58) 34%,\r\n      rgba(17,13,10,.28) 62%,\r\n      rgba(17,13,10,.16) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(12,9,7,.12) 0%,\r\n      rgba(12,9,7,.22) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   INNER\r\n====================================================== *\/\r\n\r\n#slim-project-cta .spc-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    42px\r\n    72px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:50px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   COPY\r\n====================================================== *\/\r\n\r\n#slim-project-cta .spc-copy{\r\n  max-width:820px;\r\n}\r\n\r\n\r\n\/* EYEBROW *\/\r\n\r\n#slim-project-cta .spc-eyebrow{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:14px;\r\n\r\n  margin-bottom:14px;\r\n}\r\n\r\n\r\n#slim-project-cta .spc-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:rgba(255,255,255,.78);\r\n}\r\n\r\n\r\n#slim-project-cta .spc-eyebrow i{\r\n  display:block;\r\n\r\n  width:56px;\r\n  height:1px;\r\n\r\n  background:rgba(255,255,255,.48);\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n#slim-project-cta h2{\r\n  margin:\r\n    0\r\n    0\r\n    14px;\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      55px\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\/* THAI *\/\r\n\r\n#slim-project-cta p{\r\n  margin:0;\r\n\r\n  font-family:'Prompt',sans-serif;\r\n\r\n  font-size:16px;\r\n\r\n  line-height:1.65;\r\n\r\n  font-weight:300;\r\n\r\n  color:rgba(255,255,255,.86);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   BUTTON\r\n====================================================== *\/\r\n\r\n#slim-project-cta .spc-button{\r\n  flex:0 0 auto;\r\n\r\n  min-width:190px;\r\n\r\n  height:52px;\r\n\r\n  padding:\r\n    0\r\n    22px;\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:14px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#f4efe7;\r\n\r\n  text-decoration:none !important;\r\n\r\n  color:#51483f;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    color .3s ease;\r\n}\r\n\r\n\r\n#slim-project-cta .spc-button span{\r\n  font-family:'Montserrat',sans-serif;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:300;\r\n}\r\n\r\n\r\n#slim-project-cta .spc-button b{\r\n  font-size:17px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:200;\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-project-cta:hover\r\n  .spc-bg img{\r\n    transform:scale(1.015);\r\n  }\r\n\r\n\r\n  #slim-project-cta\r\n  .spc-button:hover{\r\n    transform:translateY(-2px);\r\n\r\n    background:#fff;\r\n  }\r\n\r\n\r\n  #slim-project-cta\r\n  .spc-button:hover b{\r\n    transform:translateX(4px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   REVEAL\r\n====================================================== *\/\r\n\r\n#slim-project-cta .spc-copy,\r\n#slim-project-cta .spc-button{\r\n  opacity:0;\r\n\r\n  transform:translateY(15px);\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-project-cta.is-visible\r\n.spc-copy{\r\n  opacity:1;\r\n\r\n  transform:translateY(0);\r\n}\r\n\r\n\r\n#slim-project-cta.is-visible\r\n.spc-button{\r\n  opacity:1;\r\n\r\n  transform:translateY(0);\r\n\r\n  transition-delay:.12s;\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-project-cta{\r\n    min-height:270px;\r\n  }\r\n\r\n\r\n  #slim-project-cta .spc-inner{\r\n    min-height:270px;\r\n\r\n    padding:\r\n      38px\r\n      42px;\r\n  }\r\n\r\n\r\n  #slim-project-cta h2{\r\n    font-size:42px;\r\n  }\r\n\r\n\r\n  #slim-project-cta p{\r\n    font-size:14px;\r\n  }\r\n\r\n\r\n  #slim-project-cta .spc-button{\r\n    min-width:165px;\r\n\r\n    height:48px;\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-project-cta{\r\n    width:100% !important;\r\n\r\n    min-height:430px;\r\n\r\n    margin:0 !important;\r\n\r\n    overflow:hidden;\r\n  }\r\n\r\n\r\n  #slim-project-cta .spc-bg img{\r\n    object-position:center center;\r\n\r\n    transform:none;\r\n  }\r\n\r\n\r\n  #slim-project-cta .spc-overlay{\r\n    background:\r\n\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(15,11,8,.70) 0%,\r\n        rgba(15,11,8,.46) 70%,\r\n        rgba(15,11,8,.28) 100%\r\n      ),\r\n\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(12,9,7,.08) 0%,\r\n        rgba(12,9,7,.62) 100%\r\n      );\r\n  }\r\n\r\n\r\n  #slim-project-cta .spc-inner{\r\n    min-height:430px;\r\n\r\n    padding:\r\n      36px\r\n      20px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n\r\n    justify-content:flex-end;\r\n\r\n    gap:26px;\r\n  }\r\n\r\n\r\n  #slim-project-cta .spc-copy{\r\n    max-width:100%;\r\n  }\r\n\r\n\r\n  #slim-project-cta .spc-eyebrow{\r\n    gap:11px;\r\n\r\n    margin-bottom:12px;\r\n  }\r\n\r\n\r\n  #slim-project-cta\r\n  .spc-eyebrow span{\r\n    font-size:8px;\r\n  }\r\n\r\n\r\n  #slim-project-cta\r\n  .spc-eyebrow i{\r\n    width:42px;\r\n  }\r\n\r\n\r\n  #slim-project-cta h2{\r\n    margin-bottom:13px;\r\n\r\n    font-size:\r\n      clamp(\r\n        34px,\r\n        10vw,\r\n        43px\r\n      );\r\n\r\n    line-height:1.02;\r\n  }\r\n\r\n\r\n  #slim-project-cta p{\r\n    font-size:13px;\r\n\r\n    line-height:1.65;\r\n  }\r\n\r\n\r\n  #slim-project-cta p br{\r\n    display:none;\r\n  }\r\n\r\n\r\n  #slim-project-cta .spc-button{\r\n    min-width:170px;\r\n\r\n    height:46px;\r\n\r\n    padding:\r\n      0\r\n      20px;\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-project-cta .spc-copy,\r\n  #slim-project-cta .spc-button{\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<script>\r\n(function(){\r\n\r\n  function initSlimProjectCTA(){\r\n\r\n    const section =\r\n      document.getElementById(\r\n        'slim-project-cta'\r\n      );\r\n\r\n\r\n    if(!section){\r\n      return;\r\n    }\r\n\r\n\r\n    if(!('IntersectionObserver' in window)){\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      initSlimProjectCTA\r\n    );\r\n\r\n  }else{\r\n\r\n    initSlimProjectCTA();\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\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Hotels &#038; Resorts, Spa &#038; Wellness, Condominiums \u0e41\u0e25\u0e30 Fitness Centers.<\/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-464","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.slimthailand.com\/en\/wp-json\/wp\/v2\/pages\/464","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=464"}],"version-history":[{"count":62,"href":"https:\/\/www.slimthailand.com\/en\/wp-json\/wp\/v2\/pages\/464\/revisions"}],"predecessor-version":[{"id":4129,"href":"https:\/\/www.slimthailand.com\/en\/wp-json\/wp\/v2\/pages\/464\/revisions\/4129"}],"wp:attachment":[{"href":"https:\/\/www.slimthailand.com\/en\/wp-json\/wp\/v2\/media?parent=464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}