.team-members { width:100%; position:relative; background:#0E151D; padding:100px 0;}
.team-members .top-title {padding-bottom:25px; }
.team-members .top-title h2 { color: #f5f5f7;font-family: Audiowide;font-size: 44.79px;font-style: normal;font-weight: 400;line-height: 100%;text-align: center;text-transform: capitalize;}
.team-members .top-title h2 span { color:#80ef80;}
.team-members .team-outer { display:flex; align-items:flex-start; flex-wrap:wrap;  gap:15px;}
.team-members .card { padding:30px;border: 1px solid rgba(255, 255, 255, 0.10);background: #0E151D;width:calc(100% / 3 - 15px); }
.team-members .card .image {padding-bottom:15px; }
.team-members .card .image img {width: 71px;height: 71px; display:inline-block; object-fit:cover; }
.team-members .card .content { padding:30px 0; color: #FFF;font-family: "Funnel Display";font-size: 18px;font-style: normal;font-weight: 500;line-height: 150%;}
.team-members .card .person-name { padding-bottom:10px; color: #80EF80;font-family: Audiowide;font-size: 21.6px;font-style: normal;font-weight: 400;line-height: 120%; /* 25.92px */text-transform: uppercase;}
.team-members .card .person-position { color: rgba(255, 255, 255, 0.80);font-family: "Funnel Display";font-size: 15px;font-style: normal;font-weight: 500;line-height: 150%;}
.pop-up-close { color:#fff;}
.team-members-bottom-line { height:2px; width:100%; background:#1D2936;}

.pop-up-box { background:#0E151D; padding:50px;}
.pop-up-box .flexy {display:flex; align-items:flex-start; flex-wrap:wrap;}
.pop-up-box .flexy .left { width:50%;}
.pop-up-box .flexy .right { width:50%; padding-left:15px;}
.pop-up-box .flexy .right .content { padding:30px 0; color: #FFF;font-family: "Funnel Display";font-size: 18px;font-style: normal;font-weight: 500;line-height: 150%;}
.pop-up-box .flexy .right .person-name { padding-bottom:10px; color: #80EF80;font-family: Audiowide;font-size: 21.6px;font-style: normal;font-weight: 400;line-height: 120%; /* 25.92px */text-transform: uppercase;}
.pop-up-box .flexy .right .person-position { color: rgba(255, 255, 255, 0.80);font-family: "Funnel Display";font-size: 15px;font-style: normal;font-weight: 500;line-height: 150%;}



/* --- popup base hidden --- */
.team-members .pop-up-box{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.6);
  z-index:9999;
  padding:40px 20px;
  overflow:auto;
}

/* inner popup panel */
.team-members .pop-up-box .flexy{
  max-width:900px;
  margin:0 auto;
  background:#0E151D;
  padding:50px;
  position:relative;
  border:1px solid rgba(255,255,255,0.10);
}

/* close button */
.team-members .pop-up-box .popup-close{
  position:absolute;
  top:12px;
  right:12px;
  width:40px;
  height:40px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:32px;
  line-height:40px;
  cursor:pointer;
}

/* fix typos in your flex widths */
.pop-up-box .flexy{display:flex; align-items:center; flex-wrap:wrap;}
.pop-up-box .flexy .left{width:50%;}
.pop-up-box .flexy .right{width:50%;}

@media (max-width:991px){
  .pop-up-box .flexy .left{width:100%;}
  .pop-up-box .flexy .right{width:100%;}
}


@media (max-width:1199px) {
}
@media (max-width:991px) {
  .team-members .card { width:calc(100% / 2 - 15px);}
  .pop-up-box .flexy .left { width:100%:;}
  .pop-up-box .flexy .right { width:100%;}
}
@media (max-width:767px) {
  .team-members .card { width:100%;}
}