/* Force vertical scrolling (undo any overflow:hidden from global styles) */
html,
body {
  overflow: auto !important;
}

/* 1. On this page, do NOT keep the header fixed.
   Let it scroll normally so it can't cover the hero or the form. */
.head-fix {
  position: relative !important;
  top: auto !important;
}

/* 2. Hero strip: no margins, just the image */
.hero-image {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  overflow: hidden;
  background: #000; /* so you never see white if anything shifts */
}

.hero-image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

/* 3. Make sure the white Registration Search block can't be pushed up
      underneath the header by any older margin rules. */
.aboutus.new_parallax {
  margin-top: 0 !important;
}

/* Registration Search card */
.reg-card {
  max-width: 900px;
  margin: 0 auto;
  padding: 2.5rem 3rem;

  background: #ffffff;
  color: #000;

  border: 2px solid #c1010e;      /* thin red border */
  border-radius: 14px;            /* rounded corners */

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

@media (max-width: 768px) {
  .reg-card {
    padding: 1.75rem 1.5rem;
    margin: 0 1rem;               /* breathing room on phones */
  }
}