/*============================
   36.Teams
============================*/

@use "../utils/mixins" as *;
@use '../variables' as *;

.team-item {
    margin-bottom: 40px;
    transition: 0.6s;
    &:hover {
        transform: translateY(-10px);
        transition: 0.6s;
        .team-item-img {
            img {
                transform: scale(1.1);
                transition: 0.6s;
            }
        }
    }
    .team-item-img {
        border-radius: $border-radius-lg;
        img {
            transition: 0.6s;
        }
    }
    @include respond-below(md) {
        text-align: center;
    }
}

// team link
.team-section-five {
    background: url(../img/home-5/bg/popular-bg.png) no-repeat center center;
    background-size: 100% 100%;
    padding: 140px 0px 60px;
    overflow: hidden;
    @include respond-below(lg) {
        background: $light;
        padding: 60px 0px;
    }
    .team-item {
        padding: 20px;
        border: 1px solid $border-color;
        position: relative;
        z-index: 1;
        border-radius: $border-radius-md;
        background: $white;
        box-shadow: 0px 1px 4px 0px #8888881A;
        margin: 0px;
        .team-info {
            margin-top: 20px;
        }
        .team-link {
            position: absolute;
            right: 40px;
            bottom: 72px;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: $dark;
            font-size: 20px;
            color: $white;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.6s;
            border: 4px solid $white;
        }
        &:hover {
            .team-link {
                background: $primary-linear-gradient;
                color: $white;
                transform: rotate(45deg);
            }
        }
    }
    .element-one {
        right: -145px;
        top: 0px;
    }
}
.custom-top-padding {
    padding-top: 40px;
}