/* Form height constraints with simplified structure */
#form-container {
  max-height: 400px !important;
  height: 400px !important;
  overflow-y: scroll !important; /* Force scrollbar to always appear */
  -webkit-overflow-scrolling: touch !important; /* Smooth scrolling on iOS */
  background: rgba(255, 255, 255, 0.95) !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
  padding: 20px !important;
  display: block !important;
}

/* Target the form container */
#_lg_form_ {
  position: static !important;
  min-height: 100px !important;
  height: auto !important;
  overflow: visible !important; /* Let container handle scrolling */
}

/* Ensure any iframes can expand fully inside the scrollable container */
#_lg_form_ iframe {
  height: auto !important;
  min-height: 400px !important;
  width: 100% !important;
  overflow: hidden !important;
  position: static !important;
  display: block !important;
}

/* Reset any absolute positioning that might break layout */
#_lg_form_ * {
  position: static !important;
}

/* Ensure the hero form maintains proper dimensions */
.hero-form {
  width: 40% !important;
  padding: 0 !important;
}