/**
* Icons by: https://fontawesome.com/
*/
.wpp-team {
	text-align: center;
	padding: 50px 0;
}

.wpp-team h1 {
	font-size: 2.5em;
	margin-bottom: 20px;
}

.wpp-team p{
	text-align: right;
}
/*
.wpp-team-members {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}

.wpp-team-member {
display: flex;
flex-direction: column;
align-items: center;
width: 200px;
padding: 20px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s;
}

.wpp-team-member:hover {
transform: translateY(-10px);
}

.wpp-team-member .avatar {
width: 150px;
height: 150px;
border-radius: 50%;
margin-bottom: 10px;
}

.wpp-team-member h2 {
font-size: 1.5em;
margin: 10px 0;
}
*/
.follow-us .social-links ,
.wpp-team-member .social-links {
	display: flex;
	gap: 10px;
	justify-content: center;
}

.follow-us .social-links a ,
.wpp-team-member .social-links a {
	transition: transform 0.3s;
}

/*.follow-us .social-links a:hover ,
.wpp-team-member .social-links a:hover {
	transform: scale(1.2);
}*/

.follow-us .social-links img ,
.wpp-team-member .social-links img {
	width: 20px;
}


.contributer-list {
	position:relative;
	z-index:2;
	margin:0 auto;
}

.contributer-list__track {
	width:fit-content;
	margin: 0 auto;
}

.contributer-list__grid {
	display:grid;
	grid-auto-columns:min-content;
	grid-auto-flow:column;
	width:fit-content;
	gap: 24px
}
.contributer-list-item {
	position:relative;
	width: 120px;
	height: 150px;
}

.contributer-list-title{
	margin-top: 5px;
	margin-bottom: 5px;
}

.contributer-list-name{
	font-weight: bold;
	font-size: 15px;
	margin-top: 7px;
	color: #000
}

.contributer-list-title{
	color: #777
}

.contributer-list-image {
	display:flex;
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
	overflow: hidden;
	border-radius: 10px;
}
.contributer-list-image img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center
}
.contributer-list-info {
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	bottom:0;
	left:0;
	align-content:flex-end;
	padding: 15px;
	background:linear-gradient(180deg, rgba(0,0,0,0) 51.91%, rgba(0,0,0,0.3) 75.88%);
	overflow: hidden;
	border-radius: 10px;
}
.contributer-list-info>* {
	display:flex;
	width:fit-content
}
.contributer-list-tags {
	display:grid;
	grid-auto-columns:min-content;
	grid-auto-flow:column;
	gap:8px;
	margin: 30px auto 0;
	padding:0
}
.contributer-list-tag {
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	padding:0;
	font-size:11px;
	white-space:nowrap;
	margin: 0
}

.contributer-list-tag img{
  filter: invert(100%) sepia(46%) saturate(2%) hue-rotate(74deg) brightness(119%) contrast(100%);
}


.wpp-contributors {
	text-align: center;
	padding: 50px 0;
}

.wpp-contributors h2 {
	font-size: 2em;
	margin-bottom: 20px;
}

#wpp-contributors-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.wpp-contributor {
	position: relative;
	margin: 1px;
	text-align: center;
}

.wpp-contributor img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	transition: transform 0.3s;
}

/*.wpp-contributor:hover img {
	transform: translateY(-10px);
}*/

.wpp-contributor .tooltip {
	visibility: hidden;
	width: 120px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%; /* Position the tooltip above the image */
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.wpp-contributor .tooltip::after {
	content: "";
	position: absolute;
	top: 100%; /* Arrow at the bottom of the tooltip */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}

.wpp-contributor:hover .tooltip {
	visibility: visible;
	opacity: 1;
}
