#meet-the-team-section{background-color:#f5f5f5}#meet-the-team-section .container{padding-bottom:60px;padding-top:60px}@media (max-width:576px){#meet-the-team-section .meet-the-team-detail-page-first-container{margin-bottom:5rem!important}}@media (max-width:500px){#meet-the-team-section .topbars-subtitle-and-options{display:block}#meet-the-team-section .topbars-subtitle-and-options .apply-filter{margin-top:15px}}#meet-the-team-section .apply-filter{align-self:center;background:transparent;border:1px solid rgba(0,0,0,.4);border-radius:20px;color:rgba(0,0,0,.7);font-weight:700;height:-moz-fit-content;height:fit-content;margin:0 0 0 auto;padding:10px 35px 10px 20px}#meet-the-team-section .apply-filter:hover{cursor:pointer}#meet-the-team-section .team-container{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:60px;row-gap:60px}@media (max-width:768px){#meet-the-team-section .team-container{-moz-column-gap:45px;column-gap:45px;justify-content:center}}#meet-the-team-section .team-container .team-member-grid-container{display:flex;flex-basis:25%;justify-content:center}#meet-the-team-section .team-container .team-member-card{display:grid;gap:20px}#meet-the-team-section .team-container .team-member-card:hover .golden-arrow-meet-the-team{transform:scale(1.1)}#meet-the-team-section .team-container .team-member-card .team-member-image-container{border-radius:100%;height:200px;overflow:hidden;width:200px}#meet-the-team-section .team-container .team-member-card .team-member-image-container img{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s;width:100%}#meet-the-team-section .team-container .team-member-card .image-and-arrow-container{display:flex;justify-content:center;position:relative}#meet-the-team-section .team-container .team-member-card .image-and-arrow-container .golden-arrow-meet-the-team{background-color:#d9ab4d;border-radius:100%;bottom:7%;height:50px;position:absolute;right:7%;transition:all .5s;width:50px}#meet-the-team-section .team-container .team-member-card .image-and-arrow-container .golden-arrow-meet-the-team i{bottom:0;color:#fff;font-size:18px;height:-moz-fit-content;height:fit-content;left:0;margin:auto;position:absolute;right:0;top:0;width:-moz-fit-content;width:fit-content}#meet-the-team-section .team-container .team-member-card:last-child:nth-child(3n-1){grid-column-end:-1}#meet-the-team-section .team-container .team-member-card:last-child:nth-child(3n-2),#meet-the-team-section .team-container .team-member-card:nth-last-child(2):nth-child(3n+1){grid-column-end:2}.team-member-info-overlay-section{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.team-member-info-overlay-section .black-background{background:rgba(0,0,0,.5);height:100vh;position:fixed;right:0;top:0;width:100%;z-index:1}.team-member-info-overlay-section .info-container{bottom:0;height:55vh;left:0;margin:auto;position:fixed;right:0;top:0;width:70vw;z-index:1}.team-member-info-overlay-section .info-container .layer-1{left:12px;opacity:1}.team-member-info-overlay-section .info-container .layer-2{left:0;opacity:1}.team-member-info-overlay-section .info-container .main-content-container{background-color:#fff;border-radius:20px;display:grid;grid-template-areas:"picture description" "contacts description";grid-template-columns:1fr 2fr;grid-template-rows:2fr 1fr;height:100%;left:24px;position:relative;width:100%;z-index:3}.team-member-info-overlay-section .info-container .main-content-container .image-container{background-position:top;background-size:cover;border-top-left-radius:20px;grid-area:picture}.team-member-info-overlay-section .info-container .main-content-container .contact-and-brand-logo{background-color:#f6f6f6;display:flex;flex-direction:column;grid-area:contacts;justify-content:space-between;padding:16px}.team-member-info-overlay-section .info-container .main-content-container .contact-and-brand-logo .contact-info{align-self:start;display:grid;gap:5px}.team-member-info-overlay-section .info-container .main-content-container .contact-and-brand-logo .contact-info .get-in-touch{font-size:16px;font-weight:700}.team-member-info-overlay-section .info-container .main-content-container .contact-and-brand-logo .contact-info .list-of-contact-options{display:flex;font-size:20px;gap:14px}.team-member-info-overlay-section .info-container .main-content-container .contact-and-brand-logo .contact-info .list-of-contact-options a{line-height:0}.team-member-info-overlay-section .info-container .main-content-container .contact-and-brand-logo .ph-is-part-of{font-size:12px;font-style:italic;font-weight:400;margin-bottom:1px}.team-member-info-overlay-section .info-container .main-content-container .contact-and-brand-logo #hpg-logo{max-width:75%;width:200px}.team-member-info-overlay-section .info-container .main-content-container .name-position-description-container{grid-area:description;padding:25px 0 25px 30px;position:relative;width:80%}.team-member-info-overlay-section .info-container .main-content-container .name-position-description-container .name-and-position{margin-bottom:15px}.team-member-info-overlay-section .info-container .main-content-container .name-position-description-container .name-and-position .name{font-size:32px;line-height:1.1}.team-member-info-overlay-section .info-container .main-content-container .name-position-description-container .name-and-position .position{font-weight:400}.team-member-info-overlay-section .info-container .main-content-container .name-position-description-container .team-member-description-container{background-color:#fff;font-size:16px;height:75%;line-height:1.5;overflow-x:hidden;overflow-y:scroll;padding-right:15px;width:100%}.team-member-info-overlay-section .info-container .main-content-container .name-position-description-container .team-member-description-container p{font-weight:400;margin:1em 0;padding-right:25px}.team-member-info-overlay-section .info-container .main-content-container .name-position-description-container .team-member-description-container p:first-of-type{margin-top:0}.team-member-info-overlay-section .info-container .main-content-container .name-position-description-container .team-member-description-container img{width:100%}.team-member-info-overlay-section .info-container .main-content-container .close-column{padding:25px 25px 25px 0;position:absolute;right:15px;top:15px}.team-member-info-overlay-section .info-container .main-content-container .close-column i{color:#d9ab4d;font-size:34px}.team-member-info-overlay-section .info-container .main-content-container .close-column i:hover{cursor:pointer}@media (max-width:991px){#teamDetail.container .col-sm-6{width:100%}}.meet-the-team-detail-page-first-container{position:relative}@media screen and (max-width:992px){.team-member-info-overlay-section .info-container{height:90vh;right:25px;width:500px}.team-member-info-overlay-section .info-container .main-content-container{grid-template-areas:"picture" "description" "contacts";grid-template-columns:1fr;grid-template-rows:3fr 5fr 1fr}.team-member-info-overlay-section .info-container .main-content-container .image-container{border-top-right-radius:20px;height:100%;width:auto}.team-member-info-overlay-section .info-container .main-content-container .name-position-description-container{height:100%;padding:25px;position:absolute;width:100%}.team-member-info-overlay-section .info-container .main-content-container .contact-and-brand-logo{border-bottom-left-radius:20px;border-bottom-right-radius:20px;gap:16px;padding:16px 25px;position:relative;z-index:1}.team-member-info-overlay-section .info-container .main-content-container .contact-and-brand-logo .contact-info{display:block;width:100%}.team-member-info-overlay-section .info-container .main-content-container .close-column{padding:0}}@media (max-width:650px){.team-member-info-overlay-section .info-container{width:450px}}@media (max-width:520px){.team-member-info-overlay-section .info-container{width:90vw}}
