.elementor-1594 .elementor-element.elementor-element-48bcc5b3:not(.elementor-motion-effects-element-type-background), .elementor-1594 .elementor-element.elementor-element-48bcc5b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5A028;background-image:url("https://hparc.ac.th/wp-content/uploads/2025/06/alumni.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1594 .elementor-element.elementor-element-48bcc5b3 > .elementor-background-overlay{background-color:var( --e-global-color-secondary );background-position:center center;background-size:cover;opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1594 .elementor-element.elementor-element-48bcc5b3 > .elementor-container{max-width:1500px;min-height:60vh;}.elementor-1594 .elementor-element.elementor-element-48bcc5b3 .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1594 .elementor-element.elementor-element-48bcc5b3, .elementor-1594 .elementor-element.elementor-element-48bcc5b3 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1594 .elementor-element.elementor-element-48bcc5b3{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-1594 .elementor-element.elementor-element-4c94c86c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1594 .elementor-element.elementor-element-2fdbd6bf{text-align:center;}.elementor-1594 .elementor-element.elementor-element-2fdbd6bf .elementor-heading-title{-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#7A7A7A2E;stroke:#7A7A7A2E;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-1594 .elementor-element.elementor-element-cb6357d{--spacer-size:50px;}.elementor-1594 .elementor-element.elementor-element-36804eb{text-align:center;}.elementor-1594 .elementor-element.elementor-element-36804eb .elementor-heading-title{color:#4282DD;}.elementor-1594 .elementor-element.elementor-element-29a8176{--spacer-size:50px;}.elementor-1594 .elementor-element.elementor-element-490e9717:not(.elementor-motion-effects-element-type-background), .elementor-1594 .elementor-element.elementor-element-490e9717 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F4F4;}.elementor-1594 .elementor-element.elementor-element-490e9717{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1594 .elementor-element.elementor-element-490e9717 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1594 .elementor-element.elementor-element-2d9314bf:not(.elementor-motion-effects-element-type-background), .elementor-1594 .elementor-element.elementor-element-2d9314bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1594 .elementor-element.elementor-element-2d9314bf > .elementor-container{max-width:500px;}.elementor-1594 .elementor-element.elementor-element-2d9314bf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1594 .elementor-element.elementor-element-2d9314bf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1594 .elementor-element.elementor-element-72c01e7b{--spacer-size:24px;}.elementor-1594 .elementor-element.elementor-element-6039b431:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1594 .elementor-element.elementor-element-6039b431 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1594 .elementor-element.elementor-element-6039b431 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1594 .elementor-element.elementor-element-6039b431 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1594 .elementor-element.elementor-element-7ad591c{grid-column:span 1;text-align:center;}.elementor-1594 .elementor-element.elementor-element-7ad591c .elementor-heading-title{color:#4282DD;}.elementor-1594 .elementor-element.elementor-element-186babe8{--spacer-size:35px;}.elementor-1594 .elementor-element.elementor-element-16c96d3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1594 .elementor-element.elementor-element-16c96d3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1594 .elementor-element.elementor-element-1bb5079a{text-align:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1594 .elementor-element.elementor-element-2820b7c8 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1594 .elementor-element.elementor-element-41774fb7{text-align:center;}.elementor-1594 .elementor-element.elementor-element-4b2a8b76 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1594 .elementor-element.elementor-element-46a3c1c6:not(.elementor-motion-effects-element-type-background), .elementor-1594 .elementor-element.elementor-element-46a3c1c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}.elementor-1594 .elementor-element.elementor-element-46a3c1c6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:50px;}.elementor-1594 .elementor-element.elementor-element-46a3c1c6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1594 .elementor-element.elementor-element-24682429{text-align:center;}.elementor-1594 .elementor-element.elementor-element-24682429 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-weight:600;}.elementor-1594 .elementor-element.elementor-element-111c4de5{text-align:center;}.elementor-1594 .elementor-element.elementor-element-111c4de5 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:40px;font-weight:700;line-height:56px;color:#000000;}.elementor-1594 .elementor-element.elementor-element-42ede71f > .elementor-widget-container{margin:15px 0px 0px 5px;padding:0px 0px 0px 10px;border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-7d1539b );}.elementor-1594 .elementor-element.elementor-element-42ede71f{text-align:left;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:600;color:#3C3C5A;}.elementor-1594 .elementor-element.elementor-element-5c97c910 > .elementor-widget-container{margin:15px 0px 0px 5px;padding:0px 0px 0px 10px;border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-7d1539b );}.elementor-1594 .elementor-element.elementor-element-5c97c910{text-align:left;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:600;color:#3C3C5A;}.elementor-1594 .elementor-element.elementor-element-617c2ae5 > .elementor-widget-container{margin:15px 0px 0px 5px;padding:0px 0px 0px 10px;border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-7d1539b );}.elementor-1594 .elementor-element.elementor-element-617c2ae5{text-align:left;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:600;color:#3C3C5A;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1594 .elementor-element.elementor-element-6039b431{width:100%;}}@media(max-width:767px){.elementor-1594 .elementor-element.elementor-element-48bcc5b3{margin-top:0px;margin-bottom:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-1cb65d70 *//* ✅ กล่องฟอร์มมีแถบสีน้ำเงินชัดเจน 5% ด้านบน */
.forminator-ui {
  background: linear-gradient(to bottom, #0C359E 0%, #0C359E 5%, #ffffff 5%, #ffffff 100%) !important;
  border-radius: 18px !important;
  padding: 50px 60px !important;
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 6px 20px rgba(0, 0, 0, 0.03) !important;
  border: none !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.forminator-ui:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.12), 0 8px 30px rgba(0, 0, 0, 0.06) !important;
}

/* ✅ ลบพื้นหลัง Elementor */
.elementor-widget-container {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ✅ ปุ่ม บันทึก / ถัดไป / กลับ พร้อมเอฟเฟกต์ */
.forminator-button[data-action="draft"],
.forminator-button[data-action="prev"],
.forminator-button[data-action="next"] {
  background-color: #00bcd4 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px;
  padding: 10px 24px;
  font-weight: 600;
  box-shadow: 0 3px 6px rgba(0, 188, 212, 0.3);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.forminator-button[data-action="draft"]:hover,
.forminator-button[data-action="prev"]:hover,
.forminator-button[data-action="next"]:hover {
  background-color: #0097a7 !important;
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 188, 212, 0.3);
}

/* ✅ Progress Indicator แบบสวยเหมือนตัวอย่าง */
.forminator-pagination__steps {
  display: flex !important;
  justify-content: space-between !important;
  max-width: 90% !important;
  margin: 0 auto 20px auto !important;
  counter-reset: step-counter;
  margin-top: 30px !important;
}

.forminator-pagination__steps li {
  flex: 1 1 auto !important;
  text-align: center !important;
  position: relative !important;
  counter-increment: step-counter;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* วงกลมตัวเลข */
.forminator-pagination__steps li:before {
  content: counter(step-counter);
  display: inline-block;
  background-color: #cfd8dc;
  color: #ffffff;
  font-weight: bold;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin-right: 8px;
  z-index: 2;
}

/* เส้นแบ่งแต่ละหน้า */
.forminator-pagination__steps li:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 12px;
  left: 60%;
  width: 80%;
  height: 2px;
  background: #cfd8dc;
  z-index: 1;
}

/* เส้นที่ผ่านแล้ว */
.forminator-pagination__steps li.forminator-pagination__step--active::after {
  background: #00bcd4 !important;
}

/* วงกลมที่ active */
.forminator-pagination__steps li.forminator-pagination__step--active:before {
  background-color: #00bcd4 !important;
}

/* ข้อความ */
.forminator-pagination__steps li span {
  font-weight: bold;
  color: #6b6b6b;
}

/* ข้อความที่ active */
.forminator-pagination__steps li.forminator-pagination__step--active span {
  color: #00bcd4 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7ad591c *//* ✅ กล่องฟอร์มสีขาว ไล่สีฟ้าด้านล่าง */
.forminator-ui {
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 70%, #d2f0f9 90%, #c9eefa 100%) !important;
  border-radius: 18px !important;
  padding: 50px 60px !important;
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08), 0 6px 20px rgba(0, 0, 0, 0.03) !important;
  border: none !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.forminator-ui:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.12), 0 8px 30px rgba(0, 0, 0, 0.06) !important;
}

/* ✅ ลบพื้นหลัง Elementor */
.elementor-widget-container {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ✅ ปุ่ม บันทึก */
.forminator-button[data-action="draft"],
.forminator-button[data-action="prev"],
.forminator-button[data-action="next"] {
  background-color: #00bcd4 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px;
  padding: 10px 24px;
  font-weight: 600;
  box-shadow: 0 3px 6px rgba(0, 188, 212, 0.3);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.forminator-button[data-action="draft"]:hover,
.forminator-button[data-action="prev"]:hover,
.forminator-button[data-action="next"]:hover {
  background-color: #0097a7 !important;
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 188, 212, 0.3);
}

/* ✅ Step Indicator แบบ 4 หน้า */
.forminator-pagination__steps {
  display: flex !important;
  justify-content: space-between !important;
  max-width: 90% !important;
  margin: 0 auto 20px auto !important;
}

.forminator-pagination__steps li {
  flex: 1 1 auto !important;
  display: flex !important;
  justify-content: center !important;
  position: relative !important;
  text-align: center !important;
}

.forminator-pagination__steps li:before {
  content: '';
  position: absolute !important;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 14px;
  height: 14px;
  background: #cfd8dc;
  border-radius: 50%;
  z-index: 2;
}

.forminator-pagination__steps li.forminator-pagination__step--active:before {
  background: #00bcd4 !important;
}

.forminator-pagination__steps li:after {
  content: '';
  position: absolute !important;
  top: 17px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #cfd8dc;
  z-index: 1;
}

.forminator-pagination__steps li:last-child:after {
  display: none;
}

.forminator-pagination__steps li.forminator-pagination__step--active ~ li:after {
  background: #cfd8dc !important;
}

.forminator-pagination__steps li.forminator-pagination__step--active:after {
  background: #00bcd4 !important;
}/* End custom CSS */