.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000;background-image:url("https://laxxx1.com/wp-content/uploads/2025/05/Untitled-1-scaled.jpg");background-position:0px -41px;background-size:100% auto;overscroll-behavior:auto;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:1025px){.elementor-kit-6{background-attachment:fixed;}}@media(max-width:1024px){.elementor-kit-6{background-position:0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{background-image:url("https://laxxx1.com/wp-content/uploads/2025/05/Untitled-1-scaled.jpg");background-position:-310px -16px;background-repeat:repeat-x;background-size:1000px auto;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  --radius: 14px;
  --gap-input: 1.0rem;
  --bg: #fff;
  --primary: #2563eb;
  --line: #06C755;
  --shadow: 0 4px 14px rgba(0,0,0,.08);
  font-family: 'Segoe UI', sans-serif;
}

/* ===== FORM หลัก ===== */
form#register-form {
  width: 100%;
  max-width: 550px;
  background: var(--bg);
  padding: 1.1rem 1rem;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  margin: 0 auto;
}

form#register-form h2 {
  margin: 0 0 1.0rem;
  text-align: center;
  color: #111827;
}

/* ===== FIELD ===== */
form#register-form .field {
  margin-bottom: var(--gap-input);
}

form#register-form label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.90rem;
  color: #374151;
}

/* ===== INPUT / SELECT ===== */
form#register-form input,
form#register-form select {
  width: 100%;
  padding: 0.36rem 0.4rem;
  border: 1px solid #d1d5db;
  border-radius: var(--radius);
  font-size: 0.80rem;
  outline: none;
  transition: border .2s;
}

form#register-form input:focus,
form#register-form select:focus {
  border-color: var(--primary);
}

/* ===== BUTTON ===== */
form#register-form .btn-block {
  display: block;
  width: 100%;
  padding: 0.65rem 0.8rem;
  margin-top: 0.2rem;
  border: none;
  border-radius: var(--radius);
  font-size: 0.90rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: filter .2s;
}

form#register-form .btn-submit {
  background: var(--primary);
  color: #fff;
}
form#register-form .btn-submit:hover {
  filter: brightness(1.06);
}

form#register-form .btn-line {
  background: var(--line);
  color: #fff;
}
form#register-form .btn-line:hover {
  filter: brightness(1.08);
}

form#register-form .actions {
  display: flex;
  flex-direction: column;
  gap: .8rem;
  margin-top: 1.2rem;
}

/* ===== มือถือ (ลดระยะห่างล่าง) ===== */
@media (max-width: 480px) {
  form#register-form {
    padding-bottom: 1rem !important;
    margin-bottom: 0 !important;
  }

  /* ป้องกัน Section ของ Elementor ดันห่าง */
  .elementor-section,
  .elementor-container,
  .elementor-widget-wrap {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* ถ้ามี wrapper กึ่งกลางด้วย flex */
  .wrapper {
    min-height: auto !important;
    align-items: flex-start !important;
  }

  footer {
    margin-top: 0 !important;
  }
}/* End custom CSS */