/*
    ---------------------------------------------
    Team Style
    ---------------------------------------------
    */

.team {
    margin-top: 100px;
    padding-top: 140px;
}

.team-member {
    position: relative;
    /*padding-bottom: 40% !important;*/
    padding-bottom: 10% !important;
}

    .team-member:hover img {
        top: -120px;
    }

    .team-member img {
        max-width: 220px;
        border-radius: 50%;
        position: absolute;
        top: -110px;
        left: 50%;
        transform: translateX(-110px);
        transition: all .3s;
    }

    .team-member .main-content {
        border-radius: 25px;
        /*padding: 140px 30px 40px 30px;*/
        padding: 40px 30px 40px 30px;
        background-color: #dcedfd;
        text-align: center;
    }

        .team-member .main-content span.category {
            color: #7a6ad8;
            font-size: 15px;
        }

        .team-member .main-content h4 {
            font-size: 22px;
            font-weight: 600;
            margin-top: 8px;
            margin-bottom: 15px;
        }

        .team-member .main-content ul li {
            display: inline-block;
            margin: 0px 2px;
        }

            .team-member .main-content ul li a {
                background-color: #fff;
                color: #7a6ad8;
                display: inline-block;
                text-align: center;
                line-height: 40px;
                font-size: 18px;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                transition: all .3s;
            }

                .team-member .main-content ul li a:hover {
                    background-color: #7a6ad8;
                    color: #fff;
                }