.ek-team-area-one{
    @apply duration-300 transition-all;
    &:hover {
        .ek-team-title{
            @apply text-white duration-300 transition-all;
        }
    }

    .ek-social-icon{
        a{
            @apply text-[16px] text-[#5E6877]  no-underline hover:text-white transition-all duration-300 ease-linear;
        }
    }
}
.ek-team-title{
    @apply text-[22px] mb-[5px] leading-[1.2] mt-0 font-bold;
}

.ek-team-area-two{
    .ek-team-image{
        &::before{
            background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .75) 30%, transparent);
        }
    }

    .ek-team-title,
    .ek-team-position span {
        @apply text-white;
    }

    .ek-team-wrapper{
        &:hover{
            .ek-team-title{
                @apply text-white;
            }
        }
    }

    .ek-social-item{
        background-image: -webkit-gradient(linear, left top, right top, from(#06FFDF), to(#0042FF));
        @apply bg-linear-to-l from-[#06FFDF] to-[#0042FF];
        &.active {
            /*background-image: -webkit-linear-gradient(left, #106CC7, #FFD200);*/
            @apply bg-[#106CC7] bg-linear-to-l from-[#106CC7] to-[#FFD200];
            .ek-social_btn_icon{
                @apply flex justify-center items-center -mt-[2px] ml-[2px] rotate-45 h-full w-full transition-[rotate] duration-[.25s] ease-in-cubic;
            }

            .ek-social-icon {
                @apply opacity-100 visible ml-[20px];
            }
        }
    }
}

.ek-team-area-three{
    .ek-team-image{
        img{
            @apply object-cover rounded-[50%]  h-[200px] w-[200px] ;
        }
    }
    .ek-team-title{
        @apply text-[22px] leading-8;
    }
}