.elementor-8315 .elementor-element.elementor-element-950a3bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-8315 .elementor-element.elementor-element-3a0c3c9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-8315 .elementor-element.elementor-element-c0d35d1{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:12px 12px 12px 12px;box-shadow:0px 25px 60px -28px rgba(27.999999999999996, 27.000000000000007, 74, 0.4);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;--z-index:0;}.elementor-8315 .elementor-element.elementor-element-c0d35d1:not(.elementor-motion-effects-element-type-background), .elementor-8315 .elementor-element.elementor-element-c0d35d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_white );}.elementor-8315 .elementor-element.elementor-element-0b5f33e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-8315 .elementor-element.elementor-element-0bea954 .elementor-heading-title{color:var( --e-global-color-uicore_primary );}.elementor-8315 .elementor-element.elementor-element-827a971{color:var( --e-global-color-uicore_body );}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-8315 .elementor-element.elementor-element-950a3bd{--content-width:820px;}}@media(max-width:1024px){.elementor-8315 .elementor-element.elementor-element-3a0c3c9{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-8315 .elementor-element.elementor-element-c0d35d1{--border-radius:0px 0px 12px 12px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-76e74d5 *//* Fonts — ilagay sa TAAS ng Additional CSS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&family=Nunito:wght@400;500;600;700&display=swap');

/* ============================================================
   EarliPoint Research Request Form — GForm #4
   ============================================================ */

/* ---- Base text ---- */
#gform_wrapper_4,
#gform_4 input.large,
#gform_4 textarea.textarea,
#gform_4 .gform-field-label,
#gform_4 .gform_button {
  font-family: "Nunito", system-ui, -apple-system, sans-serif;
}

/* ---- Header ---- */
#gform_wrapper_4 .gform_title {
  font-family: "Inter", sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -.02em;
  color: #16233A;
  margin: 0 0 10px;
}

#gform_wrapper_4 .gform_description {
  display: block;
  color: #6B7688;
  font-size: 15px;
  max-width: 60ch;
  margin: 0 0 8px;
}

#gform_wrapper_4 .gform_required_legend {
  color: #6B7688;
  font-size: 13px;
}

/* ---- Section headers ---- */
#gform_4 .gsection {
  border-bottom: none;
  border-top: 1px solid #EAEEF3;
  margin: 30px 0 4px;
  padding-top: 28px;
}

#gform_4 .gfield--type-section:first-of-type {
  border-top: none;
  margin-top: 8px;
  padding-top: 8px;
}

#gform_4 .gsection_title {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: -.01em;
  color: #16233A;
  margin: 0;
  padding-left: 14px;
  position: relative;
}

#gform_4 .gsection_title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 3px;
  width: 4px;
  border-radius: 3px;
  background: #30B3D3;
}

/* ---- Field spacing ---- */
#gform_4 .gform_fields {
  row-gap: 15px;
  column-gap: 24px;
}

/* ---- Labels ---- */
#gform_4 .gfield_label,
#gform_4 .gform-field-label {
  font-family: "Inter", sans-serif;
  color: #16233A;
  font-weight: 600;
  font-size: 14px;
}

#gform_4 .gfield_required_text {
  color: #6B7688;
  font-weight: 500;
  font-size: 12px;
  margin-left: 4px;
}

#gform_4 .gform-field-label--type-sub {
  color: #6B7688;
  font-weight: 400;
  font-size: 12px;
}

#gform_4 .gfield_description {
  font-family: "Nunito", sans-serif;
  color: #6B7688;
  font-size: 12.5px;
}

/* ---- Inputs / textarea / date / phone ---- */
#gform_4 input.large,
#gform_4 textarea.textarea,
#gform_4 .datepicker,
#gform_4 .gform-phone__input-wrapper {
  background: #fff;
  color: #16233A;
  border: 1px solid #DCE1E8;
  border-radius: 10px;
  padding: 11px 13px;
  font-size: 15px;
  line-height: 1.4;
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}

#gform_4 textarea.textarea {
  min-height: 112px;
  resize: vertical;
}

#gform_4 input.large::placeholder,
#gform_4 textarea.textarea::placeholder {
  color: #9AA2AE;
}

#gform_4 input.large:focus,
#gform_4 textarea.textarea:focus,
#gform_4 .datepicker:focus,
#gform_4 .gform-phone__input-wrapper:focus-within {
  outline: none;
  border-color: #30B3D3;
  box-shadow: 0 0 0 3px rgba(48, 179, 211, .18);
}

#gform_4 .gform-phone__input-wrapper {
  display: flex;
  align-items: center;
  padding: 4px 8px;
}

#gform_4 .gform-phone__input {
  border: none;
  box-shadow: none;
  padding: 7px 6px;
  background: transparent;
}

#gform_4 .gform-phone__country-.elementor-8315 .elementor-element.elementor-element-76e74d5 {
  border: none;
  background: transparent;
}

/* ---- Choice labels and layout ---- */
#gform_4 .gfield-choice-input {
  accent-color: #30B3D3;
  width: 18px;
  height: 18px;
}

#gform_4 .gchoice,
#gform_4 .ginput_container_consent {
  display: flex;
  align-items: center;
  gap: 9px;
}

#gform_4 .gform-field-label--type-inline {
  font-family: "Nunito", sans-serif;
  color: #41506A;
  font-weight: 400;
  font-size: 14.5px;
}

#gform_4 .ep-inline .gfield_radio {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 26px;
}

#gform_4 .ep-inline .gchoice {
  margin: 0;
}

/* ---- HTML blocks ---- */
#gform_4 .gfield_html {
  margin-top: 6px;
}

/* ---- UPDATED: Additional data subsection heading ---- */
/* HTML:
   <h3 class="ep-additional-data-heading">Additional data</h3>
*/
#gform_4 .gfield_html .ep-additional-data-heading {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: "Inter", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -.01em;
  text-transform: none;
  color: #16233A !important;
  margin: 20px 0 8px !important;
  padding: 20px 0 0 !important;
  border: 0;
  border-top: 1px solid #DCE1E8;
}

/* ---- Acknowledgment / consent ---- */
#gform_4 .gfield--type-consent {
  background: #F8FAFB;
  border: 1px solid #DCE1E8;
  border-radius: 12px;
  padding: 20px 22px;
  margin-top: 12px;
}

#gform_4 .gfield_consent_description {
  font-family: "Nunito", sans-serif;
  color: #41506A;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 14px;
  background: transparent;
  border: none;
  padding: 0;
  max-height: none;
  overflow: visible;
}

#gform_4 .gfield_consent_label {
  color: #16233A;
  font-weight: 600;
}

/* ---- Submit button ---- */
#gform_4 .gform_footer {
  margin-top: 28px;
}

#gform_4 .gform_button,
#gform_submit_button_4 {
  font-family: "Inter", sans-serif;
  width: 100%;
  background: #3C2B6A;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  border: none;
  border-radius: 10px;
  padding: 16px 20px;
  cursor: pointer;
  box-shadow: 0 8px 20px -12px rgba(48, 179, 211, .9);
  transition: background-color .18s ease, transform .05s ease;
}

#gform_4 .gform_button:hover,
#gform_submit_button_4:hover {
  background: #30B3D3;
}

#gform_4 .gform_button:active {
  transform: translateY(1px);
}

/* ---- Honeypot ---- */
#gform_4 .gform_validation_container {
  display: none !important;
}

/* ---- Checkbox & radio appearance ---- */
#gform_4 input[type="checkbox"],
#gform_4 input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px;
  min-height: 18px;
  flex: 0 0 auto;
  margin: 0;
  padding: 0 !important;
  cursor: pointer;
  background: #fff !important;
  border: 1.5px solid #DCE1E8 !important;
  box-shadow: none !important;
  position: relative;
  transition: border-color .15s ease, background-color .15s ease;
}

#gform_4 input[type="checkbox"] {
  border-radius: 4px !important;
}

#gform_4 input[type="radio"] {
  border-radius: 50% !important;
}

/* ---- Remove theme-generated marks ---- */
#gform_4 input[type="checkbox"]::before,
#gform_4 input[type="radio"]::before {
  content: none !important;
  display: none !important;
}

/* ---- Checked checkbox ---- */
#gform_4 input[type="checkbox"]:checked {
  background: #30B3D3 !important;
  border-color: #30B3D3 !important;
}

#gform_4 input[type="checkbox"]:checked::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 47% !important;
  width: 4px !important;
  height: 8px !important;
  background: transparent !important;
  background-image: none !important;
  border-style: solid !important;
  border-color: #fff !important;
  border-width: 0 2px 2px 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

/* ---- Checked radio ---- */
#gform_4 input[type="radio"]:checked {
  background: #fff !important;
  border-color: #30B3D3 !important;
}

#gform_4 input[type="radio"]:checked::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 9px !important;
  height: 9px !important;
  left: 50% !important;
  top: 50% !important;
  background: #30B3D3 !important;
  border: none !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  transform: translate(-50%, -50%) !important;
}

/* ---- Keyboard focus ---- */
#gform_4 input[type="checkbox"]:focus-visible,
#gform_4 input[type="radio"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(48, 179, 211, .22) !important;
}/* End custom CSS */