/* Local design styles. Selectors use descriptive React component classes. */
.content-about .block.about-about {
  --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;
  --overlay-opacity:0.5;
  --padding-top:75px;
  --padding-bottom:0px;
  --padding-left:0px;
  --padding-right:0px;
  }
.content-about .block.about-about:not(.ui-motion-effects-element-type-background), .content-about .block.about-about > .ui-motion-effects-container > .ui-motion-effects-layer {
  background-image:url("/media/69a6a075-Photographer-Nikonorov-94.webp");
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  }
.content-about .block.about-about::before, .content-about .block.about-about > .background-video::before, .content-about .block.about-about > .layout-inner > .background-video::before, .content-about .block.about-about > .ui-background-slideshow::before, .content-about .block.about-about > .layout-inner > .ui-background-slideshow::before, .content-about .block.about-about > .ui-motion-effects-container > .ui-motion-effects-layer::before {
  background-color:var( --color-overlay );
  --background-overlay:'';
  }
.content-about .block.about-about-2 {
  --display:flex;
  --padding-top:10em;
  --padding-bottom:7em;
  --padding-left:2em;
  --padding-right:2em;
  }
.content-about .block.about-about-3 {
  text-align:center;
  }
.content-about .block.about-about-3 .heading {
  font-family:var( --type-display-font-family ), Sans-serif;
  font-size:var( --type-display-font-size );
  font-weight:var( --type-display-font-weight );
  line-height:var( --type-display-line-height );
  color:var( --color-white );
  }
.content-about .block.about-passion-for-perfection-in-every-guest-experience {
  text-align:center;
  }
.content-about .block.about-passion-for-perfection-in-every-guest-experience .heading {
  font-family:var( --type-body-large-font-family ), Sans-serif;
  font-size:var( --type-body-large-font-size );
  font-weight:var( --type-body-large-font-weight );
  text-transform:var( --type-body-large-text-transform );
  font-style:var( --type-body-large-font-style );
  line-height:var( --type-body-large-line-height );
  color:var( --color-white );
  }
.content-about .block.about-about-us {
  --display:flex;
  --flex-direction:row;
  --container-widget-width:initial;
  --container-widget-height:100%;
  --container-widget-flex-grow:1;
  --container-widget-align-self:stretch;
  --flex-wrap-mobile:wrap;
  --justify-content:space-between;
  --gap:0px 0px;
  --row-gap:0px;
  --column-gap:0px;
  }
.content-about .block.about-about-us-2 {
  --display:flex;
  --flex-direction:row;
  --container-widget-width:initial;
  --container-widget-height:100%;
  --container-widget-flex-grow:1;
  --container-widget-align-self:stretch;
  --flex-wrap-mobile:wrap;
  --justify-content:space-between;
  --gap:0px 0px;
  --row-gap:0px;
  --column-gap:0px;
  --flex-wrap:wrap;
  --padding-top:6em;
  --padding-bottom:3em;
  --padding-left:0em;
  --padding-right:0em;
  }
.content-about .block.about-layout {
  --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:0px 0px;
  --row-gap:0px;
  --column-gap:0px;
  --flex-wrap:wrap;
  }
.content-about .block.about-image {
  width:var( --container-widget-width, 100% );
  max-width:100%;
  --container-widget-width:100%;
  --container-widget-flex-grow:0;
  }
.content-about .block.about-image > .block-content {
  margin:-5em 0em 0em 0em;
  }
.content-about .block.about-image img {
  width:100%;
  height:680px;
  object-fit:cover;
  object-position:center right;
  }
.content-about .block.about-about-us-3 {
  --display:flex;
  --padding-top:1em;
  --padding-bottom:1em;
  --padding-left:3em;
  --padding-right:1em;
  }
.content-about .block.about-about-us-4 {
  --display:flex;
  --margin-top:0em;
  --margin-bottom:0em;
  --margin-left:-12em;
  --margin-right:0em;
  --padding-top:2em;
  --padding-bottom:2em;
  --padding-left:2em;
  --padding-right:2em;
  }
.content-about .block.about-about-us-4:not(.ui-motion-effects-element-type-background), .content-about .block.about-about-us-4 > .ui-motion-effects-container > .ui-motion-effects-layer {
  background-color:var( --color-white );
  }
.content-about .block.about-about-us-5 > .block-content {
  background-color:transparent;
  background-image:linear-gradient(180deg, #FFFFFF00 50%, #413C4633 49%);
  }
.content-about .block.about-about-us-5.block {
  --align-self:flex-start;
  }
.content-about .block.about-a-quiet-cliffside-retreat > .block-content {
  margin:0px 0px 0px 0px;
  }
.content-about .block.about-a-quiet-cliffside-retreat .heading {
  color:var( --color-beige );
  }
.content-about .block.about-the-kala-samui-is-a-boutique-resort-set-gently-into .heading {
  font-family:var( --type-body-large-font-family ), Sans-serif;
  font-size:var( --type-body-large-font-size );
  font-weight:var( --type-body-large-font-weight );
  text-transform:var( --type-body-large-text-transform );
  font-style:var( --type-body-large-font-style );
  line-height:var( --type-body-large-line-height );
  }
.content-about .block.about-elegant-stays {
  --display:grid;
  --layout-grid-template-columns:repeat(2, 1fr);
  --layout-grid-template-rows:repeat(2, 1fr);
  --grid-auto-flow:row;
  border-style:solid;
  --border-style:solid;
  border-width:1px 0px 0px 0px;
  --border-top-width:1px;
  --border-right-width:0px;
  --border-bottom-width:0px;
  --border-left-width:0px;
  border-color:var( --color-mist );
  --border-color:var( --color-mist );
  --padding-top:21px;
  --padding-bottom:0px;
  --padding-left:0px;
  --padding-right:0px;
  }
.content-about .block.about-elegant-stays.layout {
  --flex-grow:0;
  --flex-shrink:0;
  }
.content-about .block.about-elegant-stays-2 .image-feature {
  text-align:start;
  }
.content-about .block.about-elegant-stays-2.ui-position-right .image-feature-image {
  margin-left:14px;
  }
.content-about .block.about-elegant-stays-2.ui-position-left .image-feature-image {
  margin-right:14px;
  }
.content-about .block.about-elegant-stays-2.ui-position-top .image-feature-image {
  margin-bottom:14px;
  }
.content-about .block.about-elegant-stays-2 .image-feature-title {
  margin-bottom:7px;
  font-family:var( --type-h5-font-family ), Sans-serif;
  font-size:var( --type-h5-font-size );
  font-weight:var( --type-h5-font-weight );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-elegant-stays-2 .image-feature .image-feature-image {
  width:20%;
  }
.content-about .block.about-elegant-stays-2 .image-feature-image img {
  transition-duration:0.3s;
  }
.content-about .block.about-gourmet-dining .image-feature {
  text-align:start;
  }
.content-about .block.about-gourmet-dining.ui-position-right .image-feature-image {
  margin-left:14px;
  }
.content-about .block.about-gourmet-dining.ui-position-left .image-feature-image {
  margin-right:14px;
  }
.content-about .block.about-gourmet-dining.ui-position-top .image-feature-image {
  margin-bottom:14px;
  }
.content-about .block.about-gourmet-dining .image-feature-title {
  margin-bottom:7px;
  font-family:var( --type-h5-font-family ), Sans-serif;
  font-size:var( --type-h5-font-size );
  font-weight:var( --type-h5-font-weight );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-gourmet-dining .image-feature .image-feature-image {
  width:20%;
  }
.content-about .block.about-gourmet-dining .image-feature-image img {
  transition-duration:0.3s;
  }
.content-about .block.about-wellness-retreat .image-feature {
  text-align:start;
  }
.content-about .block.about-wellness-retreat.ui-position-right .image-feature-image {
  margin-left:14px;
  }
.content-about .block.about-wellness-retreat.ui-position-left .image-feature-image {
  margin-right:14px;
  }
.content-about .block.about-wellness-retreat.ui-position-top .image-feature-image {
  margin-bottom:14px;
  }
.content-about .block.about-wellness-retreat .image-feature-title {
  margin-bottom:7px;
  font-family:var( --type-h5-font-family ), Sans-serif;
  font-size:var( --type-h5-font-size );
  font-weight:var( --type-h5-font-weight );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-wellness-retreat .image-feature .image-feature-image {
  width:20%;
  }
.content-about .block.about-wellness-retreat .image-feature-image img {
  transition-duration:0.3s;
  }
.content-about .block.about-event-spaces .image-feature {
  text-align:start;
  }
.content-about .block.about-event-spaces.ui-position-right .image-feature-image {
  margin-left:14px;
  }
.content-about .block.about-event-spaces.ui-position-left .image-feature-image {
  margin-right:14px;
  }
.content-about .block.about-event-spaces.ui-position-top .image-feature-image {
  margin-bottom:14px;
  }
.content-about .block.about-event-spaces .image-feature-title {
  margin-bottom:7px;
  font-family:var( --type-h5-font-family ), Sans-serif;
  font-size:var( --type-h5-font-size );
  font-weight:var( --type-h5-font-weight );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-event-spaces .image-feature .image-feature-image {
  width:20%;
  }
.content-about .block.about-event-spaces .image-feature-image img {
  transition-duration:0.3s;
  }
.content-about .block.about-our-value {
  --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;
  --overlay-opacity:0.5;
  --padding-top:5em;
  --padding-bottom:7em;
  --padding-left:0em;
  --padding-right:0em;
  }
.content-about .block.about-our-value:not(.ui-motion-effects-element-type-background), .content-about .block.about-our-value > .ui-motion-effects-container > .ui-motion-effects-layer {
  background-image:url("/media/89b87699-Photographer-Nikonorov-97-1.webp");
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  }
.content-about .block.about-our-value::before, .content-about .block.about-our-value > .background-video::before, .content-about .block.about-our-value > .layout-inner > .background-video::before, .content-about .block.about-our-value > .ui-background-slideshow::before, .content-about .block.about-our-value > .layout-inner > .ui-background-slideshow::before, .content-about .block.about-our-value > .ui-motion-effects-container > .ui-motion-effects-layer::before {
  background-color:var( --color-overlay );
  --background-overlay:'';
  }
.content-about .block.about-our-value-2 {
  --display:flex;
  --padding-top:2em;
  --padding-bottom:2em;
  --padding-left:2em;
  --padding-right:2em;
  }
.content-about .block.about-our-value-3 > .block-content {
  background-color:transparent;
  background-image:linear-gradient(180deg, #FFFFFF00 50%, var( --color-white-border ) 49%);
  }
.content-about .block.about-our-value-3.block {
  --align-self:center;
  }
.content-about .block.about-our-value-3 .heading {
  color:var( --color-white );
  }
.content-about .block.about-our-legacy-of-elegance-comfort-and-hospitality-begin {
  text-align:center;
  }
.content-about .block.about-our-legacy-of-elegance-comfort-and-hospitality-begin .heading {
  color:var( --color-white );
  }
.content-about .block.about-our-vision {
  --display:grid;
  --layout-grid-template-columns:repeat(3, 1fr);
  --layout-grid-template-rows:repeat(1, 1fr);
  --grid-auto-flow:row;
  }
.content-about .block.about-our-vision-2 {
  --display:flex;
  --overlay-opacity:0.5;
  --padding-top:3em;
  --padding-bottom:3em;
  --padding-left:3em;
  --padding-right:3em;
  }
.content-about .block.about-our-vision-2::before, .content-about .block.about-our-vision-2 > .background-video::before, .content-about .block.about-our-vision-2 > .layout-inner > .background-video::before, .content-about .block.about-our-vision-2 > .ui-background-slideshow::before, .content-about .block.about-our-vision-2 > .layout-inner > .ui-background-slideshow::before, .content-about .block.about-our-vision-2 > .ui-motion-effects-container > .ui-motion-effects-layer::before {
  background-color:var( --color-overlay );
  --background-overlay:'';
  }
.content-about .block.about-icon {
  width:var( --container-widget-width, 71px );
  max-width:71px;
  --container-widget-width:71px;
  --container-widget-flex-grow:0;
  }
.content-about .block.about-icon > .block-content {
  background-color:var( --color-slate );
  padding:16px 14px 14px 14px;
  border-radius:999px 999px 999px 999px;
  }
.content-about .block.about-icon.block {
  --align-self:center;
  }
.content-about .block.about-icon .ui-icon-wrapper {
  text-align:center;
  }
.content-about .block.about-icon.ui-view-stacked .ui-icon {
  background-color:var( --color-beige );
  }
.content-about .block.about-icon.ui-view-framed .ui-icon, .content-about .block.about-icon.ui-view-default .ui-icon {
  color:var( --color-beige );
  border-color:var( --color-beige );
  }
.content-about .block.about-icon.ui-view-framed .ui-icon, .content-about .block.about-icon.ui-view-default .ui-icon svg {
  fill:var( --color-beige );
  }
.content-about .block.about-icon .ui-icon {
  font-size:35px;
  }
.content-about .block.about-icon .ui-icon svg {
  height:35px;
  }
.content-about .block.about-our-vision-3 .feature-title {
  margin-block-end:14px;
  color:var( --color-white );
  }
.content-about .block.about-our-vision-3 .feature-title, .content-about .block.about-our-vision-3 .feature-title a {
  font-family:var( --type-h5-font-family ), Sans-serif;
  font-size:var( --type-h5-font-size );
  font-weight:var( --type-h5-font-weight );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-our-vision-3 .feature-description {
  color:var( --color-white-muted );
  }
.content-about .block.about-our-mission {
  --display:flex;
  --overlay-opacity:0.5;
  --padding-top:3em;
  --padding-bottom:3em;
  --padding-left:3em;
  --padding-right:3em;
  }
.content-about .block.about-our-mission::before, .content-about .block.about-our-mission > .background-video::before, .content-about .block.about-our-mission > .layout-inner > .background-video::before, .content-about .block.about-our-mission > .ui-background-slideshow::before, .content-about .block.about-our-mission > .layout-inner > .ui-background-slideshow::before, .content-about .block.about-our-mission > .ui-motion-effects-container > .ui-motion-effects-layer::before {
  background-color:var( --color-overlay );
  --background-overlay:'';
  }
.content-about .block.about-icon-2 {
  width:var( --container-widget-width, 71px );
  max-width:71px;
  --container-widget-width:71px;
  --container-widget-flex-grow:0;
  }
.content-about .block.about-icon-2 > .block-content {
  background-color:var( --color-slate );
  padding:16px 14px 14px 14px;
  border-radius:999px 999px 999px 999px;
  }
.content-about .block.about-icon-2.block {
  --align-self:center;
  }
.content-about .block.about-icon-2 .ui-icon-wrapper {
  text-align:center;
  }
.content-about .block.about-icon-2.ui-view-stacked .ui-icon {
  background-color:var( --color-beige );
  }
.content-about .block.about-icon-2.ui-view-framed .ui-icon, .content-about .block.about-icon-2.ui-view-default .ui-icon {
  color:var( --color-beige );
  border-color:var( --color-beige );
  }
.content-about .block.about-icon-2.ui-view-framed .ui-icon, .content-about .block.about-icon-2.ui-view-default .ui-icon svg {
  fill:var( --color-beige );
  }
.content-about .block.about-icon-2 .ui-icon {
  font-size:35px;
  }
.content-about .block.about-icon-2 .ui-icon svg {
  height:35px;
  }
.content-about .block.about-our-mission-2 .feature-title {
  margin-block-end:14px;
  color:var( --color-white );
  }
.content-about .block.about-our-mission-2 .feature-title, .content-about .block.about-our-mission-2 .feature-title a {
  font-family:var( --type-h5-font-family ), Sans-serif;
  font-size:var( --type-h5-font-size );
  font-weight:var( --type-h5-font-weight );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-our-mission-2 .feature-description {
  color:var( --color-white-muted );
  }
.content-about .block.about-our-motto {
  --display:flex;
  --overlay-opacity:0.5;
  --padding-top:3em;
  --padding-bottom:3em;
  --padding-left:3em;
  --padding-right:3em;
  }
.content-about .block.about-our-motto::before, .content-about .block.about-our-motto > .background-video::before, .content-about .block.about-our-motto > .layout-inner > .background-video::before, .content-about .block.about-our-motto > .ui-background-slideshow::before, .content-about .block.about-our-motto > .layout-inner > .ui-background-slideshow::before, .content-about .block.about-our-motto > .ui-motion-effects-container > .ui-motion-effects-layer::before {
  background-color:var( --color-overlay );
  --background-overlay:'';
  }
.content-about .block.about-icon-3 {
  width:var( --container-widget-width, 71px );
  max-width:71px;
  --container-widget-width:71px;
  --container-widget-flex-grow:0;
  }
.content-about .block.about-icon-3 > .block-content {
  background-color:var( --color-slate );
  padding:16px 14px 14px 14px;
  border-radius:999px 999px 999px 999px;
  }
.content-about .block.about-icon-3.block {
  --align-self:center;
  }
.content-about .block.about-icon-3 .ui-icon-wrapper {
  text-align:center;
  }
.content-about .block.about-icon-3.ui-view-stacked .ui-icon {
  background-color:var( --color-beige );
  }
.content-about .block.about-icon-3.ui-view-framed .ui-icon, .content-about .block.about-icon-3.ui-view-default .ui-icon {
  color:var( --color-beige );
  border-color:var( --color-beige );
  }
.content-about .block.about-icon-3.ui-view-framed .ui-icon, .content-about .block.about-icon-3.ui-view-default .ui-icon svg {
  fill:var( --color-beige );
  }
.content-about .block.about-icon-3 .ui-icon {
  font-size:35px;
  }
.content-about .block.about-icon-3 .ui-icon svg {
  height:35px;
  }
.content-about .block.about-our-motto-2 .feature-title {
  margin-block-end:14px;
  color:var( --color-white );
  }
.content-about .block.about-our-motto-2 .feature-title, .content-about .block.about-our-motto-2 .feature-title a {
  font-family:var( --type-h5-font-family ), Sans-serif;
  font-size:var( --type-h5-font-size );
  font-weight:var( --type-h5-font-weight );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-our-motto-2 .feature-description {
  color:var( --color-white-muted );
  }
.content-about .block.about-amenities {
  --display:flex;
  --flex-direction:row;
  --container-widget-width:initial;
  --container-widget-height:100%;
  --container-widget-flex-grow:1;
  --container-widget-align-self:stretch;
  --flex-wrap-mobile:wrap;
  --justify-content:space-between;
  --gap:0px 0px;
  --row-gap:0px;
  --column-gap:0px;
  --flex-wrap:wrap;
  --padding-top:7em;
  --padding-bottom:7em;
  --padding-left:0em;
  --padding-right:0em;
  }
.content-about .block.about-amenities:not(.ui-motion-effects-element-type-background), .content-about .block.about-amenities > .ui-motion-effects-container > .ui-motion-effects-layer {
  background-color:var( --color-cream );
  }
.content-about .block.about-amenities-2 {
  --display:flex;
  --padding-top:1em;
  --padding-bottom:1em;
  --padding-left:1em;
  --padding-right:1em;
  }
.content-about .block.about-amenities-3 > .block-content {
  background-color:transparent;
  background-image:linear-gradient(180deg, #FFFFFF00 50%, #C8B7A133 49%);
  }
.content-about .block.about-amenities-3.block {
  --align-self:flex-start;
  }
.content-about .block.about-layout-2 {
  --display:grid;
  --layout-grid-template-columns:repeat(2, 1fr);
  --layout-grid-template-rows:repeat(1, 1fr);
  --grid-auto-flow:row;
  --padding-top:1em;
  --padding-bottom:1em;
  --padding-left:1em;
  --padding-right:1em;
  }
.content-about .block.about-icon-list .amenities:not(.ui-inline-items) .amenity:not(:last-child) {
  padding-block-end:calc(21px/2);
  }
.content-about .block.about-icon-list .amenities:not(.ui-inline-items) .amenity:not(:first-child) {
  margin-block-start:calc(21px/2);
  }
.content-about .block.about-icon-list .amenities.ui-inline-items .amenity {
  margin-inline:calc(21px/2);
  }
.content-about .block.about-icon-list .amenities.ui-inline-items {
  margin-inline:calc(-21px/2);
  }
.content-about .block.about-icon-list .amenities.ui-inline-items .amenity:after {
  inset-inline-end:calc(-21px/2);
  }
.content-about .block.about-icon-list .amenity:not(:last-child):after {
  content:"";
  border-color:var( --color-mist );
  }
.content-about .block.about-icon-list .amenities:not(.ui-inline-items) .amenity:not(:last-child):after {
  border-block-start-style:solid;
  border-block-start-width:1px;
  }
.content-about .block.about-icon-list .amenities.ui-inline-items .amenity:not(:last-child):after {
  border-inline-start-style:solid;
  }
.content-about .block.about-icon-list .ui-inline-items .amenity:not(:last-child):after {
  border-inline-start-width:1px;
  }
.content-about .block.about-icon-list .amenity-icon i {
  color:var( --color-slate );
  transition:color 0.3s;
  }
.content-about .block.about-icon-list .amenity-icon svg {
  fill:var( --color-slate );
  transition:fill 0.3s;
  }
.content-about .block.about-icon-list {
  --e-icon-list-icon-size:25px;
  --icon-vertical-offset:0px;
  }
.content-about .block.about-icon-list .amenity-icon {
  padding-inline-end:7px;
  }
.content-about .block.about-icon-list .amenity > .amenity-text, .content-about .block.about-icon-list .amenity > a {
  font-family:var( --type-h5-font-family ), Sans-serif;
  font-size:var( --type-h5-font-size );
  font-weight:var( --type-h5-font-weight );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-icon-list .amenity-text {
  transition:color 0.3s;
  }
.content-about .block.about-icon-list-2 .amenities:not(.ui-inline-items) .amenity:not(:last-child) {
  padding-block-end:calc(21px/2);
  }
.content-about .block.about-icon-list-2 .amenities:not(.ui-inline-items) .amenity:not(:first-child) {
  margin-block-start:calc(21px/2);
  }
.content-about .block.about-icon-list-2 .amenities.ui-inline-items .amenity {
  margin-inline:calc(21px/2);
  }
.content-about .block.about-icon-list-2 .amenities.ui-inline-items {
  margin-inline:calc(-21px/2);
  }
.content-about .block.about-icon-list-2 .amenities.ui-inline-items .amenity:after {
  inset-inline-end:calc(-21px/2);
  }
.content-about .block.about-icon-list-2 .amenity:not(:last-child):after {
  content:"";
  border-color:var( --color-mist );
  }
.content-about .block.about-icon-list-2 .amenities:not(.ui-inline-items) .amenity:not(:last-child):after {
  border-block-start-style:solid;
  border-block-start-width:1px;
  }
.content-about .block.about-icon-list-2 .amenities.ui-inline-items .amenity:not(:last-child):after {
  border-inline-start-style:solid;
  }
.content-about .block.about-icon-list-2 .ui-inline-items .amenity:not(:last-child):after {
  border-inline-start-width:1px;
  }
.content-about .block.about-icon-list-2 .amenity-icon i {
  color:var( --color-slate );
  transition:color 0.3s;
  }
.content-about .block.about-icon-list-2 .amenity-icon svg {
  fill:var( --color-slate );
  transition:fill 0.3s;
  }
.content-about .block.about-icon-list-2 {
  --e-icon-list-icon-size:25px;
  --icon-vertical-offset:0px;
  }
.content-about .block.about-icon-list-2 .amenity-icon {
  padding-inline-end:7px;
  }
.content-about .block.about-icon-list-2 .amenity > .amenity-text, .content-about .block.about-icon-list-2 .amenity > a {
  font-family:var( --type-h5-font-family ), Sans-serif;
  font-size:var( --type-h5-font-size );
  font-weight:var( --type-h5-font-weight );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-icon-list-2 .amenity-text {
  transition:color 0.3s;
  }
:root {
  --page-title-display:none;
  }
@media(max-width:1024px) {
  .content-about .block.about-about {
  --padding-top:65px;
  --padding-bottom:0px;
  --padding-left:0px;
  --padding-right:0px;
  }
.content-about .block.about-about-2 {
  --gap:14px 14px;
  --row-gap:14px;
  --column-gap:14px;
  --padding-top:7em;
  --padding-bottom:5em;
  --padding-left:2em;
  --padding-right:2em;
  }
.content-about .block.about-about-3 .heading {
  font-size:var( --type-display-font-size );
  line-height:var( --type-display-line-height );
  }
.content-about .block.about-passion-for-perfection-in-every-guest-experience .heading {
  font-size:var( --type-body-large-font-size );
  line-height:var( --type-body-large-line-height );
  }
.content-about .block.about-about-us-2 {
  --padding-top:3em;
  --padding-bottom:1em;
  --padding-left:0em;
  --padding-right:0em;
  }
.content-about .block.about-image > .block-content {
  margin:0em 0em 0em 0em;
  }
.content-about .block.about-image img {
  height:500px;
  }
.content-about .block.about-about-us-3 {
  --padding-top:2em;
  --padding-bottom:2em;
  --padding-left:2em;
  --padding-right:2em;
  }
.content-about .block.about-about-us-4 {
  --margin-top:0em;
  --margin-bottom:0em;
  --margin-left:-2em;
  --margin-right:0em;
  }
.content-about .block.about-the-kala-samui-is-a-boutique-resort-set-gently-into .heading {
  font-size:var( --type-body-large-font-size );
  line-height:var( --type-body-large-line-height );
  }
.content-about .block.about-elegant-stays {
  --layout-grid-template-columns:repeat(1, 1fr);
  --gap:14px 14px;
  --row-gap:14px;
  --column-gap:14px;
  --grid-auto-flow:row;
  }
.content-about .block.about-elegant-stays-2 .image-feature .image-feature-image {
  width:15%;
  }
.content-about .block.about-elegant-stays-2 .image-feature-title {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-gourmet-dining .image-feature .image-feature-image {
  width:15%;
  }
.content-about .block.about-gourmet-dining .image-feature-title {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-wellness-retreat .image-feature .image-feature-image {
  width:15%;
  }
.content-about .block.about-wellness-retreat .image-feature-title {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-event-spaces .image-feature .image-feature-image {
  width:15%;
  }
.content-about .block.about-event-spaces .image-feature-title {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-our-value {
  --padding-top:1em;
  --padding-bottom:3em;
  --padding-left:1em;
  --padding-right:1em;
  }
.content-about .block.about-our-vision {
  --gap:14px 14px;
  --row-gap:14px;
  --column-gap:14px;
  --grid-auto-flow:row;
  }
.content-about .block.about-our-vision-2 {
  --padding-top:35px;
  --padding-bottom:35px;
  --padding-left:21px;
  --padding-right:21px;
  }
.content-about .block.about-our-vision-3 .feature-title {
  margin-block-end:7px;
  }
.content-about .block.about-our-vision-3 .feature-title, .content-about .block.about-our-vision-3 .feature-title a {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-our-mission {
  --padding-top:35px;
  --padding-bottom:35px;
  --padding-left:21px;
  --padding-right:21px;
  }
.content-about .block.about-our-mission-2 .feature-title {
  margin-block-end:7px;
  }
.content-about .block.about-our-mission-2 .feature-title, .content-about .block.about-our-mission-2 .feature-title a {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-our-motto {
  --padding-top:35px;
  --padding-bottom:35px;
  --padding-left:21px;
  --padding-right:21px;
  }
.content-about .block.about-our-motto-2 .feature-title {
  margin-block-end:7px;
  }
.content-about .block.about-our-motto-2 .feature-title, .content-about .block.about-our-motto-2 .feature-title a {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-amenities {
  --padding-top:3em;
  --padding-bottom:3em;
  --padding-left:1em;
  --padding-right:1em;
  }
.content-about .block.about-layout-2 {
  --grid-auto-flow:row;
  }
.content-about .block.about-icon-list .amenity > .amenity-text, .content-about .block.about-icon-list .amenity > a {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-icon-list-2 .amenity > .amenity-text, .content-about .block.about-icon-list-2 .amenity > a {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
}
@media(max-width:767px) {
  .content-about .block.about-about {
  --gap:0px 0px;
  --row-gap:0px;
  --column-gap:0px;
  --margin-top:0px;
  --margin-bottom:0px;
  --margin-left:0px;
  --margin-right:0px;
  --padding-top:60px;
  --padding-bottom:0px;
  --padding-left:0px;
  --padding-right:0px;
  }
.content-about .block.about-about-2 {
  --padding-top:42px;
  --padding-bottom:42px;
  --padding-left:21px;
  --padding-right:21px;
  }
.content-about .block.about-about-3 .heading {
  font-size:var( --type-display-font-size );
  line-height:var( --type-display-line-height );
  }
.content-about .block.about-passion-for-perfection-in-every-guest-experience .heading {
  font-size:var( --type-body-large-font-size );
  line-height:var( --type-body-large-line-height );
  }
.content-about .block.about-about-us-2 {
  --padding-top:1em;
  --padding-bottom:1em;
  --padding-left:0em;
  --padding-right:0em;
  }
.content-about .block.about-image > .block-content {
  margin:0em 0em 0em 0em;
  }
.content-about .block.about-image {
  --container-widget-width:100%;
  --container-widget-flex-grow:0;
  width:var( --container-widget-width, 100% );
  max-width:100%;
  }
.content-about .block.about-image.block {
  --order:-99999 ;
  }
.content-about .block.about-image img {
  height:200px;
  }
.content-about .block.about-about-us-3 {
  --padding-top:21px;
  --padding-bottom:21px;
  --padding-left:21px;
  --padding-right:21px;
  }
.content-about .block.about-the-kala-samui-is-a-boutique-resort-set-gently-into .heading {
  font-size:var( --type-body-large-font-size );
  line-height:var( --type-body-large-line-height );
  }
.content-about .block.about-elegant-stays {
  --layout-grid-template-columns:repeat(2, 1fr);
  --gap:21px 21px;
  --row-gap:21px;
  --column-gap:21px;
  --grid-auto-flow:row;
  }
.content-about .block.about-elegant-stays-2 .image-feature {
  text-align:center;
  }
.content-about .block.about-elegant-stays-2 .image-feature-image {
  margin-bottom:21px;
  }
.content-about .block.about-elegant-stays-2.ui-position-right .image-feature-image {
  margin-left:21px;
  }
.content-about .block.about-elegant-stays-2.ui-position-left .image-feature-image {
  margin-right:21px;
  }
.content-about .block.about-elegant-stays-2.ui-position-top .image-feature-image {
  margin-bottom:21px;
  }
.content-about .block.about-elegant-stays-2 .image-feature .image-feature-image {
  width:15%;
  }
.content-about .block.about-elegant-stays-2 .image-feature-title {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-gourmet-dining .image-feature {
  text-align:center;
  }
.content-about .block.about-gourmet-dining .image-feature-image {
  margin-bottom:21px;
  }
.content-about .block.about-gourmet-dining.ui-position-right .image-feature-image {
  margin-left:21px;
  }
.content-about .block.about-gourmet-dining.ui-position-left .image-feature-image {
  margin-right:21px;
  }
.content-about .block.about-gourmet-dining.ui-position-top .image-feature-image {
  margin-bottom:21px;
  }
.content-about .block.about-gourmet-dining .image-feature .image-feature-image {
  width:15%;
  }
.content-about .block.about-gourmet-dining .image-feature-title {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-wellness-retreat .image-feature {
  text-align:center;
  }
.content-about .block.about-wellness-retreat .image-feature-image {
  margin-bottom:21px;
  }
.content-about .block.about-wellness-retreat.ui-position-right .image-feature-image {
  margin-left:21px;
  }
.content-about .block.about-wellness-retreat.ui-position-left .image-feature-image {
  margin-right:21px;
  }
.content-about .block.about-wellness-retreat.ui-position-top .image-feature-image {
  margin-bottom:21px;
  }
.content-about .block.about-wellness-retreat .image-feature .image-feature-image {
  width:15%;
  }
.content-about .block.about-wellness-retreat .image-feature-title {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-event-spaces .image-feature {
  text-align:center;
  }
.content-about .block.about-event-spaces .image-feature-image {
  margin-bottom:21px;
  }
.content-about .block.about-event-spaces.ui-position-right .image-feature-image {
  margin-left:21px;
  }
.content-about .block.about-event-spaces.ui-position-left .image-feature-image {
  margin-right:21px;
  }
.content-about .block.about-event-spaces.ui-position-top .image-feature-image {
  margin-bottom:21px;
  }
.content-about .block.about-event-spaces .image-feature .image-feature-image {
  width:15%;
  }
.content-about .block.about-event-spaces .image-feature-title {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-our-value {
  --padding-top:0em;
  --padding-bottom:1em;
  --padding-left:0em;
  --padding-right:0em;
  }
.content-about .block.about-our-vision {
  --layout-grid-template-columns:repeat(1, 1fr);
  --grid-auto-flow:row;
  }
.content-about .block.about-our-vision-2 {
  --padding-top:21px;
  --padding-bottom:21px;
  --padding-left:21px;
  --padding-right:21px;
  }
.content-about .block.about-our-vision-3 .feature-title, .content-about .block.about-our-vision-3 .feature-title a {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-our-mission {
  --padding-top:21px;
  --padding-bottom:21px;
  --padding-left:21px;
  --padding-right:21px;
  }
.content-about .block.about-our-mission-2 .feature-title, .content-about .block.about-our-mission-2 .feature-title a {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-our-motto {
  --padding-top:21px;
  --padding-bottom:21px;
  --padding-left:21px;
  --padding-right:21px;
  }
.content-about .block.about-our-motto-2 .feature-title, .content-about .block.about-our-motto-2 .feature-title a {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-amenities {
  --padding-top:0em;
  --padding-bottom:0em;
  --padding-left:0em;
  --padding-right:0em;
  }
.content-about .block.about-amenities-2 {
  --padding-top:21px;
  --padding-bottom:21px;
  --padding-left:21px;
  --padding-right:21px;
  }
.content-about .block.about-layout-2 {
  --layout-grid-template-columns:repeat(1, 1fr);
  --grid-auto-flow:row;
  --padding-top:21px;
  --padding-bottom:21px;
  --padding-left:21px;
  --padding-right:21px;
  }
.content-about .block.about-icon-list .amenity > .amenity-text, .content-about .block.about-icon-list .amenity > a {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
.content-about .block.about-icon-list-2 .amenity > .amenity-text, .content-about .block.about-icon-list-2 .amenity > a {
  font-size:var( --type-h5-font-size );
  line-height:var( --type-h5-line-height );
  }
}
@media(min-width:768px) {
  .content-about .block.about-about-2 {
  --content-width:640px;
  }
.content-about .block.about-layout {
  --width:50%;
  }
.content-about .block.about-about-us-3 {
  --width:50%;
  }
.content-about .block.about-our-value-2 {
  --content-width:640px;
  }
.content-about .block.about-amenities-2 {
  --width:40%;
  }
.content-about .block.about-layout-2 {
  --width:60%;
  }
}
@media(max-width:1024px) and (min-width:768px) {
  .content-about .block.about-about-2 {
  --content-width:540px;
  }
.content-about .block.about-layout {
  --width:100%;
  }
.content-about .block.about-about-us-3 {
  --width:100%;
  }
.content-about .block.about-amenities-2 {
  --width:100%;
  }
.content-about .block.about-layout-2 {
  --width:100%;
  }
}