.appointment-slot-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    text-align: left;
}

.appointment-field label {
    color: #fff;
    display: block;
    font-weight: 700;
    margin-bottom: .4rem;
}

.appointment-field select:disabled {
    cursor: not-allowed;
}

@media (max-width: 575.98px) {
    .appointment-slot-grid {
        grid-template-columns: 1fr;
    }
}