/* === Container padding === */
section { 
  padding: 70px 0; 
}
@media (max-width: 575.98px) { 
  section { 
    padding: 54px 0; 
  } 
}

/* === Final CTA (colored hero above form) === */
.final-cta {
  background: linear-gradient(135deg, rgba(6,95,70,0.95) 0%, rgba(16,185,129,0.92) 60%);
  color: #fff;
  border-radius: 24px;
  padding: 34px;
  overflow: hidden;
  position: relative;
}
.final-cta::before {
  content:"";
  position:absolute;
  inset:auto -120px -120px auto;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(255,255,255,0.14);
}
.final-cta p { 
  opacity: .92; 
}

/* === Form Card (main form white box) === */
.form-card {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  padding: 22px;
  box-shadow: var(--card-shadow);
}

/* === Mega Card (right column 'What Happens Next?' and WhatsApp card) === */
.mega-card {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  padding: 26px;
  box-shadow: var(--card-shadow);
  height: 100%;
  transition: var(--transition);
}
.mega-card:hover {
  transform: translateY(-4px);
  border-color: rgba(16,185,129,0.35);
}

/* === Icon Badge (1/2/3 icons at left of steps) === */
.icon-badge {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(16,185,129,0.12);
  color: var(--dark-green);
  border: 1px solid rgba(16,185,129,0.20);
  flex: 0 0 auto;
}

/* === Button Styles (all, including submit/whatsapp) === */
.btn-primary,
.btn-outline-primary {
  border-radius: 999px;
  padding: 0.65rem 1.25rem;
}

/* If you use .btn-outline-light (WhatsApp button) and .btn-light (hero button), add: */
.btn-light,
.btn-outline-light {
  border-radius: 999px;
  padding: 0.65rem 1.25rem;
}

/* === Sticky side card desktop === */
.sticky-top {
  position: sticky;
  top: 100px;
  z-index: 2;
}

/* === Utility classes and helpers (handled by Bootstrap, but include if overriding) === */
/* .invalid-feedback, .d-none etc. come from Bootstrap and are not in gcse.css specifically */

/* === Subject Checkbox Customization (optional, for better UX) === */
.form-check-input[type="checkbox"] {
  cursor: pointer;
}
/* Good default spacing for grouped checkboxes */
.row .form-check { margin-bottom: 8px; }