/**
 * Media Queries
 */
/**
 * Standard Colors
 */
/**
 * Brand Colors
 */
/**
 * Fonts
 */
/*
 * Fonts - https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap
 *
 * Titillium Web
 * Regular:  font-weight: 400;
 * SemiBold: font-weight: 600;
 * Bold:     font-weight: 700;
 */
/* Underline From Left */
/* Triangle Shape */
.personnel-outer-wrap {
  padding: 25px 0px;
}
.personnel-wrap {
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.personnel-wrap .item {
  margin-bottom: 15px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .personnel-wrap .item {
    display: flex;
    margin-bottom: 4%;
    margin-left: 4%;
    width: 48%;
  }
}
.personnel-wrap .item:nth-child(odd) {
  margin-left: 0px;
}
.personnel-wrap a {
  background: #252c41;
  align-items: center;
  color: #ffffff;
  display: flex;
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease;
  width: 100%;
}
.personnel-wrap a:after {
  border-width: 0 0 25px 25px;
  border-color: transparent transparent #b7cb67 transparent;
  border-style: solid;
  bottom: 0px;
  content: '';
  height: 0;
  position: absolute;
  right: 0px;
  width: 0;
}
.personnel-wrap a:hover,
.personnel-wrap a:focus {
  background: #1c2131;
}
.personnel-wrap a:hover .name,
.personnel-wrap a:focus .name {
  text-decoration: underline;
}
.personnel-wrap .img-wrap {
  padding: 5px;
  width: 27%;
}
.personnel-wrap .img-wrap img {
  display: block;
  height: auto;
  width: 100%;
}
.personnel-wrap .content {
  padding: 10px 20px;
  width: 73%;
}
.personnel-wrap .name {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  margin: 0px;
  position: relative;
}
.personnel-wrap .title {
  font-size: 14px;
  line-height: 18px;
  margin: 0px;
}