/*--Team Layout One Starts--*/

.team-layout-one .card {
  border-radius: 0px;
  border-color: transparent;
  margin-bottom: 20px;
  padding: 30px;
  height: 100%;
  padding-bottom: 0;
}

/* .team-layout-one .card-img-top {
 
} */
.team-layout-one .card-img-top {
  border-radius: 0px;
  height: 300px;
  object-fit: cover;
  object-position: top;
  border-radius: 0px;
}

.team-image {
  overflow: hidden;
}

.team-layout-one .card-img-top:hover {
  transform: scale3d(1.1, 1.1, 1);
  transition: 0.7s;
}

.card-text {
  padding: 15px 0px;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0px;
}

.contact-information {
  padding-left: 0px;
}

.contact-information li {
  list-style: none;
  margin-bottom: 8px;
}

.contact-information li a i {
  margin-right: 5px;
  font-size: 18px;
  color: var(--team-color);
}

.contact-information li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: var(--bs-secondary);
  font-size: 16px;
  line-height: 26px;
}

.contact-information .team-number a {
  /* color: var(--bs-secondary) */
}

.team-layout-one .card-body {
  /* background-color: var(--team-color); */
  /* color: white; */
}

.team-layout-one .card-title {
  margin-bottom: 0px;
}

.team-layout-one .card-title a {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 0px;
  color: white;
  text-decoration: none;
}

.team-layout-one h5 {
  font-size: 16px;
  line-height: 22px;
}

.social-media-icons a i {
  font-size: 20px;
  padding: 7px 0px 0px;
  color: var(--team-social-icon-color);
}

.social-media-icons a i:hover {
  color: #fff;
}

.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;
} */

.team-twitter-social-icon:hover svg{
  fill: var(--team-tw-hover-color);
}

/* .social-media-icons .linkedin-icon:hover {
  background: var(--team-in-hover-color);
  transition: 0.5s;
} */

.team-linkedin-social-icon:hover svg {
  fill: var(--team-in-hover-color);
}

/* .social-media-icons .envelope-icon:hover {
  background: var(--team-envelope-hover-color);
  transition: 0.5s;
} */
.team-envelope-social-icon:hover svg{
  fill: var(--team-envelope-hover-color);
}


/*--Team Layout One Ends--*/


.team-modal .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9;
}


@media (max-width: 992px) {

  /* .team-layout-one{
      padding: 35px 0px;
    } */
  .team-left-image img {
    width: 100%;
  }

  .team-content::after {
    content: unset;
  }

  .team-content {
    width: 100%;
  }
}

@media (max-width: 620px) {
  .team-content::after {
    transform: rotate(-45deg);
    top: -17px;
    left: 45%;
  }

  .team-content-left::after {
    content: unset;
  }

  .team-modal .btn-close {
    /* filter: invert(1); */
    opacity: 1;
  }

  .team-modal .btn-close {
    position: absolute;
    top: 3px;
    right: 1px;
    z-index: 9;
  }
}