.elementor-532 .elementor-element.elementor-element-7bd2d164{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-532 .elementor-element.elementor-element-7bd2d164:not(.elementor-motion-effects-element-type-background), .elementor-532 .elementor-element.elementor-element-7bd2d164 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-532 .elementor-element.elementor-element-0c079ad{text-align:center;}@media(max-width:1024px){.elementor-532 .elementor-element.elementor-element-7bd2d164{--padding-top:70px;--padding-bottom:70px;--padding-left:70px;--padding-right:70px;}}@media(max-width:767px){.elementor-532 .elementor-element.elementor-element-7bd2d164{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-532 .elementor-element.elementor-element-0c079ad{text-align:center;}}/* Start custom CSS for text-editor, class: .elementor-element-2d13311 *//* ------------------ ฟอนต์ ------------------ */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600&display=swap');

.um-583.um,
.um-583.um * {
  font-family: "IBM Plex Sans Thai", sans-serif !important;

}

/* ------------------ ฟอร์ม ------------------ */
.um-583.um .um-form {

}

/* ------------------ Label ------------------ */
.um-583.um .um-field-label label {
  display: block !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #1a1a1a !important;
  margin-bottom: 6px !important;
}

/* ------------------ Input ------------------ */
.um-583.um input[type="text"],
.um-583.um input[type="password"] {
  width: 100% !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  color: #333 !important;
  background: #fff !important;
  transition: all 0.2s ease !important;
}

.um-583.um input[type="text"]:focus,
.um-583.um input[type="password"]:focus {
  border-color: #4b4b4b !important;
  outline: none !important;
}

/* ------------------ Checkbox ------------------ */
.um-583.um .um-field-checkbox label.um-field-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  color: #4b4b4b !important;
}

.um-583.um .um-field-checkbox input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  accent-color: #1a1a1a !important;
}

/* ------------------ ปุ่มหลัก ------------------ */
.um-583.um .um-col-alt {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: 15px !important;
}

.um-583.um .um-button,
.um-583.um a.um-button {
  min-width: 130px !important;
  height: 45px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  border-radius: 50px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

/* เข้าสู่ระบบ (ปุ่มเข้ม) */
.um-583.um #um-submit-btn.um-button {
  background: #464D64 !important;
  color: #fff !important;
  border: 2px solid #464D64 !important;
}

.um-583.um #um-submit-btn.um-button:hover {
  background: #1c1c33 !important;
}

/* สมัครสมาชิก (ขอบสีเข้ม พื้นขาว) */
.um-583.um a.um-button.um-alt {
  background: #fff !important;
  color: #464D64 !important;
  border: 1px solid #464D64 !important;
  width: 100% !important;
}

.um-583.um a.um-button.um-alt:hover {
  background: #f8f8f8 !important;
}

/* ------------------ ลิงก์ลืมรหัสผ่าน ------------------ */
.um-583.um .um-col-alt-b {
  text-align: center !important;
  margin-top: 16px !important;
}

.um-583.um .um-col-alt-b a {
  font-size: 14px !important;
  color: #777 !important;
  text-decoration: none !important;
}

.um-583.um .um-col-alt-b a:hover {
  text-decoration: underline !important;
}

/* ------------------ Responsive ------------------ */
@media (max-width: 480px) {
  .um-583.um .um-col-alt {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .um-583.um .um-button,
  .um-583.um a.um-button {
    width: 100% !important;
  }
}

.um-field-checkbox-option, .um-field-radio-option{
    margin: 0 0 0 0px!important;
}/* End custom CSS */