/* Optional styling for alignment */
.headline {
  color: #333;
  font-weight: bold;
}
/* Adding margin to top content to account for fixed navbar height */
.content {
  margin-top: 80px; /* Adjust based on navbar height */
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; /* Full-height for vertical centering */
}
/* Footer styling */
footer {
  background-color: #f8f9fa;
  padding: 10px 0;
  text-align: center;
  color: #6c757d;
}
/* Dark section styling */
.dark-section {
  background-color: #003366;
  color: #ffffff;
  padding: 20px;
  text-align: center;
}

/* Radio button styling */
.btn-check {
  display: none; /* Hides the circle of the radio button */
}

/* Label styling for radio buttons to act like buttons */
.btn-outline-success {
  width: 100%; /* Full width for uniform size */
  margin: 5px 0; /* Space between each button */
  padding: 10px; /* Padding for a larger button feel */
  color: #28a745; /* Green outline color */
  transition: background-color 0.3s, color 0.3s; /* Smooth transition */
}

/* Selected (checked) state */
.btn-check:checked + .btn-outline-success {
  background-color: #28a745; /* Green background */
  color: white; /* White text */
  border-color: #28a745; /* Green border */
}

/* Initial Submit button styling (disabled state) */
.submit-btn {
  font-size: 1.5em; /* Larger text */
  padding: 15px; /* Larger padding */
  width: 100%; /* Full width */
  background-color: gray; /* Initial disabled color */
  color: white; /* Text color */
  cursor: not-allowed; /* Disabled cursor */
  border: none; /* Remove border */
  border-radius: 10px; /* Rounded corners */
}

/* Enabled Submit button styling */
.submit-btn.enabled {
  background-color: #007bff; /* Blue background for enabled state */
  cursor: pointer; /* Default cursor */
}