/* =========================================================
   bogs.css
   Page-specific styles for /bogs
   Split out of the old monolithic style.css. Rule order is
   unchanged from the original file.
   ========================================================= */

.team .team-item {
  position: relative;
  overflow: hidden;
  transition: 0.5s;
}
.team .team-item:hover {
  border: none !important;
}
.team .team-item::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  border: 1px solid;
  border-color: var(--bs-primary) transparent transparent var(--bs-primary) !important;
  z-index: 5;
  transition: 1s;
  opacity: 0;
}
.team .team-item::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 10px;
  border: 1px solid;
  border-color: transparent var(--bs-primary) var(--bs-primary) transparent !important;
  z-index: 5;
  transition: 1s;
  opacity: 0;
}
.team .team-item:hover:after,
.team .team-item:hover::before {
  width: 100% !important;
  height: 100% !important;
  opacity: 1;
}
.team .team-item .team-img {
  position: relative;
  overflow: hidden;
}
.team .team-item .team-img::after {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: rgba(68, 210, 246, 0.2);
  transition: 0.5s;
}
.team .team-item:hover .team-img::after {
  height: 100%;
}
.team .team-item .team-img .team-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 8;
  transition: 0.5s;
}
.team .team-item .team-img .team-icon .team-icon-share {
  position: relative;
  margin-top: -200px;
  transition: 0.5s;
  z-index: 9;
}
.team .team-item:hover .team-img .team-icon .team-icon-share {
  margin-top: 0 !important;
}
.team .team-item .team-content {
  position: relative;
}
.team .team-item .team-content::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #1966b1 !important;
  transition: 0.5s;
}
.team .team-item .team-content::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background: #1966b1 !important;
  transition: 0.5s;
}
.team .team-item:hover .team-content::after,
.team .team-item:hover .team-content::before {
  width: 100% !important;
  height: 50% !important;
}
.team .team-item:hover .team-content .team-content-inner {
  position: relative;
  color: var(--bs-white);
  z-index: 2;
}
.team .team-item .team-content .team-content-inner h4,
.team .team-item .team-content .team-content-inner p {
  transition: 0.5s;
}
.team .team-item:hover .team-content .team-content-inner p {
  color: var(--bs-white) !important;
}
.team .team-item:hover .team-content .team-content-inner h4 {
  color: #fff !important;
}
.team-card {
  position: relative;
  width: 100%;
  height: 350px;
  perspective: 1000px;
  overflow: hidden;
  border-radius: 10px;
}
.team-card-front, .team-card-back {
  position: absolute;
  width: 100%;
  height: 350px;
  backface-visibility: hidden;
  border-radius: 10px;
  transition: transform 0.6s;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}
.team-card-front {
  z-index: 2;
  transform: rotateY(0deg);
}
.team-img {
  flex: 0 0 60%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .team-img {
    flex: 0 0 60%;
    overflow: hidden;
  }
}
.team-img img {
  width: 100%;
  object-position: top center;
  background-color: #d9d9d9;
}