.doctor-section{
  font-family:'Poppins', sans-serif;
      /* padding-left: 145px; */

}
/* Desktop only */
@media (min-width: 992px){
  .doctor-shape{
    margin-left: 100px;   /* 👈 image right la 100px */
  }
}


.doctor-shape{
  width: 380px;
  height: 520px;
  border: 5px solid #2f6df6;
  border-radius: 0 120px 0 120px; /* EXACT shape */
  overflow: hidden;
}

.doctor-shape img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 576px){
  .doctor-shape{
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
  }
}

/* Text styles */
.doctor-name{
  color:rgb(51, 116, 253);
  font-weight:600;
  font-size: 28px;
  line-height: 36px;
  /* padding-top: 55px; */
}

.doctor-degree{
  font-weight:600;
  margin-bottom:4px;
  color: rgb(0, 0, 0);
}

.doctor-sub{
  margin-bottom:6px;
      color: rgb(0, 0, 0);
    margin-bottom: 6px;
    font-weight: 600;
}

/* List */
.doctor-list{
  list-style:none;
  padding-left:0;
  margin-top:15px;
}

.doctor-list li{
  margin-bottom:10px;
  font-size:16px;
  line-height: 26px;
      font-weight: 500;
    color: rgb(0, 0, 0)
}

.doctor-list i{
  color:#2f6bff;
  margin-right:10px;
}

/* Responsive */
@media (max-width:768px){
  .doctor-name{
    text-align:center;
  }
  .doctor-img{
    max-height:380px;
  }
}

.packages-banner{
  width: 100%;
  height: 68px;
  background-color: #3b74f2; /* exact blue shade */
  display: flex;
  align-items: center;
  justify-content: center;
}

.packages-banner h2{
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  margin: 0;
  font-family: 'Poppins', sans-serif;
}

@media (max-width: 576px){
  .packages-banner{
    height: 70px;
  }

  .packages-banner h2{
    font-size: 22px;
  }
}

.carousel-item img{
  width:100%;
  height:580px;
  border-radius:6px;
}
/* indicators container */
.carousel-indicators {
  bottom: -35px;
}

/* all dots */
.carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  background-color: #bbb;   /* inactive color */
  border-radius: 50%;
  opacity: 1;               /* IMPORTANT */
  margin: 0 6px;
  border: none;
}

/* active dot */
.carousel-indicators .active {
  background-color: #ff3b3b;  /* active color (red) */
}


/* ===== MAIN SECTION ===== */
.why-choose{
  display:flex;
  width:100%;
  min-height:520px;
}

/* ===== LEFT CONTENT ===== */
.why-left{
  width:50%;
      height: 500px;
  background:#3b74f2;
  color:#fff;
  padding:30px 121px;
}

.why-left h2{
  font-size:30px;
  margin-bottom:25px;
  font-weight: 600;
}

.why-left ul{
  /* list-style:none; */
}

.why-left ul li{
  margin-bottom:18px;
  line-height:20px;
  font-size:16px;
  font-weight: 400;
}

.why-left ul li strong{
  font-weight:700;
  font-size: 16px;
}

/* ===== FEATURES ===== */
.features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  margin-top:40px;
}

.feature{
  display:flex;
  align-items:center;
  gap:15px;
}

.feature .icon{
  width:50px;
  height:50px;
  border:2px solid #fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}

.feature h4{
  font-size:22px;
  margin-bottom:4px;
  font-weight: 600;
}

.feature p{
  font-size:16px;
  opacity:0.9;
}

/* ===== RIGHT IMAGE ===== */
.why-right{
  width:50%;
}

.why-right img{
  width:100%;
  height:500px;
  object-fit:cover;
}
/* ===== MOBILE VIEW ===== */
@media (max-width: 768px){

  .why-choose{
    /* flex-direction: column; */
  }

  /* LEFT BLUE CONTENT FULL WIDTH */
  .why-left{
    width: 100%;
        height: 828px;
    padding: 40px 20px;
  }

  /* RIGHT IMAGE COMPLETELY HIDE */
  .why-right{
    display: none;
  }

  /* FEATURES ONE BY ONE */
  .features{
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .why-left h2{
    font-size: 26px;
    text-align: center;
  }

  .why-left ul li{
    font-size: 15px;
  }
}




.services-section{
  /* padding:37px; */
  background:#f5faff;
  height: 600px;
  margin-bottom: 40px;
}

.services-section h2{
  font-size:28px;
  font-weight: 600;
  color: rgb(0, 0, 0);
}



/* ===== CAROUSEL ===== */
.carousel-wrapper{
  overflow:hidden;
}

.carousel-track{
  display:flex;
  transition:transform 0.6s ease;
}

.card{
  /* margin: 20px; */
  margin-left: 20px;
    /* border: 1px solid grey; */
  min-width:33.333%;
  /* padding:15px; */
  padding-left: 20px;
  height: auto;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
    /* width: 353px; */
  
}

.card img{
  width: 333px;
    height: 200px;
  /* width:100%; */
  /* border-radius:8px; */
  margin: 10px;
}

.card h3{
  margin:15px 0 10px;
  font-weight: 600;
  font-size: 22px;
  color: rgb(0, 0, 0);
}

.card p{
  font-size:15px;
 color: rgb(0, 0, 0);
 font-weight: 400;
 line-height: 25px;
}

.card button{
  /* margin-top:15px; */
  padding:10px 20px;
  border:2px solid #2f6bff;
  background:#fff;
  color:#2f6bff;
  border-radius:10px;
  cursor:pointer;
  /* width: 200px; */
}

/* ===== DOTS ===== */
.dots{
  text-align:center;
  margin-top:20px;
}

.dot{
  height:10px;
  width:10px;
  background:#ccc;
  border-radius:50%;
  display:inline-block;
  margin:0 5px;
  cursor:pointer;
}

.dot.active{
  background:#000;
}

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

  .services-section h2{
    padding-left: 40px;
    font-size: 20px;
    padding-top: 20px;
  }

  .section-indicator{
    padding-left: 20px;
  }
}




.section-indicator{
  display:flex;
  align-items:center;
  /* justify-content:center; */
  gap:14px;
  margin:15px 0 30px;
}

.section-indicator .line{
  width:70px;
  height:3px;
  background:#2f6bff;   /* blue line */
  border-radius:2px;
}

.section-indicator .dott{
  width:14px;
  height:14px;
  background:#2f6bff;   /* blue dot */
  border-radius:50%;
}


/* ===== SECTION ===== */
.testimonial-section{
  /* padding:40px; */
  background:#f3f6fb;
}





/* ===== INDICATOR ===== */
.section-indicator{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin-bottom:30px;
}

.section-indicator .line{
  width:60px;
  height:3px;
  background:#2f6bff;
}

.section-indicator .dot{
  width:12px;
  height:12px;
  background:#2f6bff;
  border-radius:50%;
}

/* ===== CAROUSEL ===== */
.testimonial-carousel{
  position:relative;
  min-height:140px;
}

.testimonial-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity 0.6s ease;
   border: 1px solid #0201012E; 
}

.testimonial-slide.active{
  opacity:1;
}

.testimonial-slide p{
  font-size:16px;
  color:#333;
  margin-bottom:20px;
}

.testimonial-slide h4{
  font-size:18px;
  font-weight:600;
}

/* ===== MOBILE ===== */
@media(max-width:768px){
  .testimonial-bg{
    height:auto;
    padding:30px;
    justify-content:center;
  }

  .testimonial-box{
    width:100%;
  }
}

.gallery-section{
  padding:60px;
  background:#fff;
}

.gallery-section h2{
  font-size:32px;
}

.section-indicator{
  display:flex;
  align-items:center;
  gap:12px;
  margin:10px 0 30px;
}

.section-indicator .line{
  width:60px;
  height:3px;
  background:#2f6bff;
}

.section-indicator .dot{
  width:12px;
  height:12px;
  background:#2f6bff;
  border-radius:50%;
}

/* ===== Carousel ===== */
.gallery-wrapper{
  overflow:hidden;
}

.gallery-track{
  display:flex;
  gap:20px;
  transition:transform 0.6s ease;
}

.gallery-track img{
  width:calc(25% - 15px); /* 4 images */
  border-radius:10px;
  object-fit:cover;
}

/* dots */
.gallery-dots{
  text-align:center;
  margin-top:20px;
}

.g-dot{
  width:10px;
  height:10px;
  background:#ccc;
  border-radius:50%;
  display:inline-block;
  margin:0 4px;
  cursor:pointer;
}

.g-dot.active{
  background:#000;
}

/* ===== TABLET ===== */
@media(max-width:992px){
  .gallery-track img{
    width:calc(50% - 10px); /* 2 images */
  }
}

/* ===== MOBILE ===== */
@media(max-width:576px){
  .gallery-track img{
    width:100%; /* 1 image */
  }
}

/* ===== SECTION ===== */
.doctor-section{
  /* width:1570px; */
  height:auto;
  margin:auto;
  display:flex;
  align-items:center;
}

/* ===== CONTAINER ===== */
.doctor-container{
  padding-top: 100px;
  padding-bottom: 70px;

  display:flex;
  gap:90px;
  width:100%;
  height:100%;
  align-items:center;   /* vertical center */
  justify-content:space-evenly;
}

/* ===== TABLET ===== */
@media (max-width: 992px){
  .doctor-image{
    width:320px;
    height:470px;

    /* proportional curve */
    border-radius: 0 80px 0 80px;
  }
}

/* ===== MOBILE ===== */
@media (max-width: 576px){
  .doctor-image{
    width:260px;
    height:380px;
     border-radius: 0 100px 0px 100px;


 
  }
}
/* ===== IMAGE ===== */
.doctor-image{
  width:405px;
  height:595px;
  border:4px solid #2f6dff;

  /* EXACT SHAPE */
  border-radius: 0 100px 0px 100px;

  overflow:hidden;
  position:relative;
  background:#fff;
}

.doctor-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top; 
  display:block;
}

.read-btn{
  align-self:self-start;   
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:20px;
  padding:10px 22px;
  border:2px solid #2f6dff;
  border-radius:30px;
  text-decoration:none;
  color:#2f6dff;
  font-weight:500;
  transition:0.3s;
  
}

/* ===== SECTION ===== */
.doctor-section{
  width:100%;
  padding:39px 0 70px;
  display:flex;
  justify-content:center;
}

/* ===== CONTAINER ===== */
.doctor-container{
  max-width:1400px;
  width:100%;
  display:flex;
  gap:90px;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
}

/* ===== IMAGE ===== */
.doctor-image{
  width:405px;
  height:595px;
  border:4px solid #2f6dff;
  border-radius:0 100px 0 100px;
  overflow:hidden;
  background:#fff;
  flex-shrink:0;
}

.doctor-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
}

/* ===== CONTENT ===== */
.doctor-content{
  max-width:800px;
  display:flex;
  flex-direction:column;
}

.doctor-content h2{
  color:#2f6dff;
  font-size:30px;
  margin-bottom:10px;
}

.degree{
  font-weight:600;
  margin-bottom:6px;
}

/* ===== LIST ===== */
.doctor-list{
  list-style:none;
  margin-top:18px;
}

.doctor-list li{
  display:flex;
  gap:12px;
  margin-bottom:12px;
  font-size:15px;
  line-height:1.5;
}

.doctor-list i{
  color:#2f6dff;
  margin-top:4px;
}

/* ===== BUTTON ===== */
.readd-btn{
  margin-top:25px;
  width:200px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding:10px 22px;
  border:2px solid #2f6dff;
  border-radius:15px;
  text-decoration:none;
  color:#2f6dff;
  font-weight:500;
  transition:0.3s;
}

.readd-btn:hover{
  background:#2f6dff;
  color:#fff;
}

/* ===== TABLET ===== */
@media (max-width: 992px){
  .doctor-container{
    gap:50px;
  }

  .doctor-image{
    width:320px;
    height:470px;
    border-radius:0 80px 0 80px;
  }
}

/* ===== MOBILE ===== */
@media (max-width: 768px){
  .doctor-container{
    flex-direction:column;
    align-items:center;
    gap:30px;
  }

  .doctor-image{
    width:260px;
    height:380px;
    border-radius:0 65px 0 65px;
  }

  .doctor-content{
    width:100%;
  }

  .doctor-content h2{
    font-size:24px;
  }

  .doctor-list li{
    font-size:14px;
  }

  .readd-btn{
    align-self:flex-start;
  }
}




/* ================= RESET ================= */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Poppins', sans-serif;
}

/* ================= TESTIMONIAL SECTION ================= */
.tm-wrap{
  display:flex;
  width:100%;
  min-height:520px;
  position:relative; /* ⭐ IMPORTANT FIX */
}

/* LEFT IMAGE */
.tm-img{
  width:80%;
}
.tm-img img{
  width:100%;
  height:490px;
  object-fit:cover;
   border-radius: 22px 0 0 22px;

}

/* RIGHT WHITE AREA */
.tm-white{
  width:50%;
  background:#fff;
   border-radius: 0px 22 22 0px;
     box-shadow:0 12px 35px rgba(0,0,0,0.25);
         height: 489px;
}

/* FLOATING CARD */
.tm-box{
  width:38%;
  background:#fff;
  padding:40px;
  border-radius:22px;
  box-shadow:0 12px 35px rgba(0,0,0,0.25);
  text-align:center;
  

  position:absolute;
  top:44%;
  left:64%;
  transform:translate(-50%, -50%);
  z-index:10;
}

/* TITLE */
.tm-box h2{
  font-size:30px;
  margin-bottom:12px;
}

/* LINE + DOT */
.tm-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:30px;
}
.tm-line{
  width:80px;
  height:3px;
  background:#2f6dff;
}
.tm-dot{
  width:12px;
  height:12px;
  background:#2f6dff;
  border-radius:50%;
}

/* INNER BOX */
.tm-slider{
  border:1px solid #d9d9d9;
  border-radius:14px;
  padding:30px;
  position:relative;
  min-height:170px;
}

/* SLIDES */
.tm-item{
  display:none;
}
.tm-item.active{
  display:block;
}

/* TEXT */
.tm-item p{
  font-size:18px;
  color:#222;
  text-align:left;
  margin-bottom:18px;
}
.tm-item h4{
  text-align:left;
  font-size:18px;
  font-weight:600;
}

/* QUOTE */
.tm-quote{
  position:absolute;
  right:30px;
  bottom:25px;
  font-size:80px;
  color:#cfe0ff;
}

/* RESPONSIVE */
@media(max-width:992px){
  .tm-wrap{
    flex-direction:column;
  }
  .tm-img,
  .tm-white{
    width:100%;
  }
  .tm-box{
    position:relative;
    top:auto;
    left:auto;
    transform:none;
    width:90%;
    margin:40px auto;
  }
  .tm-item p,
  .tm-item h4{
    text-align:center;
  }
  .tm-quote{
    display:none;
  }
}










    .gallery-section{
  padding:0px;
  background:#fff;
}

.gallery-section h2{
  font-size:32px;
}

.section-indicator{
  display:flex;
  align-items:center;
  gap:12px;
  margin:10px 0 30px;
}

.section-indicator .line{
  width:60px;
  height:3px;
  background:#2f6bff;
}

.section-indicator .dot{
  width:12px;
  height:12px;
  background:#2f6bff;
  border-radius:50%;
}

/* ===== Carousel ===== */
.gallery-wrapper{
  overflow:hidden;
}

.gallery-track{
  display:flex;
  gap:20px;
  transition:transform 0.6s ease;
}

.gallery-track img{
  width:calc(20% - 11px); /* 4 images */
  border-radius:10px;
  object-fit:cover;
  height: 274px;
    
}

/* dots */
.gallery-dots{
  text-align:center;
  margin-top:20px;
  font-size: 0px;
}

.g-dot{
  width:10px;
  height:10px;
  background:#ccc;
  border-radius:50%;
  display:inline-block;
  margin:0 4px;
  cursor:pointer;
}

.g-dot.active{
  background:#000;
}

/* ===== TABLET ===== */
@media(max-width:992px){
  .gallery-track img{
    width:calc(50% - 10px); /* 2 images */
  }
}

/* ===== MOBILE ===== */
@media(max-width:576px){
  .gallery-track img{
    width:100%; /* 1 image */
  }
}