@import url("https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,900|Permanent+Marker|Playfair+Display:400,400i,700,700i,900,900i|Montserrat:300,300i,400,400i,500,500i,600,700,700i,800|Open+Sans:400|Roboto:400,400i,500,500i,700,700i,900|Reenie+Beanie");



*, ::after, ::before{

    box-sizing: border-box;



}

body {

    font-size: 16px;

    font-family: "Poppins", sans-serif;

    margin: 0;

}

.container{max-width: 1170px;margin: auto;}





/* General css */

    .team-grid .col-1 { flex: 0 0 100%; max-width: 100%; }

    .team-grid .col-2 { flex: 0 0 calc(100%/2); max-width: calc(100%/2); }

    .team-grid .col-3 { flex: 0 0 calc(100%/3); max-width: calc(100%/3); }

    .team-grid .col-4 { flex: 0 0 calc(100%/4); max-width: calc(100%/4); }

    .team-grid .col-5 { flex: 0 0 calc(100%/5); max-width: calc(100%/5); }

    .team-grid .col-6 { flex: 0 0 calc(100%/6); max-width: calc(100%/6); }

    .team-grid .col-7 { flex: 0 0 calc(100%/7); max-width: calc(100%/7); }

    .team-grid .col-8 { flex: 0 0 (100%/8); max-width: (100%/8); }

    .team-grid .col-9 { flex: 0 0 (100%/9); max-width: (100%/9); }

    .team-grid .col-10 { flex: 0 0 (100%/10); max-width: (100%/10); }

    .team-grid .col-11 { flex: 0 0 (100%/11); max-width: (100%/11); }

    .team-grid .col-12 { flex: 0 0 (100%/12); max-width: (100%/12); }



.team-grid{padding: 50px 0;}

.team-grid .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}

.team-grid .row [class*="col-"]{margin-top: 15px; margin-bottom: 15px;}

.team-grid .no-gutters { margin-right: 0; margin-left: 0; }

.team-grid .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.team-grid [class*="col-"] { position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}

.team-grid img{max-width: 100%;}

.team-grid h2{margin: 0 0 20px;}

.team-grid ul.team-filter {list-style: none; display: flex;gap: 10px;margin: 0 0 30px;padding: 0;}

.team-grid ul.team-filter.Left{justify-content: flex-start;}

.team-grid ul.team-filter.Center{justify-content: center;}

.team-grid ul.team-filter.Right{justify-content: flex-end;}

.team-grid ul.team-filter li{cursor: pointer;}

.team-grid ul.team-filter li a{text-decoration: none; padding: 5px 10px;min-width: 60px;text-align: center;display: inline-block;border-radius: 5px; font-size: 15px;}

.team-grid ul.team-filter li a.active{pointer-events: none;}



.team-grid [class*="col-"].hide{display: none;}

.team-grid [class*="col-"].active{animation: scaleactive 1s;}

@keyframes scaleactive {

    from{ transform: scale(0); opacity: 0; visibility: hidden; }

    to{ transform: scale(1); opacity: 1; visibility: visible;}

}

.team-grid [class*="col-"].allactive{animation: scaleallactive 1s;}

@keyframes scaleallactive {

    from{ transform: scale(0); opacity: 0; visibility: hidden; }

    to{ transform: scale(1); opacity: 1; visibility: visible;}

}



.team-popup { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 50%, transparent 270%); opacity: 0; visibility: hidden; transform: scale(0); pointer-events: none; transition: 0.5s; overflow: auto; z-index: 1111111;}

.team-popup.open{opacity: 1; visibility: visible; transform: scale(1); pointer-events: all;}

.team-popup .team-popup-content { max-width: 1000px; width: 94%; max-height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }

.team-popup .team-popup-content .team-popup-container { display: flex; align-items: center; justify-content: center; position: relative; padding: 50px 0;}

.team-popup .team-popup-content .team-popup-container .img { width: 250px; height: 250px; border-radius: 50%; margin-right: 20px; position: relative;}

.team-popup .team-popup-content .team-popup-container .img::after { content: ''; position: absolute; left: -8px; top: -8px; height: calc(100% + 16px); width: calc(100% + 16px); margin: auto; border: 3px solid #fff; border-radius: 50%; }

.team-popup .team-popup-content .team-popup-container .img img{width: 100%; height: 100%; object-fit: cover; object-position: center;border-radius: 50%;}

.team-popup .team-popup-content .team-popup-container .team-content { width: calc(100% - 270px); background: #fff; padding: 45px 60px; border-radius: 90px 4px 90px 4px; min-height: 250px; }

.team-popup .team-popup-content .team-popup-container .team-content .team-title a { font-size: 24px; text-transform: uppercase; text-decoration: none; color: #000; font-weight: 600; }

.team-popup .team-popup-content .team-popup-container .team-content .team-title .designation { display: block; font-size: 12px; text-transform: uppercase; opacity: 0.6; color: #000; font-weight: 400; }

.team-popup .team-popup-content .team-popup-container .team-content .team-discription {margin: 15px 0 20px;}

.team-popup .team-popup-content .team-popup-container .team-content .team-discription p{font-size: 16px; line-height: normal; color: #000;}

.team-popup .team-popup-content .team-popup-container .team-content .share-icon .team-social-icon { display: flex; align-items: center; justify-content: flex-start;}

.team-popup .team-popup-content .team-popup-container .team-content .share-icon .team-social-icon a { display: inline-flex; height: 32px; width: 32px; background: #edecec; align-items: center; justify-content: center; }

.team-popup .team-popup-content .team-popup-container .team-content .share-icon .team-social-icon a + a{margin-left: 15px;}

.team-popup .team-popup-content .team-popup-container .team-content .share-icon .team-social-icon a svg{fill: #000; opacity: 1; width: 16px; height: auto; max-height: 17px;}

.team-popup .team-popup-content .team-popup-close { position: absolute; right: -3px; background: #fff; height: 30px; width: 30px; z-index: 11111; display: flex; align-items: center; justify-content: center; top: 15px; border-radius: 10px 0px 10px 0; animation: teampopupclose 1s linear infinite; cursor: pointer; }

.team-popup .team-popup-content .team-popup-close svg { height: 17px; fill: #000; }

.team-popup .team-popup-content .team-popup-close::after { content: 'Close me!'; position: absolute; left: -10px; right: 0; white-space: nowrap; color: #fff; top: -21px; font-size: 12px; transform: scale(0); transition: 0.5s;}

.team-popup .team-popup-content .team-popup-close:hover::after {transform: scale(1);}

@keyframes teampopupclose {

    0%{ transform: rotate(0deg); transition: 0.5s;}

    50%{ transform: rotate(5deg); transition: 0.5s;}

    100%{ transform: rotate(0deg); transition: 0.5s;}

}



/* Popup Style 2 */

.team-popup.style2{transform: translateY(-30%);}

.team-popup.style2.open{transform: translateY(0);}

.team-popup.style2 .team-popup-content .team-popup-container{flex-direction: column;gap: 0;}

.team-popup.style2 .team-popup-content .team-popup-container .img{border-radius: 0; height: 300px; width: 300px; outline: 0; margin: 0 0 50px; position: relative; transform: scale(0);transition: 0.5s;}

.team-popup.style2.open .team-popup-content .team-popup-container .img{transform: scale(1);}

.team-popup.style2 .team-popup-content .team-popup-container .team-content{width: 100%; border-radius: 0;position: relative;top: 100px;transition: 0.5s; transition-delay: 0.3s; transform: scale(0); }

.team-popup.style2.open .team-popup-content .team-popup-container .team-content{top: 0; transform: scale(1);}

.team-popup.style2 .team-popup-content .team-popup-container .team-content::after { content: ''; height: 50px; width: 50px; background: #fff; position: absolute; top: -25px; transform: rotate(45deg); left: 0; right: 0; margin: auto; transform-origin: center;}

.team-popup.style2 .team-popup-content{max-width: 800px; width: 94%;}

.team-popup.style2 .team-popup-content .team-popup-close { right: calc(50% - 189px); border-radius: 0; transform: translateX(-50%); top: -110px; transition: 0.5s;}

.team-popup.style2.open .team-popup-content .team-popup-close { top: 15px; }

.team-popup.style2 .team-popup-content .team-popup-container .img::after { display: none;}

.team-popup.style2 .team-popup-content .team-popup-container .img img{border-radius: 0;}



@media (max-width:480px) {

    .team-grid ul.team-filter{flex-wrap: wrap; justify-content: center;}

}







/* Demo 1 */

.team-grid .team-grid-box { box-shadow: 0 0 10px 0px rgb(0 0 0 / 35%); border-radius: 10px; overflow: hidden; transition: 0.5s all;}

.team-grid .team-grid-box:hover { transform: scale(1.05); box-shadow: 0px 30px 60px 0px rgb(0 0 0 / 45%); }

.team-grid .team-content{padding: 16px 15px;}

.team-grid .team-grid-box a{text-decoration: none;}

.team-grid .team-grid-box .img{overflow: hidden; height: 280px;}

.team-grid .team-grid-box .img img{max-width: 100%;width: 100%;object-fit: cover;object-position: top;height: 100%;}

.team-grid .team-grid-box .team-title{font-size: 18px; font-weight: 600;}

.team-grid .team-grid-box .team-title a{text-decoration: none; font-size: 20px; font-weight: 600;}

.team-grid .team-grid-box .team-title .designation{opacity: 0.5; font-size: 60%; display: block; font-weight: 400;}

.team-grid .team-grid-box .team-discription{margin: 10px 0 0;}

.team-grid .team-grid-box .team-discription p{line-height: normal; font-size: 12px; margin: 0;}

.team-grid .team-grid-box .team-discription p + p{margin-top: 15px;}

.team-grid .team-grid-box .share-icon{margin: 15px 0 0;}

.team-grid .team-social-icon { display: flex; align-items: center;}

.team-grid .team-social-icon a{display: inline-flex; padding: 0 5px; align-items: center; justify-content: center;}

.team-grid .team-social-icon a + a{margin-left: 6px;}

.team-grid .team-social-icon a svg{height: 17px; width: auto; opacity: 0.5;}

.team-grid .team-social-icon a:hover svg{opacity: 1;}





/* Demo 2 */

.team-style2 .team-grid-box { position: relative; box-shadow: none; border-radius: 0; border: 0; }

.team-style2 .team-grid-box .img{border-radius: 0; background: #f0f0f0;}

.team-style2 .team-grid-box .team-content { background: transparent; position: absolute; bottom: -100%; left: 0; height: 100%; z-index: 1; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; transition: 1.2s; z-index: 11;}

.team-style2 .team-grid-box::before{content: ''; position: absolute; top: 0; left: -50%; width: 50%; height: 100%; opacity: 0.5; z-index: 1;transition: 0.4s;}

.team-style2 .team-grid-box::after{content: ''; position: absolute; top: 0; right: -50%; width: 50%; height: 100%; opacity: 0.5; z-index: 1; transition: 0.4s;}

.team-style2 .team-grid-box:hover::before{left: 0;}

.team-style2 .team-grid-box:hover::after{right: 0;}

.team-style2 .team-grid-box .img img{transition: 15s;}

.team-style2 .team-grid-box:hover{transform: none;}

.team-style2 .team-grid-box:hover .img img{transform: scale(1.5);}

.team-style2 .team-grid-box:hover .team-content{bottom: 0;}



/* Demo 3 */

.team-style3 .team-grid-box:hover{transform: none; box-shadow: none;}

.team-style3 .team-grid-box .img { border-radius: 0; }

.team-style3 .team-grid-box:hover .img img{filter: brightness(0.5);}

.team-style3 .team-grid-box .team-content{padding-top: 8px; position: relative; z-index: 1; text-align: center;}

.team-style3 .team-grid-box .team-content:after { content: ''; height: calc(100% + 20px); width: 100%; position: absolute; bottom: 0; left: 0; transform: skew(0deg, -7deg); z-index: -1; }

.team-style3 .team-grid-box .share-icon{ display: flex; align-items: center; gap: 6px; margin: 0; position: absolute; top: -61px; transform: rotate(-7deg) scale(0); width: calc(100% + 20px); left: -5px; padding: 15px 13px 13px; justify-content: center; transition: 0.5s;}

.team-style3 .team-grid-box:hover .share-icon{transform: rotate(-8deg) scale(1);}

.team-style3 .team-grid-box .share-icon{margin: 0;}

.team-style3 .team-social-icon a svg{height: 16px;}



/* Demo 4 */

.team-style4 .team-grid-box { position: relative; box-shadow: none; border-radius: 0; overflow: visible; }

.team-style4 .team-grid-box:hover{transform: none; box-shadow: none;}

.team-style4 .team-grid-box::before { content: ''; width: auto; height: 30%; position: absolute; top: 50%; transform: translateY(-50%); left: -8px; right: -8px; transition: 0.5s; }

.team-style4 .team-grid-box::after { content: ''; width: 30%; height: auto; position: absolute; top: -8px; bottom: -8px; left: 50%; transform: translatex(-50%); transition: 0.5s; }

.team-style4 .team-grid-box:hover::before { height: 80%; }

.team-style4 .team-grid-box:hover::after { width: 80%;}

.team-style4 .team-grid-box .img{border-radius: 0;}

.team-style4 .team-grid-box .team-content{position: absolute; left: 0; right: 0; bottom: 60px; max-width: calc(100% - 25px); margin: auto; text-align: center;z-index: 1; opacity: 0; visibility: hidden; transition: 0.5s; line-height: 1; padding: 8px 15px;}

.team-style4 .team-grid-box:hover .team-content{bottom: 30px; opacity: 1; visibility: visible;}

.team-style4 .team-grid-box .team-content:after { content: ''; position: absolute; left: 0; right: 0; top: -10px; height: calc(100% + 20px); max-width: 80%; margin: auto; z-index: -1; }

.team-style4 .share-icon{margin: 10px 0 0;}

.team-style4 .team-social-icon{justify-content: center; margin: 10px 0 0;}

.team-style4 .team-social-icon a { height: 28px; width: 28px; background: #fff; padding: 0; border-radius: 15px; display: inline-flex; align-items: center; justify-content: center; }

.team-style4 .team-social-icon a svg{height: 14px;}

.team-style4 .team-grid-box .team-title .designation{font-size: 70%; text-transform: uppercase; margin: 5px 0 0;}

.team-style4 .team-grid-box .team-title a{font-weight: 500;}



/* Demo 5 */

.team-style5 .team-grid-box{position: relative; border: 0; box-shadow: none;}

.team-style5 .team-grid-box:hover{transform: none; box-shadow: none;}

.team-style5 .team-grid-box .team-content { position: absolute; bottom: -20%; left: 0; width: 100%; opacity: 0; visibility: hidden; text-align: center;transition: 0.5s all;}

.team-style5 .team-grid-box:hover .team-content{bottom: 0;opacity: 1; visibility: visible;}

.team-style5 .team-social-icon{justify-content: center;}

.team-style5 .team-grid-box .team-title a { font-weight: 400; text-transform: uppercase; }

.team-style5 .team-grid-box .team-title { display: flex; flex-direction: column-reverse; }

.team-style5 .team-grid-box .img{transition: 0.5s;}

.team-style5 .team-grid-box:hover .img{padding: 10px; border-radius: 10px; transform: scale(0.5) translateY(-35%);}

.team-style5 .team-social-icon a svg{opacity: 1;}



/* Demo 6 */

.team-style6 .team-grid-box, .team-style6 .team-grid-box:hover{transform: none; box-shadow: none; border: 0;overflow: visible;}

.team-style6 .team-grid-box .img img{ transition: 0.5s;}

.team-style6 .team-grid-box:hover .img img{filter: brightness(0.2);}

.team-style6 .team-social-icon a{display: inline-flex; height: 32px; width: 32px; align-items: center; justify-content: center; border-radius: 32px;}

.team-style6 .team-social-icon a svg{opacity: 1;}

.team-style6 .team-social-icon a{width: auto; border: 0 !important;}

.team-style6 .team-social-icon a + a{margin-left: 0;}

.team-style6 .team-grid-box .img{border-radius: 50%;position: relative; z-index: 1; height: 180px; width: 180px; margin: auto;}

.team-style6 .team-grid-box .img .share-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.5s; margin: 0;}

.team-style6 .team-grid-box:hover .img .share-icon{opacity: 1;}

.team-style6 .team-grid-box .team-content{background: transparent; text-align: center;position: relative;}

.team-style6 .team-grid-box .team-title{position: relative; z-index: 11;}

.team-style6 .team-grid-box .team-title .designation { opacity: 1; }

.team-style6 .team-grid-box .team-content:after { content: ''; height: calc(100% + 40px); width: 100%; position: absolute; bottom: 0; left: 0; border-radius: 50%; border-top: 0; box-shadow: 0 0 10px 1px #ddd}





/* Demo 7 */

.team-style7 .team-grid-box, .team-style7 .team-grid-box:hover{box-shadow: none; transform: none; border: 0;border-radius: 0;}

.team-style7 .team-grid-box .img {overflow: hidden; width: 180px; height: 180px; margin: 0 auto -15px; border-radius: 50%; }

.team-style7 .team-grid-box .team-content { text-align: center; background: transparent; padding: 0; }

.team-style7 .team-grid-box .team-content .team-title{ border-radius: 5px 30px 5px 30px; padding:25px 10px 10px; }

.team-style7 .team-grid-box .share-icon { position: absolute; top: 10px; left: 15px; transform: scale(0); transition: 0.5s; margin: 0;}

.team-style7 .team-grid-box:hover .share-icon { transform: scale(1);}

.team-style7 .team-grid-box .team-social-icon{flex-direction: column;}

.team-style7 .team-grid-box .team-social-icon a { padding: 5px 5px; height: 28px; width: 28px; border-radius: 30px; margin: 0;}

.team-style7 .team-grid-box .team-social-icon a + a{margin-top: 2px; margin-left: 0;}

.team-style7 .team-grid-box .team-social-icon a svg { opacity: 1; width: 15px;}

.team-style7 .team-grid-box .team-discription { margin: 0; color: #000; font-size: 12px; background: #fff; padding: 10px 15px; border-radius: 20px; }



/* Demo 8 */

.team-style8 .team-grid-box, .team-style8 .team-grid-box:hover{box-shadow: none; transform: none; border: 0;border-radius: 0;overflow: visible; position: relative;}

.team-style8 .team-grid-box:after, .team-style8 .team-grid-box:before{ content: ""; width: 100px; height: 100px; position: absolute; z-index: -1; transition: 0.5s; }

.team-style8 .team-grid-box:before{top: -7px; left: -7px;}

.team-style8 .team-grid-box:after{right: -7px; bottom: -7px;}

.team-style8 .team-grid-box:hover:after, .team-style8 .team-grid-box:hover:before{height: 100%; width: calc(100% + 14px);}

.team-style8 .team-grid-box .team-content { position: absolute; top: 0; left: 0; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; text-align: center; gap: 18px; opacity: 0; transition: 0.5s; clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); }

.team-style8 .team-grid-box .team-content::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.5; z-index: -1; }

.team-style8 .team-grid-box:hover .team-content { opacity: 1;clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);}

.team-style8 .team-grid-box .share-icon{margin: 0;}



/* Demo 9 */

.team-style9 .team-grid-box, .team-style9 .team-grid-box:hover{box-shadow: none; transform: none; border: 0;border-radius: 0;overflow: visible; position: relative;}

.team-style9 .team-grid-box .img { border-radius: 50%; position: relative; transition: 0.5s; height: 180px; width: 180px; margin: auto;}

.team-style9 .team-grid-box .img:before, .team-style9 .team-grid-box .img:after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 13px solid #e6e5e5; position: absolute; top: 0; left: 0; }

.team-style9 .team-grid-box .img::after{z-index: 1; transform: rotate(-10deg); transition: all 0.5s ease 0s;}

.team-style9 .team-grid-box:hover .img:after { transform: rotate(350deg); }

.team-style9 .team-grid-box .team-content{text-align: center; }

.team-style9 .team-grid-box .team-title .designation{ font-size: 80%; opacity: 1; font-style: italic;}

.team-style9 .team-grid-box .team-social-icon { justify-content: center;}

.team-style9 .team-grid-box .team-social-icon a svg{opacity: 1; height: 15px;}

.team-style9 .team-grid-box .team-social-icon a { display: inline-flex; padding: 0 5px; width: 30px; height: 30px; border: 0; border-radius: 50%; align-items: center; justify-content: center; }





/* Demo 10 */

.team-style10 .team-grid-box, .team-style10 .team-grid-box:hover{box-shadow: none; transform: none; border-radius: 0;position: relative;}

.team-style10 .team-grid-box .team-content{position: absolute; top: 50%; left: 50%; opacity: 0; transform: rotate(45deg) translate(-50%, -50%); transform-origin: 0 0; transition: all 0.55s ease 0s;background: transparent; width: 100%;text-align: center;}

.team-style10 .team-grid-box .team-content:before, .team-style10 .team-grid-box .team-content:after { content: ""; width: 400px; height: 2px; position: absolute; top: 0; left: 10px; transform: translateX(100%); transition: all 0.55s ease 0s; }

.team-style10 .team-grid-box .team-content:after { top: auto; left: auto; bottom: 0; right: 10px; transform: translateX(-100%); }

.team-style10 .team-grid-box:hover .team-content:before, .team-style10 .team-grid-box:hover .team-content:after { transform: translate(0, 0); transition-delay: 0.15s; }

.team-style10 .team-grid-box:hover .team-content:before, .team-style10 .team-grid-box:hover .team-content:after { transform: translate(0, 0); transition-delay: 0.15s; }

.team-style10 .team-grid-box:hover .team-content { opacity: 1; }

.team-style10 .team-grid-box:hover .img{filter: brightness(0.5);}



.team-style10 .team-grid-box .team-content .team-title:before, .team-style10 .team-grid-box .team-content .team-title:after{ content: ""; width: 2px; height: 300px; position: absolute; top: 10px; right: 0; transform: translateY(100%); transition: all 0.55s ease 0s; }

.team-style10 .team-grid-box .team-content .team-title:after{ top: auto; right: auto; bottom: 10px; left: 0; transform: translateY(-100%); }

.team-style10 .team-grid-box:hover .team-title:before, .team-style10 .team-grid-box:hover .team-title:after{ transform: translate(0, 0); }

.team-style10 .team-grid-box .team-social-icon { display: flex; align-items: center; gap: 6px; justify-content: center; padding: 10px; position: relative; z-index: 11;}

.team-style10 .team-grid-box .team-social-icon a svg{opacity: 1;}

.team-style10 .team-grid-box .team-title .designation { opacity: 1; font-size: 70%; display: table; padding: 0 12px; margin: auto; }

.team-style10 .team-grid-box .share-icon{margin: 0;}



/* Demo 11 */

.team-style11 .team-grid-box, .team-style11 .team-grid-box:hover{box-shadow: none; transform: none; border-radius: 0; border: 0; position: relative; background: #f5f5f5; z-index: 1;}

.team-style11 .team-grid-box:after { content: ''; position: absolute; bottom: 100%; width: 100%; height: calc(100% + 100px); opacity: 0.3; z-index: -1; border-radius: 50%;  transition: 1s; transform: scale(1.8);}

.team-style11 .team-grid-box:hover:after {transform: scale(5); transition: 2s;}

.team-style11 .team-grid-box .img { border-radius: 50%; width: 200px; height: 200px; margin: 20px auto 20px; }

.team-style11  .team-grid-box .team-content{background: transparent; text-align: center; padding-bottom: 6px;}

.team-style11 .team-grid-box .team-title .designation{font-size: 80%; text-transform: uppercase;}

.team-style11 .team-grid-box .share-icon { display: flex; align-items: center; justify-content: center; padding: 10px; bottom: -34px; transition: 0.5s; position: relative;}

.team-style11 .team-grid-box:hover .share-icon{bottom: 0px;}

.team-style11 .team-social-icon a svg{opacity: 1;}





/* Demo 12 */

.team-style12 .team-grid-box, .team-style12 .team-grid-box:hover{box-shadow: none; transform: none; border-radius: 0; border: 0; background: #f6f6f6; position: relative;}

.team-style12 .team-grid-box .img{position: relative; left: 0; transition: 0.5s;}

.team-style12 .team-grid-box .team-content { position: absolute; top: 0; height: 100%; right: -90%; width: 90%; transition: 0.5s;}

.team-style12 .team-grid-box .share-icon { position: absolute; bottom: 0; left: 0; width: 100%; padding: 9px; align-items: center; display: flex; justify-content: center; }

.team-style12 .team-grid-box .team-title a:after { display: block; content: ''; width: 50px; height: 2px; line-height: 0; font-size: 0; margin: 0 0 7px; }

.team-style12 .team-grid-box:hover .img{left: -90%; filter: brightness(0.7);}

.team-style12 .team-grid-box:hover .team-content {right: 0%;}





/* Demo 13 */

.team-style13 .team-grid-box, .team-style13 .team-grid-box:hover{box-shadow: none; transform: none; border-radius: 0; border: 0; position: relative;}

.team-style13  .team-grid-box .img{background: #f5f5f5; -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);}

.team-style13  .team-grid-box:hover .img{filter: brightness(0.3);}

.team-style13 .team-grid-box .team-content{background: transparent; text-align: center;}

.team-style13 .team-grid-box .share-icon { position: absolute; top: -40px; display: flex; align-items: center; justify-content: center; width: 100%; transition: 0.5s; z-index: 1; left: 0; margin: 0;}

.team-style13 .team-grid-box:hover .share-icon { top: 110px; }

.team-style13 .team-social-icon a svg{opacity: 1;}



/* Demo 14 */

.team-style14 .team-grid-box, .team-style14 .team-grid-box:hover{transform: none;}

.team-style14 .team-grid-box .team-content { padding: 16px 15px;padding-top: 80px; background: transparent;  position: relative;}

.team-style14 .team-grid-box .team-content::before{content: ''; position: absolute; top: 0; left: 0; height: 100%; width:calc(100% + 1px) ;-webkit-clip-path: polygon(50% 28%, 100% 0, 100% 100%, 0 100%, 0% 50%, 0 0); clip-path: polygon(50% 28%, 100% 0, 100% 100%, 0 100%, 0% 50%, 0 0); z-index: 1;}

.team-style14 .team-grid-box .team-content::after{content: ''; position: absolute; top: -5px; left: 0; height: 100%; width: 100%;-webkit-clip-path: polygon(50% 28%, 100% 0, 100% 100%, 0 100%, 0% 50%, 0 0); clip-path: polygon(50% 28%, 100% 0, 100% 100%, 0 100%, 0% 50%, 0 0); z-index: 0;}

.team-style14 .team-grid-box .team-content > *{position: relative; z-index: 1;}

.team-style14 .team-grid-box .img{margin-bottom: -80px;}

.team-style14 .team-grid-box .team-content .share-icon { margin: 20px 0 0; }

.team-style14 .team-social-icon { display: flex; align-items: center; gap: 14px; }

.team-style14 .team-social-icon a { background: #fff; height: 25px; width: 25px; transform: rotate(45deg); transform-origin: center; border-radius: 4px;}

.team-style14 .team-social-icon a svg { height: 14px; width: auto; opacity: 1; transform: rotate(-45deg); transform-origin: center;}





/* Demo 15 */

.team-style15 .team-grid-box, .team-style15 .team-grid-box:hover { position: relative; box-shadow: none; border-radius: 0; transform: none; }

.team-style15 .team-grid-box .img:hover { filter: contrast(0.5); }

.team-style15 .team-grid-box .share-icon { position: absolute; top: -100%; right: 12px; border-radius: 0 0px 50px 50px; transition: 0.5s; margin: 0; }

.team-style15 .team-grid-box:hover .share-icon{top: 0;}

.team-style15 .team-grid-box .team-social-icon {flex-direction: column; padding: 10px 5px; }

.team-style15 .team-grid-box .team-social-icon a svg{opacity: 1;}

.team-style15 .team-grid-box .team-social-icon a{margin: 0;}

.team-style15 .team-grid-box .team-social-icon a + a{margin-top: 12px;}

.team-style15 .team-grid-box .team-title a { position: relative;}

.team-style15 .team-grid-box .team-title .designation { opacity: 1; font-size: 70%; }

.team-style15 .team-grid-box .team-title a::after{width: 50px; height: 4px; display: table; content: '';  margin: 4px 0 10px; transition: 0.5s all;}

.team-style15 .team-grid-box:hover .team-title a::after{width: 70px;}



/* Demo 16 */

.team-style16 .team-grid-box, .team-style16 .team-grid-box:hover { position: relative; border: 0; box-shadow: none; border-radius: 0; transform: none; border: 0;}

.team-style16 .team-grid-box .team-content{text-align: center; position: relative;}

.team-style16 .team-grid-box .team-content .share-icon{position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: 0.5s;}

.team-style16  .team-grid-box:hover .team-content .share-icon{top: -70px; opacity: 1;}

.team-style16 .team-social-icon a{height: 30px; width: 30px; border-radius: 30px;}

.team-style16 .team-social-icon a svg{opacity: 1;}

.team-style16 .team-social-icon{justify-content: center;}

.team-style16 .team-grid-box .team-title .designation{opacity: 1;}

.team-style16 .team-grid-box .img{position: relative;}

.team-style16 .team-grid-box .img:after{content: ''; position: absolute; top: 0%; left: 0; right: 0; background: transparent; border: 2px solid #fff; border-top: 0; width: 90%; height: 0%; transition: 0.5s; opacity: 0; margin: auto;}

.team-style16 .team-grid-box:hover .img:after{height: 95%; opacity: 1;}

.team-style16 .team-grid-box:hover .img img{filter: brightness(0.5);}





/* Demo 17 */

.team-style17 .team-grid-box, .team-style17 .team-grid-box:hover { position: relative; border: 0; box-shadow: none; border-radius: 0; transform: none; transition: 0.4s;}

.team-style17 .team-grid-box .img{position: relative;}

.team-style17 .team-grid-box .team-discription { margin: 10px 0 0; font-size: 12px; position: absolute; bottom: 0; padding: 15px; filter: opacity(0.95); bottom: -100%; transition: 0.4s;}

.team-style17 .team-grid-box:hover .team-discription{bottom: 0;}

.team-style17 .team-grid-box:hover{margin-bottom: -10px; margin-top: 10px;}

.team-style17 .team-social-icon a svg{opacity: 1;}

.team-style17 .team-grid-box .team-content { padding: 16px 15px;}

.team-style17 .team-grid-box .team-title .designation{opacity: 1; font-size: 90%; font-style: italic;}

.team-style17 .team-grid-box .team-title .designation:before { content: ''; width: 80px; height: 2px; display: table; background: #3bcca1; margin: 3px 0 4px; animation: border-big alternate 1s;}

@keyframes border-big {

    from{width: 0;}

    to{width: 80px;}

}



/* Demo 18 */

.team-style18 .team-grid-box, .team-style18 .team-grid-box:hover { position: relative; border: 0; box-shadow: none; border-radius: 0; transform: none;}

.team-style18 .team-grid-box .team-content { position: absolute; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; transform: scale(0); transition: 0.5s;transition-delay: 0.3s; opacity: 0; visibility: hidden;}

.team-style18 .team-grid-box:hover .team-content{transform: scale(1); opacity: 1; visibility: visible;}

.team-style18 .team-grid-box .img{transition: 0.4s;}

.team-style18 .team-grid-box:hover .img{transform: scale(0);}

.team-style19 .team-social-icon a:hover{background: #fff; }

.team-style18 .team-social-icon a svg{opacity: 1;}

.team-style18 .team-social-icon a{height: 28px; width: 28px; background: transparent; border: 1px solid #fff;}

.team-style18 .team-social-icon a:hover{background: #fff;}





/* Demo 19 */

.team-style19 .team-grid-box, .team-style19 .team-grid-box:hover { position: relative; border: 0; box-shadow: none; border-radius: 0; transform: none;}

.team-style19 .team-grid-box .team-content { position: absolute; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; transform: rotate3d(1, 1, 1, 240deg); transition: 0.5s;transition-delay: 0.3s; opacity: 0; visibility: hidden;}

.team-style19 .team-grid-box:hover .team-content{transform: rotate3d(1, 1, 1, 0deg); opacity: 1; visibility: visible;}

.team-style19 .team-grid-box .img{transition: 0.4s;}

.team-style19 .team-grid-box:hover .img{transform: rotate3d(1, 1, 1, 240deg);}

.team-style19 .team-social-icon a svg{opacity: 1; }

.team-style19 .team-social-icon a{height: 28px; width: 28px; background: transparent; border: 1px solid #fff;}

.team-style19 .team-social-icon a:hover{background: #fff; }



/* Demo 20 */

.team-style20 .team-grid-box, .team-style20 .team-grid-box:hover { position: relative; border: 0; box-shadow: none; border-radius: 0; transform: none;}

.team-style20 .team-grid-box .team-content { position: absolute; top: -100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; transition: 0.5s;}

.team-style20 .team-grid-box:hover .team-content{top: 0;}

.team-style20 .team-grid-box .img img{transition: 0.5s; position: relative; bottom: 0;}

.team-style20 .team-grid-box:hover .img img{bottom: -100%;}

.team-style20 .team-social-icon a svg{opacity: 1;}

.team-style20 .team-social-icon a{height: 28px; width: 28px; background: transparent; border: 1px solid #fff;}

.team-style20 .team-social-icon a:hover{background: #fff; }



@media (max-width:991px) {

    .team-grid .col-1 { flex: 0 0 100%; max-width: 100%; }

    .team-grid .col-2 { flex: 0 0 calc(100%/3); max-width: calc(100%/3); }

    .team-grid .col-3 { flex: 0 0 calc(100%/3); max-width: calc(100%/3); }

    .team-grid .col-4 { flex: 0 0 calc(100%/3); max-width: calc(100%/3); }

    .team-grid .col-5 { flex: 0 0 calc(100%/3); max-width: calc(100%/3); }

    .team-grid .col-6 { flex: 0 0 calc(100%/3); max-width: calc(100%/3); }

    .team-grid .col-7 { flex: 0 0 calc(100%/3); max-width: calc(100%/3); }

    .team-grid .col-8 { flex: 0 0 (100%/3); max-width: (100%/3); }

    .team-grid .col-9 { flex: 0 0 (100%/3); max-width: (100%/3); }

    .team-grid .col-10 { flex: 0 0 (100%/3); max-width: (100%/3); }

    .team-grid .col-11 { flex: 0 0 (100%/3); max-width: (100%/3); }

    .team-grid .col-12 { flex: 0 0 (100%/3); max-width: (100%/3); }

    .team-grid .team-grid-box .team-title a{font-size: 18px;}

    .team-style7 .team-grid-box .team-content .team-title { padding: 15px 10px 6px; }

    .team-style7 .team-grid-box .share-icon{top: 0;}

    .team-style7 .team-grid-box .img{margin-bottom: -10px;}

    .team-style5 .team-grid-box:hover .img{transform: scale(0.5) translateY(-43%);}

    .team-grid .team-content { padding: 12px 12px; }

    .team-popup .team-popup-content .team-popup-container{flex-wrap: wrap;}

    .team-popup .team-popup-content .team-popup-container .team-content{width: 100%; margin-top: 20px; padding: 40px 50px;}

    .team-popup .team-popup-content .team-popup-close{top: 280px;}

    .team-popup.style2 .team-popup-content .team-popup-container .team-content::after{height: 40px; width: 40px; top: -20px;}

    .team-popup.style2 .team-popup-content .team-popup-container .img{margin: 0 0 40px;}

    .team-popup.style2 .team-popup-content .team-popup-container .img{height: 260px; width: 260px;}

    .team-popup.style2 .team-popup-content .team-popup-close { right: calc(50% - 170px); top: 15px;}

    .team-popup.style2 .team-popup-content .team-popup-container .team-content{padding: 30px 20px;}

    .team-grid .team-grid-box .img{height: 250px;}

    .team-style6 .team-grid-box .img{height: 160px; width: 160px;}

    .team-style7 .team-grid-box .img{height: 160px; width: 160px;}

    .team-style9 .team-grid-box .img{height: 160px; width: 160px;}

    .team-style11 .team-grid-box .img {width: 160px; height: 160px;}

}

@media (max-width:767px) {

    .team-grid .col-1 { flex: 0 0 100%; max-width: 100%; }

    .team-grid .col-2 { flex: 0 0 calc(100%/2); max-width: calc(100%/2); }

    .team-grid .col-3 { flex: 0 0 calc(100%/2); max-width: calc(100%/2); }

    .team-grid .col-4 { flex: 0 0 calc(100%/2); max-width: calc(100%/2); }

    .team-grid .col-5 { flex: 0 0 calc(100%/2); max-width: calc(100%/2); }

    .team-grid .col-6 { flex: 0 0 calc(100%/2); max-width: calc(100%/2); }

    .team-grid .col-7 { flex: 0 0 calc(100%/2); max-width: calc(100%/2); }

    .team-grid .col-8 { flex: 0 0 (100%/2); max-width: (100%/2); }

    .team-grid .col-9 { flex: 0 0 (100%/2); max-width: (100%/2); }

    .team-grid .col-10 { flex: 0 0 (100%/2); max-width: (100%/2); }

    .team-grid .col-11 { flex: 0 0 (100%/2); max-width: (100%/2); }

    .team-grid .col-12 { flex: 0 0 (100%/2); max-width: (100%/2); }

    .team-grid [class*="col-"] { padding-right: 8px; padding-left: 8px; }

    .team-grid .row{margin-right: -8px; margin-left: -8px; gap: 16px 0;}

    .team-grid .team-grid-box .team-title a{font-size: 16px;}

    .team-style7 .team-grid-box .img{margin-bottom: -10px;}

    .team-style7 .team-grid-box .share-icon { top: -4px; left: 8px; }    

    .team-grid .team-content { padding: 10px 12px; }

    .team-style12 .team-grid-box .team-title a:after{margin: 0 0 4px;}

    .team-grid .team-grid-box .team-discription { margin: 5px 0 0; }

    .team-popup .team-popup-content .team-popup-container .team-content .team-title a{font-size: 20px;}

    .team-popup .team-popup-content .team-popup-container .team-content .team-discription p{font-size: 14px;}

}

@media (max-width:480px) {

    .team-grid .col-1 { flex: 0 0 100%; max-width: 100%; }

    .team-grid .col-2 { flex: 0 0 calc(100%); max-width: calc(100%); }

    .team-grid .col-3 { flex: 0 0 calc(100%); max-width: calc(100%); }

    .team-grid .col-4 { flex: 0 0 calc(100%); max-width: calc(100%); }

    .team-grid .col-5 { flex: 0 0 calc(100%); max-width: calc(100%); }

    .team-grid .col-6 { flex: 0 0 calc(100%); max-width: calc(100%); }

    .team-grid .col-7 { flex: 0 0 calc(100%); max-width: calc(100%); }

    .team-grid .col-8 { flex: 0 0 (100%); max-width: (100%); }

    .team-grid .col-9 { flex: 0 0 (100%); max-width: (100%); }

    .team-grid .col-10 { flex: 0 0 (100%); max-width: (100%); }

    .team-grid .col-11 { flex: 0 0 (100%); max-width: (100%); }

    .team-grid .col-12 { flex: 0 0 (100%); max-width: (100%); }

    .team-style7 .team-grid-box .share-icon { top: 10px; }  

    .team-style7 .team-grid-box .img{margin-bottom: -15px;} 

    .team-grid .team-content { padding: 16px 15px; }

    .team-grid .team-grid-box .team-title a{font-size: 18px;}

    .team-grid [class*="col-"] { padding-right: 15px; padding-left: 15px; }

    .team-grid .row{margin-right: -15px; margin-left: -15px; gap: 30px 0;}

    .team-style7 .team-grid-box .share-icon { top: 13%; left: 15px; }

    .team-grid ul.team-filter li a{font-size: 14px; min-width: 40px;}

    .team-grid ul.team-filter{gap: 5px;}

    .team-popup .team-popup-content .team-popup-container .team-content{border-radius: 60px 4px 60px 4px;}

    .team-popup .team-popup-content .team-popup-container .team-content{padding: 30px;}

    .team-grid .team-grid-box .img{height: auto;}

    .team-style6 .team-grid-box .img{width: 200px; height: 200px;}

    .team-style7 .team-grid-box .img{height: 200px; width: 200px;}

    .team-style9 .team-grid-box .img{height: 200px; width: 200px;}

    .team-style11 .team-grid-box .img {width: 200px; height: 200px;}

}