section.meetthe-team { padding: 100px 0 190px 0; position: var(--positionrelative); overflow: hidden; }
section.meetthe-team:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.9; }
section.meetthe-team .container { position: var(--positionrelative); z-index: 1; }
section.meetthe-team .listing { display: var(--flex); flex-flow: row wrap; max-width: 966px; margin: 0 auto; overflow: hidden; padding: 30px 0 0 0; }
section.meetthe-team .listing .list { width: 322px; border-radius: 20px; position: var(--positionrelative); padding: 10px; }
section.meetthe-team .listing .list .list-image { width: 311px; }
section.meetthe-team .listing .list .list-image img { border-radius: 13px; height: 100%;}
section.meetthe-team .listing .list .list-wrapper { display: var(--flex); align-items: var(--alignitemscenter); }
section.meetthe-team .listing .list .details { opacity: 0; height: auto; position: absolute; left: 50%; width: 311px; }
section.meetthe-team .listing.list-hover-listing { max-width: 100%; }
section.meetthe-team .listing .list.list-hover { width: 644px; border: 1px solid var(--whitecolor); }
section.meetthe-team .listing .list.list-hover .details { opacity: 1; padding: 20px 20px 20px 30px; }
section.meetthe-team .listing .list .details .email-address { position: var(--positionrelative); padding: 0 0 0 10px; }
section.meetthe-team .listing .list .details .email-address .email-icon { position: absolute; left: -56px; top: 0; width: 51px; height: 51px; background-color: #FBBC05; display: var(--flex); align-items: var(--alignitemscenter); justify-content: var(--justifycontentcenter); border-radius: 50%; border: 3px solid #191B1B; }
section.meetthe-team .listing .list .details .name h4 { line-height: 1; position: var(--positionrelative); padding: 0 0 18px 0; }
section.meetthe-team .listing .list .details .name h4:after { content: ''; background-color: #FBBC05; position: absolute; bottom: 0; left: 0; width: 86px; height: 4px; border-radius: 100px; }
section.meetthe-team .listing .list .details .description { opacity: 0.5; padding: 5px 0 0 0; }
section.meetthe-team .listing .list .details .description a{color: #fff;}
section.meetthe-team .listing .list .details .description a:hover{color: var(--secondarycolor);}
section.meetthe-team .listing .list .details .email-address h5 { margin: 0; }
section.meetthe-team .listing .list .details .email-address a { opacity: 0.55; }
section.meetthe-team .listing .list.list-bit-hover { padding-top: 0; padding-bottom: 0; }
section.meetthe-team .listing .list.list-bit-hover .list-wrapper { align-items: var(--alignitemsstart); height: 100%; }
section.meetthe-team .listing .list.list-bit-hover .list-wrapper .list-image { height: 100%; }
section.meetthe-team .listing .list.list-bit-hover .list-wrapper .list-image img { height: 100%; }
section.meetthe-team .meetthe-team-bgimage { position: absolute; z-index: -1; width: 100%; top: 0; left: 0; height: 100%; }
section.meetthe-team .meetthe-team-bgimage img { height: 100%; }
section.meetthe-team .listing .list.list-hover:after { content: ''; background: url(../image/image-icon.png) no-repeat center center / cover; position: absolute; right: -10px; top: -10px; width: 17px; height: 18px; }

@media screen and (min-width:1920.02px) {
    section.meetthe-team .listing { max-width: 966px; justify-content: center; }
    section.meetthe-team .listing .list { width: 322px; }
    section.meetthe-team .listing .list .list-image { width: 311px; }
    section.meetthe-team .listing .list .list-image img { height: 349px; }
    section.meetthe-team .listing .list .details { width: 311px; }
    section.meetthe-team .listing .list.list-hover { width: 644px; }
}
@media screen and (min-width:2420.02px) {
    section.meetthe-team .listing { max-width: 1449px; }
    section.meetthe-team .listing .list { width: 483px; }
    section.meetthe-team .listing .list .list-image { width: 466.5px; }
    section.meetthe-team .listing .list .list-image img { height: 523.5px; }
    section.meetthe-team .listing .list .details { width: 466.5px; }
    section.meetthe-team .listing .list.list-hover { width: 966px; }
}
@media screen and (min-width:3020.02px) {
    section.meetthe-team .listing { max-width: 1932px; }
    section.meetthe-team .listing .list { width: 644px; }
    section.meetthe-team .listing .list .list-image { width: 622px; }
    section.meetthe-team .listing .list .list-image img { height: 698px; }
    section.meetthe-team .listing .list .details { width: 622px; }
    section.meetthe-team .listing .list .details .email-address .email-icon { top: 10px; }
    section.meetthe-team .listing .list.list-hover { width: 1288px; }
}

@media screen and (max-width:1920px) {
    section.meetthe-team .listing .list .details .post { font-size: 16px; line-height: 24px; }
    section.meetthe-team .listing .list .details .email-address a { font-size: 15px; line-height: normal; }
    section.meetthe-team .listing .list .details .description { font-size: 14px; line-height: 24px; }
}

@media screen and (max-width:1429px) {
    section.meetthe-team .listing { max-width: 750px; }
    section.meetthe-team .listing .list { width: 250px; }
    section.meetthe-team .listing .list.list-hover { width: 500px; }
    section.meetthe-team .listing .list .details { width: 240px; }
    section.meetthe-team .listing .list .list-image { width: 240px; }
}
@media screen and (max-width:1199px) {
    section.meetthe-team { padding: 50px 0; }
    section.meetthe-team .listing { max-width: 100%; padding: 10px 0 0 0; }
    section.meetthe-team .listing .list { width: calc(100% / 2 - 40px); padding: 0; margin: 0 20px 40px 20px; padding: 10px; border: 1px solid #fff; }
    section.meetthe-team .listing .list .list-image { width: 40%; }
    section.meetthe-team .listing .list .details { width: 60%; opacity: 1; position: static; padding: 0 0 0 30px; }
    section.meetthe-team .listing .list .list-image img { height: 250px; }
    section.meetthe-team .listing .list.list-bit-hover .list-wrapper { align-items: var(--alignitemscenter); height: 100%; }
    section.meetthe-team .listing .list.list-bit-hover .list-wrapper .list-image img { height: 250px; }
}
@media screen and (max-width:991px) {
    section.meetthe-team .listing .list { width: 100%; margin: 0 0 10px 15px; }
}
@media screen and (max-width:767px) {
    section.meetthe-team .listing .list .list-wrapper { flex-direction: var(--flexdirectioncolumn); align-items: var(--alignitemsstart); }
    section.meetthe-team .listing .list .list-image { width: 100%; }
    section.meetthe-team .listing .list .list-image img { height: auto; object-position: top center;}
    section.meetthe-team .listing .list .details { width: 100%; padding: 30px 20px 20px 20px; }
    section.meetthe-team .listing .list .details .email-address { padding: 0 0 0 20px; }
    section.meetthe-team .listing .list .details .email-address .email-icon { left: -46px; }
}