:root{
    --color-primary:#0F674F;
    --color-secondary:rgb(202, 153, 60);
    --border:20px;
    --color-white:#fff;
    --background-section:#f9fbfa;
    --box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
    --shodow-all:rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.img-part2 img{
    width: 100%;
    max-height:250px;
    object-fit: cover;
    border-radius:var(--border);
}


.box-number{
    box-shadow:var(--box-shadow);
    padding:20px;
}

.home-stats{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 1100px;
    margin: 80px auto;
}

.stat-item{
    border-left: 4px solid var(--color-primary);
    padding-left: 18px;
    /* box-shadow:var(--box-shadow);
    padding:20px; */
}

.stat-number{
   font-size: clamp(36px, 3.2vw, 46px);
   font-family: "Roboto Condensed", sans-serif;
   font-weight: 700;
   font-style: normal;
   color:var(--color-primary);
}

.plus{
    font-size: clamp(36px, 3.2vw, 46px);
    font-weight: 600;
   color:var(--color-primary);
}


/* Mobile */
@media(max-width:768px){
    .home-stats{
        grid-template-columns: 1fr;
        gap: 24px;
    }
}
.counter{
    margin-top:20px;
}


/* Section */
.doctor-profile{
  padding: 80px 20px;
  background:#fff;
}

.doctor-profile .container{
  max-width:1200px;
  margin:0 auto;
}


/* Feature item */
.feature-item{
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  padding:30px 25px;
  transition:all .3s ease;
}

.feature-item:hover{
  transform:translateY(-6px);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.feature-item h3{
  font-size:18px;
  margin:15px 0;
  color:var(--color-primary);
}

.feature-item ul{
  padding-left:18px;
  margin:0;
}

.feature-item li{
  font-size:14.5px;
  color:var(--text);
  margin-bottom:8px;
  line-height:1.6;
}

/* Icons */
.feature-icon{
  width:56px;
  height:56px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
}


.feature-icon{
  background:var(--color-primary);
  color:var(--color-white);
}




/* Responsive */
@media(max-width:992px){
  .doctor-features{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:576px){
  .doctor-features{
    grid-template-columns:1fr;
  }
  .doctor-name{
    font-size:26px;
  }
}






/* ===== HOVER CHỈ DESKTOP ===== */
@media (min-width: 992px){
  .box-service{
    transition: all 0.35s ease;
  }

  .box-service:hover{
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
  }

  .box-service:hover .box-img img{
    transform: scale(1.05);
  }
}