.team{
  background:#fff;
  padding: 70px 0 40px;
  overflow:hidden;
}

.team-title{
 font-family: Avenir;
font-weight: 500;
font-style: Medium;
font-size: 40px;
line-height: 175%;
letter-spacing: 0%;
text-align: center;
color: #000000;

}

.team-swiper{ padding: 0 6px 10px; }
.team-slide{ height:auto; }

/* CARD */
.team-card{
  position:relative;
  border-radius:26px;
  overflow:hidden;
  background:#f3f3f3;
  aspect-ratio: 1 / 1;
}

/* SVG FULL FILL (حل قطعی فضای خالی SVG) */
.team-img-wrap{
  position:absolute;
  inset:0;
  overflow:hidden;
}

.team-img-svg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  display:block;
}

/* خطوط نازک مثل طرح */
.team-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(to right,
      transparent calc(50% - .5px),
      rgba(255,255,255,.65) calc(50% - .5px),
      rgba(255,255,255,.65) calc(50% + .5px),
      transparent calc(50% + .5px)
    ),
    linear-gradient(to bottom,
      transparent calc(58% - .5px),
      rgba(255,255,255,.65) calc(58% - .5px),
      rgba(255,255,255,.65) calc(58% + .5px),
      transparent calc(58% + .5px)
    );
}

/* GLASS INFO */
.team-info{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
width: 90%;
 
  padding:10px 22px;
  border-radius:16px;

  background: rgba(255,255,255,.65);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.55);
}

.team-name{
 font-family: Avenir;
font-weight: 800;
font-style: Heavy;
font-size: 18px;
line-height: 150%;
letter-spacing: 0%;
text-align: justify;
vertical-align: bottom;
color: #000000CC;

}

.team-role{
font-family: Avenir;
font-weight: 400;
font-style: Roman;
font-size: 10px;
line-height: 150%;
letter-spacing: 0%;
text-align: right;
vertical-align: bottom;
color: #00000066;
text-align: left;
}

/* RESPONSIVE */
@media (max-width:575.98px){
  .team{ padding: 50px 0 26px; }

  .team-title{
    font-size:46px;
    margin-bottom:28px;
  }

  .team-card{ aspect-ratio: 4 / 5; }

  .team-img-svg{
    width: 128%;
    height: 128%;
  }

  .team-info{
    width: 90%;
height: 100px;
top: 241px;
left: 16px;
opacity: 1;
border-radius: 8px;
backdrop-filter: blur(50px)

  }

  .team-name{ font-size:28px; }
  .team-role{ font-size:17px; }
}

@media (min-width:576px) and (max-width:767.98px){
  .team-title{ font-size:50px; }
  .team-card{ aspect-ratio: 4 / 5; }
}

@media (min-width:768px) and (max-width:1199.98px){
  .team-title{ font-size:56px; margin-bottom:34px; }
  .team-card{ aspect-ratio: 1 / 1; }
}