/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*/
@font-face {
  font-family: "Playfair Display";
  src: url("../../assets/fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display Italic";
  src: url("../../assets/fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../../assets/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
.team-popup {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 24px;
}
.team-popup__close {
  position: absolute;
  top: 60px;
  right: 60px;
  font-size: 24px;
  cursor: pointer;
}
.team-popup__close:hover svg path {
  stroke: #0C9381;
}
@media screen and (max-width: 767px) {
  .team-popup__close {
    top: 16px;
    right: 16px;
  }
}
@media screen and (max-width: 1439px) {
  .team-popup__close {
    top: 24px;
    right: 24px;
  }
}
.team-popup__content {
  background-color: #fff;
  margin: 3% auto;
  padding: 64px;
  max-width: 1076px;
  max-height: 90vh;
  scrollbar-width: none;
  -ms-overflow-style: none;
  border-radius: 16px;
  position: relative;
}
.team-popup__content::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1439px) {
  .team-popup__content {
    padding: 72px 24px 24px;
  }
}
@media screen and (max-width: 767px) {
  .team-popup__content {
    padding: 56px 16px 16px;
  }
}
.team-popup__content__main-flex-wrapper {
  display: flex;
  gap: 32px;
}
.team-popup__content__main-flex-wrapper__image-wrapper__image-container {
  display: flex;
  justify-content: center;
  width: 288px;
  background: radial-gradient(#218C7A, #052721);
  border-radius: 8px;
}
@media screen and (max-width: 800px) {
  .team-popup__content__main-flex-wrapper__image-wrapper__image-container {
    width: 100%;
  }
}
.team-popup__content__main-flex-wrapper__info-wrapper {
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.team-popup__content__main-flex-wrapper__info-wrapper::-webkit-scrollbar {
  display: none;
}
.team-popup__content__main-flex-wrapper__info-wrapper h3 {
  font-size: 32px;
}
.team-popup__content__main-flex-wrapper__info-wrapper__job-title {
  font-size: 20px;
  font-weight: 600;
  margin: 16px 0 24px;
}
.team-popup__content__main-flex-wrapper__info-wrapper__phone-email {
  display: flex;
  gap: 32px;
  margin-bottom: 32px;
}
.team-popup__content__main-flex-wrapper__info-wrapper__phone-email__phone, .team-popup__content__main-flex-wrapper__info-wrapper__phone-email__email {
  display: flex;
  gap: 8px;
  align-items: center;
}
@media screen and (max-width: 950px) {
  .team-popup__content__main-flex-wrapper__info-wrapper__phone-email {
    flex-direction: column;
  }
}
.team-popup__content__main-flex-wrapper__info-wrapper__duties {
  margin-bottom: 32px;
}
.team-popup__content__main-flex-wrapper__info-wrapper__languages-hobbies p {
  font-weight: 600;
  margin: 32px 0 16px;
}
.team-popup__content__main-flex-wrapper__info-wrapper__languages-hobbies ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.team-popup__content__main-flex-wrapper__info-wrapper__languages-hobbies ul li {
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #F5F5F5;
  border-radius: 8px;
  padding: 12px 16px;
}
@media screen and (min-width: 801px) {
  .team-popup__content__main-flex-wrapper__info-wrapper {
    max-height: calc(90vh - 128px);
    overflow-y: auto;
  }
}
@media screen and (max-width: 800px) {
  .team-popup__content__main-flex-wrapper {
    flex-direction: column;
    max-height: calc(95vh - 128px);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .team-popup__content__main-flex-wrapper::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .team-popup__content {
    overflow: auto;
  }
}
.team-popup .green-dotted-list {
  background-color: #F5F5F5;
  border-radius: 8px;
  padding: 32px;
}
@media screen and (max-width: 767px) {
  .team-popup .green-dotted-list {
    padding: 16px;
  }
}
.team-popup .green-dotted-list h4 {
  font-size: 24px;
  margin-bottom: 16px;
}
.team-popup .green-dotted-list ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.team-popup .green-dotted-list ul li {
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: #FFFFFF;
  padding: 16px;
  border: 1px solid #F5F5F5;
  border-radius: 8px;
}
.team-popup .green-dotted-list ul li::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #0C9381;
}

.hidden {
  display: none !important;
}
/*# sourceMappingURL=team-member-popup.css.map */