.doctor-main {
  margin-top: 156px;
}
.doctor-sidebar ul {
  -webkit-box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
          box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
}
.doctor-sidebar ul li {
  margin-bottom: 5px;
}
.doctor-sidebar ul li a {
  font-size: 14px;
  background: url("../images/icons/chevron_right.svg") no-repeat right 10px center #fff;
  border-radius: 12px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
}
.doctor-sidebar ul li a:hover, .doctor-sidebar ul li a.active {
  background: url("../images/icons/chevron_right.svg") no-repeat right 10px center #ed8910;
  color: #fff;
}
.doctor-sidebar ul li a:hover a, .doctor-sidebar ul li a.active a {
  color: #fff;
}
.doctor ul li {
  padding: 16px;
}
.doctor-card {
  margin-bottom: 36px;
}
.doctor-card_images {
  -webkit-box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
          box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
  max-height: 286px;
  overflow: hidden;
}
.doctor-card_name {
  height: 50px;
}
@media (max-width: 768px) {
  .doctor-card_name {
    height: auto;
  }
}

/* Custom Dropdown Container */
.custom-dropdown {
  position: relative;
  display: inline-block;
}

/* Style the Select Element */
.custom-select {
  -moz-appearance: none;
       appearance: none; /* Remove default arrow */
  -webkit-appearance: none; /* For Safari */
  background-color: white;
  border: 1px solid #d1d5db; /* Tailwind's gray-300 */
  border-radius: 0.75rem; /* Rounded corners */
  padding: 0.5rem 2.5rem 0.5rem 1rem; /* Space for the custom arrow */
  font-size: 0.875rem; /* Tailwind's text-sm */
  color: #4b5563; /* Tailwind's gray-700 */
  cursor: pointer;
  width: 100%;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}

.custom-select:focus {
  border-color: #fb923c; /* Tailwind's orange-500 */
  outline: none;
}

/* Custom Dropdown Container */
.custom-dropdown {
  position: relative;
  display: inline-block;
  width: 250px;
  overflow: hidden;
}

/* Style the Select Element */
.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  padding: 10px 16px;
  font-size: 16px;
  color: #334155;
  line-height: 24px;
  cursor: pointer;
  width: 100%;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  background-image: none;
}

.custom-select:focus {
  border-color: #fb923c;
  outline: none;
}

.custom-dropdown::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../images/icons/arrow_down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  pointer-events: none;
}

/* Style for Hover and Focus States */
.custom-select:hover,
.custom-select:focus {
  border-color: #fb923c;
}