.card_contact_us {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    max-width: 600px; /* Adjust as needed */
    margin: 0 auto; /* Center the card */
    font-family: 'Roboto';
  }
  
  .card_contact_us h2 {
    font-size: 24px;
    color: #333;
  }
  
  .card_contact_us p {
    font-size: 16px;
    color: #666;
    text-align: left;
  }
  
  .input-group_contact_us {
    display: flex;
    align-items: center;
    margin-top: 20px;
  }
  
  .input-group_contact_us input[type="text"], 
  .input-group_contact_us input[type="email"],
  .input-group_contact_us input[type="tel"],
  .input-group_contact_us select {
    flex: 1; /* Expand to fill remaining space */
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-right: 10px; /* Adjust spacing between elements */
    background-color: whitesmoke;
  }
  
  .input-group_contact_us input[type="text"]::placeholder,
  .input-group_contact_us input[type="email"]::placeholder,
  .input-group_contact_us input[type="tel"]::placeholder,
  .input-group_contact_us select {
    font-size: 14px;
    color: #999;
  }
  
  .input-group_contact_us input:focus::placeholder,
  .input-group_contact_us select:focus::placeholder {
    color: transparent;
  }
  
  .input-group_contact_us label {
    display: none;
  }
  
  .radio-group_contact_us {
    margin-top: 20px;
    text-align:left;
  }
  
  .radio-group_contact_us label {
    display: block;
    margin-bottom: 10px;
  }
  
  /* Adjustments for inline fields */
  .inline-group_contact_us {
    display: flex;
    align-items: center;
    margin-top: 20px;
  }
  
  .inline-group_contact_us select,
  .inline-group_contact_us input[type="tel"] {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  
  /* Initially hide both elements */
  .inline-group_contact_us select {
    width: 50%; /* Set width for select element */
    display: none;
  }
  
  .inline-group_contact_us.active select,
  .inline-group_contact_us.active input[type="tel"] {
    display: block;
    background-color: whitesmoke;
  }
  
  .additional-fields_contact_us {
    display: none;
    margin-top: 20px;
  }
  
  .additional-fields_contact_us h3 {
    margin-bottom: 10px;
  }
  
  .additional-fields_contact_us input[type="file"] {
    display: block;
    margin-top: 10px;
  }
  
  .additional-fields-2_contact_us {
      display: none;
      margin-top: 20px;
    }
    
  .additional-fields-2_contact_us h3 {
      margin-bottom: 10px;
    }
    
  .additional-fields-2_contact_us input[type="file"] {
      display: block;
      margin-top: 10px;
  }
  
  .file-upload_contact_us {
    border: 2px dashed #ccc;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    margin-top: 10px;
  }
  
  .file-upload_contact_us h3 {
    margin-bottom: 10px;
  }
  
  .custom-file-input_contact_us {
    display: none;
  }
  
  .custom-file-label_contact_us {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    background-color: gainsboro;
    border-radius: 4px;
    font-size: 12px;
    color:black;
    border:1px solid #c0c0c0;
  }
  
  .button-group_contact_us {
    margin-top: 20px;
    text-align: left; /* Align button to the left */
  }
  
  .button-group_contact_us button {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  /* Styles for date fields */
  .date-fields_contact_us {
    display: none;
    margin-top: 20px;
  }
  
  .date-fields_contact_us input[type="date"] {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-right: 10px;
  }

#contact_us_submit_button:hover{
  background: #12355b !important;
  border: 1px solid #FFFFFF;
}