.container {
    width: 92%; /* Sets the content width */
    margin: 20px auto; /* Centers the container horizontally and adds top/bottom margin */
    padding: 20px; /* Adds space inside the container, between content and its edges */
    /* Optional: add a background color for visibility */
    background-color: #f0f0f0;
    font-size: 1em;
   }

input[readonly] {
    background-color: #ffd64e;
    font-weight: bold;
    font-size: 18px;
}

 input[type="file"] {
    font-size: 1.1rem; /* Use relative units like rem or em for better accessibility */
    font-weight: bold;
  }


::file-selector-button {
  background-color: #045f64; /* Blue background */
  color: white; /* White text */
  padding: 10px 20px; /* Spacing inside the button */
  border: none; /* Remove default border */
  border-radius: 5px; /* Rounded corners */
  cursor: pointer; /* Change cursor to pointer on hover */
  font-size: 16px; /* Adjust font size */
}

/* You can also style the button on hover */
::file-selector-button:hover {
  background-color: #45a049; /* Darker blue on hover */
}


.divider-with-text {
  display: flex; /* Enables flexbox layout */
  align-items: center; /* Vertically aligns items in the middle */
  text-align: center;
}

.divider-with-text:before,
.divider-with-text:after {
  content: "";
  border-top: 1px solid #ccc; /* Styles the line */
  flex-grow: 1; /* Makes the lines expand to fill available space */
  margin: 0 10px; /* Adds space between the text and the lines */
}

textarea {
  font-size: 1em; /* Use px, em, rem, or other CSS units */
  font-family: Arial, sans-serif; /* You may need to specify font-family as well for consistency across browsers */
}


input[type="text"]{ padding: 4px 4px; line-height: 18px; font-size: 1em; }


h1 {
  margin-left: 0px;
} 

input[type="radio"] {
  transform: scale(1.5); /* Increases the size by 50% */
  /* Add vendor prefixes for older browser support (less needed now) */
  -ms-transform: scale(1.5);
  -webkit-transform: scale(1.5);
}

.submit-btn {
  /* Color and background */
  background-color: #045f64; /* Green background */
  color: white;              /* White text */

  /* Spacing and size */
  padding: 8px 12px;        /* Space around the text */
  font-size: 18px;           /* Text size */
  cursor: pointer;           /* Hand cursor on hover */

  /* Border and shape */
  border: none;              /* Remove default border */
  border-radius: 4px;        /* Rounded corners */

  /* Alignment */
  display: inline-block;     /* Allows for margin/padding adjustments */
  text-align: center;
}

/* Hover effect */
.submit-btn:hover {
  background-color: #45a049; /* Slightly darker green on hover */
  box-shadow: 0px 0px 5px #777; /* Subtle shadow on hover */
  transition: background-color 0.3s; /* Smooth transition for color change */
}

.remove-btn {
  /* Color and background */
  background-color: #8B0000; /* Green background */
  color: white;              /* White text */

  /* Spacing and size */
  padding: 8px 12px;        /* Space around the text */
  font-size: 18px;           /* Text size */
  cursor: pointer;           /* Hand cursor on hover */

  /* Border and shape */
  border: none;              /* Remove default border */
  border-radius: 4px;        /* Rounded corners */

  /* Alignment */
  display: inline-block;     /* Allows for margin/padding adjustments */
  text-align: center;
}

/* Hover effect */
.remove-btn:hover {
  background-color: red; /* Slightly darker green on hover */
  box-shadow: 0px 0px 5px #777; /* Subtle shadow on hover */
  transition: background-color 0.3s; /* Smooth transition for color change */
}