/* ============================= 
    TEAM-4 CSS
================================ */

.team-style-4 {
  padding: 100px 0 70px;
  background: #e5e5e5;


  .single-team {
    text-align: center;
    margin-bottom: 25px;
    overflow: hidden;
    @include transition(.3s);

    &:hover {

      .image {

        .overlay {
          height: 100%;
          opacity: 1;
          visibility: visible;
        }
      }
    }

    .image {
      margin: auto;
      margin-bottom: 25px;
      position: relative;

      img {
        width: 100%;
      }

      .overlay {
        position: absolute;
        width: 100%;
        height: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(180deg, rgba(218, 218, 218, 0) 0%, #2F80ED 100%);
        @include transition(.3s);
        opacity: 0;
        visibility: hidden;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 30px;

        .socials {

          li {

            a {
              background: $white;
              color: $primary-color;
            }
          }
        }
      }
    }

    .info {
       
      h6 {
        font-weight: 600;
        margin-bottom: 10px;
      }

      p {
        margin-bottom: 20px;
      }
    }
  }
}