.team-layout-two .card-img-top, .team-layout-four .card-img-top {
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: grayscale(100%);
  }
  .team-layout-two .card-img-top:hover {
    filter: none;
  }
  .team-layout-two .card-title {
    margin-bottom: 0px;
  }
  .team-layout-two .card-title a {
    font-size: 22px;
    line-height: 30px;
    text-decoration: none;
    color: var(--bs-secondary);
  }
  .team-layout-two .card-title a:hover {
    transition: 0.5s;
  }
  .team-layout-two h5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
  }
  .team-layout-two .card-text {
    padding: 0px 0px 15px 0px;
  }

  .social-media-icons a i {
    font-size: 20px;
    padding: 7px 0px 0px;
    color: var( --team-social-icon-color);
  }
  .social-media-icons a {
    background: var(--team-color );
    padding: 0px 10px;
    display: inline-block;
  }
  .social-media-icons .facebook-icon:hover {
    background: var(--team-fb-hover-color);
    transition: 0.5s;
  }
  .social-media-icons .twitter-icon:hover {
    background: var(--team-tw-hover-color);
    transition: 0.5s;
  }
  .social-media-icons .linkedin-icon:hover {
    background: var(--team-in-hover-color);
    transition: 0.5s;
  }
  .social-media-icons .envelope-icon:hover {
    background: var(--team-envelope-hover-color);
    transition: 0.5s;
  }


  @media (max-width: 992px) {
   .team-layout-two{
      padding: 35px 0px;
    }
    .team-left-image img{
      width: 100%;
    }
    .team-content::after{
      content: unset;
    }
  .team-content{
    width: 100%;
  }
  }



  /*  */

.team-layout-two .team-card {
    background: #fff;
    border: 1px solid #D4D4CF;
    border-radius: 0;
    padding: 20px 10px;
    gap: 20px;
    height: 100%;
}

.team-layout-two .team-card:hover{
      border-color: #cbd5e1;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

.team-details-modal .team-card{
  gap: 20px;
}

.team-layout-two  .team-card .round-image, .team-details-modal  .team-card .round-image{
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 50%;
}

.team-layout-two .team-card .eyebrow, .team-details-modal  .team-card .eyebrow{
      letter-spacing: .1em;
    color: #0F7AD2;
}