.elementor-1486 .elementor-element.elementor-element-6793ddad:not(.elementor-motion-effects-element-type-background), .elementor-1486 .elementor-element.elementor-element-6793ddad > .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-1486 .elementor-element.elementor-element-6793ddad > .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-1486 .elementor-element.elementor-element-6793ddad > .elementor-container{max-width:1500px;min-height:60vh;}.elementor-1486 .elementor-element.elementor-element-6793ddad .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1486 .elementor-element.elementor-element-6793ddad, .elementor-1486 .elementor-element.elementor-element-6793ddad > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1486 .elementor-element.elementor-element-6793ddad{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-1486 .elementor-element.elementor-element-5fd55fa1 > .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-1486 .elementor-element.elementor-element-3e16634 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-1486 .elementor-element.elementor-element-3e16634{text-align:center;}.elementor-1486 .elementor-element.elementor-element-3e16634 .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-1486 .elementor-element.elementor-element-4fe053f5{--spacer-size:50px;}.elementor-1486 .elementor-element.elementor-element-18fadb5:not(.elementor-motion-effects-element-type-background), .elementor-1486 .elementor-element.elementor-element-18fadb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1486 .elementor-element.elementor-element-18fadb5 > .elementor-container{max-width:500px;}.elementor-1486 .elementor-element.elementor-element-18fadb5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1486 .elementor-element.elementor-element-18fadb5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1486 .elementor-element.elementor-element-d244f47{--spacer-size:24px;}.elementor-1486 .elementor-element.elementor-element-b3a6246:not(.elementor-motion-effects-element-type-background), .elementor-1486 .elementor-element.elementor-element-b3a6246 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1486 .elementor-element.elementor-element-b3a6246{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1486 .elementor-element.elementor-element-b3a6246 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1486 .elementor-element.elementor-element-3686e5c{width:var( --container-widget-width, 115.268% );max-width:115.268%;--container-widget-width:115.268%;--container-widget-flex-grow:0;text-align:center;}.elementor-1486 .elementor-element.elementor-element-3686e5c .elementor-heading-title{font-family:"Prompt", Sans-serif;font-weight:600;color:#000000;}.elementor-1486 .elementor-element.elementor-element-502c660:not(.elementor-motion-effects-element-type-background), .elementor-1486 .elementor-element.elementor-element-502c660 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-1486 .elementor-element.elementor-element-502c660{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1486 .elementor-element.elementor-element-502c660 > .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-1486 .elementor-element.elementor-element-a787eb4:not(.elementor-motion-effects-element-type-background), .elementor-1486 .elementor-element.elementor-element-a787eb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}.elementor-1486 .elementor-element.elementor-element-a787eb4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:50px;}.elementor-1486 .elementor-element.elementor-element-a787eb4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1486 .elementor-element.elementor-element-1cabdf9{text-align:center;}.elementor-1486 .elementor-element.elementor-element-1cabdf9 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-weight:600;}.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-1486 .elementor-element.elementor-element-a388ce9{text-align:center;}.elementor-1486 .elementor-element.elementor-element-a388ce9 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:40px;font-weight:700;line-height:56px;color:#000000;}.elementor-1486 .elementor-element.elementor-element-b6ffd43 > .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-1486 .elementor-element.elementor-element-b6ffd43{text-align:left;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:600;color:#3C3C5A;}.elementor-1486 .elementor-element.elementor-element-90a6e70 > .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-1486 .elementor-element.elementor-element-90a6e70{text-align:left;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:600;color:#3C3C5A;}.elementor-1486 .elementor-element.elementor-element-d65da5e > .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-1486 .elementor-element.elementor-element-d65da5e{text-align:left;font-family:"Prompt", Sans-serif;font-size:16px;font-weight:600;color:#3C3C5A;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1486 .elementor-element.elementor-element-6793ddad{margin-top:0px;margin-bottom:0px;}.elementor-1486 .elementor-element.elementor-element-3e16634 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0200px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-1fa5155 *//* ✅ กล่องฟอร์ม Panel Global */
.forminator-ui {
  background: linear-gradient(to bottom, #0C359E 0%, #1E56A0 15%, #ffffff 20%, #ffffff 100%) !important;
  border-radius: 18px !important;
  padding: 50px 60px !important;
  max-width: 900px !important;
  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;
}

/* ✅ 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;
}

.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 {
  counter-increment: step-counter;
  content: counter(step-counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #9E9E9E;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  font-size: 14px;
  margin-right: 6px;
  z-index: 2;
}

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

.forminator-pagination__steps li:after {
  content: '';
  position: absolute;
  top: 12px;
  left: calc(50% + 16px);
  width: 100%;
  height: 2px;
  background: #BDBDBD;
  z-index: 1;
}

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

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

.forminator-pagination__steps li span {
  font-weight: bold !important;
  color: #6D6D6D !important;
}

.forminator-pagination__steps li.forminator-pagination__step--active span {
  color: #00BCD4 !important;
}/* End custom CSS */