main, header, footer{
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}
/* Wrapper for the entire contact content */
.contact-wrapper {
  width: 80%; /* Makes the container 80% of the page width */
  max-width: 900px; /* Optional: max-width to prevent it from becoming too wide on larger screens */
  margin: 0 auto; /* Centers the content */
  padding: 20px 0; /* Adds some space around the content */
}

/* Email link styles */
.contact-wrapper a {
  color: #0077cc; /* Customize the color */
  text-decoration: none; /* Remove underline */
  font-weight: bold; /* Make the email link bold */
}

.contact-wrapper ul li {
  margin-bottom: 0.5rem !important;
  line-height: 1.5 !important;
}



/* Contact form styling */
form {
  display: flex;
  flex-direction: column; /* Stack the form elements vertically */
  gap: 10px; /* Adds some space between form elements */
}

form label {
  font-weight: bold; /* Style for form labels */
}

form input, form textarea {
  padding: 10px;
  font-size: 16px;
  width: 100%; /* Make inputs take up full width of the container */
  max-width: 100%;
}

form input[type="submit"] {
  background-color: #0077cc; /* Submit button color */
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

form input[type="submit"]:hover {
  background-color: #005fa3; /* Submit button hover effect */
}