:root {
  --primary: #008080;
  --primary-darker: #007272;
  --bs-primary: #008080;
  --bs-link-color-rgb: 0, 128, 128;
  --bs-link-hover-color-rgb: 0, 100, 100;
  
--bs-link-color: var(--primary);

    --bs-link-hover-color: var(--primary-darker);
  --bs-primary-rgb: 0, 128, 128;
  --bs-nav-link-font-size: var(--bs-body-font-size);
}

body {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
}

html {
  font-size: 16px;
}

html,
body {
  height: 100%;
  overflow-x: hidden;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1;
}

i.ti {
  font-size: 20px;
}

.small i.ti {
  font-size: 15px;
}

.fit-cover {
  object-fit: cover;
}

.text-teal {
  color: var(--primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-hover-border-color: var(--primary);
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: var(--primary);
  --bs-btn-disabled-color: var(--primary);
  --bs-btn-disabled-border-color: var(--primary);
}

.btn-primary {
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-bg: var(--primary-darker);
  --bs-btn-hover-border-color: var(--primary-darker);
  --bs-btn-active-bg: var(--primary-darker);
  --bs-btn-active-border-color: var(--primary-darker);
}

.g-5,
.gx-5 {
  --bs-gutter-x: 2rem;
}

.focus-z-2:focus {
  z-index: 2;
  position: relative;
}

.star {
  display: inline-block;
  cursor: pointer;
  transition: transform 0.1s;
  padding-left: 0rem;
  padding-right: 0.15rem;
}

.star.preview svg path {
  fill: #f5b301 !important;
}
.star-svg {
  pointer-events: none;
}
.rating-wrapper.rated .star {
  /* pointer-events: none; */
  /* opacity: 0.6; */
}

.btn {
  transition: none;
}

body {
  background-color: #f9fafb;
}

@media (min-width: 576px) {
  .w-sm-auto,
  .w-100.w-sm-auto {
    width: auto !important;
  }
}

.container {
  max-width: 800px !important; /* or any value you want */
}

main.container {
  min-height: 84vh;
}

form#doctor-search-form .ts-control {
  flex-wrap: nowrap;
}

.ts-wrapper .ts-control {
  align-items: end;
}

form#doctor-search-form .input-hidden .ts-control {
  /* flex-wrap: nowrap!important; */
  padding-right: 24px !important;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-dark,
.navbar[data-bs-theme="dark"] {
  --bs-navbar-color: rgba(255, 255, 255, 1);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.9);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

form#doctor-search-form select:has(option:checked[value=""]):not(:focus) {
  color: #7e7e7e;
}

form#doctor-search-form input::placeholder,
form#doctor-search-form input::-webkit-input-placeholder,
form#doctor-search-form input:-ms-input-placeholder {
  color: #7e7e7e;
}

.bg-gradient {
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.3) 100%), linear-gradient(90deg, #fce8d6 0%, #bee6fa 50%, #e4d9fd 100%);
}

.bg-gradient-2 {
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%), linear-gradient(90deg, #ff7f35 0%, #00fffc 50%, #ff8587 100%);
}

form#doctor-search-form .btn.btn-primary {
  max-height: 38px;
  min-height: 38px;
}

.star-container:hover .star::before {
  content: "\eb2e";
}

.star-container:hover .star.preview::before {
  content: "\f6a6";
}

/* li.d-flex i.ti,
.card .d-flex i.ti {
  margin-top: 3px;
}


.card .btn i.ti {
  margin-top: 0px;
} */

.form-control::placeholder,
.ts-control input::placeholder {
  /* color: #7e7e7e; */
   color: #999;
}

.h5,
h5 {
  font-size: 1.125rem;
}

.list-group-item.active {
  background-color: var(--primary);
  border-color: var(--primary);
}

.doctor-profile-wrapper {
  border-radius: 4px;
  border: 2px solid white;
  outline: 1px solid #7b8888;
  outline-offset: 2px;
  display: inline-block;
}

.doctor-profile-image {
  border-radius: inherit;
  display: block;

  aspect-ratio: 300 / 405;
  height: auto;
}

.small-card .doctor-profile-wrapper {
  border-radius: 2px;
  border-width: 1px;
}

.fs-7 {
  font-size: 0.876rem;
}
.fs-8 {
  font-size: 0.75rem;
}

.card ul.list-unstyled li.mb-2.d-flex .ti {
  margin-top: 3px;
}

a.nav-link {
  font-size: 14px;
}

@media (max-width: 767px) {
  body[data-page="home"] #doctor-search-form .col-9,
  body[data-page="home"] #doctor-search-form .col-3 {
    width: 100%;
    flex: 0 0 100%;
  }

  .navbar-brand img {
      height: 25px;
  }
}

@media (min-width: 768px) {
  form#doctor-search-form .col-md-4 {
    width: 38%;
  }
  form#doctor-search-form .col-md-2 {
    width: 12%;
  }
}

.ts-wrapper.form-select.has-items.focus.input-active.dropdown-active .item {
    display: none;
}
@media (min-width: 768px) {
  header .navbar .container {
      max-width: 1400px !important;
  }
}
footer .small {
    font-size: 0.8em;
}

.icon-container {
  min-width: 32px;
  min-height: 28px;
}