/* ===== Specialized Doctors Section ===== */

/*
.specialized-doctors-section {
  width: 100%;
  background: #fff;
  padding: 60px 0;
}
*/
    .specialized-doctors-section{
      /*background:linear-gradient(180deg,#f7f9ff,#f5f7fa);
	  max-width: 1300px;
      padding:60px 0;
    }*/
	
	 max-width: 1300px;
	  margin: 40px auto;
	  padding: 0 15px;
	  font-family: 'SolaimanLipi', Arial, sans-serif;
	}

/* Centered 1200px container */
.specialized-doctors-section .carousel-container {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  padding: 0 40px; /* space for arrows */
}

/* Track wrapper hides overflow */
.carousel-track-wrapper {
  overflow: hidden;
  width: 100%;
}

.carousel-track-wrapper {
  scrollbar-width: none;
}
.carousel-track-wrapper::-webkit-scrollbar {
  display: none;
}


/* Track */
.carousel-track {
  display: flex;
  gap: 20px;
  transition: transform 0.5s ease;
}

/* Doctor card */
.doctor-card {
  min-width: 180px;
  height: 500px;
  background: #fff;
  font-family: "SolaimanLipi", "Noto Sans Bengali", sans-serif;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  padding: 14px;
  text-align: center;
  transition: transform .25s ease;
}

.doctor-card:hover {
  transform: translateY(-6px);
}

/* Images */
.doctor-card img {
  width: 100%;
  /*height: 300px;*/
  object-fit: cover;
  border-radius: 10px;
}

.doctor-card .content {
  max-height: calc(500px - 120px); /* image + padding adjust */
  overflow-y: auto;
  font-family: "SolaimanLipi", "Noto Sans Bengali", sans-serif;
}

	.doctor-name {
	  font-size: 18px;
	  font-weight: 600;
	  font-family: "SolaimanLipi", "Noto Sans Bengali", sans-serif;
	}

	.doctor-specialty {
	  color: #111986;      /* blue */
	  font-family: 'SolaimanLipi', Arial, sans-serif;
	  font-size: 18px;
	  font-weight: 1000;
	  font-family: "SolaimanLipi", "Noto Sans Bengali", sans-serif;
	}

	.doctor-degrees {
	  font-size: 13px;
	  font-family: "SolaimanLipi", "Noto Sans Bengali", sans-serif;
	}

	.doctor-position {
	  font-size: 13px;
	  font-family: "SolaimanLipi", "Noto Sans Bengali", sans-serif;
	}

	.doctor-hospital {
	  color: #111986;      /* green */
	  font-weight: 600;
	  font-size: 14px;
	  font-family: "SolaimanLipi", "Noto Sans Bengali", sans-serif;
	}

	.doctor-schedule {
	  color: #dc3545;      /* color: #d84315; orange/red */
	  font-size: 15px;
	  font-weight: 700;
	  font-family: "SolaimanLipi", "Noto Sans Bengali", sans-serif;
	}


/* Buttons */
.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #0b3c6f;
  color: #fff;
  border: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  z-index: 5;
}

.carousel-btn.left { left: 0; }
.carousel-btn.right { right: 0; }

/* Links */
.doctor-card-link {
  text-decoration: none;
  color: inherit;
}

.doctor-card {
  height: 440px;
}

@media (max-width: 768px) {
  .doctor-card {
    height: 420px;
  }
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
  .carousel-container {
    padding: 0 30px;
  }
}

@media (max-width: 768px) {
  .doctor-card {
    min-width: 220px;
  }
}

@media (max-width: 480px) {
  .carousel-container {
    padding: 0 20px;
  }
  .doctor-card {
    min-width: 200px;
  }
}