/*--------------------------------------------------
  Base styles (Desktop first)
--------------------------------------------------*/
.team-section{
  display:flex;justify-content:center;flex-wrap:wrap;
  gap:60px;background:#f0f8ff;padding:40px 20px;
}
.team-card{
  background:#002c5fea;padding:20px;width:180px;border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.2);text-align:center;
  transition:transform .3s ease,box-shadow .3s ease;color:#fff;
}
.team-card:hover{transform:translateY(-5px);
  box-shadow:0 6px 18px rgba(0,0,0,.3);}
.team-card img{
  height:160px;width:100%;object-fit:contain;border-radius:8px;
  margin-bottom:15px;border:3px solid #fff;
}
.team-card h4{
  margin:0 0 6px;font-size:15px;font-weight:600;color:#ffcc00;
}
.team-card p{margin:0;font-size:12px;color:#fff}

/*--------------------------------------------------
  Responsive tweaks
--------------------------------------------------*/
@media(max-width:992px){
  .team-section{gap:40px;padding:30px 15px;}
  .team-card{width:160px;}
  .team-card img{height:140px;}
  .team-card h4{font-size:14px;}
  .team-card p{font-size:11px;}
}
@media(max-width:768px){
  .team-section{gap:30px;}
  .team-card{width:140px;padding:15px;}
  .team-card img{height:120px;}
  .team-card h4{font-size:13px;}
  .team-card p{font-size:10px;}
}
@media(max-width:480px){
  .team-section{gap:20px;padding:20px 10px;}
  .team-card{width:160px;padding:12px;}
  .team-card img{height:110px;}
  .team-card h4{font-size:12px;}
  .team-card p{font-size:9px;}
}
@media(min-width:1440px){
  .team-section{gap:80px;}
  .team-card{width:200px;}
  .team-card img{height:180px;}
  .team-card h4{font-size:16px;}
  .team-card p{font-size:13px;}
}