.default-wrapper{width:100%;max-width:1550px;margin:0 auto}@media screen and (max-width: 1600px){.default-wrapper{padding-right:50px;padding-left:50px}}@media screen and (max-width: 900px){.default-wrapper{padding-right:20px;padding-left:20px}}@media screen and (max-width: 450px){.default-wrapper{padding-right:10px;padding-left:10px}}.page-wrapper.dark{background:#002A41}p,span{font-family:Poppins,sans-serif!important;background:transparent!important}p{line-height:normal!important}.team-container{padding:50px}.team-container .introduction-paragraph{margin-bottom:50px}.team-container .team-wrapper h2{margin-bottom:20px;text-align:center}.team-container .team-wrapper.main{margin-bottom:50px;position:relative}.team-container .team-wrapper.main h2{text-align:left}.team-container .team-wrapper .main-person{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px}.team-container .team-wrapper .main-person .image-container{flex-shrink:0;flex-basis:300px;flex-grow:.1}.team-container .team-wrapper .main-person .image-container img{border-radius:20px;width:100%}.team-container .team-wrapper .main-person .details-container{flex-grow:1;flex-basis:70%}.team-container .team-wrapper .main-person .details-container h2{color:#222;margin:0}.team-container .team-wrapper .main-person .details-container span{color:#0076c0}.team-container .team-wrapper .main-person .details-container p{margin-top:10px;color:#666;font-size:15px}.team-container .team-wrapper .team-group{margin:20px 0 40px;display:flex;gap:20px;flex-wrap:wrap;justify-content:center;text-align:center}.team-container .team-wrapper .team-group .person{border-radius:10px;position:relative;overflow:hidden;width:250px;height:350px;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;padding-top:230px;transition:0s}.team-container .team-wrapper .team-group .person .image-container{margin-bottom:40px}.team-container .team-wrapper .team-group .person .image-container .image{width:100%;height:100%;object-fit:cover;object-position:center top;position:absolute;top:0;left:50%;transform:translate(-50%);clip-path:circle(40% at 50% 35%);transition:.6s;background-color:#0076c033}.team-container .team-wrapper .team-group .person .image-container .circle{width:230px;height:230px;border:2px #0076C0 solid;border-radius:50%;position:absolute;top:20px;left:50%;transform:translate(-50%) scale(1.1);transform-origin:center;opacity:0;z-index:2;transition:.3s}.team-container .team-wrapper .team-group .person .text{text-align:center;position:relative;z-index:2;color:#333;padding:0 10px}.team-container .team-wrapper .team-group .person .text h3{font-size:17px}.team-container .team-wrapper .team-group .person .text p{font-size:15px}.team-container .team-wrapper .team-group .person .text .hidden-paragraph{display:none}.team-container .team-wrapper .team-group .person .text .arrow-btn{height:45px;border-radius:50%;line-height:45px;display:inline-block;background:#0076C0;border:0;width:45px;text-align:center;position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%) scale(.9);transition:.3s}.team-container .team-wrapper .team-group .person .text .arrow-btn:hover{background:#0066a7;transform:translate(-50%) scale(1.2)!important}.team-container .team-wrapper .team-group .person:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#000 10%,transparent 70%);opacity:0;transition:.3s;transition-timing-function:ease-in;border-radius:inherit}.team-container .team-wrapper .team-group .person:hover{transition-delay:.1s;transition-duration:1s}.team-container .team-wrapper .team-group .person:hover .image-container .image{clip-path:circle(90% at 50% 80%);background-color:#0076c066}.team-container .team-wrapper .team-group .person:hover .image-container .circle{opacity:1;transform:translate(-50%) scale(1);animation-name:bounceCircle;animation-duration:.6s;animation-fill-mode:forwards;animation-timing-function:linear}.team-container .team-wrapper .team-group .person:hover .text{color:#fff}.team-container .team-wrapper .team-group .person:hover .text .arrow-btn{transform:translate(-50%) scale(1);left:calc(50% - 50px)}.team-container .team-wrapper .team-group .person:hover .text h3,.team-container .team-wrapper .team-group .person:hover .text p{opacity:0;animation-name:fadeText;animation-duration:.6s;animation-fill-mode:forwards}.team-container .team-wrapper .team-group .person:hover:after{opacity:1;transition-delay:.3s}.team-container .team-wrapper .team-group .person.active .text .arrow-btn,.team-container .team-wrapper .team-group .person.active .image-container .circle{display:none}.team-container .team-wrapper .team-group .person.clickable{cursor:pointer}.team-popup{position:fixed;display:none;top:50%;left:50%;height:450px;width:90%;max-width:900px;background:#FFF;z-index:10;transform:translate(-50%,-50%);box-shadow:-5px 5px 25px #0000001a;opacity:0}.team-popup .image-side{position:relative;background-color:#0076c033;padding:0 20px}.team-popup .image-side img{max-height:100%}.team-popup .image-side .social-links{position:absolute;bottom:0;left:0;width:100%;background:#0076c0;line-height:40px;padding:10px 20px}.team-popup .image-side .social-links a{display:inline-flex;align-items:center;justify-content:center;line-height:40px;height:40px;width:40px;border-radius:10px;margin-right:5px;transition:.3s;background:rgba(0,0,0,.2)}.team-popup .image-side .social-links a img{vertical-align:middle}.team-popup .image-side .social-links a:hover{background:rgba(0,0,0,.5)}.team-popup .text-side{width:100%;padding:20px;overflow:auto}.team-popup .text-side h1{color:#0076c0}.team-popup .text-side p{font-size:14px;color:#555;line-height:25px;max-width:95%;margin-bottom:15px}.team-popup .close-btn{position:absolute;display:flex;width:40px;height:40px;align-items:center;justify-content:center;background:#FFF;box-shadow:-3px 3px 5px #0000001a;top:-20px;right:-20px;z-index:2;border-radius:50%;cursor:pointer}.team-popup .close-btn svg,.team-popup .close-btn img{height:15px;vertical-align:middle}.team-popup.active{display:flex;animation-name:popup;animation-duration:.15s;animation-fill-mode:forwards}@media screen and (max-width: 900px){.team-popup{flex-direction:column;height:calc(100% - 250px);width:90%}.team-popup .image-side{height:300px;text-align:center}.team-popup .image-side img{height:300px}}@keyframes fadeText{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceCircle{0%{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(.9)}80%{opacity:1;transform:translate(-50%) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes popup{0%{opacity:0;top:70%}to{opacity:1;top:50%}}
