.single-team-slide .team-border {aspect-ratio: 500 / 526;}
.single-team-slide {transition: transform 0.4s ease, box-shadow 0.4s ease;border-radius: 1rem;background-color: #212529;}
.single-team-slide:hover {transform: translateY(-8px);box-shadow: 0 15px 30px rgba(253, 126, 20, 0.15);}

.single-team-slide .team-border img {object-fit: cover; object-position: top center;filter: grayscale(0%);transition: filter 0.5s ease;z-index: 1;}
.single-team-slide:hover .team-border img {filter: grayscale(100%);}

.single-team-slide .team-border .overlay-effect {transition: all 0.4s ease;bottom: 0 !important;left: 0;top: auto !important;z-index: 20;background: linear-gradient(to top, rgba(33, 37, 41, 0.95) 0%, rgba(33,37,41,0) 100%);opacity: 0;visibility: hidden;}
.single-team-slide:hover .team-border .overlay-effect {opacity: 1;visibility: visible;}

.single-team-slide .team-social-info {transition: all 0.4s ease;bottom: 0px; left: 0 !important;z-index: 100;visibility: hidden;opacity: 0;}
.single-team-slide:hover .team-social-info,.single-team-slide .team-border:hover .team-social-info,.single-team-slide .team-border:focus .team-social-info {opacity: 1;visibility: visible;bottom: 25px;left: 0;}
.single-team-slide .team-social-info a {background-color: #2a2a2a;transition: all 0.3s ease;}

.single-team-slide .team-social-info a::before { content: attr(data-mail); position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%); background-color: #212529; color: #fff; padding: 6px 12px; border-radius: 4px; font-size: 13px; white-space: nowrap; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1000; }
.single-team-slide .team-social-info a::after { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border-width: 6px; border-style: solid; border-color: #212529 transparent transparent transparent; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1000; }
.single-team-slide .team-social-info a:hover::before { opacity: 1; visibility: visible; bottom: 140%; }
.single-team-slide .team-social-info a:hover::after { opacity: 1; visibility: visible; bottom: calc(140% - 12px); }
.single-team-slide .team-social-info a:hover { background-color: #fd7e14; transform: scale(1.1); color: #ffffff; }