/*============================================================================================
	Start Team Area
==============================================================================================*/

.our-team-single-wrap {
  padding: 10px;
  margin-bottom: 30px;
}

.our-team-border-wrap {
  border: 2px dashed #000;
  text-align: center;
}

.our-team-image-wrap {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.our-team-image {
  width: 100%;
}
.our-team-collection-item:hover .our-team-image {
  transform: scale(1.08);
}
.our-team-details-wrap {
  border-top: 2px dashed #000;
  flex-direction: column;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.our-team-name {
  color: var(--title-color);
  text-align: center;
  letter-spacing: -0.52px;
  text-transform: capitalize;
  margin-bottom: 8px;
  font-size: 26px;
  font-weight: 800;
  line-height: 36px;
  transition: all 0.4s;
}

.our-team-name:hover {
  color: var(--primary-color);
}

.our-team-position {
  color: rgba(19, 17, 38, 0.8);
  text-align: center;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

/* Team Details  */

.team-single-wrap {
  grid-column-gap: 60px;
  align-items: center;
  display: flex;
}

.team-single-img-wrap {
  padding: 10px;
  background: #fdf3ec;
}
.team-single-img-border {
  border: 2px dashed #000;
  padding: 10px;
  text-align: center;
}

.team-single-details-wrap {
  max-width: 648px;
}

.team-single-name {
  margin-bottom: 20px;
}

.team-single-position-wrap {
  grid-column-gap: 20px;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.team-single-position-line {
  width: 40px;
  height: 2px;
  background-color: rgba(19, 17, 38, 0.6);
}

.team-single-position {
  color: rgba(19, 17, 38, 0.8);
}

.team-single-details {
  color: rgba(19, 17, 38, 0.8);
  margin-bottom: 40px;
}

.team-single-social-wrap {
  grid-column-gap: 20px;
  align-items: center;
  display: flex;
}

.team-single-social-link {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  color: var(--title-color);
  background-color: rgba(19, 17, 38, 0.08);
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
  display: flex;
  line-height: 10px;
}

.team-single-social-link:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
  transform: translate(0, -5px);
}
@media only screen and (min-width: 768px) and (max-width: 1199.99px) {
  .team-single-wrap {
    display: block;
    text-align: center;
  }
  .team-single-img-wrap {
    max-width: 400px;
    margin: auto;
  }
  .team-single-details-wrap {
    max-width: 100%;
    margin-top: 40px;
  }
  .team-single-social-wrap,
  .team-single-position-wrap {
    justify-content: center;
  }
}

@media only screen and (max-width: 767.99px) {
  .our-team.section-gap {
    padding-bottom: 16px;
  }
  .our-team-details-wrap {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .our-team-name {
    font-size: 22px;
    line-height: 24px;
  }

  .our-team-position {
    font-size: 16px;
  }

  .our-team-image-wrap {
    text-align: center;
  }

  .our-team-border-wrap {
    text-align: center;
  }
  .team-single-details-wrap {
    max-width: 100%;
    margin-top: 24px;
  }

  .team-single-name {
    margin-bottom: 12px;
    font-size: 28px;
  }

  .team-single-position-wrap {
    margin-bottom: 16px;
  }
  .team-single-social-wrap {
    grid-column-gap: 16px;
  }
  .team-single-wrap {
    display: block;
  }
}

/*============================================================================================
	End Team Area
==============================================================================================*/