/* Fellow Members Css Start */


/* ================= MODERN FELLOW MEMBER SHOWCASE ================= */
.member-showcase{max-width:1320px;margin:14px auto 0;padding:0 20px 55px;}
.member-showcase-heading h2{font-size:30px;font-weight:700;color:#1b75bb;}
.member-showcase-heading p{font-size:15px;}
.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}
.member-card{display:none!important;width:auto!important;max-width:none!important;flex-basis:auto!important;margin:0!important;padding:0!important;opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease;}
.member-card.is-visible{display:flex!important;opacity:1;transform:translateY(0);}
.member-card .team{width:100%;height:100%;}
.member-card .team>div{position:relative;width:100%;min-height:390px;height:100%;padding:30px 22px 25px!important;border:1px solid rgba(27,117,187,.10)!important;border-radius:22px;background:#fff!important;box-shadow:0 10px 35px rgba(20,45,80,.08);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.member-card .team>div:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#1b75bb,#55b7e8,#1b75bb);}
.member-card .team>div:after{content:"";position:absolute;width:120px;height:120px;right:-55px;top:-55px;border-radius:50%;background:rgba(27,117,187,.07);}
.member-card .team>div:hover{transform:translateY(-8px);box-shadow:0 18px 45px rgba(20,45,80,.15);border-color:rgba(27,117,187,.25)!important;}
.member-card .team img.img,.member-card .team img.images{position:relative;z-index:2;width:145px;height:145px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 18px;border:6px solid #fff;box-shadow:0 8px 22px rgba(20,45,80,.15);}
.member-card .team h4{position:relative;z-index:2;margin-bottom:10px!important;font-size:20px;line-height:1.35;font-weight:700;}
.member-card .team p{position:relative;z-index:2;line-height:1.65;color:#5b6573!important;font-size:14px;}
.member-loadmore-wrap{text-align:center;padding-top:42px;}
.member-progress{color:#6c757d;font-size:14px;margin-bottom:16px;}
.member-progress strong{color:#1b75bb;}
.member-loadmore{border:0;border-radius:50px;padding:14px 30px;min-width:215px;color:#fff;background:linear-gradient(135deg,#1b75bb,#168bd0);box-shadow:0 10px 25px rgba(27,117,187,.25);font-weight:700;font-size:15px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;}
.member-loadmore:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(27,117,187,.32);}
.member-loadmore i{margin-left:10px;font-size:16px;}
.member-loadmore.is-hidden{display:none;}

/* ===== MEMBER SEARCH ===== */
.member-search-panel{max-width:900px;margin:0 auto 34px;text-align:center;}
.member-total{font-size:28px;font-weight:700;color:#1b75bb;margin-bottom:16px;}
.member-search-box{position:relative;z-index:1000;display:flex;align-items:center;background:#fff;border:1px solid rgba(27,117,187,.18);border-radius:18px;box-shadow:0 10px 30px rgba(20,45,80,.08);padding:0 54px 0 50px;transition:.25s ease;}
.member-search-box:focus-within{border-color:rgba(27,117,187,.5);box-shadow:0 12px 34px rgba(27,117,187,.13);}
.member-search-box.search-fixed{position:fixed!important;top:78px;z-index:99999;margin:0!important;box-sizing:border-box;}
.member-search-box-placeholder{display:none;width:100%;}
@media(max-width:767px){.member-search-box.search-fixed{top:62px;}}
.member-search-box input{width:100%;height:58px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:15px;color:#273444;}
.member-search-box input::placeholder{color:#9aa5b1;}
.member-search-icon{position:absolute;left:18px;font-size:21px;color:#1b75bb;line-height:1;}
.member-search-clear{position:absolute;right:13px;width:34px;height:34px;border:0;border-radius:50%;background:#eef7fc;color:#1b75bb;font-size:24px;line-height:30px;cursor:pointer;display:none;padding:0;}
.member-search-clear:hover{background:#1b75bb;color:#fff;}
.member-search-status{min-height:22px;margin-top:11px;font-size:14px;color:#687586;}
.member-search-status strong{color:#1b75bb;}
@media(max-width:575px){.member-total{font-size:23px;}.member-search-box{padding-left:45px;padding-right:48px;}.member-search-box input{font-size:14px;}}

@media(max-width:991px){
    .member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
}

@media(max-width:767px){

    .page-title-section{height:auto!important;min-height:64px;}
    .page-title-section .title{font-size:25px!important;line-height:1.25!important;padding:16px 12px!important;}
    .member-showcase{width:100%;max-width:100%;margin:8px auto 0;padding:0 12px 35px;}
    .member-search-panel{width:100%;max-width:100%;margin:0 auto 24px;}
    .member-total{font-size:22px!important;line-height:1.3;margin-bottom:12px;}
    .member-search-box{width:100%;min-height:52px;border-radius:14px;padding-left:44px;padding-right:44px;box-sizing:border-box;}
    .member-search-box input{height:52px;font-size:14px!important;}
    .member-search-icon{left:14px;font-size:19px;}
    .member-search-clear{right:9px;width:32px;height:32px;font-size:21px;line-height:28px;}
    .member-search-status{font-size:13px;margin-top:8px;min-height:18px;}
    .member-grid{grid-template-columns:1fr!important;gap:16px!important;width:100%;}
    .member-card{width:100%!important;max-width:100%!important;}
    .member-card .team{width:100%;}
    .member-card .team>div{min-height:0!important;height:auto!important;padding:24px 16px 22px!important;border-radius:18px;}
    .member-card .team img.img,.member-card .team img.images{width:115px;height:115px;margin-bottom:14px;}
    .member-card .team h4{font-size:18px!important;line-height:1.35;margin-bottom:8px!important;}
    .member-card .team p{font-size:13.5px!important;line-height:1.55!important;}
    .member-loadmore-wrap{padding-top:28px;}
    .member-loadmore{width:100%;max-width:280px;padding:12px 22px;}
}

@media(min-width:768px){
    .member-intro .member-tagline{white-space:nowrap;}
}

/* Reduce the gap between the page banner and the member heading */
.about-section{padding-top:0!important;}
.container-xxl.py-5{padding-top:0!important;}
.about-section > .container-xxl > .container > .text-center.mx-auto.mb-4{display:none!important;}
.member-showcase-heading{margin-top:0!important;margin-bottom:18px!important;}


/* Match the grey page-title background and the content heading width exactly. */
.page-title-section {
    background: #f1f1f1 !important;
    width: 100%;
}
.page-title-section .page-title,
.page-title-section .container {
    width: 100%;
    max-width: 100%;
}
.page-title-section .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.page-title-section .title {
    margin: 0 auto !important;
    padding: 22px 15px !important;
    text-align: center;
    background: #f1f1f1;
}
/* Same visual width/background treatment for the heading below. */
.member-section-heading {
    width: 100%;
    background: #f1f1f1;
    padding: 10px 15px;
    margin: 0 0 18px !important;
    box-sizing: border-box;
}

/* Member heading responsive layout */
.member-intro {
    text-align: center;
    margin: 0 auto 24px;
    padding: 0 15px;
}
.member-intro .member-tagline {
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    color: #555;
}
@media (max-width: 767px) {
    .member-intro {
        margin-bottom: 18px;
        padding: 0 12px;
    }
    .member-intro .member-tagline {
        font-size: 15px;
        line-height: 1.5;
    }
}

/* Fellow Members Css End */




 .team-sec .team .border-secondary{
        height: 350px;
    }
   
    	.light-logo img
    {
    width:280px;
    height:80px;
    border-radius: 90%;
    }
    .img
    {
    width:150px; 
    border-radius: 50%;
    
    
    }
    .images{
        width: 150px;
        height: 150px;
        border-radius: 50%;
    }
    .page-title-section
    {
      height:75px;
    }

    /* =========================================================
       FELLOW MEMBER CARDS - MATCH CONFERENCE KEYNOTE STYLE
       ========================================================= */

    .member-showcase {
        width: 100%;
    }

    .member-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
        align-items: stretch;
    }

    .member-card {
        display: block !important;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        min-height: 120px;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        background: #ffffff;
        overflow: hidden;
        transition: transform .25s ease, box-shadow .25s ease;
    }

    .member-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 35px rgba(0,0,0,.08);
    }

    /* Remove the old team/card fixed-height behaviour. */
    .member-card .team {
        display: block !important;
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .member-card .team > .border-secondary {
        display: grid !important;
        grid-template-columns: 90px minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 16px;
        align-items: center;
        width: 100%;
        height: auto !important;
        min-height: 120px;
        margin: 0 !important;
        padding: 14px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        text-align: left !important;
    }

    .member-card .team > .border-secondary > center {
        grid-column: 1;
        grid-row: 1 / 3;
        display: block;
        width: 90px;
        height: 90px;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0;
        overflow: hidden;
        border-radius: 50%;
        background: #f8fafc;
        border: 3px solid #ffffff;
        box-shadow: 0 3px 12px rgba(0,0,0,.10);
    }

    .member-card .team > .border-secondary > center img,
    .member-card .team > .border-secondary img.img,
    .member-card .team > .border-secondary img.images {
        display: block;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 50%;
        object-fit: cover;
        object-position: center;
    }

    /* The old <br> was creating extra vertical height. */
    .member-card .team > .border-secondary > br {
        display: none !important;
    }

    .member-card .team > .border-secondary > h4 {
        grid-column: 2;
        grid-row: 1;
        align-self: end;
        margin: 0 0 4px !important;
        padding: 0 !important;
        color: #168bd0 !important;
        font-size: 16px !important;
        font-weight: 700;
        line-height: 1.3;
        text-align: left !important;
    }

    .member-card .team > .border-secondary > p {
        grid-column: 2;
        grid-row: 2;
        align-self: start;
        margin: 0 !important;
        padding: 0 !important;
        color: #64748b !important;
        font-size: 11px !important;
        line-height: 1.55;
        text-align: left !important;
        word-break: break-word;
    }

    .member-card .team > .border-secondary > h4,
    .member-card .team > .border-secondary > p {
        min-width: 0;
    }

    /* Keep the fixed search box above the member cards. */
    .member-search-box.search-fixed {
        box-shadow: 0 8px 25px rgba(0,0,0,.12);
    }

    @media (max-width: 900px) {
        .member-grid {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 650px) {
        .member-card {
            min-height: 0;
        }

        .member-card .team > .border-secondary {
            grid-template-columns: 70px minmax(0, 1fr);
            column-gap: 11px;
            min-height: 0;
            padding: 10px !important;
        }

        .member-card .team > .border-secondary > center {
            width: 70px;
            height: 70px;
        }

        .member-card .team > .border-secondary > h4 {
            font-size: 14px !important;
            line-height: 1.3;
        }

        .member-card .team > .border-secondary > p {
            font-size: 10px !important;
            line-height: 1.5;
        }
    }

    @media (max-width: 420px) {
        .member-card .team > .border-secondary {
            grid-template-columns: 62px minmax(0, 1fr);
            column-gap: 10px;
            padding: 9px !important;
        }

        .member-card .team > .border-secondary > center {
            width: 62px;
            height: 62px;
        }

        .member-card .team > .border-secondary > h4 {
            font-size: 13px !important;
        }

        .member-card .team > .border-secondary > p {
            font-size: 9.5px !important;
        }
    }
   
</style>



<style id="fellow-member-pagination-fix">
/* ===== Reliable 50-member pagination ===== */
.member-grid .member-card.member-hidden {
    display: none !important;
}
.member-grid .member-card.member-visible {
    display: block !important;
}
.member-loadmore-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 28px 0 10px !important;
    padding: 0 !important;
    clear: both !important;
}
.member-progress {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}
.member-loadmore {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    min-width: 210px !important;
    height: 44px !important;
    padding: 0 22px !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: #168bd0 !important;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 44px !important;
    text-align: center !important;
    box-shadow: 0 5px 15px rgba(23,107,77,.18) !important;
}
.member-loadmore:hover {
    background: #12563e !important;
    color: #fff !important;
}
.member-loadmore.is-hidden {
    display: none !important;
}
</style>


<style id="fellow-member-final-fix">
/* =========================================================
   FINAL FELLOW MEMBER VISIBILITY FIX
   Keeps all existing member content and layout.
   ========================================================= */
.about-section,
.about-section .container-xxl,
.about-section .container,
.about-section .row,
.about-section .col-lg-12,
#pagination-container,
.member-showcase,
.member-grid {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.member-grid {
    display: grid !important;
    width: 100% !important;
}

.member-grid .member-card {
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    height: auto !important;
    min-height: 120px !important;
}

.member-grid .member-card.member-hidden {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.member-grid .member-card.member-visible {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.member-card .team,
.member-card .team > .border-secondary,
.member-card h4,
.member-card p,
.member-card center {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.member-card .team > .border-secondary {
    height: auto !important;
    min-height: 120px !important;
}

.member-card img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media (max-width: 900px) {
    .member-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Floating search bar shown only after scrolling past the original search panel */
.member-search-floating {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    display: none;
    pointer-events: none;
}

.member-search-floating.is-visible {
    display: block;
}

.member-search-floating .member-search-panel {
    width: min(100% - 30px, 1200px);
    margin: 0 auto;
    padding: 10px 0;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none;
}

.member-search-floating .member-total,
.member-search-floating .member-search-status {
    display: none !important;
}

.member-search-floating .member-search-box {
    pointer-events: auto;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.12);
}