.elementor-6648 .elementor-element.elementor-element-e2f7e68{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:0px 72px;--row-gap:0px;--column-gap:72px;--flex-wrap:nowrap;--overflow:hidden;--padding-top:035px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-53ff10e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:104px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-53ff10e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6648 .elementor-element.elementor-element-b328e16 > .elementor-widget-container{margin:0px 0px 80px 0px;}.elementor-6648 .elementor-element.elementor-element-b328e16{font-family:"Noto Sans Thai", Sans-serif;font-size:13px;font-weight:500;line-height:1.5px;letter-spacing:1.5px;color:var( --e-global-color-ac7e4ed );}.elementor-6648 .elementor-element.elementor-element-d4301e6 > .elementor-widget-container{margin:0px 0px 48px 0px;}.elementor-6648 .elementor-element.elementor-element-d4301e6{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:500;line-height:1.5px;letter-spacing:2.4px;color:var( --e-global-color-ac7e4ed );}.elementor-6648 .elementor-element.elementor-element-537b32d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6648 .elementor-element.elementor-element-537b32d .elementor-heading-title{font-family:"Anuphan", Sans-serif;font-size:83px;font-weight:200;line-height:1.03em;letter-spacing:-1.3px;color:var( --e-global-color-6944309 );}.elementor-6648 .elementor-element.elementor-element-332b556 > .elementor-widget-container{margin:22px 0px 0px 0px;}.elementor-6648 .elementor-element.elementor-element-332b556 .elementor-heading-title{font-family:"Anuphan", Sans-serif;font-size:39px;font-weight:300;line-height:1.2em;color:var( --e-global-color-c85b781 );}.elementor-6648 .elementor-element.elementor-element-086f2b8{width:var( --container-widget-width, 576px );max-width:576px;--container-widget-width:576px;--container-widget-flex-grow:0;font-family:"Noto Sans Thai", Sans-serif;font-size:18px;font-weight:300;line-height:1.8em;color:var( --e-global-color-e7c73d8 );}.elementor-6648 .elementor-element.elementor-element-086f2b8 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-6648 .elementor-element.elementor-element-086f2b8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6648 .elementor-element.elementor-element-224e2d0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:36px 36px;--row-gap:36px;--column-gap:36px;--flex-wrap:nowrap;--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-cfb7df4 .elementor-button{background-color:var( --e-global-color-c85b781 );font-family:"Noto Sans Thai", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-11bdc09 );color:var( --e-global-color-11bdc09 );border-style:none;border-radius:3px 3px 3px 3px;padding:16px 30px 16px 30px;}.elementor-6648 .elementor-element.elementor-element-2b62077 .elementor-button{background-color:#72312900;font-family:"Noto Sans Thai", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-c85b781 );color:var( --e-global-color-c85b781 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ac7e4ed );border-radius:3px 3px 3px 3px;padding:16px 30px 16px 30px;}.elementor-6648 .elementor-element.elementor-element-2b62077 .elementor-button:hover, .elementor-6648 .elementor-element.elementor-element-2b62077 .elementor-button:focus{background-color:var( --e-global-color-ac7e4ed );color:var( --e-global-color-11bdc09 );}.elementor-6648 .elementor-element.elementor-element-2b62077 .elementor-button:hover svg, .elementor-6648 .elementor-element.elementor-element-2b62077 .elementor-button:focus svg{fill:var( --e-global-color-11bdc09 );}.elementor-6648 .elementor-element.elementor-element-bf35e00 > .elementor-widget-container{margin:56px 0px 0px 0px;padding:20px 0px 0px 0px;border-style:solid;border-width:1px 0px 0px 0px;border-color:#72312924;}.elementor-6648 .elementor-element.elementor-element-bf35e00{font-family:"Noto Sans Thai", Sans-serif;font-size:13px;font-weight:400;line-height:13px;color:var( --e-global-color-17259e2 );}.elementor-6648 .elementor-element.elementor-element-56288fc{--display:flex;--min-height:748px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-8d813e0{--display:flex;--position:absolute;--min-height:676px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:72px;--z-index:0;}.elementor-6648 .elementor-element.elementor-element-8d813e0:not(.elementor-motion-effects-element-type-background), .elementor-6648 .elementor-element.elementor-element-8d813e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4057795 );}body:not(.rtl) .elementor-6648 .elementor-element.elementor-element-8d813e0{left:64px;}body.rtl .elementor-6648 .elementor-element.elementor-element-8d813e0{right:64px;}.elementor-6648 .elementor-element.elementor-element-5c765a1{--display:flex;--position:absolute;--min-height:676px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:1;}.elementor-6648 .elementor-element.elementor-element-5c765a1:not(.elementor-motion-effects-element-type-background), .elementor-6648 .elementor-element.elementor-element-5c765a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EEEA;background-image:url("https://staging.sita-clinic.com/wp-content/uploads/2026/09/sita-clinic-consultation-skin-assessment.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6648 .elementor-element.elementor-element-5c765a1.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-6648 .elementor-element.elementor-element-5c765a1{left:0px;}body.rtl .elementor-6648 .elementor-element.elementor-element-5c765a1{right:0px;}.elementor-6648 .elementor-element.elementor-element-1f6741b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-89d9e75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-7010124{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-392cd24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-c66298b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-0db6c74{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-b71ad8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-261ef8f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-533bbea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-c5d6283{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-11b8601{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-6648 .elementor-element.elementor-element-e2f7e68{--content-width:1264px;}.elementor-6648 .elementor-element.elementor-element-53ff10e{--width:55.01%;}.elementor-6648 .elementor-element.elementor-element-56288fc{--width:39.29%;}.elementor-6648 .elementor-element.elementor-element-8d813e0{--width:520px;}.elementor-6648 .elementor-element.elementor-element-5c765a1{--width:496px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6648 .elementor-element.elementor-element-53ff10e{--width:50%;}.elementor-6648 .elementor-element.elementor-element-224e2d0{--width:100%;}.elementor-6648 .elementor-element.elementor-element-56288fc{--width:47.88%;}.elementor-6648 .elementor-element.elementor-element-8d813e0{--width:340px;}.elementor-6648 .elementor-element.elementor-element-5c765a1{--width:340px;}}@media(max-width:1024px){.elementor-6648 .elementor-element.elementor-element-e2f7e68{--justify-content:flex-start;--padding-top:56px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-6648 .elementor-element.elementor-element-e2f7e68.e-con{--align-self:flex-start;}.elementor-6648 .elementor-element.elementor-element-53ff10e{--padding-top:0px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-b328e16 > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-6648 .elementor-element.elementor-element-b328e16{font-size:11px;letter-spacing:1.8px;}.elementor-6648 .elementor-element.elementor-element-d4301e6 > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-6648 .elementor-element.elementor-element-d4301e6{font-size:11px;line-height:1.6em;letter-spacing:1.8px;}.elementor-6648 .elementor-element.elementor-element-537b32d .elementor-heading-title{font-size:56px;line-height:1.04em;}.elementor-6648 .elementor-element.elementor-element-332b556 > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-6648 .elementor-element.elementor-element-332b556 .elementor-heading-title{font-size:32px;line-height:1.25em;}.elementor-6648 .elementor-element.elementor-element-086f2b8 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-6648 .elementor-element.elementor-element-086f2b8{font-size:16px;}.elementor-6648 .elementor-element.elementor-element-224e2d0{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6648 .elementor-element.elementor-element-cfb7df4{width:auto;max-width:auto;}.elementor-6648 .elementor-element.elementor-element-cfb7df4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6648 .elementor-element.elementor-element-cfb7df4 .elementor-button{font-size:15px;padding:10px 20px 10px 20px;}.elementor-6648 .elementor-element.elementor-element-2b62077{width:auto;max-width:auto;}.elementor-6648 .elementor-element.elementor-element-2b62077.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6648 .elementor-element.elementor-element-2b62077 .elementor-button{font-size:15px;padding:10px 20px 10px 20px;}.elementor-6648 .elementor-element.elementor-element-bf35e00 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-6648 .elementor-element.elementor-element-bf35e00{line-height:1.3em;letter-spacing:-0.3px;}.elementor-6648 .elementor-element.elementor-element-56288fc{--min-height:841px;}.elementor-6648 .elementor-element.elementor-element-56288fc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6648 .elementor-element.elementor-element-8d813e0{--min-height:400px;top:40px;}body:not(.rtl) .elementor-6648 .elementor-element.elementor-element-8d813e0{left:40px;}body.rtl .elementor-6648 .elementor-element.elementor-element-8d813e0{right:40px;}.elementor-6648 .elementor-element.elementor-element-5c765a1{--min-height:400px;top:0px;}body:not(.rtl) .elementor-6648 .elementor-element.elementor-element-5c765a1{left:0px;}body.rtl .elementor-6648 .elementor-element.elementor-element-5c765a1{right:0px;}}@media(max-width:767px){.elementor-6648 .elementor-element.elementor-element-e2f7e68{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-6648 .elementor-element.elementor-element-53ff10e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6648 .elementor-element.elementor-element-b328e16 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6648 .elementor-element.elementor-element-b328e16{line-height:1.4em;}.elementor-6648 .elementor-element.elementor-element-d4301e6 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-6648 .elementor-element.elementor-element-d4301e6{line-height:1.4em;}.elementor-6648 .elementor-element.elementor-element-537b32d > .elementor-widget-container{margin:22px 0px 0px 0px;}.elementor-6648 .elementor-element.elementor-element-537b32d .elementor-heading-title{font-size:36px;letter-spacing:-0.7px;}.elementor-6648 .elementor-element.elementor-element-332b556 > .elementor-widget-container{margin:14px 0px 0px 0px;}.elementor-6648 .elementor-element.elementor-element-332b556 .elementor-heading-title{font-size:24px;line-height:1.3em;}.elementor-6648 .elementor-element.elementor-element-086f2b8 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-6648 .elementor-element.elementor-element-086f2b8{font-size:15px;line-height:1.75em;}.elementor-6648 .elementor-element.elementor-element-224e2d0{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--margin-top:26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6648 .elementor-element.elementor-element-cfb7df4{width:100%;max-width:100%;}.elementor-6648 .elementor-element.elementor-element-cfb7df4 .elementor-button{padding:16px 20px 16px 20px;}.elementor-6648 .elementor-element.elementor-element-2b62077{width:100%;max-width:100%;}.elementor-6648 .elementor-element.elementor-element-2b62077 .elementor-button{padding:16px 20px 16px 20px;}.elementor-6648 .elementor-element.elementor-element-56288fc{--min-height:473px;}}/* Start custom CSS for button, class: .elementor-element-cfb7df4 */.elementor-6648 .elementor-element.elementor-element-cfb7df4 .elementor-button-text {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2b62077 */.elementor-6648 .elementor-element.elementor-element-2b62077 .elementor-button-text {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2f7e68 *//* =========================================================
   SITA CLINIC V2 — ABOUT
   A1 / ABOUT HERO

   Responsive production override
   ========================================================= */


/* =========================================================
   META — DESKTOP / TABLET LANDSCAPE
   Keep the existing inline editorial treatment
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__meta-items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__meta-items span {
  display: inline-block;
}

.elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__meta-items span + span::before {
  content: "|";
  display: inline-block;

  margin: 0 10px;

  color: currentColor;
  opacity: .55;
}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <= 768px
   ========================================================= */

@media (max-width: 768px) {

  /* =======================================================
     1. OUTER HERO
     ======================================================= */

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow-x: clip !important;
    overflow-y: visible !important;
  }


  /* =======================================================
     2. ELEMENTOR INNER WRAPPER

     Hero HTML and Hero Visual are siblings inside
     .e-con-inner.

     This is the critical rule that converts the original
     two-column Hero into a vertical mobile flow.
     ======================================================= */

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
  }


  /* =======================================================
     3. TEXT / CONTENT COLUMN
     ======================================================= */

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__inner {
    display: flex !important;
    flex-direction: column !important;

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    flex: 0 0 auto !important;
    flex-basis: auto !important;

    align-self: stretch !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    overflow: visible !important;
  }


  /* =======================================================
     4. CTA

     Stack both CTAs vertically.
     ======================================================= */

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__actions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    align-items: stretch !important;

    width: 100% !important;

    gap: 12px !important;
  }

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__actions > .elementor-element {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__actions .elementor-button-wrapper {
    width: 100% !important;
  }

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__actions .elementor-button {
    display: flex !important;

    width: 100% !important;
    min-height: 54px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
  }


  /* =======================================================
     5. META

     Convert desktop inline facts into three editorial rows.
     ======================================================= */

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__meta-items {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
  }

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__meta-items span {
    display: block !important;

    width: 100% !important;

    padding: 11px 0 !important;

    line-height: 1.6 !important;
  }

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__meta-items span + span {
    border-top: 1px solid rgba(114, 49, 41, .12);
  }

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__meta-items span + span::before {
    content: none !important;
    display: none !important;
  }


  /* =======================================================
     6. HERO VISUAL

     Visual becomes the next row after Meta.
     Break out of the 40px tablet gutter so the photograph
     becomes full-bleed.
     ======================================================= */

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__visual {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: calc(100% + 80px) !important;
    max-width: none !important;

    flex: 0 0 auto !important;
    flex-basis: auto !important;

    align-self: stretch !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin-top: 32px !important;
    margin-right: -40px !important;
    margin-bottom: 0 !important;
    margin-left: -40px !important;

    padding: 0 !important;

    transform: none !important;

    overflow: hidden !important;
  }


  /* =======================================================
     7. DECORATIVE OFFSET PANEL

     Desktop / tablet landscape only.
     ======================================================= */

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__visual-panel {
    display: none !important;
  }


  /* =======================================================
     8. PORTRAIT

     Exact 4:3 frame.
     ======================================================= */

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__portrait {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    inset: auto !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 4 / 3 !important;

    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

    overflow: hidden !important;
  }
}


/* =========================================================
   MOBILE
   <= 600px

   Change the breakout from Tablet 40px gutters
   to Mobile 24px gutters.
   ========================================================= */

@media (max-width: 600px) {

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__visual {
    width: calc(100% + 48px) !important;

    margin-right: -24px !important;
    margin-left: -24px !important;

    margin-top: 26px !important;
  }

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__actions {
    gap: 10px !important;
  }

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__meta-items span {
    padding: 10px 0 !important;
  }
}

/* =========================================================
   ABOUT HERO — TABLET LANDSCAPE OVERFLOW FIX
   769px–1024px
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__inner,
  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__visual {
    min-width: 0 !important;
    flex-shrink: 1 !important;
  }

}
/* =========================================================
   SERVICES HERO — RESPONSIVE H1 FIX
   ========================================================= */

@media (max-width: 768px) {

  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__title,
  .elementor-6648 .elementor-element.elementor-element-e2f7e68 .sita-about-hero__title .elementor-heading-title {
    line-height: 1.16 !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f6741b *//* =========================================================
   SITA CLINIC V2 — SERVICES
   S02 / CONCERN INDEX
   Section-scoped Elementor CSS
   ========================================================= */


/* =========================================================
   SECTION ROOT
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b {
  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible;
}

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index,
.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index * {
  box-sizing: border-box;
}

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-line: rgba(114, 49, 41, .14);
  --sita-line-strong: rgba(114, 49, 41, .30);

  width: 100%;

  background: #FFFFFF;
  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;
}


/* =========================================================
   INNER
   1440 viewport - 88px gutters = 1264px content
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__inner {
  width: 100%;
  max-width: 1440px;

  margin: 0 auto;
  padding: 0 88px 112px;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;

  gap: 32px;

  padding-bottom: 18px;

  border-bottom:
    1px solid rgba(114, 49, 41, .25);
}

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__header h2 {
  margin: 0;

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;

  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__en {
  flex: none;

  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;

  letter-spacing: .20em;

  color: var(--sita-warm);
}


/* =========================================================
   GROUP LABELS
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__group-label {
  padding: 30px 0 14px;

  font-size: 11px;
  line-height: 1.5;
  font-weight: 600;

  letter-spacing: .20em;

  color: var(--sita-warm);
}

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--core
+ .sita-services-index__group-label,

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--skin
+ .sita-services-index__group-label {
  padding-top: 44px;
}


/* =========================================================
   GRID SYSTEM
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__grid {
  display: grid;

  gap: 0;

  border-top:
    1px solid var(--sita-line-strong);
}


/* Core authority */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__grid--core {
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
}


/* Skin concerns */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__grid--skin {
  grid-template-columns:
    repeat(4, minmax(0, 1fr));
}


/* Healthy Aging + Wellness */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__grid--health {
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
}


/* =========================================================
   INDEX ITEM
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__item {
  display: block;

  min-width: 0;

  padding: 26px 28px 28px;

  border-right:
    1px solid var(--sita-line);

  color: inherit;
  text-decoration: none;

  transition:
    color .2s ease,
    opacity .2s ease;
}


/* =========================================================
   CORE FOCUS
   Wider columns / stronger hierarchy
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--core
.sita-services-index__item:first-child {
  padding:
    30px 44px
    32px 0;
}

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--core
.sita-services-index__item:last-child {
  padding:
    30px 0
    32px 44px;

  border-right: 0;
}


/* =========================================================
   SKIN CONCERNS
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--skin
.sita-services-index__item:first-child {
  padding-left: 0;
}

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--skin
.sita-services-index__item:last-child {
  padding-right: 0;

  border-right: 0;
}


/* =========================================================
   HEALTH
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--health
.sita-services-index__item:first-child {
  padding:
    26px 44px
    28px 0;
}

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--health
.sita-services-index__item:last-child {
  padding:
    26px 0
    28px 44px;

  border-right: 0;
}


/* =========================================================
   NAME ROW
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__name-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;

  gap: 12px;
}

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--core
.sita-services-index__name-row {
  gap: 16px;
}


/* Number */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__number {
  flex: none;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 18px;
  line-height: 1;
  font-weight: 200;

  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--core
.sita-services-index__number {
  font-size: 22px;
}


/* Name */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__name {
  font-size: 20px;
  line-height: 1.35;
  font-weight: 500;

  color: var(--sita-deep);
}


/* Primary authority */

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__item--primary
.sita-services-index__name {
  font-size: 30px;
}


/* Secondary authority */

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__item--secondary
.sita-services-index__name {
  font-size: 25px;
}


/* Health names */

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--health
.sita-services-index__name {
  font-size: 21px;
}


/* English / supporting term */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__term {
  font-size: 11px;
  line-height: 1.4;
  font-weight: 400;

  letter-spacing: .14em;

  color: var(--sita-warm);
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__item p {
  margin: 10px 0 0;

  font-size: 15px;
  line-height: 1.75;
  font-weight: 300;

  color: var(--sita-body);
}

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--core
.sita-services-index__item p {
  max-width: 460px;

  margin-top: 14px;

  font-size: 16px;
  line-height: 1.8;
}

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__item--secondary p {
  max-width: 440px;
}

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--health
.sita-services-index__item p {
  max-width: 420px;
}


/* =========================================================
   TEXT LINK
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__link {
  display: inline-block;

  margin-top: 12px;

  font-size: 14px;
  line-height: 1.5;

  color: var(--sita-deep);
}

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__grid--core
.sita-services-index__link {
  margin-top: 16px;

  font-size: 15px;
}


/* =========================================================
   LINK + STATUS ROW
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__link-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 10px;

  margin-top: 12px;
}

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__link-row
.sita-services-index__link {
  margin-top: 0;
}


/* =========================================================
   PAGE STATUS BADGE
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__status {
  display: inline-flex;
  align-items: center;

  min-height: 21px;

  padding: 2px 7px;

  border:
    1px solid rgba(187, 99, 88, .50);

  font-size: 10px;
  line-height: 1.4;
  font-weight: 400;

  letter-spacing: .10em;

  color: var(--sita-primary);

  white-space: nowrap;
}


/* =========================================================
   HOVER
   Editorial — no card animation
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__item:hover
.sita-services-index__name,

.elementor-6648 .elementor-element.elementor-element-1f6741b
.sita-services-index__item:hover
.sita-services-index__link {
  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__item:focus-visible {
  outline:
    2px solid var(--sita-primary);

  outline-offset: 5px;
}


/* =========================================================
   ASSESSMENT GUARDRAIL
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__note {
  max-width: 940px;

  margin: 8px 0 0;
  padding-top: 22px;

  border-top:
    1px solid var(--sita-line);

  font-size: 15px;
  line-height: 1.8;
  font-weight: 300;

  color: var(--sita-warm);
}

.elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__note a {
  color: var(--sita-deep);
  text-decoration: none;

  border-bottom:
    1px solid rgba(114, 49, 41, .35);
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024

   Core:   2 columns
   Skin:   2 x 2
   Health: 2 columns
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__inner {
    padding:
      0 40px
      96px;
  }


  /* Skin concerns 4 → 2 x 2 */

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__grid--skin {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--skin
  .sita-services-index__item {
    padding: 24px 28px;
  }

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--skin
  .sita-services-index__item:nth-child(odd) {
    padding-left: 0;

    border-right:
      1px solid var(--sita-line);
  }

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--skin
  .sita-services-index__item:nth-child(even) {
    padding-right: 0;

    border-right: 0;
  }

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--skin
  .sita-services-index__item:nth-child(n+3) {
    border-top:
      1px solid var(--sita-line);
  }


  /* Slight type reduction */

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__item--primary
  .sita-services-index__name {
    font-size: 27px;
  }

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__item--secondary
  .sita-services-index__name {
    font-size: 23px;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <= 768

   Everything becomes editorial full-width rows.
   ========================================================= */

@media (max-width: 768px) {

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__inner {
    padding:
      40px 32px
      80px;
  }


  /* Header */

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__header {
    padding-bottom: 12px;
  }

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__header h2 {
    font-size: 13px;
    font-weight: 500;
  }

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__en {
    display: none;
  }


  /* Group labels */

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__group-label {
    padding:
      24px 0
      10px;

    border-bottom:
      1px solid var(--sita-line-strong);

    font-size: 10px;
    letter-spacing: .18em;
  }

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--core
  + .sita-services-index__group-label,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--skin
  + .sita-services-index__group-label {
    padding-top: 32px;
  }


  /* Disable all desktop grids */

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__grid,
  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__grid--core,
  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__grid--skin,
  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__grid--health {
    display: block;

    border-top: 0;
  }


  /* Full-width tappable rows */

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__item,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--core
  .sita-services-index__item:first-child,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--core
  .sita-services-index__item:last-child,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--skin
  .sita-services-index__item,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--skin
  .sita-services-index__item:first-child,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--skin
  .sita-services-index__item:last-child,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--health
  .sita-services-index__item:first-child,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--health
  .sita-services-index__item:last-child {
    width: 100%;
    min-height: 88px;

    padding:
      18px 0 !important;

    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom:
      1px solid var(--sita-line) !important;
  }


  /* Numbers */

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__number,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--core
  .sita-services-index__number {
    font-size: 16px;
  }


  /* Names */

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__name,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--health
  .sita-services-index__name,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__item--secondary
  .sita-services-index__name {
    font-size: 19px;
  }

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__item--primary
  .sita-services-index__name {
    font-size: 22px;
  }


  /* Supporting term */

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__term {
    font-size: 9px;
  }


  /* Description */

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__item p,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--core
  .sita-services-index__item p {
    max-width: none;

    margin-top: 8px;

    font-size: 15px;
    line-height: 1.8;
  }


  /* Links */

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__link,

  .elementor-6648 .elementor-element.elementor-element-1f6741b
  .sita-services-index__grid--core
  .sita-services-index__link {
    margin-top: 10px;

    font-size: 14px;
  }

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__status {
    font-size: 9px;
  }


  /* Guardrail */

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__note {
    max-width: none;

    margin-top: 20px;
    padding-top: 18px;

    font-size: 14px;
    line-height: 1.8;
  }

}


/* =========================================================
   MOBILE
   <= 600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__inner {
    padding:
      36px 24px
      64px;
  }

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__name-row {
    gap: 12px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-6648 .elementor-element.elementor-element-1f6741b .sita-services-index__item {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89d9e75 *//* =========================================================
   SITA CLINIC V2 — SERVICES
   S03 / TWO CORE AUTHORITIES
   Section-scoped Elementor CSS
   ========================================================= */


/* =========================================================
   SECTION ROOT
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-89d9e75 {
  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible;
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities,
.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities * {
  box-sizing: border-box;
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;
  --sita-soft: #FBF4F0;

  --sita-line: rgba(114, 49, 41, .12);
  --sita-line-mid: rgba(114, 49, 41, .20);
  --sita-line-strong: rgba(114, 49, 41, .35);

  width: 100%;

  background: var(--sita-soft);
  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;
}


/* =========================================================
   INNER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__inner {
  width: 100%;
  max-width: 1440px;

  margin: 0 auto;

  padding:
    112px 88px;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;

  gap: 32px;
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__eyebrow {
  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;

  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__header-en {
  flex: none;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: .20em;

  color: var(--sita-warm);
}


/* =========================================================
   SECTION INTRO
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__intro {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: end;

  margin-top: 28px;
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__intro h2 {
  margin: 0;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 48px;
  line-height: 1.18;
  font-weight: 300;

  color: var(--sita-ink);
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__intro > p {
  max-width: 440px;

  margin: 0;

  font-size: 17px;
  line-height: 1.8;
  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   PRIMARY AUTHORITY — MELASMA
   5 / 7 asymmetric block
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma {
  display: grid;

  grid-template-columns:
    minmax(0, 5fr)
    minmax(0, 7fr);

  align-items: stretch;

  margin-top: 56px;

  background: #FFFFFF;
}


/* Image */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-media {
  position: relative;

  min-width: 0;
  min-height: 520px;

  overflow: hidden;

  background: #F6EDE8;
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-image {
  display: block;

  width: 100%;
  height: 100%;

  min-height: 520px;

  object-fit: cover;
  object-position: center center;
}


/* Content */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-content {
  padding:
    64px 64px
    56px;
}


/* =========================================================
   AUTHORITY LABEL
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__authority-label {
  display: flex;

  align-items: baseline;
  flex-wrap: wrap;

  gap: 18px;
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__authority-number {
  flex: none;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 34px;
  line-height: 1;

  font-weight: 200;

  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-89d9e75
.sita-services-authorities__authority-number--secondary {
  font-size: 28px;
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__authority-type {
  font-size: 11px;
  line-height: 1.5;

  font-weight: 600;

  letter-spacing: .20em;

  color: var(--sita-warm);
}


/* =========================================================
   MELASMA TYPOGRAPHY
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma h3 {
  margin:
    22px 0
    0;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 40px;
  line-height: 1.2;

  font-weight: 300;

  color: var(--sita-ink);
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma p {
  max-width: 620px;

  margin:
    24px 0
    0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);
}

.elementor-6648 .elementor-element.elementor-element-89d9e75
.sita-services-authorities__melasma p + p {
  margin-top: 16px;
}


/* =========================================================
   MELASMA SUB-LINKS
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-links {
  margin-top: 32px;

  border-top:
    1px solid var(--sita-line-mid);
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-links a {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 24px;

  padding:
    14px 0;

  border-bottom:
    1px solid var(--sita-line);

  color: var(--sita-ink);
  text-decoration: none;

  font-size: 16px;
  line-height: 1.6;

  transition:
    color .2s ease;
}

.elementor-6648 .elementor-element.elementor-element-89d9e75
.sita-services-authorities__melasma-links a:last-child {
  border-bottom: 0;
}

.elementor-6648 .elementor-element.elementor-element-89d9e75
.sita-services-authorities__melasma-links
a span:last-child {
  flex: none;

  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-89d9e75
.sita-services-authorities__melasma-links a:hover {
  color: var(--sita-primary);
}


/* =========================================================
   BUTTONS
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__cta {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  text-align: center;
  text-decoration: none;

  border-radius: 3px;

  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease;
}


/* Primary / filled */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__cta--primary {
  min-height: 54px;

  margin-top: 36px;

  padding:
    0 30px;

  border:
    1px solid var(--sita-deep);

  background:
    var(--sita-deep);

  color: #FFFFFF;
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__cta--primary:hover {
  border-color:
    var(--sita-primary);

  background:
    var(--sita-primary);

  color: #FFFFFF;
}


/* Secondary / outline */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__cta--secondary {
  min-height: 50px;

  margin-top: 28px;

  padding:
    0 26px;

  border:
    1px solid var(--sita-deep);

  background:
    transparent;

  color:
    var(--sita-deep);
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__cta--secondary:hover {
  background:
    var(--sita-soft);

  color:
    var(--sita-deep);
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__cta:focus-visible,
.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-links a:focus-visible {
  outline:
    2px solid var(--sita-primary);

  outline-offset: 4px;
}


/* =========================================================
   SECONDARY AUTHORITY — RECOVERY
   8 / 4 asymmetric block
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__recovery {
  display: grid;

  grid-template-columns:
    minmax(0, 8fr)
    minmax(0, 4fr);

  gap: 56px;

  align-items: start;

  margin-top: 40px;

  padding:
    56px 64px;

  background: #FFFFFF;
}


/* Recovery heading */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__recovery h3 {
  max-width: 760px;

  margin:
    18px 0
    0;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 32px;
  line-height: 1.25;

  font-weight: 300;

  color: var(--sita-ink);
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__recovery-main > p {
  max-width: 680px;

  margin:
    20px 0
    0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   RECOVERY CONTEXT LIST
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__contexts-title {
  padding-bottom: 12px;

  border-bottom:
    1px solid var(--sita-line-strong);

  font-size: 11px;
  line-height: 1.5;

  font-weight: 600;

  letter-spacing: .14em;

  color: var(--sita-warm);
}

.elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__context {
  padding:
    14px 0;

  border-bottom:
    1px solid var(--sita-line);

  font-size: 16px;
  line-height: 1.6;

  color: var(--sita-ink);
}

.elementor-6648 .elementor-element.elementor-element-89d9e75
.sita-services-authorities__context:last-child {
  border-bottom: 0;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024

   Melasma:
   image moves above content.

   Recovery:
   context list moves below main copy
   and becomes 2 columns.
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__inner {
    padding:
      96px 40px;
  }


  /* Intro */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__intro {
    grid-template-columns:
      minmax(0, 6fr)
      minmax(0, 6fr);

    gap: 40px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__intro h2 {
    font-size: 40px;
  }


  /* Melasma → single column */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma {
    grid-template-columns:
      minmax(0, 1fr);
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-media {
    min-height: 420px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-image {
    height: 420px;
    min-height: 420px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-content {
    padding:
      52px 48px
      48px;
  }


  /* Recovery → single column */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__recovery {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 36px;

    padding:
      48px;
  }


  /* Context becomes two columns */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__contexts {
    display: grid;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    column-gap: 36px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__contexts-title {
    grid-column:
      1 / -1;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__context {
    min-height: 58px;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <= 768
   ========================================================= */

@media (max-width: 768px) {

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__inner {
    padding:
      72px 32px;
  }


  /* Header */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__header {
    display: block;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__eyebrow {
    font-size: 12px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__header-en {
    display: none;
  }


  /* Intro */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__intro {
    display: block;

    margin-top: 18px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__intro h2 {
    font-size: 32px;
    line-height: 1.25;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__intro h2 br {
    display: none;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__intro > p {
    max-width: none;

    margin-top: 14px;

    font-size: 16px;
    line-height: 1.85;
  }


  /* =======================================================
     MELASMA
     ======================================================= */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma {
    display: block;

    margin-top: 36px;
  }


  /* Full-bleed image inside section gutter */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-media {
    width:
      calc(100% + 64px);

    min-height: 0;

    margin-left:
      -32px;
    margin-right:
      -32px;

    aspect-ratio:
      4 / 3;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-image {
    width: 100%;
    height: 100%;

    min-height: 0;

    aspect-ratio:
      4 / 3;

    object-fit: cover;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-content {
    padding:
      32px 24px
      36px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__authority-label {
    gap: 12px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__authority-number {
    font-size: 22px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75
  .sita-services-authorities__authority-number--secondary {
    font-size: 20px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__authority-type {
    font-size: 10px;
    letter-spacing: .16em;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma h3 {
    margin-top: 12px;

    font-size: 27px;
    line-height: 1.28;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma p {
    max-width: none;

    margin-top: 16px;

    font-size: 16px;
    line-height: 1.85;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75
  .sita-services-authorities__melasma p + p {
    margin-top: 12px;
  }


  /* Sub-links */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-links {
    margin-top: 22px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-links a {
    min-height: 50px;

    padding:
      12px 0;

    font-size: 15px;
  }


  /* Primary CTA full width */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__cta--primary {
    width: 100%;

    min-height: 52px;

    margin-top: 24px;
  }


  /* =======================================================
     RECOVERY
     No image — preserve hierarchy.
     ======================================================= */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__recovery {
    display: block;

    margin-top: 28px;

    padding:
      32px 24px
      36px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__recovery h3 {
    max-width: none;

    margin-top: 12px;

    font-size: 24px;
    line-height: 1.3;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__recovery-main > p {
    max-width: none;

    margin-top: 14px;

    font-size: 16px;
    line-height: 1.85;
  }


  /* Context list under text */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__contexts {
    margin-top: 30px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__contexts-title {
    padding-bottom: 10px;

    font-size: 10px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__context {
    padding:
      12px 0;

    font-size: 15px;
  }


  /* Secondary CTA */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__cta--secondary {
    width: 100%;

    min-height: 50px;

    margin-top: 22px;
  }

}


/* =========================================================
   MOBILE
   <= 600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__inner {
    padding:
      64px 24px;
  }


  /* Full bleed = remove 24px mobile gutters */

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-media {
    width:
      calc(100% + 48px);

    margin-left:
      -24px;
    margin-right:
      -24px;
  }


  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-content {
    padding:
      28px 24px
      32px;
  }

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__recovery {
    padding:
      30px 24px
      32px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__cta,
  .elementor-6648 .elementor-element.elementor-element-89d9e75 .sita-services-authorities__melasma-links a {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7010124 *//* =========================================================
   SITA CLINIC V2 — SERVICES
   S04 / PIGMENTATION FAMILY
   Section-scoped Elementor CSS
   ========================================================= */


/* =========================================================
   SECTION ROOT
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-7010124 {
  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible;
}

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation,
.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation * {
  box-sizing: border-box;
}

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;
  --sita-soft: #FBF4F0;

  --sita-line: rgba(114, 49, 41, .14);
  --sita-line-mid: rgba(114, 49, 41, .25);
  --sita-line-strong: rgba(114, 49, 41, .35);

  width: 100%;

  background: #FFFFFF;
  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;
}


/* =========================================================
   INNER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__inner {
  width: 100%;
  max-width: 1440px;

  margin: 0 auto;

  padding:
    112px 88px;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__header {
  display: flex;

  align-items: baseline;
  justify-content: space-between;

  gap: 32px;
}

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__eyebrow {
  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;

  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__header-en {
  flex: none;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: .20em;

  color: var(--sita-warm);
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__intro {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: end;

  margin-top: 28px;
}

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__intro h2 {
  margin: 0;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 44px;
  line-height: 1.2;

  font-weight: 300;

  color: var(--sita-ink);
}

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__intro > p {
  max-width: 440px;

  margin: 0;

  font-size: 17px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   MAIN CONTENT
   Image 5 / Rows 7
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__content {
  display: grid;

  grid-template-columns:
    minmax(0, 5fr)
    minmax(0, 7fr);

  gap: 64px;

  align-items: start;

  margin-top: 56px;
}


/* =========================================================
   IMAGE
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__media {
  position: relative;

  width: 100%;
  height: 420px;

  min-width: 0;

  overflow: hidden;

  background: #F6EDE8;
}

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__image {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center center;
}


/* =========================================================
   ROW SYSTEM
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__rows {
  border-top:
    1px solid var(--sita-line-mid);
}

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__row {
  display: grid;

  grid-template-columns:
    56px
    minmax(0, 1fr);

  gap:
    0 32px;

  align-items: start;

  padding:
    28px 0;

  border-bottom:
    1px solid var(--sita-line);
}


/* Number */

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__number {
  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 28px;
  line-height: 1;

  font-weight: 200;

  color: var(--sita-primary);
}


/* =========================================================
   ROW HEADING
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__row-heading {
  display: flex;

  align-items: baseline;
  justify-content: space-between;

  gap: 20px;
}

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__row-heading h3 {
  margin: 0;

  font-size: 24px;
  line-height: 1.4;

  font-weight: 500;

  color: var(--sita-deep);
}

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__row-heading span {
  flex: none;

  font-size: 11px;
  line-height: 1.5;

  letter-spacing: .14em;

  color: var(--sita-warm);
}


/* =========================================================
   ROW BODY
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__row-content > p {
  margin:
    10px 0
    0;

  font-size: 17px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   TEXT LINK
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__text-link {
  display: inline-block;

  margin-top: 14px;
  padding-bottom: 3px;

  border-bottom:
    1px solid var(--sita-line-strong);

  font-size: 16px;
  line-height: 1.5;

  color: var(--sita-deep);
  text-decoration: none;

  transition:
    color .2s ease,
    border-color .2s ease;
}

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__text-link:hover {
  color: var(--sita-primary);

  border-color:
    var(--sita-primary);
}


/* =========================================================
   CLOSING NOTE
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__note {
  margin:
    26px 0
    0;

  font-size: 16px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-warm);
}

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__note a {
  color: var(--sita-deep);

  text-decoration: none;

  border-bottom:
    1px solid var(--sita-line-strong);
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__text-link:focus-visible,
.elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__note a:focus-visible {
  outline:
    2px solid var(--sita-primary);

  outline-offset: 4px;
}


/* =========================================================
   TABLET LANDSCAPE
   <= 1024

   Image moves above rows.
   ========================================================= */

@media (max-width: 1024px) {

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__inner {
    padding:
      96px 40px;
  }


  /* Intro */

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__intro {
    grid-template-columns:
      minmax(0, 6fr)
      minmax(0, 6fr);

    gap: 40px;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__intro h2 {
    font-size: 38px;
  }


  /* Content becomes vertical */

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__content {
    display: block;

    margin-top: 48px;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__media {
    width: 100%;
    height: auto;

    aspect-ratio:
      16 / 7;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__image {
    width: 100%;
    height: 100%;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__details {
    margin-top: 36px;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <= 768
   ========================================================= */

@media (max-width: 768px) {

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__inner {
    padding:
      72px 32px;
  }


  /* Header */

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__header {
    display: block;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__eyebrow {
    font-size: 12px;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__header-en {
    display: none;
  }


  /* Intro */

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__intro {
    display: block;

    margin-top: 18px;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__intro h2 {
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__intro h2 br {
    display: none;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__intro > p {
    max-width: none;

    margin-top: 14px;

    font-size: 16px;
    line-height: 1.85;
  }


  /* Image remains intentionally contained.
     Do NOT make it full-bleed like S3 Melasma. */

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__content {
    margin-top: 36px;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__media {
    width: 100%;

    aspect-ratio:
      1 / 1;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__details {
    margin-top: 28px;
  }


  /* Rows */

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__row {
    grid-template-columns:
      44px
      minmax(0, 1fr);

    gap:
      0 16px;

    padding:
      22px 0;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__number {
    font-size: 22px;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__row-heading {
    display: block;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__row-heading h3 {
    font-size: 21px;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__row-heading span {
    display: block;

    margin-top: 5px;

    font-size: 10px;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__row-content > p {
    margin-top: 8px;

    font-size: 16px;
    line-height: 1.8;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__text-link {
    margin-top: 10px;

    font-size: 15px;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__note {
    margin-top: 22px;

    font-size: 15px;
    line-height: 1.8;
  }

}


/* =========================================================
   MOBILE
   <= 600

   Number + Thai name share first visual line.
   English descriptor sits below.
   ========================================================= */

@media (max-width: 600px) {

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__inner {
    padding:
      64px 24px;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__media {
    aspect-ratio:
      1 / 1;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__row {
    grid-template-columns:
      34px
      minmax(0, 1fr);

    gap:
      0 12px;

    padding:
      20px 0;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__number {
    font-size: 19px;
  }

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__row-heading h3 {
    font-size: 20px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-6648 .elementor-element.elementor-element-7010124 .sita-services-pigmentation__text-link {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-392cd24 *//* =========================================================
   SITA CLINIC V2 — SERVICES
   S05 / ACNE & RELATED CARE
   FINAL R2
   Section-scoped Elementor CSS
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-392cd24 {
  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible;
}

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne,
.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne * {
  box-sizing: border-box;
}

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;
  --sita-soft: #FBF4F0;

  --sita-line: rgba(114, 49, 41, .14);
  --sita-line-mid: rgba(114, 49, 41, .20);
  --sita-line-strong: rgba(114, 49, 41, .25);

  width: 100%;

  background: var(--sita-soft);
  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;
}


/* =========================================================
   INNER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__inner {
  width: 100%;
  max-width: 1440px;

  margin: 0 auto;

  padding:
    112px 88px;
}


/* =========================================================
   HEADER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__header {
  display: flex;

  align-items: baseline;
  justify-content: space-between;

  gap: 32px;
}

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__eyebrow {
  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;

  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__header-en {
  flex: none;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: .20em;

  color: var(--sita-warm);
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__intro {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: end;

  margin-top: 28px;
}

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__intro h2 {
  margin: 0;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 44px;
  line-height: 1.2;
  font-weight: 300;

  color: var(--sita-ink);
}

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__intro > p {
  max-width: 440px;

  margin: 0;

  font-size: 17px;
  line-height: 1.8;
  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   THREE STATES
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__states {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap:
    0 56px;

  margin-top: 56px;

  border-top:
    1px solid var(--sita-line-strong);
}

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state {
  min-width: 0;

  padding:
    32px 32px
    0 0;

  border-right:
    1px solid var(--sita-line);
}

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state:nth-child(2) {
  padding:
    32px 32px
    0;
}

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state:last-child {
  padding:
    32px 0
    0 32px;

  border-right: 0;
}


/* Number */

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__number {
  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 26px;
  line-height: 1;

  font-weight: 200;

  color: var(--sita-primary);
}


/* H3 */

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state h3 {
  margin:
    14px 0
    0;

  font-size: 23px;
  line-height: 1.4;

  font-weight: 500;

  color: var(--sita-deep);
}


/* Copy */

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state p {
  margin:
    12px 0
    0;

  font-size: 17px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   CLOSING
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__closing {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 64px;

  margin-top: 48px;
  padding-top: 32px;

  border-top:
    1px solid var(--sita-line-mid);
}

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__closing p {
  max-width: 820px;

  margin: 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   CTA
   Tier 2 — outline only
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__cta {
  flex: none;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 50px;

  padding:
    0 26px;

  border:
    1px solid var(--sita-deep);

  border-radius: 3px;

  background: transparent;

  color: var(--sita-deep);
  text-decoration: none;

  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;

  transition:
    background-color .2s ease,
    color .2s ease;
}

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__cta:hover {
  background: #FFFFFF;

  color: var(--sita-deep);
}

.elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__cta:focus-visible {
  outline:
    2px solid var(--sita-primary);

  outline-offset: 4px;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024

   R2:
   Keep all 3 columns.
   Reduce gutters only.
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__inner {
    padding:
      96px 40px;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__intro {
    grid-template-columns:
      minmax(0, 6fr)
      minmax(0, 6fr);

    gap: 40px;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__intro h2 {
    font-size: 38px;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__states {
    gap:
      0 28px;

    margin-top: 48px;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state {
    padding:
      28px 20px
      0 0;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state:nth-child(2) {
    padding:
      28px 20px
      0;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state:last-child {
    padding:
      28px 0
      0 20px;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state h3 {
    font-size: 21px;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state p {
    font-size: 16px;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__closing {
    gap: 40px;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <= 768

   R2:
   Three stacked blocks with row rules.
   Closing paragraph above full-width button.
   ========================================================= */

@media (max-width: 768px) {

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__inner {
    padding:
      72px 32px;
  }


  /* Header */

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__header {
    display: block;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__eyebrow {
    font-size: 12px;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__header-en {
    display: none;
  }


  /* Intro */

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__intro {
    display: block;

    margin-top: 14px;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__intro h2 {
    font-size: 28px;
    line-height: 1.25;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__intro h2 br {
    display: none;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__intro > p {
    max-width: none;

    margin-top: 14px;

    font-size: 16px;
    line-height: 1.85;
  }


  /* States */

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__states {
    display: block;

    margin-top: 22px;

    border-top:
      1px solid var(--sita-line-strong);
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state,
  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state:nth-child(2),
  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state:last-child {
    width: 100%;

    padding:
      18px 0;

    border-right: 0;

    border-bottom:
      1px solid var(--sita-line);
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__number {
    font-size: 18px;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state h3 {
    margin-top: 8px;

    font-size: 19px;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__state p {
    margin-top: 6px;

    font-size: 15px;
    line-height: 1.8;
  }


  /* Closing */

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__closing {
    display: block;

    margin-top: 26px;
    padding-top: 22px;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__closing p {
    max-width: none;

    font-size: 16px;
    line-height: 1.85;
  }

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__cta {
    width: 100%;

    min-height: 50px;

    margin-top: 22px;
  }

}


/* =========================================================
   MOBILE
   <= 600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__inner {
    padding:
      64px 24px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-6648 .elementor-element.elementor-element-392cd24 .sita-services-acne__cta {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c66298b *//* =========================================================
   SITA CLINIC V2 — SERVICES
   S06 / PSORIASIS
   FINAL R2
   Section-scoped Elementor CSS
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c66298b {
  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible;
}

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis,
.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis * {
  box-sizing: border-box;
}

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;
  --sita-soft: #FBF4F0;

  --sita-line: rgba(114, 49, 41, .12);
  --sita-line-mid: rgba(114, 49, 41, .25);
  --sita-line-strong: rgba(114, 49, 41, .35);

  width: 100%;

  background: #FFFFFF;
  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;
}


/* =========================================================
   INNER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__inner {
  width: 100%;
  max-width: 1440px;

  margin: 0 auto;

  padding:
    112px 88px;
}


/* =========================================================
   HEADER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__header {
  display: flex;

  align-items: baseline;
  justify-content: space-between;

  gap: 32px;
}

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__eyebrow {
  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;

  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__header-en {
  flex: none;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: .20em;

  color: var(--sita-warm);
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__intro {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: end;

  margin-top: 28px;
}

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__intro h2 {
  margin: 0;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 40px;
  line-height: 1.22;

  font-weight: 300;

  color: var(--sita-ink);
}

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__intro > p {
  max-width: 440px;

  margin: 0;

  font-size: 17px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   MAIN CONTENT
   Desktop = 8 / 4
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__content {
  display: grid;

  grid-template-columns:
    minmax(0, 8fr)
    minmax(0, 4fr);

  gap: 56px;

  align-items: start;

  margin-top: 48px;
  padding-top: 36px;

  border-top:
    1px solid var(--sita-line-mid);
}


/* =========================================================
   MAIN COPY
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__main > p {
  max-width: 700px;

  margin: 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);
}

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__main > p + p {
  margin-top: 16px;
}


/* =========================================================
   CTA + STATUS
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__actions {
  display: flex;

  align-items: center;
  flex-wrap: wrap;

  gap: 18px;

  margin-top: 32px;
}

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__cta {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 50px;

  padding:
    0 26px;

  border:
    1px solid var(--sita-deep);

  border-radius: 3px;

  background: transparent;

  color: var(--sita-deep);
  text-decoration: none;

  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;

  transition:
    background-color .2s ease,
    color .2s ease;
}

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__cta:hover {
  background: var(--sita-soft);
}

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__status {
  display: inline-flex;

  align-items: center;

  min-height: 21px;

  padding:
    2px 7px;

  border:
    1px solid rgba(187, 99, 88, .50);

  font-size: 10px;
  line-height: 1.4;

  letter-spacing: .10em;

  color: var(--sita-primary);

  white-space: nowrap;
}


/* =========================================================
   ASSESSMENT
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__assessment-title {
  padding-bottom: 12px;

  border-bottom:
    1px solid var(--sita-line-strong);

  font-size: 11px;
  line-height: 1.5;

  font-weight: 600;

  letter-spacing: .14em;

  color: var(--sita-warm);
}

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__assessment-item {
  padding:
    14px 0;

  border-bottom:
    1px solid var(--sita-line);

  font-size: 16px;
  line-height: 1.6;

  color: var(--sita-ink);
}

.elementor-6648 .elementor-element.elementor-element-c66298b
.sita-services-psoriasis__assessment-item:nth-last-of-type(1) {
  border-bottom: 0;
}


/* =========================================================
   MEDICAL REVIEW MARKER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__review {
  display: inline-flex;

  align-items: center;

  margin-top: 20px;

  padding:
    3px 8px;

  border:
    1px solid rgba(187, 99, 88, .50);

  font-size: 10px;
  line-height: 1.5;

  font-weight: 400;

  letter-spacing: .12em;

  color: var(--sita-primary);

  white-space: nowrap;
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__cta:focus-visible {
  outline:
    2px solid var(--sita-primary);

  outline-offset: 4px;
}


/* =========================================================
   TABLET LANDSCAPE
   <= 1024

   R2:
   8:4 becomes single column.
   Assessment follows main copy.
   ========================================================= */

@media (max-width: 1024px) {

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__inner {
    padding:
      96px 40px;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__intro {
    grid-template-columns:
      minmax(0, 6fr)
      minmax(0, 6fr);

    gap: 40px;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__intro h2 {
    font-size: 36px;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__content {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 40px;

    margin-top: 44px;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__assessment {
    max-width: 720px;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <= 768
   ========================================================= */

@media (max-width: 768px) {

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__inner {
    padding:
      72px 32px;
  }


  /* Header */

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__header {
    display: block;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__eyebrow {
    font-size: 12px;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__header-en {
    display: none;
  }


  /* Intro */

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__intro {
    display: block;

    margin-top: 18px;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__intro h2 {
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__intro h2 br {
    display: none;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__intro > p {
    max-width: none;

    margin-top: 14px;

    font-size: 16px;
    line-height: 1.85;
  }


  /* Content */

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__content {
    display: block;

    margin-top: 30px;
    padding-top: 28px;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__main > p {
    max-width: none;

    font-size: 16px;
    line-height: 1.85;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__main > p + p {
    margin-top: 14px;
  }


  /* CTA */

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__actions {
    display: block;

    margin-top: 26px;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__cta {
    width: 100%;
    min-height: 50px;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__status {
    margin-top: 12px;
  }


  /* Assessment */

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__assessment {
    max-width: none;

    margin-top: 34px;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__assessment-title {
    padding-bottom: 10px;

    font-size: 10px;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__assessment-item {
    padding:
      12px 0;

    font-size: 15px;
  }

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__review {
    margin-top: 18px;

    font-size: 9px;

    white-space: normal;
  }

}


/* =========================================================
   MOBILE
   <= 600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__inner {
    padding:
      64px 24px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-6648 .elementor-element.elementor-element-c66298b .sita-services-psoriasis__cta {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0db6c74 *//* =========================================================
   SITA CLINIC V2 — SERVICES
   S07 / HEALTHY AGING & WELLNESS
   FINAL R2
   Section-scoped Elementor CSS
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 {
  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible;
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness,
.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness * {
  box-sizing: border-box;
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;
  --sita-muted: #7A5A52;
  --sita-soft: #FBF4F0;

  --sita-line: rgba(114, 49, 41, .12);
  --sita-line-mid: rgba(114, 49, 41, .20);
  --sita-line-strong: rgba(114, 49, 41, .35);

  width: 100%;

  background: var(--sita-soft);
  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;
}


/* =========================================================
   INNER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__inner {
  width: 100%;
  max-width: 1440px;

  margin: 0 auto;

  padding:
    112px 88px;
}


/* =========================================================
   HEADER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__header {
  display: flex;

  align-items: baseline;
  justify-content: space-between;

  gap: 32px;
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__eyebrow {
  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;

  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__header-en {
  flex: none;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: .20em;

  color: var(--sita-warm);
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__intro {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: end;

  margin-top: 28px;
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__intro h2 {
  margin: 0;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 40px;
  line-height: 1.22;

  font-weight: 300;

  color: var(--sita-ink);
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__intro > p {
  max-width: 440px;

  margin: 0;

  font-size: 17px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   01 — HEALTHY AGING
   Image 5 / Copy 7
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__healthy-aging {
  display: grid;

  grid-template-columns:
    minmax(0, 5fr)
    minmax(0, 7fr);

  gap: 64px;

  align-items: start;

  margin-top: 56px;
  padding-top: 40px;

  border-top:
    1px solid rgba(114, 49, 41, .25);
}


/* =========================================================
   IMAGE
   Intentionally smaller than Melasma
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__media {
  width: 100%;
  height: 340px;

  min-width: 0;

  overflow: hidden;

  background: #F6EDE8;
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__image {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center center;
}


/* =========================================================
   LABELS
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__label {
  display: flex;

  align-items: baseline;
  flex-wrap: wrap;

  gap: 16px;
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__number {
  flex: none;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 26px;
  line-height: 1;

  font-weight: 200;

  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__term {
  font-size: 11px;
  line-height: 1.5;

  font-weight: 600;

  letter-spacing: .20em;

  color: var(--sita-warm);
}


/* =========================================================
   HEALTHY AGING COPY
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__healthy-content h3,
.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__wellness-main h3 {
  margin:
    16px 0
    0;

  font-size: 24px;
  line-height: 1.4;

  font-weight: 500;

  color: var(--sita-deep);
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__healthy-content > p,
.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__wellness-main > p {
  max-width: 640px;

  margin:
    12px 0
    0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   TEXT LINK + STATUS
   No buttons in S07.
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__link-row {
  display: flex;

  align-items: center;
  flex-wrap: wrap;

  gap: 14px;

  margin-top: 16px;
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__text-link {
  display: inline-block;

  padding-bottom: 3px;

  border-bottom:
    1px solid var(--sita-line-strong);

  font-size: 16px;
  line-height: 1.5;

  color: var(--sita-deep);
  text-decoration: none;

  transition:
    color .2s ease,
    border-color .2s ease;
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__text-link:hover {
  color: var(--sita-primary);

  border-color:
    var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__status {
  display: inline-flex;

  align-items: center;

  min-height: 21px;

  padding:
    2px 7px;

  border:
    1px solid rgba(187, 99, 88, .50);

  font-size: 10px;
  line-height: 1.4;

  letter-spacing: .10em;

  color: var(--sita-primary);

  white-space: nowrap;
}


/* =========================================================
   02 — WELLNESS
   Main 8 / Scope 4
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__wellness-row {
  display: grid;

  grid-template-columns:
    minmax(0, 8fr)
    minmax(0, 4fr);

  gap: 56px;

  align-items: start;

  margin-top: 44px;
  padding-top: 40px;

  border-top:
    1px solid var(--sita-line-mid);
}


/* =========================================================
   PUBLIC GUARDRAIL
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__wellness-main
.sita-services-wellness__guardrail {
  max-width: 700px;

  margin-top: 24px;

  font-size: 15px;
  line-height: 1.8;

  color: var(--sita-warm);
}


/* =========================================================
   WELLNESS SCOPE
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__scope-title {
  padding-bottom: 12px;

  border-bottom:
    1px solid var(--sita-line-strong);

  font-size: 11px;
  line-height: 1.5;

  font-weight: 600;

  letter-spacing: .14em;

  color: var(--sita-warm);
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__scope-item {
  padding:
    13px 0;

  border-bottom:
    1px solid var(--sita-line);
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__scope-item:nth-last-of-type(1) {
  border-bottom: 0;
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__scope-name {
  font-size: 16px;
  line-height: 1.5;

  color: var(--sita-ink);
}

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__scope-th {
  margin-top: 2px;

  font-size: 14px;
  line-height: 1.65;

  color: var(--sita-muted);
}


/* =========================================================
   MEDICAL REVIEW MARKER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__review {
  display: inline-flex;

  align-items: center;

  margin-top: 20px;

  padding:
    3px 8px;

  border:
    1px solid rgba(187, 99, 88, .50);

  font-size: 10px;
  line-height: 1.5;

  letter-spacing: .12em;

  color: var(--sita-primary);

  white-space: nowrap;
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__text-link:focus-visible {
  outline:
    2px solid var(--sita-primary);

  outline-offset: 4px;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024

   R2:
   Image above Healthy Aging text.
   Wellness scope below copy as 2 columns.
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__inner {
    padding:
      96px 40px;
  }


  /* Intro */

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__intro {
    grid-template-columns:
      minmax(0, 6fr)
      minmax(0, 6fr);

    gap: 40px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__intro h2 {
    font-size: 36px;
  }


  /* Healthy Aging */

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__healthy-aging {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 32px;

    margin-top: 48px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__media {
    height: auto;

    aspect-ratio:
      16 / 7;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__healthy-content {
    max-width: 760px;
  }


  /* Wellness */

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__wellness-row {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 36px;
  }


  /* Scope = 2 columns */

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__scope {
    display: grid;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    column-gap: 36px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__scope-title,
  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__review {
    grid-column:
      1 / -1;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <= 768
   ========================================================= */

@media (max-width: 768px) {

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__inner {
    padding:
      72px 32px;
  }


  /* Header */

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__header {
    display: block;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__eyebrow {
    font-size: 12px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__header-en {
    display: none;
  }


  /* Intro */

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__intro {
    display: block;

    margin-top: 18px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__intro h2 {
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__intro h2 br {
    display: none;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__intro > p {
    max-width: none;

    margin-top: 14px;

    font-size: 16px;
    line-height: 1.85;
  }


  /* Healthy Aging */

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__healthy-aging {
    display: block;

    margin-top: 36px;
    padding-top: 28px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__media {
    width: 100%;
    height: auto;

    aspect-ratio:
      4 / 3;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__healthy-content {
    margin-top: 28px;
  }


  /* Type */

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__number {
    font-size: 21px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__term {
    font-size: 10px;

    letter-spacing: .16em;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__healthy-content h3,
  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__wellness-main h3 {
    margin-top: 12px;

    font-size: 21px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__healthy-content > p,
  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__wellness-main > p {
    max-width: none;

    margin-top: 8px;

    font-size: 16px;
    line-height: 1.85;
  }


  /* Links */

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__link-row {
    gap: 10px;

    margin-top: 14px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__text-link {
    font-size: 15px;
  }


  /* Wellness */

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__wellness-row {
    display: block;

    margin-top: 36px;
    padding-top: 28px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74
  .sita-services-wellness__wellness-main
  .sita-services-wellness__guardrail {
    margin-top: 20px;

    font-size: 14px;
    line-height: 1.8;
  }


  /* Scope */

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__scope {
    margin-top: 30px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__scope-title {
    padding-bottom: 10px;

    font-size: 10px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__scope-item {
    padding:
      12px 0;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__scope-name {
    font-size: 15px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__scope-th {
    font-size: 14px;
  }

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__review {
    margin-top: 18px;

    font-size: 9px;

    white-space: normal;
  }

}


/* =========================================================
   MOBILE
   <= 600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__inner {
    padding:
      64px 24px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-6648 .elementor-element.elementor-element-0db6c74 .sita-services-wellness__text-link {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b71ad8d *//* =========================================================
   SITA CLINIC V2 — SERVICES
   S08 / CARE SYSTEM
   FINAL R2
   Section-scoped Elementor CSS
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-b71ad8d {
  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible;
}

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system,
.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system * {
  box-sizing: border-box;
}

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system {
  --sita-bg: #723129;
  --sita-primary-light: #E3B7AB;
  --sita-warm-light: #C79C90;
  --sita-text: #F6EAE4;
  --sita-body: #F0DCD4;

  --sita-line:
    rgba(246, 234, 228, .18);

  --sita-line-mid:
    rgba(246, 234, 228, .35);

  width: 100%;

  background: var(--sita-bg);
  color: var(--sita-text);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;
}


/* =========================================================
   INNER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__inner {
  width: 100%;
  max-width: 1440px;

  margin: 0 auto;

  padding:
    112px 88px;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__header {
  display: flex;

  align-items: baseline;
  justify-content: space-between;

  gap: 32px;
}

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__eyebrow {
  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;

  color: var(--sita-primary-light);
}

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__header-en {
  flex: none;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: .20em;

  color: var(--sita-warm-light);
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__intro {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: end;

  margin-top: 28px;
}

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__intro h2 {
  margin: 0;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 48px;
  line-height: 1.18;

  font-weight: 300;

  color: #FFFFFF;
}

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__intro > p {
  max-width: 440px;

  margin: 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   STAGES
   Desktop = 4 columns
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stages {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap:
    0 48px;

  margin-top: 64px;

  border-top:
    1px solid var(--sita-line-mid);
}

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage {
  position: relative;

  min-width: 0;

  padding:
    0 24px
    0 0;
}

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage:nth-child(2),
.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage:nth-child(3) {
  padding:
    0 24px;
}

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage:last-child {
  padding:
    0 0
    0 24px;
}


/* =========================================================
   DOT ON RULE
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__dot {
  display: block;

  width: 9px;
  height: 9px;

  margin:
    -5px 0
    26px;

  border-radius: 50%;

  background:
    var(--sita-primary-light);
}


/* =========================================================
   STAGE NUMBER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__number {
  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 26px;
  line-height: 1;

  font-weight: 200;

  color: var(--sita-primary-light);
}


/* =========================================================
   STAGE HEADING
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage h3 {
  margin:
    10px 0
    0;

  font-size: 22px;
  line-height: 1.4;

  font-weight: 500;

  color: #FFFFFF;
}


/* =========================================================
   STAGE COPY
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage p {
  margin:
    10px 0
    0;

  font-size: 16px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   CLOSING NOTE
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__note {
  max-width: 900px;

  margin:
    48px 0
    0;

  padding-top: 28px;

  border-top:
    1px solid var(--sita-line);

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024

   R2:
   2 x 2 grid.
   Dots retained on each row rule.
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__inner {
    padding:
      96px 40px;
  }


  /* Intro */

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__intro {
    grid-template-columns:
      minmax(0, 6fr)
      minmax(0, 6fr);

    gap: 40px;
  }

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__intro h2 {
    font-size: 40px;
  }


  /* 2 x 2 */

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stages {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap:
      52px 40px;
  }

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage,
  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage:nth-child(2),
  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage:nth-child(3),
  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage:last-child {
    padding:
      0 24px 0 0;
  }


  /* Add new rule for second row */

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage:nth-child(n+3) {
    border-top:
      1px solid var(--sita-line-mid);
  }

  .elementor-6648 .elementor-element.elementor-element-b71ad8d
  .sita-services-care-system__stage:nth-child(n+3)
  .sita-services-care-system__dot {
    margin-top:
      -5px;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <= 768

   Single vertical pathway.
   ========================================================= */

@media (max-width: 768px) {

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__inner {
    padding:
      72px 32px;
  }


  /* Header */

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__header {
    display: block;
  }

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__eyebrow {
    font-size: 12px;
  }

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__header-en {
    display: none;
  }


  /* Intro */

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__intro {
    display: block;

    margin-top: 18px;
  }

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__intro h2 {
    font-size: 32px;
    line-height: 1.22;
  }

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__intro h2 br {
    display: none;
  }

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__intro > p {
    max-width: none;

    margin-top: 16px;

    font-size: 16px;
    line-height: 1.85;
  }


  /* =======================================================
     VERTICAL CARE PATH
     ======================================================= */

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stages {
    position: relative;

    display: block;

    margin-top: 42px;

    border-top: 0;
  }


  /* Vertical connector */

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stages::before {
    content: "";

    position: absolute;

    top: 5px;
    bottom: 18px;
    left: 4px;

    width: 1px;

    background:
      var(--sita-line-mid);
  }


  /* Stage */

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage,
  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage:nth-child(2),
  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage:nth-child(3),
  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage:last-child {
    position: relative;

    padding:
      0 0
      32px 34px;

    border-top: 0;
  }

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage:last-child {
    padding-bottom: 0;
  }


  /* Dot moves onto vertical rule */

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__dot,
  .elementor-6648 .elementor-element.elementor-element-b71ad8d
  .sita-services-care-system__stage:nth-child(n+3)
  .sita-services-care-system__dot {
    position: absolute;

    top: 3px;
    left: 0;

    width: 9px;
    height: 9px;

    margin: 0;

    z-index: 1;
  }


  /* Type */

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__number {
    font-size: 20px;
  }

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage h3 {
    margin-top: 6px;

    font-size: 21px;
  }

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__stage p {
    max-width: 520px;

    margin-top: 6px;

    font-size: 15px;
    line-height: 1.8;
  }


  /* Closing */

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__note {
    max-width: none;

    margin-top: 38px;
    padding-top: 24px;

    font-size: 16px;
    line-height: 1.85;
  }

}


/* =========================================================
   MOBILE
   <= 600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-6648 .elementor-element.elementor-element-b71ad8d .sita-services-care-system__inner {
    padding:
      64px 24px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  /* No motion in this section by design. */

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-261ef8f *//* =========================================================
   SITA CLINIC V2 — SERVICES
   S09 / COMPLETE SERVICE DIRECTORY
   FINAL R2
   Section-scoped Elementor CSS
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-261ef8f {
  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible;
}

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory,
.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory * {
  box-sizing: border-box;
}

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-line: rgba(114, 49, 41, .14);
  --sita-line-mid: rgba(114, 49, 41, .25);
  --sita-line-strong: rgba(114, 49, 41, .35);

  width: 100%;

  background: #FFFFFF;
  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;
}


/* =========================================================
   INNER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__inner {
  width: 100%;
  max-width: 1440px;

  margin: 0 auto;

  padding:
    112px 88px;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__header {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 72px;

  padding-bottom: 22px;

  border-bottom:
    1px solid var(--sita-line-mid);
}

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__eyebrow {
  font-size: 13px;
  line-height: 1.6;

  font-weight: 500;

  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__heading h2 {
  margin:
    16px 0
    0;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 44px;
  line-height: 1.2;

  font-weight: 300;

  color: var(--sita-ink);
}

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__header > p {
  max-width: 460px;

  margin: 0;

  text-align: right;

  font-size: 16px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   GROUPS
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__group {
  margin-top: 56px;
}

.elementor-6648 .elementor-element.elementor-element-261ef8f
.sita-services-directory__header
+ .sita-services-directory__group {
  margin-top: 48px;
}

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__group-title {
  padding-bottom: 14px;

  border-bottom:
    1px solid var(--sita-line-strong);

  font-size: 11px;
  line-height: 1.5;

  font-weight: 600;

  letter-spacing: .20em;

  color: var(--sita-warm);
}


/* =========================================================
   ROW
   Entire row = link
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row {
  display: grid;

  grid-template-columns:
    300px
    minmax(0, 1fr)
    200px;

  gap:
    0 48px;

  align-items: baseline;

  width: 100%;

  border-bottom:
    1px solid var(--sita-line);

  color: inherit;
  text-decoration: none;

  transition:
    background-color .2s ease;
}


/* Core rows deeper */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row--core {
  padding:
    30px 0;
}


/* Skin + health */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row--skin,
.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row--health {
  padding:
    26px 0;
}


/* =========================================================
   NAME
   Hierarchy must survive the directory.
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__name {
  line-height: 1.35;

  font-weight: 500;

  color: var(--sita-deep);
}


/* Core */

.elementor-6648 .elementor-element.elementor-element-261ef8f
.sita-services-directory__row--core
.sita-services-directory__name {
  font-size: 26px;
}


/* Skin */

.elementor-6648 .elementor-element.elementor-element-261ef8f
.sita-services-directory__row--skin
.sita-services-directory__name {
  font-size: 22px;
}


/* Health intentionally smaller */

.elementor-6648 .elementor-element.elementor-element-261ef8f
.sita-services-directory__row--health
.sita-services-directory__name {
  font-size: 20px;
}


/* =========================================================
   DESCRIPTOR
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__term {
  margin-top: 6px;

  overflow-wrap: anywhere;

  font-size: 11px;
  line-height: 1.5;

  font-weight: 400;

  letter-spacing: .14em;

  color: var(--sita-warm);
}


/* =========================================================
   STATUS
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__status {
  display: inline-flex;

  align-items: center;

  min-height: 21px;

  margin-top: 10px;

  padding:
    2px 7px;

  border:
    1px solid rgba(187, 99, 88, .50);

  font-size: 10px;
  line-height: 1.4;

  letter-spacing: .10em;

  color: var(--sita-primary);

  white-space: nowrap;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__description {
  margin: 0;

  font-size: 17px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   DESTINATION
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__destination {
  text-align: right;

  font-size: 16px;
  line-height: 1.5;

  color: var(--sita-deep);

  white-space: nowrap;
}


/* =========================================================
   HOVER / FOCUS
   Keep editorial, not card-like.
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row:hover {
  background:
    rgba(251, 244, 240, .52);
}

.elementor-6648 .elementor-element.elementor-element-261ef8f
.sita-services-directory__row:hover
.sita-services-directory__name,

.elementor-6648 .elementor-element.elementor-element-261ef8f
.sita-services-directory__row:hover
.sita-services-directory__destination {
  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row:focus-visible {
  outline:
    2px solid var(--sita-primary);

  outline-offset: 4px;
}


/* =========================================================
   CLOSING NOTE
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__note {
  max-width: 900px;

  margin:
    36px 0
    0;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-warm);
}

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__note a {
  color: var(--sita-deep);

  text-decoration: none;

  border-bottom:
    1px solid var(--sita-line-strong);
}

.elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__note a:focus-visible {
  outline:
    2px solid var(--sita-primary);

  outline-offset: 4px;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024

   R2:
   Arrow/destination column collapses
   into name column.
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__inner {
    padding:
      96px 40px;
  }


  /* Header */

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__header {
    gap: 48px;
  }

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__heading h2 {
    font-size: 38px;
  }


  /* Two-column row */

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row {
    grid-template-columns:
      250px
      minmax(0, 1fr);

    gap:
      0 40px;
  }


  /* Arrow collapses under name */

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__destination {
    grid-column:
      1;

    margin-top: 12px;

    text-align: left;

    white-space: normal;
  }

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__description {
    grid-column:
      2;

    grid-row:
      1 / span 2;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <= 768

   name
   descriptor
   explanation
   destination
   ========================================================= */

@media (max-width: 768px) {

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__inner {
    padding:
      72px 32px;
  }


  /* Header */

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__header {
    display: block;

    padding-bottom: 18px;
  }

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__eyebrow {
    font-size: 12px;
  }

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__heading h2 {
    margin-top: 12px;

    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__header > p {
    max-width: none;

    margin-top: 14px;

    text-align: left;

    font-size: 15px;
    line-height: 1.8;
  }


  /* Groups */

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__group,
  .elementor-6648 .elementor-element.elementor-element-261ef8f
  .sita-services-directory__header
  + .sita-services-directory__group {
    margin-top: 38px;
  }

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__group-title {
    padding-bottom: 10px;

    font-size: 10px;
    line-height: 1.6;

    letter-spacing: .17em;
  }


  /* Stacked row */

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row,
  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row--core,
  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row--skin,
  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row--health {
    display: block;

    padding:
      22px 0;
  }


  /* Type hierarchy still remains */

  .elementor-6648 .elementor-element.elementor-element-261ef8f
  .sita-services-directory__row--core
  .sita-services-directory__name {
    font-size: 23px;
  }

  .elementor-6648 .elementor-element.elementor-element-261ef8f
  .sita-services-directory__row--skin
  .sita-services-directory__name {
    font-size: 20px;
  }

  .elementor-6648 .elementor-element.elementor-element-261ef8f
  .sita-services-directory__row--health
  .sita-services-directory__name {
    font-size: 19px;
  }

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__term {
    margin-top: 5px;

    font-size: 10px;
  }

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__status {
    margin-top: 9px;

    font-size: 9px;
  }


  /* Explanation */

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__description {
    margin-top: 12px;

    font-size: 15px;
    line-height: 1.8;
  }


  /* Arrow */

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__destination {
    display: block;

    margin-top: 12px;

    text-align: left;

    font-size: 15px;

    white-space: normal;
  }

}


/* =========================================================
   MOBILE
   <= 600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__inner {
    padding:
      64px 24px;
  }

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__group,
  .elementor-6648 .elementor-element.elementor-element-261ef8f
  .sita-services-directory__header
  + .sita-services-directory__group {
    margin-top: 34px;
  }

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row,
  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row--core,
  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row--skin,
  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row--health {
    padding:
      20px 0;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-6648 .elementor-element.elementor-element-261ef8f .sita-services-directory__row {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-533bbea *//* =========================================================
   SITA CLINIC V2 — SERVICES
   S10 / NOT SURE WHERE TO START
   FINAL R2
   Section-scoped Elementor CSS
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-533bbea {
  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible;
}

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment,
.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment * {
  box-sizing: border-box;
}

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;
  --sita-soft: #FBF4F0;

  --sita-line: rgba(114, 49, 41, .14);
  --sita-line-mid: rgba(114, 49, 41, .25);

  width: 100%;

  background: var(--sita-soft);
  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;
}


/* =========================================================
   INNER
   Desktop = 7 / 5
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__inner {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 88px;

  align-items: start;

  width: 100%;
  max-width: 1440px;

  margin: 0 auto;

  padding:
    112px 88px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__eyebrow {
  font-size: 13px;
  line-height: 1.6;

  font-weight: 500;

  color: var(--sita-primary);
}


/* =========================================================
   H2
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__main h2 {
  margin:
    24px 0
    0;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 44px;
  line-height: 1.2;

  font-weight: 300;

  color: var(--sita-ink);
}


/* =========================================================
   MAIN COPY
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__main > p {
  max-width: 680px;

  margin:
    28px 0
    0;

  font-size: 18px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);
}

.elementor-6648 .elementor-element.elementor-element-533bbea
.sita-services-assessment__main
> p + p {
  margin-top: 16px;
}


/* =========================================================
   PRIMARY CTA
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__cta {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 54px;

  margin-top: 36px;

  padding:
    0 30px;

  border:
    1px solid var(--sita-deep);

  border-radius: 3px;

  background:
    var(--sita-deep);

  color: #FFFFFF;

  text-decoration: none;

  font-size: 15px;
  line-height: 1.4;

  font-weight: 500;

  transition:
    background-color .2s ease,
    border-color .2s ease;
}

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__cta:hover {
  background:
    var(--sita-primary);

  border-color:
    var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__cta:focus-visible {
  outline:
    2px solid var(--sita-primary);

  outline-offset: 4px;
}


/* =========================================================
   GUIDANCE
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__guidance {
  padding-top: 8px;

  border-top:
    1px solid var(--sita-line-mid);
}


/* =========================================================
   GUIDANCE ITEM
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__item {
  padding:
    20px 0;

  border-bottom:
    1px solid var(--sita-line);
}

.elementor-6648 .elementor-element.elementor-element-533bbea
.sita-services-assessment__item:last-child {
  border-bottom: 0;
}


/* =========================================================
   ITEM TITLE
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__item-title {
  font-size: 17px;
  line-height: 1.55;

  font-weight: 500;

  color: var(--sita-deep);
}

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__item-title-row {
  display: flex;

  align-items: baseline;
  flex-wrap: wrap;

  gap: 10px;
}


/* =========================================================
   ITEM BODY
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__item p {
  margin:
    6px 0
    0;

  font-size: 16px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   HELD STATUS
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__status {
  display: inline-flex;

  align-items: center;

  min-height: 22px;

  padding:
    2px 8px;

  border:
    1px solid rgba(187, 99, 88, .50);

  font-size: 11px;
  line-height: 1.4;

  letter-spacing: .10em;

  color: var(--sita-primary);

  white-space: nowrap;
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__inner {
    grid-template-columns:
      minmax(0, 6fr)
      minmax(0, 6fr);

    gap: 48px;

    padding:
      96px 40px;
  }

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__main h2 {
    font-size: 38px;
  }

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__main > p {
    font-size: 17px;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <= 768

   Main copy first.
   Guidance follows below.
   ========================================================= */

@media (max-width: 768px) {

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__inner {
    display: block;

    padding:
      72px 32px;
  }


  /* Eyebrow */

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__eyebrow {
    font-size: 12px;
  }


  /* H2 */

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__main h2 {
    margin-top: 18px;

    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__main h2 br {
    display: none;
  }


  /* Main copy */

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__main > p {
    max-width: none;

    margin-top: 18px;

    font-size: 16px;
    line-height: 1.85;
  }

  .elementor-6648 .elementor-element.elementor-element-533bbea
  .sita-services-assessment__main
  > p + p {
    margin-top: 14px;
  }


  /* CTA */

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__cta {
    width: 100%;

    min-height: 52px;

    margin-top: 26px;
  }


  /* Guidance */

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__guidance {
    margin-top: 42px;

    padding-top: 6px;
  }

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__item {
    padding:
      18px 0;
  }

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__item-title {
    font-size: 16px;
  }

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__item p {
    font-size: 15px;
    line-height: 1.8;
  }

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__status {
    font-size: 10px;
  }

}


/* =========================================================
   MOBILE
   <= 600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__inner {
    padding:
      64px 24px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-6648 .elementor-element.elementor-element-533bbea .sita-services-assessment__cta {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5d6283 *//* =========================================================
   SITA CLINIC V2 — SERVICES
   S11 / MEDICAL CARE STANDARD
   FINAL R2
   Section-scoped Elementor CSS
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c5d6283 {
  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible;
}

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard,
.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard * {
  box-sizing: border-box;
}

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-line: rgba(114, 49, 41, .14);
  --sita-line-mid: rgba(114, 49, 41, .25);
  --sita-line-strong: rgba(114, 49, 41, .35);

  width: 100%;

  background: #FFFFFF;
  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;
}


/* =========================================================
   INNER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__inner {
  width: 100%;
  max-width: 1440px;

  margin: 0 auto;

  padding:
    112px 88px;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__header {
  display: flex;

  align-items: baseline;
  justify-content: space-between;

  gap: 32px;
}

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__eyebrow {
  font-size: 13px;
  line-height: 1.6;

  font-weight: 500;

  color: var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__header-en {
  flex: none;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: .20em;

  color: var(--sita-warm);
}


/* =========================================================
   MAIN LAYOUT
   Desktop:
   left 5 / commitments 7

   Intro + media occupy left column.
   Commitments span both left rows.
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__layout {
  display: grid;

  grid-template-columns:
    minmax(0, 5fr)
    minmax(0, 7fr);

  grid-template-areas:
    "intro commitments"
    "media commitments";

  column-gap: 72px;

  align-items: start;

  margin-top: 28px;
}


/* =========================================================
   INTRO
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__intro {
  grid-area: intro;
}

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__intro h2 {
  margin: 0;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 44px;
  line-height: 1.2;

  font-weight: 300;

  color: var(--sita-ink);
}


/* Lead */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__lead {
  margin:
    28px 0
    0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);
}


/* Operational statement */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__operational {
  margin:
    12px 0
    0;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-warm);
}


/* =========================================================
   HELD STATUS
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__status {
  display: inline-flex;

  align-items: center;

  min-height: 22px;

  margin-left: 6px;

  padding:
    2px 8px;

  border:
    1px solid rgba(187, 99, 88, .50);

  font-size: 11px;
  line-height: 1.4;

  letter-spacing: .10em;

  color: var(--sita-primary);

  white-space: nowrap;

  vertical-align: baseline;
}


/* =========================================================
   MEDIA BLOCK
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__media-block {
  grid-area: media;

  margin-top: 40px;
}

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__media {
  position: relative;

  width: 100%;
  height: 300px;

  overflow: hidden;

  background: #F6EDE8;
}

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__image {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center center;
}


/* =========================================================
   TEXT LINK
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__text-link {
  display: inline-block;

  margin-top: 24px;
  padding-bottom: 3px;

  border-bottom:
    1px solid var(--sita-line-strong);

  font-size: 16px;
  line-height: 1.5;

  color: var(--sita-deep);
  text-decoration: none;

  transition:
    color .2s ease,
    border-color .2s ease;
}

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__text-link:hover {
  color: var(--sita-primary);

  border-color:
    var(--sita-primary);
}

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__text-link:focus-visible {
  outline:
    2px solid var(--sita-primary);

  outline-offset: 4px;
}


/* =========================================================
   COMMITMENTS
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__commitments {
  grid-area: commitments;

  border-top:
    1px solid var(--sita-line-mid);
}


/* =========================================================
   COMMITMENT ROW
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__commitment {
  display: grid;

  grid-template-columns:
    56px
    minmax(0, 1fr);

  gap:
    0 32px;

  align-items: start;

  padding:
    26px 0;

  border-bottom:
    1px solid var(--sita-line);
}

.elementor-6648 .elementor-element.elementor-element-c5d6283
.sita-services-standard__commitment:last-child {
  border-bottom: 0;
}


/* =========================================================
   NUMBER
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__number {
  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 26px;
  line-height: 1;

  font-weight: 200;

  color: var(--sita-primary);
}


/* =========================================================
   COMMITMENT TYPE
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__commitment h3 {
  margin: 0;

  font-size: 21px;
  line-height: 1.45;

  font-weight: 500;

  color: var(--sita-deep);
}

.elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__commitment p {
  margin:
    8px 0
    0;

  font-size: 17px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   TABLET LANDSCAPE
   769–1024

   R2:
   Heading column above list.
   Image remains before commitments.
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__inner {
    padding:
      96px 40px;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__layout {
    grid-template-columns:
      minmax(0, 1fr);

    grid-template-areas:
      "intro"
      "media"
      "commitments";

    row-gap: 0;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__intro {
    max-width: 760px;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__intro h2 {
    font-size: 38px;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__media-block {
    max-width: 760px;

    margin-top: 36px;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__media {
    height: auto;

    aspect-ratio:
      16 / 7;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__commitments {
    margin-top: 48px;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <= 768

   R2:
   intro
   → five commitments
   → image + text link
   ========================================================= */

@media (max-width: 768px) {

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__inner {
    padding:
      72px 32px;
  }


  /* Header */

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__header {
    display: block;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__eyebrow {
    font-size: 12px;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__header-en {
    display: none;
  }


  /* Layout reorder */

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__layout {
    display: grid;

    grid-template-columns:
      minmax(0, 1fr);

    grid-template-areas:
      "intro"
      "commitments"
      "media";

    margin-top: 18px;
  }


  /* Intro */

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__intro h2 {
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__intro h2 br {
    display: none;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__lead {
    margin-top: 18px;

    font-size: 16px;
    line-height: 1.85;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__operational {
    margin-top: 12px;

    font-size: 14px;
    line-height: 1.8;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__status {
    margin-top: 5px;
    margin-left: 0;

    font-size: 10px;
  }


  /* Commitments BEFORE image */

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__commitments {
    margin-top: 34px;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__commitment {
    grid-template-columns:
      44px
      minmax(0, 1fr);

    gap:
      0 16px;

    padding:
      22px 0;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__number {
    font-size: 21px;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__commitment h3 {
    font-size: 19px;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__commitment p {
    margin-top: 6px;

    font-size: 15px;
    line-height: 1.8;
  }


  /* Image drops to end */

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__media-block {
    margin-top: 36px;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__media {
    height: auto;

    aspect-ratio:
      4 / 3;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__text-link {
    margin-top: 18px;

    font-size: 15px;
  }

}


/* =========================================================
   MOBILE
   <= 600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__inner {
    padding:
      64px 24px;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__commitment {
    grid-template-columns:
      34px
      minmax(0, 1fr);

    gap:
      0 12px;

    padding:
      20px 0;
  }

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__number {
    font-size: 19px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-6648 .elementor-element.elementor-element-c5d6283 .sita-services-standard__text-link {
    transition: none;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11b8601 *//* =========================================================
   SITA CLINIC V2 — SERVICES
   S12 / FINAL CTA
   FINAL R2
   Section-scoped Elementor CSS
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-11b8601 {
  position: relative;

  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible;
}

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta,
.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta * {
  box-sizing: border-box;
}

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta {
  --sita-bg: #723129;
  --sita-light: #F6EAE4;
  --sita-body: #F0DCD4;
  --sita-accent: #E3B7AB;

  --sita-line:
    rgba(246, 234, 228, .18);

  --sita-line-mid:
    rgba(246, 234, 228, .35);

  --sita-line-strong:
    rgba(246, 234, 228, .65);

  width: 100%;

  background:
    var(--sita-bg);

  color:
    var(--sita-light);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;
}


/* =========================================================
   INNER
   Desktop = 7 / 5
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__inner {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 88px;

  align-items: end;

  width: 100%;
  max-width: 1440px;

  margin: 0 auto;

  padding:
    120px 88px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__eyebrow {
  font-size: 13px;
  line-height: 1.6;

  font-weight: 500;

  color:
    var(--sita-accent);
}


/* =========================================================
   H2
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__main h2 {
  max-width: 820px;

  margin:
    24px 0
    0;

  font-family:
    "Anuphan",
    "Noto Sans Thai",
    sans-serif;

  font-size: 52px;
  line-height: 1.15;

  font-weight: 300;

  color: #FFFFFF;
}


/* =========================================================
   BODY COPY
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__main > p {
  max-width: 700px;

  margin:
    28px 0
    0;

  font-size: 18px;
  line-height: 1.85;

  font-weight: 300;

  color:
    var(--sita-body);
}


/* =========================================================
   ACTIONS
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__actions {
  display: flex;

  align-items: center;
  flex-wrap: wrap;

  gap: 20px;

  margin-top: 44px;
}


/* Shared */

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__button {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 54px;

  padding:
    0 30px;

  border-radius: 3px;

  text-decoration: none;

  font-size: 15px;
  line-height: 1.4;

  font-weight: 500;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease;
}


/* Primary */

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__button--primary {
  border:
    1px solid #FFFFFF;

  background:
    #FFFFFF;

  color:
    var(--sita-bg);
}

.elementor-6648 .elementor-element.elementor-element-11b8601
.sita-services-final-cta__button--primary:hover {
  background:
    var(--sita-light);

  border-color:
    var(--sita-light);

  color:
    var(--sita-bg);
}


/* Secondary */

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__button--secondary {
  padding:
    0 26px;

  border:
    1px solid var(--sita-line-strong);

  background:
    transparent;

  color:
    #FFFFFF;
}

.elementor-6648 .elementor-element.elementor-element-11b8601
.sita-services-final-cta__button--secondary:hover {
  background:
    rgba(255, 255, 255, .08);

  border-color:
    #FFFFFF;

  color:
    #FFFFFF;
}


/* Focus */

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__button:focus-visible,
.elementor-6648 .elementor-element.elementor-element-11b8601
.sita-services-final-cta__contact-details a:focus-visible {
  outline:
    2px solid #FFFFFF;

  outline-offset: 4px;
}


/* =========================================================
   CONTACT BLOCK
   ========================================================= */

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__contact {
  padding-top: 28px;

  border-top:
    1px solid var(--sita-line-mid);
}

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__contact-title {
  font-size: 12px;
  line-height: 1.5;

  font-weight: 600;

  letter-spacing: .16em;

  color:
    var(--sita-accent);
}


/* Contact facts */

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__contact-details {
  margin-top: 20px;

  font-size: 17px;
  line-height: 1.9;

  color: #FFFFFF;
}

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__contact-details a {
  color: #FFFFFF;

  text-decoration: none;

  border-bottom:
    1px solid rgba(246, 234, 228, .40);
}


/* Contact closing */

.elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__contact > p {
  margin:
    24px 0
    0;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color:
    var(--sita-body);
}


/* =========================================================
   TABLET LANDSCAPE + TABLET PORTRAIT
   <= 1024

   R2:
   Main content first.
   Contact block moves underneath buttons.
   ========================================================= */

@media (max-width: 1024px) {

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__inner {
    display: block;

    padding:
      104px 40px;
  }

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__main {
    max-width: 840px;
  }

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__main h2 {
    font-size: 44px;
  }


  /* Contact follows actions */

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__contact {
    max-width: 840px;

    margin-top: 52px;
    padding-top: 28px;
  }

}


/* =========================================================
   TABLET PORTRAIT + MOBILE
   <= 768
   ========================================================= */

@media (max-width: 768px) {

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__inner {
    padding:
      80px 32px;
  }

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__eyebrow {
    font-size: 12px;
  }

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__main h2 {
    margin-top: 18px;

    font-size: 34px;
    line-height: 1.2;
  }

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__main h2 br {
    display: none;
  }

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__main > p {
    max-width: none;

    margin-top: 20px;

    font-size: 16px;
    line-height: 1.85;
  }


  /* Actions */

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__actions {
    gap: 12px;

    margin-top: 32px;
  }


  /* Contact */

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__contact {
    max-width: none;

    margin-top: 44px;
    padding-top: 24px;
  }

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__contact-details {
    margin-top: 16px;

    font-size: 16px;
  }

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__contact > p {
    margin-top: 18px;

    font-size: 15px;
  }

}


/* =========================================================
   MOBILE
   <= 600
   ========================================================= */

@media (max-width: 600px) {

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__inner {
    padding:
      72px 24px;
  }

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__main h2 {
    font-size: 31px;
  }


  /* R2:
     Both CTAs full width.
     Appointment first.
     LINE second.
     ======================================================= */

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__actions {
    display: flex;

    flex-direction: column;

    align-items: stretch;

    width: 100%;

    gap: 10px;
  }

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__button {
    width: 100%;

    min-height: 54px;

    margin: 0;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-6648 .elementor-element.elementor-element-11b8601 .sita-services-final-cta__button {
    transition: none;
  }

}/* End custom CSS */