.team__box {
  max-width: 260px;
  width: 100%;
  border-radius: 6px;
  position: relative;
}
.img__hoverbox {
  display: none;
}

.team__box:hover .img__hoverbox {
  display: block;
  display: flex;
  position: absolute;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  top: 15px;
  left: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgb(255 255 255 / 86%);
  border-radius: 6px;
  cursor: pointer;
}
.meet-the-team__sec {
  width: 100%;
  padding: 60px 0;
}
.team__row.two__imgs {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: -15%;
}
.team__row.two__imgs .teambox__wrapper:last-child .team__box {
  transform: translate(-20%, 17%);
  z-index: 2;
  /* animation: mymove 0.1s; */
  animation: mymove 2.1s;
  animation-timing-function: ease-in;
}
.team__row.two__imgs .teambox__wrapper:first-child .team__box {
  transform: translate(3%, 0%);
  z-index: 2;
  /* animation: mymove 0.2s; */
  animation: mymove 2.2s;
  animation-timing-function: ease-in;
}
.team__box:hover {
  z-index: 6 !important;
}
.team__row.three__imgs {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-right: 10%;
}
.team__row.three__imgs .teambox__wrapper:nth-child(1) .team__box {
  z-index: 1;
  transform: translate(0, 0%);
  margin-right: 10px;
  /* animation: mymove 0.1s; */
  animation: mymove 2.1s;
  animation-timing-function: ease-in;
}
.team__row.three__imgs .teambox__wrapper:nth-child(2) .team__box {
  z-index: 1;
  transform: translate(0, 15%);
  /* animation: mymove 0.2s; */
  animation: mymove 2.2s;
  animation-timing-function: ease-in;
}
.team__row.three__imgs .teambox__wrapper:nth-child(3) .team__box {
  transform: translate(-6%, -15%);
  z-index: 2;
  /* animation: mymove 0.3s; */
  animation: mymove 2.3s;
  animation-timing-function: ease-in;
}
.team__row.team__row.four__imgs {
  display: flex;
  justify-content: space-between;
  margin-top: -40px;
}
.team__row.team__row.four__imgs .teambox__wrapper:nth-child(1) .team__box {
  z-index: 2;
  transform: translate(3%, 80px);
  /* animation: mymove 0.1s; */
  animation: mymove 2.1s;
  animation-timing-function: ease-in;
}
.team__row.team__row.four__imgs .teambox__wrapper:nth-child(2) .team__box {
  z-index: 1;
  transform: translate(-10%, -38px);
  /* animation: mymove 0.2s; */
  animation: mymove 2.2s;
  animation-timing-function: ease-in;
}
.team__row.team__row.four__imgs .teambox__wrapper:nth-child(3) .team__box {
  z-index: 1;
  transform: translate(-15%, 0);
  /* animation: mymove 0.3s; */
  animation: mymove 2.3s;
  animation-timing-function: ease-in;
}
.team__row.team__row.four__imgs .teambox__wrapper:nth-child(4) .team__box {
  z-index: 2;
  transform: translate(-3%, 0px);
  /* animation: mymove 0.4s; */
  animation: mymove 2.4s;
  animation-timing-function: ease-in;
}
.team__row.team__row.four__imgs .teambox__wrapper:nth-child(1) .team__box img,
.team__row.three__imgs .teambox__wrapper:nth-child(1) .team__box img,
.team__row.two__imgs .teambox__wrapper:first-child .team__box img {
  /* animation: mysecmove 1s; */
  animation: mymove 2s;
  animation-timing-function: ease-in;
}
.team__row.team__row.four__imgs .teambox__wrapper:nth-child(2) .team__box img,
.team__row.three__imgs .teambox__wrapper:nth-child(2) .team__box img {
  /* animation: mysecmove 1.1s; */
  animation: mysecmove 2.1s;
  animation-timing-function: ease-in;
}
.team__row.team__row.four__imgs .teambox__wrapper:nth-child(3) .team__box img,
.team__row.three__imgs .teambox__wrapper:nth-child(3) .team__box img,
.team__row.two__imgs .teambox__wrapper:last-child .team__box img {
  /* animation: mysecmove 1.2s; */
  animation: mysecmove 2.2s;
  animation-timing-function: ease-in;
}
.team__row.team__row.four__imgs .teambox__wrapper:nth-child(4) .team__box img {
  /* animation: mysecmove 1.3s; */
  animation: mysecmove 2.3s;
  animation-timing-function: ease-in;
}
@keyframes mymove {
  from {
    left: -100px;
    top: -100px;
    opacity: 0;
  }
  to {
    left: 0px;
    top: 0px;
    opacity: 1;
  }
}
@keyframes mysecmove {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.img__member.lblue_bg {
  background: #b8d9e5;
  border-radius: 6px;
  height: 340px;
}
.team-lblue_bg {
  background: #b8d9e5;
  border-radius: 6px;
  height: 340px;
  position: absolute;
  /* animation: mymove 0.1s; */
  animation: mymove 2.1s;
  animation-timing-function: ease-in;
}
.img__member.pink_bg {
  background: #f6ccd7;
  border-radius: 6px;
  height: 340px;
}
.img__member.brown_bg {
  background: #e8d3bc;
  border-radius: 6px;
  height: 340px;
}
.img__member.green_bg {
  background: #bed5d4;
  border-radius: 6px;
  height: 340px;
}
.member__name {
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 25px;
  text-align: center;
  padding: 0px 10px;
}
/* ********************************** Popup Styling */
.team-popup {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.team-popup .img__team {
  width: 35%;
}
.team-popup .team__content {
  width: 60%;
}
.team-popup .team__content .member__name {
  text-align: left;
  padding: 0px;
}
.team-popup .team__content .member__role {
  padding-bottom: 15px;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: visible;
  opacity: 1;
  z-index: 99;
}
.job-popup-wrapper .popup {
  margin: 80px auto;
  background: #fff;
  border-radius: 5px;
  width: 90%;
  max-width: 865px;
  height: auto;
  position: relative;
  transition: all 5s ease-in-out;
}
.job-popup-wrapper .popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.job-popup-wrapper .popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: normal;
  text-decoration: none;
  color: #333;
  background-color: #818181;
  line-height: 30px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  color: white;
}
.job-popup-wrapper .popup .close:hover {
  color: #2d2d2d;
}
.job-popup-wrapper .popup .content {
  overflow-y: auto;
  height: 100%;
  padding: 50px;
}
.job-popup-wrapper table {
  margin-bottom: 35px;
}
.job-popup-wrapper tbody td {
  padding-left: 0;
}
.job-popup-wrapper tr:last-child td {
  border-bottom: none;
}
.job-popup-wrapper h4 {
  text-align: center;
  font-size: 30px;
  margin-bottom: 50px;
}
.job-popup-wrapper h6 {
  font-size: 18px;
}
.job-popup-wrapper ::-webkit-scrollbar {
  width: 10px;
}
.job-popup-wrapper ::-webkit-scrollbar-track {
  background: #dedede;
}
.job-popup-wrapper ::-webkit-scrollbar-thumb {
  background: #2d2d2d;
}
.job-popup-wrapper {
  display: none;
}
/* Media Queries of team page */
@media only screen and (max-width: 1060px) and (min-width: 900px) {
  .img__member {
    height: max-content !important;
  }
  .img__member img {
    max-width: 225px;
  }
  .img__member {
    height: max-content !important;
    width: max-content;
  }
}
@media only screen and (max-width: 899px) and (min-width: 768px) {
  .img__member {
    height: max-content !important;
  }
  .img__member img {
    max-width: 192px;
  }
  .img__member {
    height: max-content !important;
    width: max-content;
  }
  .team__row.two__imgs {
    margin-top: -10%;
  }
  .team__row.three__imgs .teambox__wrapper:nth-child(1) .team__box {
    z-index: 2;
  }
  .team__row.three__imgs {
    margin-top: 3%;
  }
}
@media only screen and (max-width: 767px) and (min-width: 600px) {
  .img__member img {
    max-width: 160px !important;
  }
}
@media only screen and (max-width: 767px) and (min-width: 521px) {
  .img__member {
    height: max-content !important;
  }
  .img__member img {
    max-width: 135px;
  }
  .img__member {
    height: max-content !important;
    width: max-content;
  }
  .team__row.two__imgs {
    margin-top: -10%;
  }
  .team__row.three__imgs .teambox__wrapper:nth-child(1) .team__box {
    z-index: 2;
  }
  .team__row.three__imgs {
    margin-top: 3%;
  }
}
@media (max-width: 700px) {
  .team-popup .img__team {
    width: 100%;
    margin-bottom: 35px;
  }
  .team-popup .team__content {
    width: 100%;
  }
  .team-popup {
    flex-direction: column;
  }
  .job-popup-wrapper .popup {
    overflow: auto;
    height: calc(100% - 150px);
  }
  .team-popup .team__content .member__name {
    text-align: center;
  }
  .job-popup-wrapper .popup .content {
    padding: 30px;
    text-align: center;
  }
}
@media (max-width: 520px) {
  .team__row.team__row.four__imgs .teambox__wrapper:nth-child(1) .team__box,
  .team__row.team__row.four__imgs .teambox__wrapper:nth-child(3) .team__box,
  .team__row.three__imgs .teambox__wrapper:nth-child(1) .team__box {
    transform: translate(0%, 50%);
  }
  .team__row.team__row.four__imgs .teambox__wrapper:nth-child(2) .team__box,
  .team__row.team__row.four__imgs .teambox__wrapper:nth-child(4) .team__box,
  .team__row.three__imgs .teambox__wrapper:nth-child(2) .team__box,
  .team__row.three__imgs .teambox__wrapper:nth-child(3) .team__box,
  .team__row.two__imgs .teambox__wrapper:last-child .team__box {
    transform: translate(0%, 0%);
  }
  .team__row.two__imgs .teambox__wrapper:first-child .team__box {
    transform: translate(0%, -50%);
  }
  .img__member {
    height: max-content !important;
  }
  .team__row.three__imgs {
    padding-right: 0;
  }
  .team__row {
    flex-wrap: wrap;
  }
  .team__row.team__row.four__imgs:nth-child(4),
  .team__row.team__row.four__imgs:nth-child(7) {
    margin-top: -32%;
  }
  .team__row.team__row.four__imgs:nth-child(4),
  .team__row.team__row.three__imgs:nth-child(5),
  .team__row.team__row.two__imgs:nth-child(6) {
    flex-direction: row-reverse;
  }
  .teambox__wrapper {
    width: 50%;
  }
  .team__row.two__imgs {
    margin-top: 0;
  }
  .meet-the-team__sec {
    margin-bottom: 100px;
  }
}

/******************** End Team page styling */