.elementor-1629 .elementor-element.elementor-element-543592df:not(.elementor-motion-effects-element-type-background), .elementor-1629 .elementor-element.elementor-element-543592df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;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-1629 .elementor-element.elementor-element-543592df > .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-1629 .elementor-element.elementor-element-543592df > .elementor-container{max-width:1500px;min-height:60vh;}.elementor-1629 .elementor-element.elementor-element-543592df .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1629 .elementor-element.elementor-element-543592df, .elementor-1629 .elementor-element.elementor-element-543592df > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1629 .elementor-element.elementor-element-543592df{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-1629 .elementor-element.elementor-element-4ff17200 > .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-1629 .elementor-element.elementor-element-24f2f5dd > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-1629 .elementor-element.elementor-element-24f2f5dd{text-align:center;}.elementor-1629 .elementor-element.elementor-element-24f2f5dd .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:60px;font-weight:700;line-height:68px;letter-spacing:1px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#7A7A7A29;stroke:#7A7A7A29;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-1629 .elementor-element.elementor-element-2a2f0b6{--spacer-size:50px;}.elementor-1629 .elementor-element.elementor-element-8ee9673 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1629 .elementor-element.elementor-element-8ee9673{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1629 .elementor-element.elementor-element-92c6a27{--spacer-size:50px;}.elementor-1629 .elementor-element.elementor-element-d04f8a1{width:var( --container-widget-width, 100.593% );max-width:100.593%;--container-widget-width:100.593%;--container-widget-flex-grow:0;text-align:center;}.elementor-1629 .elementor-element.elementor-element-d04f8a1 > .elementor-widget-container{--e-transform-rotateZ:0deg;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1629 .elementor-element.elementor-element-d04f8a1 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-weight:600;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#212A7A;}.elementor-1629 .elementor-element.elementor-element-82f974c{--spacer-size:16px;}.elementor-1629 .elementor-element.elementor-element-132143f8:not(.elementor-motion-effects-element-type-background), .elementor-1629 .elementor-element.elementor-element-132143f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-1629 .elementor-element.elementor-element-132143f8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1629 .elementor-element.elementor-element-132143f8 > .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-1629 .elementor-element.elementor-element-1b3ae43{--spacer-size:50px;}.elementor-1629 .elementor-element.elementor-element-6322cda9{--spacer-size:50px;}.elementor-1629 .elementor-element.elementor-element-15f11d92{--spacer-size:50px;}.elementor-1629 .elementor-element.elementor-element-786763ba:not(.elementor-motion-effects-element-type-background), .elementor-1629 .elementor-element.elementor-element-786763ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-1629 .elementor-element.elementor-element-786763ba{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1629 .elementor-element.elementor-element-786763ba > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-1629 .elementor-element.elementor-element-69324f16{text-align:center;}.elementor-1629 .elementor-element.elementor-element-69324f16 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:700;line-height:56px;color:#000000;}.elementor-1629 .elementor-element.elementor-element-23a2130 > .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-1629 .elementor-element.elementor-element-23a2130{text-align:left;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:600;color:#3C3C5A;}.elementor-1629 .elementor-element.elementor-element-69fce8e > .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-1629 .elementor-element.elementor-element-69fce8e{text-align:left;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:600;color:#3C3C5A;}.elementor-1629 .elementor-element.elementor-element-48b8934a > .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-1629 .elementor-element.elementor-element-48b8934a{text-align:left;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:600;color:#3C3C5A;}.elementor-1629 .elementor-element.elementor-element-468abab7{--spacer-size:50px;}.elementor-1629 .elementor-element.elementor-element-5cf7d149 > .elementor-background-overlay{background-color:#0142A5;opacity:1;}.elementor-1629 .elementor-element.elementor-element-4059feeb{--spacer-size:50px;}.elementor-1629 .elementor-element.elementor-element-45646f4c{text-align:center;}.elementor-1629 .elementor-element.elementor-element-45646f4c .elementor-heading-title{font-family:"Kanit", Sans-serif;color:#77E6FF;}.elementor-1629 .elementor-element.elementor-element-ea0179f{--spacer-size:50px;}.elementor-1629 .elementor-element.elementor-element-756c0c39 iframe{height:402px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1629 .elementor-element.elementor-element-543592df{margin-top:0px;margin-bottom:0px;}.elementor-1629 .elementor-element.elementor-element-24f2f5dd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0200px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-23ce5dd4 *//* ✅ กล่องฟอร์มมีแถบสีน้ำเงินชัดเจน 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 */