/* Chat Bot */
#chatWindow {
  max-height: 400px;
}

#chatIntro img {
  width: 50px;
  height: 50px;
}

.site-breadcrumb-bg {
  background-image: linear-gradient(rgba(249, 250, 251, 0.84), rgba(255, 255, 255, 0.84));
}

.hero {
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.63)), url("/assets/img/miscellaneous/hero/02.jpg");
  background-size: cover;
  background-position: center;
  /* background-color: red; */
  background-repeat: no-repeat;
  height: 50vh;
  padding-block: 100px;
}

.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: #9f9f9f38;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: #00000000;
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

.badge {
  padding: 0.65em 1em !important;
  font-weight: 600 !important;
}

.bg-completed {
  background-color: #e3e2e2;
}

.bg-upcoming {
  background-color: #c5fbe0;
}

.text-blue {
  color: #3db97b;
}

.fs-sm {
  font-size: 0.8em;
  color: orange;
}

.blog-link {
  color: rgb(2, 156, 156);
}

.blog-link:hover {
  color: rgb(5, 211, 211);
}

.form-section label {
  color: rgb(30, 30, 30);
  font-weight: 500;
}

.form-control:focus {
  border-color: #008080;
  box-shadow: 0 0 0 0.2rem rgba(0, 128, 128, 0.25);
}

/* Chatbot */
.chat-body {
  width: 100vw;
  height: 100vh;
}