.team-filters {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.filter-btn {
  padding: 8px 20px;
  border: 0;
  background: #F1F5F9;
  border-radius: 25px;
  cursor: pointer;
  font-size: 18px;
  color: #000 !important;
	line-height: normal;
}
.filter-btn:hover {
  background: #0172A4;
  color: #FFF !important;
}
.filter-btn.active {
  background: #0172A4;
  color: #fff;
  line-height: normal;
  color: #FFF !important;	
}
.team-grid {
    display: grid;
    gap: 24px;
}
.team-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.team-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.team-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }

.team-card {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    min-height: 220px;
}
.team-card img {
    width: 100%;
    height: auto;
    display: block;
}
.team-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 14px;
    /*background: linear-gradient(transparent, rgba(0,0,0,0.7));*/
	background: linear-gradient(257.29deg, rgba(255, 255, 255, 0) 14.76%, rgba(0, 0, 0, 0.86) 50.26%);
	color: #fff;
}
.team-card .team-img-gray {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

@media (max-width: 991px) {
    .team-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
	.team-grid.cols-3 { grid-template-columns: repeat(2, 1fr); }
	.team-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 620px) {
    .team-grid.cols-2 { grid-template-columns: repeat(1, 1fr); }
	.team-grid.cols-3 { grid-template-columns: repeat(1, 1fr); }
	.team-grid.cols-4 { grid-template-columns: repeat(1, 1fr); }
}