.wtm-state-tabs { border:1px solid #e0e0e0; padding:10px; background:#fff; margin-bottom:30px; }
.wtm-tabs-nav { border-bottom:1px solid #e6e6e6; padding:6px; background:#f7f7f7; display:flex; flex-wrap:wrap; gap:6px; }
.wtm-tab-nav-item { padding:8px 16px; cursor:pointer; background:#f3f3f3; border-radius:4px; border:1px solid #e1e1e1; }
.wtm-tab-nav-item.active { background:#fff; box-shadow:0 1px 0 rgba(0,0,0,0.02); border-bottom:2px solid #fff; }
.wtm-tabs-panes { padding:16px; min-height:80px; }
.wtm-tabs-pane p { margin:8px 0; }
.wtm-all-link { margin-top:12px; font-weight:600; }
/* Put pickup and drop-off beside each other */
.address-row {
    display: flex;
    gap: 20px; /* space between fields */
}

.address-col {
    flex: 1; /* make both equal width */
}

/* Make inputs full width inside */
.address-fields input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
}
@media (max-width: 768px) {
    .address-row {
        flex-direction: column;
    }
}
#vehicle_type {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 15px;
    background: #fff;
}
.datetime-fields {
    display: flex;
    gap: 20px; /* space between fields */
}

.datetime-fields .form-group {
    flex: 1; /* make both equal width */
}
.passenger-fields {
    display: flex;
    gap: 20px; /* space between the two fields */
}

.passenger-fields .form-group {
    flex: 1; /* make them equal width */
}
.contact-fields {
    display: flex;
    gap: 20px; /* space between the fields */
}

.contact-fields .form-group {
    flex: 1; /* make them equal width */
}
.booker-fields {
    display: flex;
    gap: 20px; /* space between the two inputs */
}

.booker-fields .form-group {
    flex: 1; /* equal width */
}
.vehicle-booking-fields {
    display: flex;
    gap: 20px; /* spacing between fields */
}

.vehicle-booking-fields .form-group {
    flex: 1; /* equal width */
}