/*----------------------------------------*/
/*  12. About
/*----------------------------------------*/
.about-title {
  text-transform: capitalize;
  color: #000;
  font-size: 48px;
}

.about-sub-title {
  text-transform: uppercase;
  margin-bottom: 5px;
  display: block;
  font-size: 1.125rem;
}

.about-banner-content .short-desc {
  color: #050a08;
  line-height: 30px;
}

.about-banner-height {
  height: 500px;
}

.about-banner .popup-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

/* ---Team Member--- */
.team-member-item {
  position: relative;
  text-align: center;
}

.team-member-item:hover .team-member-content {
  opacity: 1;
  visibility: visible;
  bottom: 40px;
}

.team-member-content {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.team-member-content .title {
  color: #fff;
  font-size: 24px;
  line-height: 26px;
}

.team-member-content .occupation {
  color: #fff;
  line-height: 26px;
  display: block;
  padding-bottom: 10px;
}

.team-member-content .social-link.with-border {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.team-member-content .social-link.with-border ul li a {
  background-color: #0a0a0a;
  border: 0;
  color: #fff;
  border-radius: 7px;
}

.team-member-content .social-link.with-border ul li a i {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.team-member-content .social-link.with-border ul li a:hover {
  background-color: #2426b5;
}

.team-member-content .social-link.with-border ul li a:hover i {
  color: #020202;
}