.team-cards *,.team-cards :after,.team-cards :before{box-sizing:border-box;margin:0;padding:0}.team-cards{--clr-blue:#004555;--clr-grey:#e8e9c4;--transition:0.3s}.team-cards svg{fill:var(--clr-blue);height:auto;max-width:32px;width:100%}.team-cards .tabs-container{display:flex;overflow-y:hidden;width:100%}.team-cards .tabs-container .tabs-container-track{align-items:stretch;display:flex;height:max-content;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;width:max-content}.team-cards .tabs-container .team-tab{align-items:center;border-bottom:3px solid var(--clr-grey);cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:space-between;padding:20px 30px;position:relative;scroll-snap-align:start}.team-cards .tabs-container .team-tab:before{background:var(--clr-grey);bottom:-3px;content:"";height:3px;left:0;position:absolute;transition:var(--transition);width:100%}.team-cards .tabs-container .team-tab.active:before{background:var(--clr-blue)}.team-cards .tabs-container .team-tab .department{font-size:18px;text-align:center}.team-cards .cards-container{position:relative}.team-cards .cards-container .team-members{display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));left:0;opacity:0;padding:50px 0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%;z-index:-1}.team-cards .cards-container .team-members.active{opacity:1;pointer-events:auto;position:static}.team-cards .cards-container .team-members .single-member{flex:1;overflow:hidden}.team-cards .cards-container .team-members .single-member .member-img{height:250px;margin-bottom:20px;overflow:hidden}.team-cards .cards-container .team-members .single-member .member-img img{display:block;height:100%!important;min-height:100%;object-fit:cover;object-position:50%;width:100%}.team-cards .cards-container .team-members .single-member .member-info h4{font-size:24px;font-weight:600}.team-cards .cards-container .team-members .single-member .member-socnet{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.team-cards .cards-container .team-members .single-member .member-socnet .member-social{height:32px;width:32px}.team-cards .cards-container .team-members .single-member .member-socnet .member-social a{align-items:center;display:flex;justify-content:center}.team-cards .cards-container .team-members .single-member .member-socnet .member-social svg{height:100%;max-height:32px;max-width:32px}@media (max-width:820px){.team-cards .cards-container .team-members{padding:20px 0}}@media (max-width:500px){.team-cards .tabs-container .team-tab .department{font-size:14px}}@media (max-width:480px){.team-cards .tabs-container .team-tab{min-width:40%;padding:20px 15px}.team-cards .cards-container .team-members{padding-left:0;padding-right:0}}