/* Team Carousel Clean (assets/team-carousel.css) */
.team-carousel.clean{
  --gap: 20px;
  --cards-per-view: 5;
  position: relative;
  width: 100%;
  container-type: inline-size;
}
.team-carousel.clean .track{
  display:flex;
  gap:var(--gap);
  overflow:hidden;
  padding:0 var(--gap);
  background:transparent;
}
.team-carousel.clean .card{
  flex:0 0 calc((100% - (var(--gap) * 4)) / var(--cards-per-view));
  text-align:center;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
.team-carousel.clean .photo{
  width:190px; height:227px; margin:0 auto;
  border:0 !important; border-radius:0 !important;
  box-shadow:none !important; background:transparent !important;
}
.team-carousel.clean .photo img{
  width:100%; height:100%; object-fit:cover; display:block;
  border:0 !important; outline:0 !important; box-shadow:none !important;
}
.team-carousel.clean .name{
  margin:10px 0 2px; font-size:18px; color:#084C7D; font-weight:700;
}
.team-carousel.clean .role{
  margin:0; font-size:16px; color:#7A7A7A;
}
@container (max-width:519px){ .team-carousel.clean{ --cards-per-view: 1; } }
@container (min-width:520px) and (max-width:819px){ .team-carousel.clean{ --cards-per-view: 2; } }
@container (min-width:820px) and (max-width:1099px){ .team-carousel.clean{ --cards-per-view: 3; } }
@container (min-width:1100px) and (max-width:1359px){ .team-carousel.clean{ --cards-per-view: 4; } }
@container (min-width:1360px){ .team-carousel.clean{ --cards-per-view: 5; } }

/* arrows */
.team-carousel.clean .nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border:none; background:transparent; padding:0;
  display:grid; place-items:center; cursor:pointer;
}
.team-carousel.clean .nav svg{ width:28px; height:28px; }
.team-carousel.clean .prev{ left:0; }
.team-carousel.clean .next{ right:6px; }
.team-carousel.clean .prev:hover svg{ transform: translateX(-1px); }
.team-carousel.clean .next:hover svg{ transform: translateX(1px); }

/* theme/elementor kill */
.elementor .team-carousel.clean .card,
.elementor .team-carousel.clean .photo,
.elementor .team-carousel.clean .photo img{
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
