.doctorsSwiper .doctors-line-left {border-left: 1px dotted #ccc;}
.doctorsSwiper .card-name-th {font-weight: 500; margin: 0;}
.doctorsSwiper .card-name-en, .doctorsSwiper .number-id {font-size: 13px;line-height: 1.5rem; margin: 0;}

.doctorsSwiper .swiper-horizontal > .swiper-pagination-bullets,
.doctorsSwiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.doctorsSwiper .swiper-pagination-custom,
.doctorsSwiper .swiper-pagination-fraction {
  display: contents;
}

.doctorsSwiper .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  transition: width 0.3s, background 0.3s;
}

.doctorsSwiper .swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 10px;
  background: #8b00c2;
}
.doctorsSwiper .card-photo {min-width: 100px;}
.doctorsSwiper .card a {color: #000;}
.doctors-title {
  font-weight: 580;
  font-size: 22px;
  line-height: 1.7rem;
}
.doctors-more {width: 30px; height: 30px; display: block; }
.doctors-more img:hover {filter: brightness(140%); /* เพิ่มความสว่างขึ้น 20% */
  transition: filter 0.3s ease-in-out; }

.swiper-slide {width:313px; height:auto; margin-right: 15px;}

@media (max-width: 1400px) {
  .swiper-slide {width:268px; height:auto;}
}

@media (max-width: 1200px) {
  .swiper-slide {width:223px; height:auto;}
}
@media (max-width: 992px) {
  .swiper-slide {width:343px; height:auto;}
}
@media (max-width: 767px) {
  .swiper-slide {width:367px; height:auto;}
}
@media (max-width: 640px) {
  .swiper-slide {width:100%; height:auto;}
}