/*----------------------------------------*/
/*  Team
/*----------------------------------------*/
.bd-team-four {
    span {
        font-size: 15px;
        color: var(--clr-gen-common-white);
        display: inline-block;
        margin-bottom: 20px;
    }
    .bd-team-four-text {
        position: absolute;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        bottom: -100%;
        @include transition(0.5s);
        text-align: center;
        z-index: 2;
    }
    &:hover {
        .bd-team-four-text {
            bottom: 30px;
        }
    }
}
.bd-team-four-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--clr-gen-common-white);
}
.bd-team-four-social {
    ul {
        li {
            display: inline-block;
            list-style: none;
            margin: 0px 5px;
            a {
                height: 36px;
                width: 36px;
                line-height: 36px;
                display: inline-block;
                border-radius: 3px;
                font-size: 14px;
                color: var(--clr-gen-common-white);
                text-align: center;
                background: rgba(22,22,22,0.22);
                &:hover {
                    background: var(--clr-gen-theme-1);
                }
            }
        }
    }
}

.bd-portfolio {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    &:before {
        position: absolute;
        height: 0%;
        width: 100%;
        content: '';
        background: linear-gradient(rgba(22, 22, 22, 0.06) 0%, #9f0036 100%);
        opacity: 0.85;
        left: 0px;
        bottom: 0px;
        z-index: 1;
        @include transition(0.3s);
    }
    &:hover {
        .bd-portfolio-text {
            bottom: 23px;
            @media #{$lg,$xxs} {
                bottom: 13px;
            }
        }
        &:before {
            height: 100%;
        }
    }
    img {
        width: 100%;
    }
    &:hover {
        img {
            transform: scale3d(1.1, 1.1, 1.1);
        }
    }
}


// Team pagination style
.bd-team-active.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    margin: 0px 5px;
    padding: 0px;
    display: inline-block;
    outline: none;
    cursor: pointer;
    font-size: 0px;
    opacity: 1;
    height: 6px;
    width: 20px;
    border-radius: 30px;
    border: none;
    background: var(--clr-gen-border-4);
    @media #{$xxs} {
        margin: 0px 4px;
    }
    &.swiper-pagination-bullet-active {
        background: var(--clr-gen-theme-1);
    }
}
.bd-team-active.swiper-container-horizontal {
    .team-dots {
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
    }
}