.wp-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:16px; }
.wp-field { display:flex; flex-direction:column; gap:6px; }
.wp-field span { font-weight:600; font-size:14px; }
.wp-field b{color:#d00;}
.wp-field input,.wp-field select{
  border:1px solid #cfd5df; border-radius:10px; padding:10px 12px; font-size:14px; outline:none;
}
.wp-field input:focus,.wp-field select:focus{ border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.15); }
.wp-actions { display:flex; justify-content:flex-start; margin-top:16px; }
.wp-btn { background:#dc9659; color:#fff; border:0; padding:10px 16px; border-radius:10px; font-weight:600; cursor:pointer; }
.wp-btn:hover{ background:#2563eb; }

button.wp-btn {
    background: #dc9659;
}
@media (max-width: 640px){ .wp-grid{ grid-template-columns:1fr; } }

form#wp-appointment-form {
    max-width: 768px;
    margin: auto;
    background-color: #fff;
    padding: 35px;
    box-shadow: 0 4px 20px rgba(10, 143, 143, 0.15);
    border-radius: 10px;
}

.wp-card h3 {
    text-align: left;
    text-transform: capitalize;
    color: #fff;
    margin: 10px 0 25px;
    background: #dc9659;
    padding: 15px;
    border-left: 5px solid #4f5d74;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
form#wp-appointment-form select, form#wp-appointment-form  input {
    height: 45px;
    width: 100%;
    border: none;
    border-bottom: 2px solid #4e5d73;
    background: transparent;
    outline: 0 !important;
    box-shadow: none !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #000 !important;
    font-weight: 500 !IMPORTANT;
}
.wp-field {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
label.wp-field  span{
    margin: 0 0 8px;
    display: block;
    line-height: 1.3;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #4e5d73;
    font-size: 13px;
    font-family: "Josefin Sans", Arial, sans-serif;
    font-weight: 600;
}