section.team-section {

    position: relative;

}



section.team-section .line-1 {

    right: 65px !important;

}



section.team-section .line-2 {

    right: 73px !important;

}



section.team-section .line-3 {

    right: 65px !important;

}



.team {

    position: relative;

}



.team .image {

    position: relative;

}



.team .image img {

    width: 100%;

    border-radius: 208px;

}



.team .image:before {

    content: "";

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 215px;

    border-radius: 0px 0px 208px 208px;

    background: rgba(31, 31, 31, 0.90);

    transition: all 500ms ease;

}



.team .image:after {

    content: "";

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    height: 0;

    border-radius: 0px 0px 208px 208px;

    background: var(--theme-color);

    transition: all 500ms ease;

    transform: scale(0);

    transform-origin: bottom;

}



.team .content {

    position: absolute;

    bottom: 72px;

    left: 128px;

    right: 129px;

    text-align: center;

}



.team h3 {

    font-size: 30px;

    font-weight: 600;

    color: var(--white-color);

}



.team h5 {

    font-size: 20px;

    font-weight: 300;

    color: var(--theme-color);

}



.team .social-icons {

    position: absolute;

    bottom: 115px;

    right: 0;

    left: 0;

}



.team .social-icons i {

    font-size: 20px;

    background: var(--white-color);

    border-radius: 50%;

    height: 56px;

    width: 56px;

    line-height: 56px;

}



.team:hover .image:after {

    transform: scale(1,1);

    height: 215px;

}



.team:hover h5 {

    color: var(--white-color);

}



.team ul.share-links {

    position: absolute;

    bottom: 60px;

    left: 0;

    right: 0;

    transform: scale(0,0);

    transform-origin: bottom;

    transition: all 500ms ease;

}



.team .share-btn i {

    cursor: pointer;

    color: var(--white-color);

    background: var(--theme-color);

    transition: all 500ms ease;

}



.team:hover .share-btn i {

    color: var(--secondary-color);

    background: var(--white-color);

}



.team .social-icons:hover .share-links {

    transform: scale(1);

}



.team ul.share-links li i {

    font-size: 20px;

    background: var(--secondary-color);

    border-radius: 50%;

    color: var(--white-color);

    height: 56px;

    width: 56px;

    line-height: 56px;

    transition: all 500ms ease;

}



.team ul.share-links li:hover i {

    color: var(--secondary-color);

    background: var(--white-color);

}



.team ul.share-links li {

    margin-top: 5px;

}