.our-team-hero {

    align-items: center;
    justify-content: center;
}

.our-team-hero h2{
    font-size: 36px;
    margin-block: 25px;
    position: relative;
    padding-bottom: 8px;
    color: var(--primaryColor);
}
.our-team-hero h2 span{
 color: var(--blue);
}
.our-team-hero p{
    font-size: 18px;
   font-weight: 500;
    color: rgba(29, 45, 94, 0.85);
    width: 85%;
}


@media (max-width: 1200px) {

.our-team-hero{
  text-align: center;
}
.our-team-hero h2{
    font-size: 40px;
 
    margin: 0 auto; 
text-align: center;
}
.our-team-hero p{
 text-align: center;
 align-items: center;
 margin: 0 auto; 
}
.team-head{
  text-align: center;
 align-items: center;
 width: 100%;
}
}

/* ** */
.team-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  grid-auto-rows: 400px;
 
}

.doctor-card{
  background:#fff;
  border-radius:16px;
  padding:150px 20px 30px; 
  text-align:center;
  position:relative;
  box-shadow:0 10px 25px rgba(0,0,0,0.05);
  transition:transform 0.3s;
  margin-top:130px;
}

.doctor-img{
  position:absolute;
  top:-125px;      
  left:50%;
  transform:translateX(-50%);
  z-index:5;
}

.doctor-img img{
  width:250px;       
  height:250px;    
  border-radius:50%;
  object-fit:cover; 
  border:5px solid #fff;
  box-shadow:0 5px 15px rgba(0,0,0,0.1);
}




@media (max-width:600px){

.team-cards{
grid-template-columns:1fr;
margin: 20px;
}
.doctor-card{
    margin-top: 150px;
}
.our-team-hero{
  text-align: center;
  margin-top: 30px;
}
.our-team-hero h2{
    font-size: 50px;
    padding: 10px;
 

}
.our-team-hero p{
   text-align: center;
   padding: 10px;
      font-size: 25px;
}
.team-head{
margin: 20px;
}
}
/* popup */

.doctor-popup{
position:fixed;
inset:0;
display:none;
align-items:center;
justify-content:center;
z-index:9999;
}

.doctor-popup.active{
display:flex;
}

.doctor-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,0.45);
}

.doctor-popup-box{
position:relative;
background:#fff;
padding:40px 30px;
border-radius:12px;
max-width:500px;
width:90%;
text-align:center;
z-index:2;
animation:popupFade .3s ease;
}

@keyframes popupFade{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:translateY(0);
}
}

.doctor-popup-box h4{
color:#1e88e5;
margin-bottom:15px;
}

.doctor-popup-box p{

line-height:1.7;
margin-bottom:25px;
}

.doctor-close{
position:absolute;
top:10px;
left:10px;
background:none;
border:none;
font-size:22px;
cursor:pointer;
}

.btn-book{
display:inline-block;
background:#1e88e5;
color:#fff;
padding:10px 25px;
border-radius:6px;
text-decoration:none;
transition:.3s;
}

.btn-book:hover{
background:#1565c0;
}

.doctor-popup-img{
display:flex;
justify-content:center;
margin-bottom:15px;
}

.doctor-popup-img img{
width:120px;
height:120px;
border-radius:50%;
object-fit:cover;
border:5px solid #fff;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}