/* Style for form title */
.app-part h2 {
    font-size: 36px;
    margin-bottom: 10px;
}

/* Style for form description */
.app-part p {
    font-size: 16px;
    margin-bottom: 30px;
}

/* Style for form columns (image and form fields) */
.app-form .column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Style for form labels */
.app-form label {
    font-size: 18px;
    margin-bottom: 10px;
}

/* Style for form input fields */
.app-form input[type="text"],
.app-form input[type="tel"],
.app-form input[type="email"],
.app-form textarea,
.app-form select {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
}

/* Style for form button */
/* .app-form button {
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s;
} */

/* Hover effect for form button */
/* .app-form button:hover {
    background-color: #0056b3;
} */


/* Style for the label */
label {
    display: block; /* Ensures label and input are on separate lines */
    margin-bottom: 10px; /* Adds some spacing between label and input */
    font-weight: bold; /* Makes the label text bold */
  }
  
  /* Style for the date input */
  input[type="date"] {
    padding: 8px; /* Adds padding inside the input field */
    width: 100%; /* Makes the input field expand to fill its container */
    border: 1px solid #ccc; /* Adds a border to the input field */
    border-radius: 4px; /* Rounds the corners of the input field */
    box-sizing: border-box; /* Ensures padding and border are included in the input's total width */
    margin-bottom: 10px;
  }
  
  /* Style for the placeholder text */
  input[type="date"]::placeholder {
    color: #999; /* Changes the color of the placeholder text */
  }
  

.appointment-form {
    padding: 20px;
    background-color: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}



@media (max-width:425px) {
.part-close {
    text-align: center;
    margin-bottom: 31px;
}

}