.elementor-55617 .elementor-element.elementor-element-6baf2e3f{--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;}.elementor-55617 .elementor-element.elementor-element-6baf2e3f:not(.elementor-motion-effects-element-type-background), .elementor-55617 .elementor-element.elementor-element-6baf2e3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-button-content-wrapper{flex-direction:row;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:11px;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-11px;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-field-group.recaptcha_v3-bottomleft, .elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-field-group > label{font-weight:400;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-field-type-html{padding-bottom:0px;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:0px 0px 0px 0px;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:0px 0px 0px 0px;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-button{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;padding:10px 20px 10px 20px;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-10c8049 );color:#ffffff;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-button[type="submit"]{background-color:var( --e-global-color-10c8049 );color:#ffffff;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-55617 .elementor-element.elementor-element-1ba1f3cd{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--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:1px;--e-form-steps-divider-gap:10px;}.elementor-55617 .elementor-element.elementor-element-8158a89{--display:flex;}@media(max-width:1600px){.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-button{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:991px){.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-button{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:575px){.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-button{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(min-width:1921px){.elementor-55617 .elementor-element.elementor-element-1ba1f3cd .elementor-button{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}/* Start custom CSS for form, class: .elementor-element-1ba1f3cd *//* Wrapper */
#CP123456.elementor-form {
  margin: 40px auto;
  background: #f7f7f7;
  padding: 40px 40px 50px;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
  box-sizing: border-box;
}



#CP123456 .elementor-field-group-field_8a046e9 p {
  font-size: 22px;
  margin-top: 35px;
}

/* Grid layout – space between columns */
#CP123456 .elementor-form-fields-wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 25px;
  row-gap: 18px;
}

/* Fix Elementor column widths */
#CP123456 .elementor-field-group.elementor-col-33    { width: calc(33.333% - 17px); }
#CP123456 .elementor-field-group.elementor-col-50    { width: calc(50% - 13px); }
#CP123456 .elementor-field-group.elementor-col-100   { width: 100%; }

/* Labels */
#CP123456 .elementor-field-label {
  display: block;
  font-size: 18px;
  color: #333;
  margin-bottom: 6px;
}

/* Required star */
#CP123456 .elementor-mark-required .elementor-field-label:after {
  content: " *";
  color: #e53935;
}

/* Text / select / textarea / file */

#CP123456 .elementor-upload-field {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #d3d7dd;
  padding: 9px 12px;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  box-sizing: border-box;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

/* Placeholder */
#CP123456 .elementor-field::placeholder,
#CP123456 .elementor-field-textual::placeholder {
  color: #b0b4bc;
}



/* Disclaimer text */
#CP123456 .elementor-field-group-field_72c8a18 p,
#CP123456 .elementor-field-group-field_16ddd73 p {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 300;
  color: #6b6f77;
}

/* Checkbox consent */
#CP123456 .elementor-field-group-consent .elementor-field-subgroup {
  padding: 14px 15px;
  font-size: 14px;
  font-weight: 300;
  color:#444;
}

#CP123456 #form-field-consent {
  margin-right: 8px;
}

/* reCAPTCHA info box */
#CP123456 .elementor-alert.elementor-alert-info {
  font-size: 11px;
  border-radius: 4px;
}

/* Submit button */
#CP123456 .e-form__buttons {
  margin-top: 25px;
  text-align: center;
}

#CP123456 .e-form__buttons .elementor-button {
  min-width: 180px;
  border-radius: 4px;
  background: #0092c8;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 35px;
  box-shadow: 0 6px 14px rgba(0,146,200,.35);
  transition: background .2s ease, box-shadow .2s ease, transform .1s ease;
}

#CP123456 .e-form__buttons .elementor-button:hover {
  background: #0076a3;
  box-shadow: 0 4px 10px rgba(0,118,163,.35);
  transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 767px) {
  #CP123456.elementor-form {
    padding: 25px 18px 30px;
  }
  #CP123456 .elementor-field-group {
    width: 100% !important;
  }
  #CP123456 .elementor-field-group.elementor-field-type-html p {
    text-align: left;
  }
}
.elementor-field-type-html.elementor-field-group.elementor-column.elementor-field-group-field_56bcffd.elementor-col-100 {
    font-size: 32px;
    font-weight: 600;
    color: #004A76 !important;
    text-align: center;
}
#CP123456 .elementor-field-group-field_8a046e9 p {
    font-size: 32px;
    /* margin-top: 35px; */
    font-weight: 600;
    color: #004A76 !important;
    text-align: center;
    padding-top: 30px;
}

/* padding ให้ placeholder ด้านบน/ซ้าย 5px */
#CP123456 input::placeholder,
#CP123456 textarea::placeholder {
  padding-top: 5px;
  padding-left: 5px;
}

/* เผื่อรองรับบาง browser เก่า */
#CP123456 input::-webkit-input-placeholder,
#CP123456 textarea::-webkit-input-placeholder {
  padding-top:10px;
  padding-left: 10px;
}
#CP123456 input::-moz-placeholder,
#CP123456 textarea::-moz-placeholder {
  padding-top: 10px;
  padding-left:10px;
}
#CP123456 input:-ms-input-placeholder,
#CP123456 textarea:-ms-input-placeholder {
  padding-top: 10px;
  padding-left: 10px;
}
.elementor-field-type-html.elementor-field-group.elementor-column.elementor-field-group-field_7de5dcb.elementor-col-100 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
    color: #6b6f77;
}





.elementor-message {
    margin-top: 5px;
    font-size: 12px;
    padding: 8px;
}
.elementor-message-danger {
    color: #d9534f;
    background: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 3px;
}




/* กล่อง field upload ต้องเป็น relative เพื่อให้ ::after absolute อิงตำแหน่ง */
#CP123456 .elementor-field-group-attachments{
  position: relative;
}

/* ข้อความอธิบายแบบลอย (ไม่กินพื้นที่ layout) */
#CP123456 .elementor-field-group-attachments::after{
  content: "You can upload files up to 10MB.";
  position: absolute;
  left: 0;
  top: calc(100% + 6px); /* วางใต้กล่อง field */
  width: max-content;
  max-width: 100%;
  padding-left: 15px;
  font-size: 12px;
  line-height: 1.3;
  color: #6c757d;
  pointer-events: none;
  z-index: 5;
}
#CP123456 .elementor-field-group p {
    color: #004A76 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-877593e *//* ทำให้ field wrapper เป็นตัวอ้างอิงตำแหน่ง */
#CP123456 .field-wrapper,
#CP123456 .elementor-field-group{
  position: relative;
}

/* ป้ายเตือนแบบลอย (ไม่ดัน layout) */
#CP123456 .field-error-float{
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 9999;
  pointer-events: none;

  /* ให้กว้างตามข้อความ แต่ไม่ล้นคอลัมน์ */
  width: max-content;
  max-width: min(420px, 100%);
  box-sizing: border-box;

  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c2c7;
  border-radius: 8px;
  padding: 10px 12px;

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

  /* กันคำยาว ๆ ล้น */
  white-space: normal;
  overflow-wrap: anywhere; /* ช่วยให้ตัดคำได้เมื่อยาวเกิน [web:367] */

  /* Animation เด้งออกมา */
  opacity: 0;
  transform: translateY(-6px) scale(.98);
  transition: opacity .18s ease, transform .18s ease;
  visibility: hidden;

  /* เงาให้เหมือน tooltip */
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* แสดงป้าย */
#CP123456 .field-error-float.show{
  opacity: 1;
  transform: translateY(0) scale(1);
  visibility: visible;
}

/* ลูกศรเล็ก ๆ ชี้ขึ้นไปที่ field */
#CP123456 .field-error-float::before{
  content: "";
  position: absolute;
  left: 16px;
  top: -6px;
  width: 12px;
  height: 12px;
  background: #f8d7da;
  border-left: 1px solid #f5c2c7;
  border-top: 1px solid #f5c2c7;
  transform: rotate(45deg);
}
/* ให้แต่ละ field-group เป็นจุดอ้างอิงตำแหน่งป้าย */
#CP123456 .elementor-field-group{
  position: relative;
}

/* ป้ายเตือนลอย (ไม่กระทบ field อื่น) */
#CP123456 .field-error-float{
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 9999;
  pointer-events: none; /* ไม่บังการคลิก/เลือก field [web:368] */

  /* ขนาดกล่อง */
  width: max-content;
  max-width: min(420px, 100%);
  box-sizing: border-box;

  /* สไตล์ */
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c2c7;
  border-radius: 8px;
  padding: 10px 12px;

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

  /* ตัดคำ/ขึ้นบรรทัดเมื่อข้อความยาว */
  white-space: normal;
  overflow-wrap: anywhere; /* กันข้อความล้นกรอบ [web:423] */

  /* Animation เด้งออกมา */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px) scale(.98);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;

  /* เงาให้ลอย */
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* ตอนแสดง */
#CP123456 .field-error-float.show{
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

/* ลูกศรชี้ขึ้น (tooltip arrow) */
#CP123456 .field-error-float::before{
  content: "";
  position: absolute;
  left: 16px;
  top: -6px;
  width: 12px;
  height: 12px;
  background: #f8d7da;
  border-left: 1px solid #f5c2c7;
  border-top: 1px solid #f5c2c7;
  transform: rotate(45deg);
}/* End custom CSS */