#cms-wrapper{width:100%}
#cms-container{max-width:1580px;margin:0 auto;padding:0 40px}
.breadcrumb-wrapper{width:100%;text-align:center;margin-top:10px}
.breadcrumb-container{display:inline-flex}
.breadcrumb-container > li{margin-left:8px}
.breadcrumb-container > li:first-child{margin-left:0}
.breadcrumb-container > li > a,.breadcrumb-container > li > div{font:500 clamp(1.1rem,1.042vw,1.3rem) / 1 Geologica;color:#989898}
.breadcrumb-container > li.breadcrumb-sel > a{color:#262626}
#cms-h1{margin-top:20px;font:500 clamp(1.6rem,2.604vw,3rem) / 1 Geologica;color:#262626;text-align:center}

body.openMenu {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

.no-team {text-align: center;max-width: 100%;font: 400 18px Geologica;color: #262626;margin: 45px auto 0;}
.team-list{width: 100%;align-items: stretch;}
.team-list > li{border: 1px solid #E0E0E0;background: #FFF;position: relative;}
.open-btn {position: absolute;border: 1px solid #d2d2d2;background: #fff;border-radius: 50%;cursor:pointer;z-index: 10;}

.member-card {justify-content: center;align-items: center;flex-direction: column;text-align: center;}
.member-photo {width: 100%;max-width:250px;height: auto;}
.member-photo figure {position: relative;width: 100%;overflow: hidden;padding-bottom:100%;}
.member-photo img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}

.member-popup{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.6);z-index: 9999999;display: none;align-items: center;justify-content: center;overflow-y: auto;padding: 20px;opacity: 0;}
.member-popup.open{display: flex;opacity: 1;}
.popup-inner-container{background: #262626;border-radius: 30px;max-width: 1000px;width: 100%;padding: 30px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);position: relative;height: 90vh;/*overflow-y: auto;*/}
.helper{display: flex;flex-wrap: wrap;gap: 35px;width: 100%;}
.helper{max-height: 90%;overflow-y: auto;margin-top: 40px;}
.close-btn {position: absolute;top: 20px;right: 20px;cursor: pointer;background: #fff;padding: 17px;border-radius: 50%;z-index: 10;}
.popup-photo {width: 100%;max-width:180px;height: auto;flex-shrink: 0;overflow: hidden;}
.popup-photo figure {position: relative;width: 100%;overflow: hidden;padding-bottom:116.66%;}
.popup-photo img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.member-title {margin-top: 15px;}
.member-role {margin-top: 10px;}

.popup-info-container{width: 100%;max-width:650px;flex-direction: column;color: #fff;padding: 0 10px;}
.title1 {color: #828282;font: 700 18px Geologica;}
.popup-contact-info{flex-direction: column;margin-top: 25px;}
.popup-contact-info > ul {margin-top: 15px;gap: 20px;align-items: center;}
.popup-contact-info > ul svg {fill: white;}
.popup-contact-info > ul .team-email svg path {stroke: black;stroke-width: 1px;}
.popup-role{margin-top:5px;color: #898989;}
.popup-desc{position: relative;margin-top: 20px;padding-top: 20px;font: 300  18px/1.6 Geologica;}
.popup-desc::before {content: '';position: absolute;top: 0;left:0;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.20);}

@media (min-width: 1200px) {
    .team-container{margin-top:4.948vw }
    .team-list > li{width: 22%;margin-left:4%;margin-top: 3.125vw;padding:1.823vw 1.042vw;}
    .team-list > li:nth-child(4n + 1) {margin-left: 0;}
    .team-list > li:nth-child(-n+4) {margin-top: 0;}
    .member-card{margin-top: 20px;}
    .open-btn{right: 10px;top: 10px;padding: 10px;}
    .contact-info {margin-top: 30px;}
    .contact-info > ul {width: 100%;max-width: 150px;gap:20px;}
    .contact-info > ul > li  a svg{transition: all .4s ease;}
    .contact-info > ul > li  a:hover svg{transform: scale(1.2);}
    .popup-title {font: 700 26px Geologica;}
    .popup-role{font: 400 20px Geologica;}
    .popup-contact-info > ul > li  a svg{transition: all .4s ease;}
    .popup-contact-info > ul > li  a:hover svg{transform: scale(1.2);}
}
@media (max-width: 1199px) {
    #cms-container {padding: 0 20px}
    .breadcrumb-wrapper {margin-top: 0}
    .team-list > li{padding:35px 15px;}
    .open-btn{right: 10px;top: 10px;padding: 10px;}
    .contact-info {margin-top: 20px;}
    .contact-info > ul {width: 100%;max-width: 150px;gap:20px;}
    .popup-inner-container{justify-content: center;align-items: center;height: 95vh;}
    .helper{justify-content:center;max-height:90%;overflow-y: auto;margin-top:40px;text-align: center;}
    .popup-desc::before{right:0;margin: auto;}
    .popup-contact-info > ul{justify-content: center}
}

@media (max-width: 1199px) and (min-width: 765px) {
    .team-list > li{width: 49%;margin-left:2%;margin-top:45px;}
    .team-list > li:nth-child(2n + 1) {margin-left: 0;}
    .popup-inner-container{max-width: 90%;}
    .popup-photo {max-width: 25%;}
    .popup-info-container{max-width: 62%;}
}

@media (max-width:764px) {
    #cms-container {padding: 0 10px}
    .breadcrumb-wrapper {display: none}
    #cms-h1 {margin-top: 10px}
    .team-list{margin:auto;max-width: 400px;}
    .team-list > li{width: 100%;margin-top:35px;}
    .helper{align-items:center;}
}