/* General form styling */
#contactWrapper {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    border: 2px solid #93c800;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  
  #contactform_booking h4 {
    color: #333;
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
  }
  
  #contactform_booking select,
  #contactform_booking input[type="text"],
  #contactform_booking input[type="email"],
  #contactform_booking textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box; /* Makes sure padding doesn't affect overall width */
  }
  
  /* Hide the circle for disabled options */
#contactform_booking select option[disabled] {
  color: #aaa; /* Keep the disabled text gray */
  pointer-events: none; /* Disable interaction */
  background: none; /* Remove any background */
  padding-left: 0; /* Remove left padding */
  text-indent: 0; /* Remove text indent */
}

/* Additional styling to remove the circle */
#contactform_booking select option[disabled]::before {
  content: none !important; /* Ensure no content (circle) is added before the text */
}
  
  #contactform_booking textarea {
    resize: vertical; /* Allows vertical resizing, might be more user-friendly */
  }
  
  #contactform_booking input[type="button"] {
    background-color: #f9f9f9; /* A pleasant green, change as needed */
    color: #93c800;
    border: 2px solid #93c800;
    padding: 10px 20px;
    /* border: none; */
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  #contactform_booking input[type="button"]:hover {
    background-color: #93c800;
    color: white; /* Darker shade for hover effect */
  }
  label{
    color:#93c800

  }
  /* Responsive adjustments */
  @media (max-width: 768px) {

    .footerChidiac {
      align-items: center;
      align-self: center;
      text-align: center;
    }
    #contactWrapper {
      padding: 10px;
    }
  }
  