.team-page{--gradient:linear-gradient(45deg,#fff9 0%,#ffffff1a 70%);--overlay:#96c12033;--txt-shadow:0px 0px 2px black;flex-direction:column;max-width:2000px;min-height:100vh;margin:0 auto 40px;padding:150px 20px 100px}.landing-bg{opacity:.6;top:0;left:0;transform:translate(-50%);width:auto!important;position:fixed!important}.team-page h1{color:var(--main-color);text-shadow:var(--txt-shadow);font-family:main-font-Neo;font-size:1.4em}.team-page h3{color:#fff;text-shadow:var(--txt-shadow);margin-top:5px;margin-bottom:25px;font-family:main-font-Neo;font-size:1.1em;position:relative}.team-page p{text-shadow:var(--txt-shadow);color:#fff;margin-top:10px;font-size:1em;line-height:1.6;font-family:second-font-Levenim-MT!important}.group{flex-flow:wrap;justify-content:space-around;gap:15px;width:100%;margin-bottom:50px;display:flex}.group .team-member{text-align:center}.group.g1 .team-member{width:40%;min-width:300px;max-width:700px}.group.g2 .team-member{width:23%;min-width:300px;max-width:500px}.group.g3 .team-member{width:18%;min-width:280px;max-width:300px}.team-member .img-container{aspect-ratio:1;border-radius:50%;width:60%;margin:auto;transition:all .3s;position:relative;bottom:0;left:0}.g1 .team-member .img-container:after,.g2 .team-member .img-container:after{content:"";background-color:var(--main-color);z-index:0;opacity:.6;border-radius:50%;width:40%;height:40%;position:absolute;top:-10px;left:0}.team-member .img-container img{background-color:var(--second-color);background-image:var(--gradient);z-index:2;filter:grayscale();border-radius:50%;width:100%;height:100%;transition:all .3s;display:block;object-fit:cover!important;position:relative!important}.team-member .img-container:before{content:"";z-index:0;background-color:#fff3;border-radius:50%;width:100%;height:100%;transition:all .3s;position:absolute;bottom:0;left:0}.team-container .team-member:hover .img-container img{filter:grayscale(0)}.team-container .team-member:hover .img-container{bottom:-10px;left:-10px}.team-container .team-member:hover .img-container:before{bottom:10px;left:10px}.team-member .info h1{color:var(--main-color);margin-top:20px;margin-bottom:5px;font-family:main-font-Neo}.team-member .info h3{color:var(--main-color);margin-bottom:5px;font-family:main-font-Neo;font-weight:500}.team-member .info p{color:#fff;font-family:second-font-Levenim-MT}@media (max-width:800px){.group.g3 .team-member{min-width:300px}.team-page{padding:100px 10px 80px}}
