.team{display:flex;position:relative}.team-thumbnail{display:flex;width:100%}.team-thumbnail img{width:100%}.team-hover{align-items:center;background-color:#fff;border:6px solid var(--primary-color);display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:50px;position:absolute;top:0;transition:var(--transition);visibility:hidden;width:100%;z-index:3}@media only screen and (max-width:767px),only screen and (min-width:992px) and (max-width:1199px){.team-hover{padding:20px}}@media only screen and (min-width:768px) and (max-width:991px){.team-hover{padding:30px 10px}}.team-content{margin-top:30px;opacity:0;position:relative;transition:var(--transition);visibility:hidden;width:100%}.team-content h6{margin-bottom:10px;text-transform:uppercase}@media only screen and (max-width:767px){.team-content h6{margin-bottom:7px}}.team-content span{color:var(--base-color);display:block;margin-bottom:20px;text-transform:capitalize}@media only screen and (min-width:768px) and (max-width:991px){.team-content span{margin-bottom:10px}}@media only screen and (max-width:767px){.team-content span{margin-bottom:15px}}.team-content p{margin-bottom:25px}@media only screen and (max-width:767px){.team-content p{margin-bottom:20px}}.team-social{display:flex;gap:22px}.text-left .team-social{justify-content:flex-start}.text-center .team-social{justify-content:center}.text-right .team-social{justify-content:flex-end}.team-social a{align-items:center;display:flex;justify-content:center;line-height:1}.team-social a svg{height:16px;width:16px}.team-social a svg path{stroke:currentColor;fill:currentColor}.team:hover .team-content,.team:hover .team-hover{opacity:1;visibility:visible}.team:hover .team-content{margin-top:0}