.dz-team.style-1 .dz-media {
overflow: hidden;
position: relative;
z-index: 2;
}
.dz-team.style-1 .dz-media::after {
content: "";
position: absolute;
left: 0;
top: 0;
background-image: url('data:image/svg+xml,%3Csvg width="400" height="460" viewBox="0 0 400 460" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="mask0_33_500" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="400" height="460"%3E%3Crect width="400" height="460" fill="white"/%3E%3C/mask%3E%3Cg mask="url(%23mask0_33_500)"%3E%3Cpath d="M-24 488L423 308L-11 224L470 75" stroke="%23EFF9FF" stroke-width="90"/%3E%3C/g%3E%3C/svg%3E');
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
z-index: -1;
}
.dz-team.style-1 .dz-name {
font-size: 24px;
margin-bottom: 0px;
}
.dz-team.style-1 .dz-position {
font-size: 16px;
font-weight: 400;
color: var(--bs-primary);
}
.dz-team.style-1 .dz-content {
padding: 20px;
text-align: center;
}
.dz-team.style-1 .dz-social {
display: inline-flex;
gap: 20px;
padding: 15px 30px;
border-radius: 50px;
background-color: var(--bs-primary);
z-index: 2;
justify-content: center;
position: absolute;
bottom: -80px;
left: 50%;
transform: translateX(-50%);
-webkit-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.dz-team.style-1 .dz-social a {
color: #fff;
}
.dz-team.style-1.active .dz-social, .dz-team.style-1:hover .dz-social {
bottom: 30px;
}
@media only screen and (max-width: 1199px) {
.dz-team.style-1 .dz-name {
font-size: 20px;
}
.dz-team.style-1 .dz-position {
font-size: 14px;
}
}
@media only screen and (max-width: 575px) {
.dz-team.style-1 .dz-content {
padding: 15px;
}
}