.musc-mediacal-card{
  height: 100% !important;
  overflow: hidden !important;
}

/*------------------------------------------*/

.select-btn {
  background-color: transparent;
  color: var(--primary-color);
  border-radius: 50px;
  padding: 10px 20px;
  text-decoration: none;
  border: #211f5f 1px solid;
  transition: all 0.5s ease-in-out;
  width: 16rem;
  margin-top: 2rem;
}

.form-select {
    width: 325px;
  color: var(--primary-color);
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  font-size: 0.85rem;
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23211f5f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;

}

@media (min-width: 991.98px) {
    .form-select {
        width: 375px;
    }
}

@media (max-width: 424.98px) {
    .form-select {
        width: 100%;
    }
}
.form-select:focus {
  outline: none;
  box-shadow: 0 0 0;
  border: 1px solid var(--primary-color);
}

[dir="ltr"] select {
  background-position: right 0.75rem center;
}

[dir="rtl"] select {
  background-position: left 0.75rem center;
}



/*----------------- pagination-------------*/

.pagination-arrow,
.pagination-numbers,
.number-active {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  cursor: pointer;
}

.pagination-arrow {
  color: white;
  background: var(--primary-color);
}

.pagination-numbers {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.number-active {
  background-color: var(--secondary-color);
  border: none;
  color: white;
}

.dropdown-menu-med-spec{
    z-index: 1 !important;
}
.stethoscope img {
    width: 23px !important;
}
@media (max-width: 575.98px) {
    .stethoscope img {
        width: 18px !important;
    }
}
.select-width .dropdown button,
.select-width .dropdown a {
    font-size: .95rem !important;
}
.select-width .dropdown .dropdown-menu {
    background-color: #fff;
    border: 1px solid #211f5f17 !important;
    max-height: 300px;
    overflow-y: auto;
}
.select-width .dropdown .dropdown-menu li:hover {
    color: #fff;
    background-color: #0164cf;
}