body {
  font-family: Arial, sans-serif;
  background: #f4f6f8;
}

.card {
 
  margin: 40px auto;
  background: #fff;
  padding: 25px;
  border-radius: 10px;
}

h2 {
  text-align: center;
}

input, select, button {
  width: 100%;
  margin-top: 12px;
  padding: 10px;
}

.slot {
  padding: 12px;
  margin: 8px 0;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid #ccc;
}

.slot:hover {
  background: #f1f1f1;
}

.slot.selected {
  background: #28a745;
  color: #fff;
}

.slot.booked {
  background: #dc3545;
  color: #fff;
  cursor: not-allowed;
}

button {
  margin-top: 20px;
  background: #aaa;
  border: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

button:disabled {
  background: #aaa;
}

button:not(:disabled) {
  background: #0d6efd;
}
section.booking{
    background: #cfeaff;
    padding: 80px 0px;
}
.text-left{
text-align: left;
}
a.whatsapp-chat{
  background-color: #28a745;
  color: #fff;
}
.btn {
  display: block;
  text-align: center;
  margin-top: 15px;
  padding: 12px;
  background: #25D366;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
}


/* FEATURE: Timezone text style | Added on: 2026-01-02 23:05 IST */
.timezone-note {
  font-size: 13px;
  color: #555;
  margin-top: 8px;
}

/* FEATURE: Inline error text | Added on: 2026-01-02 23:05 IST */
.error-text {
  color: #dc3545;
  font-size: 14px;
  margin-top: 8px;
}