body.page-template-elementor_canvas header , body.page-template-elementor_canvas footer { display:none }

#calres .hero-banner:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0.9;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 47.22%);
    width: 70%;
    height: 100%;
}


/* ===== Layout: single column, 10px gap ===== */
#calres .hero-contact .gform_wrapper .gform_fields {
  row-gap: 10px;
  column-gap: 10px;
}

#calres .hero-contact .gform_wrapper .gform_fields .gfield {
  grid-column: 1 / -1; /* every field full width */
  margin: 0;
  padding: 0;
}

/* Hide labels visually, keep them for screen readers */
#calres .hero-contact .gform_wrapper .gfield_label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ===== Inputs ===== */
#calres .hero-contact .gform_wrapper .gfield input[type="text"],
#calres .hero-contact .gform_wrapper .gfield input[type="email"],
#calres .hero-contact .gform_wrapper .gfield input[type="tel"],
#calres .hero-contact .gform_wrapper .gfield select,
#calres .hero-contact .gform_wrapper .gfield textarea {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #CDD1DA;
  background-color: #FFF; /* keeps Orbital's select arrow */
  box-shadow: none;
  color: #000;
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  padding: 12px 16px;
}

#calres .hero-contact .gform_wrapper .gfield input[type="text"],
#calres .hero-contact .gform_wrapper .gfield input[type="email"],
#calres .hero-contact .gform_wrapper .gfield input[type="tel"],
#calres .hero-contact .gform_wrapper .gfield select {
  height: auto;
  min-block-size: 0;
}

/* Address: single-line height like the inputs */
#calres .hero-contact .gform_wrapper #input_1_6 {
  height: 51px;
  min-block-size: 0;
  resize: none;
  overflow: hidden;
}

/* More About Project */
#calres .hero-contact .gform_wrapper #input_1_9 {
  height: 110px;
  min-block-size: 0;
  resize: vertical;
}

/* Focus */
#calres .hero-contact .gform_wrapper .gfield input:focus,
#calres .hero-contact .gform_wrapper .gfield select:focus,
#calres .hero-contact .gform_wrapper .gfield textarea:focus {
  outline: none;
  border-color: #024E92;
  box-shadow: 0 0 0 3px rgba(2, 78, 146, 0.15);
}

/* ===== Placeholder ===== */
#calres .hero-contact .gform_wrapper .gfield input::placeholder,
#calres .hero-contact .gform_wrapper .gfield textarea::placeholder {
  color: rgba(0, 0, 0, 0.60);
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  opacity: 1;
}

/* ===== Footer / Submit button ===== */
#calres .hero-contact .gform_wrapper .gform_footer {
  margin: 10px 0 0;
  padding: 0;
}

#calres .hero-contact .gform_wrapper .gform_footer input[type="submit"].gform_button {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-family: 'Manrope', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  padding: 10px 45px;
  height: auto;
  min-block-size: 0;
  border-radius: 6px;
  border: 1px solid #CDD1DA;
  background: #024E92;
  box-shadow: none;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#calres .hero-contact .gform_wrapper .gform_footer input[type="submit"].gform_button:hover,
#calres .hero-contact .gform_wrapper .gform_footer input[type="submit"].gform_button:focus-visible {
  background: #02D6EE;
  border-color: #02D6EE;
  /* color: #024E92; */ /* uncomment for better text contrast on hover */
}

/* Hide top error summary */
#calres .hero-contact .gform_wrapper .gform_validation_errors {
  display: none;
}

/* ===== Validation message ===== */
#calres .hero-contact .gform_wrapper .gfield_validation_message,
#calres .hero-contact .gform_wrapper .validation_message {
  margin: 4px 0 0;
  padding: 0;
  background: none;
  border: 0;
  color: #D92D20;
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

/* Field in error state */
#calres .hero-contact .gform_wrapper .gfield_error input,
#calres .hero-contact .gform_wrapper .gfield_error select,
#calres .hero-contact .gform_wrapper .gfield_error textarea {
  border-color: #D92D20;
}

#calres .hero-contact .gform_wrapper .gfield_error input:focus,
#calres .hero-contact .gform_wrapper .gfield_error select:focus,
#calres .hero-contact .gform_wrapper .gfield_error textarea:focus {
  box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.15);
}