/*** Team Start ***/
.team .team-item {
    position: relative;
    padding: 0 25px 25px 25px;
    border-radius: 10px;
    transition: 0.5s;
}

    .team .team-item::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background: var(--bs-light);
        border-radius: 10px;
        transition: 0.5s;
        z-index: -1;
    }

    .team .team-item:hover::before {
        height: 0;
    }

    .team .team-item::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 0;
        bottom: 0;
        left: 0;
        border-radius: 10px;
        transition: 0.5s;
        z-index: -1;
    }

    .team .team-item:hover::after {
        height: 100%;
        background: var(--bs-primary);
    }

    .team .team-item .team-img {
        /* width: 100%;
        height: 100%;*/
        width: 200px;
        height: 200px;
        border-radius: 100%;
        position: relative;
        margin-top: 50%;
        transform: translateY(-50%);
        margin-bottom: -50%;
        display: flex;
        justify-content: center;
        border: 4px solid var(--bs-primary);
        border-style: dotted;
        padding: 4px;
        background: var(--bs-white);
        transition: 0.5s;
    }

    .team .team-item:hover .team-img {
        border: 4px solid var(--bs-white);
        border-style: dotted;
        background: 0;
    }

    .team .team-item .team-img img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        transition: 0.5s;
    }

    .team .team-item .team-title {
        padding: 25px 0 25px 0;
        text-align: center;
    }

        .team .team-item .team-title h4,
        .team .team-item .team-title p {
            transition: 0.5s;
        }

    .team .team-item:hover .team-title h4,
    .team .team-item:hover .team-title p {
        color: var(--bs-white);
    }

    .team .team-item .team-icon {
        display: flex;
        justify-content: center;
    }

        .team .team-item .team-icon a {
            transition: 0.5s;
        }

    .team .team-item:hover .team-icon a {
        color: var(--bs-dark);
        background: var(--bs-white);
    }

        .team .team-item:hover .team-icon a:hover {
            color: var(--bs-primary);
            background: var(--bs-dark);
        }
/*** Team End ***/