.elementor-42 .elementor-element.elementor-element-5cf22a9:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-5cf22a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#291F13;}.elementor-42 .elementor-element.elementor-element-5cf22a9 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42 .elementor-element.elementor-element-5cf22a9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-11ea58e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-daeac79{--display:flex;--justify-content:center;--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-42 .elementor-element.elementor-element-daeac79.e-con{--align-self:center;}.elementor-42 .elementor-element.elementor-element-ec88681{--display:flex;--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:space-evenly;--align-items:center;}.elementor-42 .elementor-element.elementor-element-ed828af{--spacer-size:20px;}.elementor-42 .elementor-element.elementor-element-1258b48{text-align:center;}.elementor-42 .elementor-element.elementor-element-1258b48 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFDFD;}.elementor-42 .elementor-element.elementor-element-eba7455{--display:flex;--min-height:400px;--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:space-evenly;--align-items:center;}.elementor-42 .elementor-element.elementor-element-27c817f{--display:flex;}.elementor-42 .elementor-element.elementor-element-6dee434 > .elementor-widget-container{border-radius:12px 12px 12px 12px;}.elementor-42 .elementor-element.elementor-element-6dee434 iframe{height:400px;}.elementor-42 .elementor-element.elementor-element-3d9b2ce{--display:flex;--min-height:400px;}.elementor-42 .elementor-element.elementor-element-21182ee .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:16px;}.elementor-42 .elementor-element.elementor-element-21182ee .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-16px;}.elementor-42 .elementor-element.elementor-element-21182ee .elementor-field-group.recaptcha_v3-bottomleft, .elementor-42 .elementor-element.elementor-element-21182ee .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-42 .elementor-element.elementor-element-21182ee .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-42 .elementor-element.elementor-element-21182ee .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-42 .elementor-element.elementor-element-21182ee .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-42 .elementor-element.elementor-element-21182ee .elementor-field-type-html{padding-bottom:1px;}.elementor-42 .elementor-element.elementor-element-21182ee .elementor-field-group .elementor-field, .elementor-42 .elementor-element.elementor-element-21182ee .elementor-field-subgroup label{font-size:17px;line-height:27px;letter-spacing:4.6px;}.elementor-42 .elementor-element.elementor-element-21182ee .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-radius:12px 12px 12px 12px;}.elementor-42 .elementor-element.elementor-element-21182ee .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-radius:12px 12px 12px 12px;}.elementor-42 .elementor-element.elementor-element-21182ee .elementor-button{font-family:"Poppins", Sans-serif;font-size:21px;font-weight:500;line-height:14px;letter-spacing:3.9px;word-spacing:0px;border-radius:12px 12px 12px 12px;}.elementor-42 .elementor-element.elementor-element-21182ee .e-form__buttons__wrapper__button-next{background-color:#FF4C4C;color:#ffffff;}.elementor-42 .elementor-element.elementor-element-21182ee .elementor-button[type="submit"]{background-color:#FF4C4C;color:#ffffff;}.elementor-42 .elementor-element.elementor-element-21182ee .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-42 .elementor-element.elementor-element-21182ee .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-42 .elementor-element.elementor-element-21182ee .e-form__buttons__wrapper__button-next:hover{background-color:#D54545;color:#ffffff;}.elementor-42 .elementor-element.elementor-element-21182ee .elementor-button[type="submit"]:hover{background-color:#D54545;color:#ffffff;}.elementor-42 .elementor-element.elementor-element-21182ee .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-42 .elementor-element.elementor-element-21182ee .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-42 .elementor-element.elementor-element-21182ee{--e-form-steps-indicators-spacing:15px;--e-form-steps-indicator-padding:33px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:3px;--e-form-steps-divider-gap:11px;}.elementor-42 .elementor-element.elementor-element-2d85ba9{--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-evenly;}.elementor-42 .elementor-element.elementor-element-c0be869{--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:flex-start;}.elementor-42 .elementor-element.elementor-element-a35c85d{--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:center;--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;}.elementor-42 .elementor-element.elementor-element-a35c85d.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-42 .elementor-element.elementor-element-bc44c26{width:var( --container-widget-width, 36.23% );max-width:36.23%;--container-widget-width:36.23%;--container-widget-flex-grow:0;text-align:end;}.elementor-42 .elementor-element.elementor-element-bc44c26 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-bc44c26.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-42 .elementor-element.elementor-element-bc44c26 img{width:47%;max-width:45%;height:56px;opacity:1;}.elementor-42 .elementor-element.elementor-element-78ddbf0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-78ddbf0{text-align:start;}.elementor-42 .elementor-element.elementor-element-afd0b97{--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:flex-start;}.elementor-42 .elementor-element.elementor-element-a57e7f8{--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:center;--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-42 .elementor-element.elementor-element-a57e7f8.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-42 .elementor-element.elementor-element-de09d90 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-de09d90.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-42 .elementor-element.elementor-element-de09d90{text-align:end;}.elementor-42 .elementor-element.elementor-element-a31a4ce{width:var( --container-widget-width, 120.582% );max-width:120.582%;--container-widget-width:120.582%;--container-widget-flex-grow:0;text-align:start;}.elementor-42 .elementor-element.elementor-element-a31a4ce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-a31a4ce.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-42 .elementor-element.elementor-element-a487b9f{--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-evenly;}.elementor-42 .elementor-element.elementor-element-9d65959{--spacer-size:10px;}.elementor-42 .elementor-element.elementor-element-3be2ae1{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-97eb7ab > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-d211b14{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-1c064ea > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-42 .elementor-element.elementor-element-bc44c26{width:var( --container-widget-width, 112.84px );max-width:112.84px;--container-widget-width:112.84px;--container-widget-flex-grow:0;}.elementor-42 .elementor-element.elementor-element-bc44c26 img{width:68%;}}@media(min-width:768px){.elementor-42 .elementor-element.elementor-element-11ea58e{width:100%;}.elementor-42 .elementor-element.elementor-element-a35c85d{--width:43.682%;}.elementor-42 .elementor-element.elementor-element-a57e7f8{--width:61.853%;}.elementor-42 .elementor-element.elementor-element-97eb7ab{width:100%;}.elementor-42 .elementor-element.elementor-element-1c064ea{width:100%;}}@media(max-width:767px){.elementor-42 .elementor-element.elementor-element-ed828af{--spacer-size:8px;}.elementor-42 .elementor-element.elementor-element-1258b48 .elementor-heading-title{font-size:52px;}.elementor-42 .elementor-element.elementor-element-a35c85d{--width:237.116px;}.elementor-42 .elementor-element.elementor-element-a35c85d.e-con{--align-self:flex-start;}.elementor-42 .elementor-element.elementor-element-bc44c26{width:var( --container-widget-width, 92.829px );max-width:92.829px;--container-widget-width:92.829px;--container-widget-flex-grow:0;}.elementor-42 .elementor-element.elementor-element-afd0b97{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-42 .elementor-element.elementor-element-a57e7f8{--width:300.104px;--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:flex-start;--align-items:center;}.elementor-42 .elementor-element.elementor-element-de09d90{width:var( --container-widget-width, 47.991px );max-width:47.991px;--container-widget-width:47.991px;--container-widget-flex-grow:0;}.elementor-42 .elementor-element.elementor-element-a31a4ce{width:var( --container-widget-width, 222.999px );max-width:222.999px;--container-widget-width:222.999px;--container-widget-flex-grow:0;}}/* Start custom CSS for form, class: .elementor-element-21182ee */#contact-button{
    margin-top: 25px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6a4f718 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap');

.thanks-section {
  position: relative;
  width: 100%;
  min-height: 600px;
  max-height: 700px;/* full height for better scaling */
  background: #221A10;
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
}

/* Responsive heading with clamp */
.thanks-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  font-size: clamp(32px, 8vw, 120px);
  font-weight: 600;
  line-height: 1.1;
  z-index: 5;
  max-width: 90%;
  white-space: normal; /* wrap on mobile */
  pointer-events: none;
}

/* Image Groups */
.img-group {
  position: absolute;
  display: flex;
  flex-direction: row;
  gap: 15px;
  z-index: 3;
  opacity: 0;
  animation: fadeIn 1.5s ease forwards;
}

.img-group.top-right {
  top: 20px;
  right: 20px;
  animation-delay: 0.3s;
}

.img-group.bottom-left {
  bottom: 20px;
  left: 20px;
  animation-delay: 0.6s;
}

.img-group img {
  width: 450px;
  max-width: 45vw; /* scale with screen width */
  height: auto;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.4);
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(30px) scale(0.95); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* WhatsApp Button */
.whatsapp-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: linear-gradient(145deg, #25D366, #20b954);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.35);
  z-index: 9999;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  animation: whatsapp-pulse 2.5s infinite;
}

.whatsapp-btn svg {
  width: 34px;
  height: 34px;
  fill: white;
  transition: transform 0.3s ease;
}

.whatsapp-btn:hover {
  background: linear-gradient(145deg, #1ebe5d, #18a84a);
  transform: scale(1.12);
  box-shadow: 0 8px 25px rgba(37, 211, 102, 0.6);
}

.whatsapp-btn:hover svg {
  transform: rotate(12deg);
}

@keyframes whatsapp-pulse {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); }
  70% { transform: scale(1.08); box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* ---------- Responsive Fixes ---------- */
@media (max-width: 700px) {
  .thanks-section { height: auto; padding-bottom: 120px; } /* leave space for button */
  
  /* Move top-right group down */
  .img-group.top-right {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%) !important;
    margin-top: 20px;
    justify-content: center;
    flex-wrap: wrap;
  }

  .img-group.bottom-left {
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 20px;
    justify-content: center;
  }

  .img-group img {
    max-width: 80vw; /* big enough on mobile */
  }
}

@media (max-width: 480px) {
  .thanks-text { font-size: clamp(28px, 10vw, 50px); }
  
  .whatsapp-btn {
    width: 55px;
    height: 55px;
  }
  .whatsapp-btn svg {
    width: 26px;
    height: 26px;
  }

  /* stack vertically */
  .img-group.top-right,
  .img-group.bottom-left {
    flex-direction: column;
    align-items: center;
  }

  .img-group img {
    max-width: 90vw;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f9f9e06 *//* sf-footer.css
   Full stylesheet for Siam Thai Spa footer
   Uses Poppins font + unique sf- prefix
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.sf-footer-section {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #fff;
  background-color: #1f150d; /* deep rich brown */
  line-height: 1.6;
}

/* ==========================
   Top Footer Layout
   ========================== */
.sf-footer-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 40px 60px;
}

/* ==========================
   Social Icons
   ========================== */
.sf-social {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
}

.sf-social-link {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;             /* white fill */
  border: 2px solid #8a5a2e;    /* brown border */
  transition: all 0.35s ease;
  cursor: pointer;
  overflow: hidden;
}

/* SVG/PNG Icon */
.sf-social-link svg,
.sf-social-link img {
  width: 24px;
  height: 24px;
  fill: #000; /* default black for SVG */
  filter: brightness(0) saturate(100%); /* ensures black for PNG */
  transition: transform 0.35s ease, fill 0.35s ease, filter 0.35s ease;
}

/* Hover Circle */
.sf-social-link:hover {
  background: #ffb84d;
  border-color: #ffb84d;
  transform: translateY(-5px) scale(1.08);
  box-shadow: 0 6px 20px rgba(255, 160, 60, 0.45);
}

/* Hover Icon Animation */
.sf-social-link:hover svg {
  fill: #1f150d; /* dark brown */
  animation: icon-bounce 0.6s ease forwards;
}

.sf-social-link:hover img {
  filter: brightness(0) saturate(100%) invert(20%); /* dark brown PNG */
  animation: icon-bounce 0.6s ease forwards;
}

/* Click */
.sf-social-link:active {
  transform: scale(0.95);
}

/* Bounce Animation */
@keyframes icon-bounce {
  0%   { transform: scale(1); }
  30%  { transform: scale(1.3); }
  60%  { transform: scale(0.9); }
  100% { transform: scale(1); }
}

/* ==========================
   Footer Menu
   ========================== */
.sf-footer-menu {
  display: flex;
  justify-content: center;
  gap: 28px;
  align-items: center;
}

.sf-footer-menu a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  padding: 8px 12px;
  border-radius: 6px;
  transition: background 0.28s ease, color 0.28s ease, transform 0.18s ease;
}

.sf-footer-menu a:hover {
  background: #ffb84d;
  color: #1f150d;
  transform: translateY(-4px);
}

/* ==========================
   Newsletter Area
   ========================== */
.sf-newsletter {
  text-align: right;
}

.sf-newsletter label {
  display: block;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 8px;
  color: #fff;
}

.sf-newsletter-form {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  align-items: center;
  flex-wrap: nowrap;
}

.sf-newsletter-input {
  padding: 10px 14px;
  font-size: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 8px;
  background: rgba(255,255,255,0.08);
  color: #fff;
  min-width: 220px;
  transition: box-shadow 0.22s ease, background 0.22s ease, border 0.22s ease;
}

.sf-newsletter-input::placeholder {
  color: rgba(255,255,255,0.55);
}

.sf-newsletter-input:focus {
  background: rgba(255,255,255,0.12);
  border-color: #ffb84d;
  box-shadow: 0 0 12px rgba(255, 184, 77, 0.45);
  outline: none;
}

/* Button */
.sf-newsletter-btn {
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  background: #ffb84d;
  color: #1f150d;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.25s ease, transform 0.18s ease;
}

.sf-newsletter-btn:hover {
  background: #ff9800;
  transform: translateY(-3px);
}

.sf-newsletter-btn:active {
  transform: scale(0.95);
}

/* ==========================
   Bottom Copyright
   ========================== */
.sf-footer-bottom {
  background: #0a0a23;
  text-align: center;
  padding: 16px 12px;
  font-size: 13px;
  color: #ccc;
}

.sf-footer-bottom a {
  color: #ccc;
  text-decoration: none;
  transition: color 0.22s ease;
}

.sf-footer-bottom a:hover {
  color: #ffb84d;
}

/* ==========================
   Responsive
   ========================== */
@media (max-width: 860px) {
  .sf-footer-top {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 28px 20px;
    gap: 22px;
  }

  .sf-social {
    justify-content: center;
  }

  .sf-footer-menu {
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
  }

  .sf-newsletter {
    text-align: center;
  }

  .sf-newsletter-form {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  .sf-newsletter-input {
    min-width: 180px;
  }
}/* End custom CSS */