#tmp-team-popup{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    font-family:inherit;
}

#tmp-team-popup.active{
    display:flex;
}

#tmp-team-popup .tmp-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.75);
}

#tmp-team-popup .tmp-popup{
    position:relative;
    z-index:2;
    width:1100px;
    max-width:95%;
    max-height:90vh;
    overflow-y:auto;
    background:#fff;
    border-radius:16px;
    display:flex;
    gap:60px;
    padding:50px;
    box-sizing:border-box;
    animation:tmpPopup .3s ease;
}

@keyframes tmpPopup{

    from{

        opacity:0;
        transform:translateY(40px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

.tmp-left{

    width:35%;
    flex-shrink:0;

}

.tmp-left img{width:100%;height:auto;display:block;border-radius:8px;border-radius: 100%!important;}

.tmp-right{

    width:65%;

}

#tmp-title{

margin:0;

font-size:38px;

line-height:1.2;

font-weight:700;

font-family: "NeueHaasDisplayRoman", Sans-serif;
}

#tmp-designation{

margin-top:12px;

margin-bottom:20px;

font-size:18px;

color: #12284B;

font-weight:600;

font-family: "NeueHaasDisplayRoman", Sans-serif;
}

.tmp-right > hr {
    border: 0;
    height: 5px;
    background: #e43192 !important;
    margin: 20px 0;
}

#tmp-linkedin{display:inline-block;text-decoration:none;color: #e43192 !important;font-weight:700;letter-spacing:1px;font-family: "NeueHaasDisplayRoman", Sans-serif;margin-bottom:30px;}

#tmp-content{

line-height:1.8;

font-size:18px;

font-family: "NeueHaasDisplayRoman", Sans-serif;

margin-top: 25px;
	padding-bottom:30px;
}

#tmp-content p{

    margin-bottom:18px;

}

.tmp-close{position:absolute;right:20px;top:20px;height: auto;border:none;border-radius: 100%;cursor:pointer;background: #E43192;font-size: 30px;line-height: 1em;transition:.25s;padding: 7px 15px 12px 15px;color: #fff !important;}

.tmp-close:hover{

    background:#111;
    color:#fff;

}

@media(max-width:991px){

    #tmp-team-popup .tmp-popup{

        flex-direction:column;
        gap:30px;
        padding:30px;

    }

    .tmp-left,
    .tmp-right{

        width:100%;

    }

    #tmp-title{

        font-size:30px;

    }

}

@media(max-width:767px){

    #tmp-team-popup .tmp-popup{

        width:95%;
        padding:20px;

    }

    #tmp-title{

        font-size:24px;

    }

    #tmp-designation{

        font-size:16px;

    }

}