/*==================================================
BIOINFRATECH
LEADERSHIP TEAM PAGE
==================================================*/


/*==================================================
ROOT
==================================================*/

:root{

    --ateam-primary:#0A2342;

    --ateam-secondary:#008C95;

    --ateam-accent:#00AEEF;

    --ateam-success:#00B67A;

    --ateam-dark:#1F2937;

    --ateam-text:#596579;

    --ateam-border:#E5EAF0;

    --ateam-background:#F7F9FC;

    --ateam-white:#FFFFFF;

    --ateam-radius-sm:12px;

    --ateam-radius-md:20px;

    --ateam-radius-lg:32px;

    --ateam-shadow-sm:
    0 8px 25px rgba(10,35,66,.08);

    --ateam-shadow-md:
    0 20px 60px rgba(10,35,66,.10);

    --ateam-shadow-lg:
    0 35px 90px rgba(10,35,66,.15);

}


/*==================================================
PAGE
==================================================*/

.ateam-page{

    background:var(--ateam-white);

    overflow-x:hidden;

}


/*==================================================
CONTAINER
==================================================*/

.ateam-main-container{

    width:min(1320px,92%);

    margin:auto;

}


/*==================================================
COMMON SECTION
==================================================*/

.ateam-hero-section,
.ateam-introduction-section,
.ateam-members-section,
.ateam-philosophy-section,
.ateam-highlight-section,
.ateam-cta-section{

    position:relative;

    padding:120px 0;

}


/*==================================================
SECTION TAG
==================================================*/

.ateam-section-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 20px;

    border-radius:50px;

    background:rgba(0,140,149,.08);

    color:var(--ateam-secondary);

    font-size:.82rem;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:28px;

}


/*==================================================
SECTION HEADER
==================================================*/

.ateam-section-header{

    max-width:780px;

    margin:0 auto 70px;

    text-align:center;

}


.ateam-section-header span{

    display:block;

    margin-bottom:18px;

    color:var(--ateam-secondary);

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}


.ateam-section-header h2{

    font-size:

    clamp(2.2rem,4vw,3.4rem);

    line-height:1.2;

    color:var(--ateam-primary);

    margin-bottom:22px;

}


.ateam-section-header p{

    color:var(--ateam-text);

    line-height:1.9;

    font-size:1.05rem;

}


/*==================================================
HERO
==================================================*/

.ateam-hero-section{

    background:

    linear-gradient(
    180deg,
    #FFFFFF 0%,
    #F7FAFC 100%);

    padding-top:170px;

}


.ateam-hero-grid{

    display:grid;

    grid-template-columns:

    repeat(2,1fr);

    gap:70px;

    align-items:center;

}


/*==================================================
BREADCRUMB
==================================================*/

.ateam-breadcrumb{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:26px;

}


.ateam-breadcrumb a{

    color:var(--ateam-secondary);

    text-decoration:none;

    font-weight:600;

}


.ateam-breadcrumb span{

    color:var(--ateam-text);

}


/*==================================================
TITLE
==================================================*/

.ateam-main-title{

    font-size:

    clamp(2.8rem,5vw,4.6rem);

    color:var(--ateam-primary);

    line-height:1.15;

    margin-bottom:30px;

}


.ateam-main-description{

    color:var(--ateam-text);

    font-size:1.08rem;

    line-height:2;

    margin-bottom:45px;

}


/*==================================================
BUTTON GROUP
==================================================*/

.ateam-button-group{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-bottom:55px;

}
/*==================================================
BUTTONS
==================================================*/

.ateam-btn-primary,
.ateam-btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-width:190px;

    padding:16px 34px;

    border-radius:60px;

    text-decoration:none;

    font-size:.95rem;

    font-weight:700;

    transition:.35s ease;

}

.ateam-btn-primary{

    background:var(--ateam-primary);

    color:var(--ateam-white);

    border:2px solid var(--ateam-primary);

    box-shadow:var(--ateam-shadow-md);

}

.ateam-btn-primary:hover{

    background:var(--ateam-secondary);

    border-color:var(--ateam-secondary);

    transform:translateY(-5px);

}

.ateam-btn-outline{

    background:transparent;

    color:var(--ateam-primary);

    border:2px solid var(--ateam-primary);

}

.ateam-btn-outline:hover{

    background:var(--ateam-primary);

    color:#fff;

    transform:translateY(-5px);

}


/*==================================================
HERO IMAGE
==================================================*/

.ateam-hero-image{

    position:relative;

}

.ateam-hero-image img{

    width:100%;

    display:block;

    border-radius:var(--ateam-radius-lg);

    box-shadow:var(--ateam-shadow-lg);

    transition:.5s;

}

.ateam-hero-image:hover img{

    transform:scale(1.03);

}


/*==================================================
STAT GRID
==================================================*/

.ateam-stat-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}

.ateam-stat-card{

    background:#fff;

    padding:28px;

    text-align:center;

    border-radius:20px;

    border:1px solid var(--ateam-border);

    box-shadow:var(--ateam-shadow-sm);

    transition:.35s;

}

.ateam-stat-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--ateam-shadow-md);

}

.ateam-stat-card h2{

    font-size:2.2rem;

    color:var(--ateam-primary);

    margin-bottom:10px;

}

.ateam-stat-card span{

    color:var(--ateam-text);

}


/*==================================================
INTRO
==================================================*/

.ateam-introduction-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.ateam-section-title{

    font-size:clamp(2rem,4vw,3.2rem);

    color:var(--ateam-primary);

    line-height:1.2;

}

.ateam-introduction-content p{

    color:var(--ateam-text);

    line-height:2;

    margin-bottom:24px;

}


/*==================================================
MEMBER GRID
==================================================*/

.ateam-card-grid{

    display:grid;

    grid-template-columns:

    repeat(auto-fit,minmax(360px,1fr));

    gap:40px;

}


/*==================================================
MEMBER CARD
==================================================*/

.ateam-member-card{

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    border:1px solid var(--ateam-border);

    box-shadow:var(--ateam-shadow-sm);

    transition:.45s ease;

}

.ateam-member-card:hover{

    transform:translateY(-12px);

    box-shadow:var(--ateam-shadow-lg);

}


/*==================================================
IMAGE
==================================================*/

.ateam-member-image-wrapper{

    position:relative;

    overflow:hidden;

}

.ateam-member-image{

    width:100%;

    height:430px;

    object-fit:cover;

    transition:.5s;

}

.ateam-member-card:hover .ateam-member-image{

    transform:scale(1.08);

}


/*==================================================
EXPERIENCE BADGE
==================================================*/

.ateam-experience-badge{

    position:absolute;

    top:20px;

    right:20px;

    padding:10px 18px;

    border-radius:40px;

    background:var(--ateam-secondary);

    color:#fff;

    font-size:.82rem;

    font-weight:700;

}


/*==================================================
CARD CONTENT
==================================================*/

.ateam-member-content{

    padding:34px;

}

.ateam-member-category{

    display:inline-block;

    margin-bottom:16px;

    color:var(--ateam-secondary);

    font-size:.82rem;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}

.ateam-member-name{

    color:var(--ateam-primary);

    font-size:1.8rem;

    margin-bottom:10px;

}

.ateam-member-designation{

    color:var(--ateam-secondary);

    font-size:1rem;

    margin-bottom:20px;

}

.ateam-member-description{

    color:var(--ateam-text);

    line-height:1.9;

}
/*==================================================
SKILL GROUP
==================================================*/

.ateam-skill-group{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin:30px 0;

}

.ateam-skill-item{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 18px;

    border-radius:40px;

    background:#F7F9FC;

    border:1px solid var(--ateam-border);

    color:var(--ateam-primary);

    font-size:.82rem;

    font-weight:600;

    transition:.35s ease;

}

.ateam-skill-item:hover{

    background:var(--ateam-primary);

    color:#fff;

    border-color:var(--ateam-primary);

}


/*==================================================
CARD FOOTER
==================================================*/

.ateam-member-footer{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-top:28px;

    padding-top:24px;

    border-top:1px solid var(--ateam-border);

}


/*==================================================
LINKEDIN BUTTON
==================================================*/

.ateam-linkedin-button{

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    text-decoration:none;

    background:#0A66C2;

    color:#fff;

    font-size:1rem;

    transition:.4s ease;

}

.ateam-linkedin-button:hover{

    transform:translateY(-5px) rotate(360deg);

    box-shadow:0 18px 40px rgba(10,102,194,.25);

}


/*==================================================
PROFILE BUTTON
==================================================*/

.ateam-profile-button{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:var(--ateam-primary);

    font-weight:700;

    text-decoration:none;

    transition:.35s ease;

}

.ateam-profile-button i{

    transition:.35s ease;

}

.ateam-profile-button:hover{

    color:var(--ateam-secondary);

}

.ateam-profile-button:hover i{

    transform:translateX(8px);

}


/*==================================================
PHILOSOPHY SECTION
==================================================*/

.ateam-philosophy-section{

    background:var(--ateam-background);

}

.ateam-philosophy-grid{

    display:grid;

    grid-template-columns:

    repeat(auto-fit,minmax(270px,1fr));

    gap:32px;

}

.ateam-philosophy-card{

    background:#fff;

    padding:45px 35px;

    border-radius:28px;

    text-align:center;

    border:1px solid var(--ateam-border);

    box-shadow:var(--ateam-shadow-sm);

    transition:.45s ease;

}

.ateam-philosophy-card:hover{

    transform:translateY(-12px);

    box-shadow:var(--ateam-shadow-lg);

}

.ateam-philosophy-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:28px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:linear-gradient(
    135deg,
    var(--ateam-primary),
    var(--ateam-secondary));

    color:#fff;

    font-size:2rem;

}

.ateam-philosophy-card h3{

    font-size:1.45rem;

    color:var(--ateam-primary);

    margin-bottom:18px;

}

.ateam-philosophy-card p{

    color:var(--ateam-text);

    line-height:1.9;

}


/*==================================================
HIGHLIGHT SECTION
==================================================*/

.ateam-highlight-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:24px;

}

.ateam-highlight-card{

    padding:42px 28px;

    border-radius:24px;

    text-align:center;

    background:linear-gradient(
    135deg,
    var(--ateam-primary),
    #163A63);

    color:#fff;

    box-shadow:var(--ateam-shadow-md);

    transition:.4s ease;

}

.ateam-highlight-card:hover{

    transform:translateY(-10px);

}

.ateam-highlight-card h2{

    font-size:2.8rem;

    margin-bottom:14px;

    font-weight:800;

}

.ateam-highlight-card span{

    display:block;

    line-height:1.8;

    opacity:.95;

}
/*==================================================
CTA SECTION
==================================================*/

.ateam-cta-section{

    position:relative;

    overflow:hidden;

    background:
    linear-gradient(
    135deg,
    var(--ateam-primary),
    #143B68);

}

.ateam-cta-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
    circle at top right,
    rgba(255,255,255,.10),
    transparent 45%);

    pointer-events:none;

}

.ateam-cta-box{

    position:relative;

    max-width:900px;

    margin:auto;

    text-align:center;

    z-index:2;

    color:#fff;

}

.ateam-cta-box .ateam-section-tag{

    background:rgba(255,255,255,.12);

    color:#fff;

}

.ateam-cta-box h2{

    font-size:clamp(2.2rem,4vw,3.6rem);

    line-height:1.2;

    margin:30px 0;

}

.ateam-cta-box p{

    max-width:720px;

    margin:0 auto 45px;

    line-height:2;

    opacity:.95;

}


/*==================================================
CTA BUTTON OVERRIDE
==================================================*/

.ateam-cta-section .ateam-btn-primary{

    background:#fff;

    color:var(--ateam-primary);

    border-color:#fff;

}

.ateam-cta-section .ateam-btn-primary:hover{

    background:var(--ateam-secondary);

    color:#fff;

    border-color:var(--ateam-secondary);

}

.ateam-cta-section .ateam-btn-outline{

    background:transparent;

    color:#fff;

    border-color:#fff;

}

.ateam-cta-section .ateam-btn-outline:hover{

    background:#fff;

    color:var(--ateam-primary);

}


/*==================================================
REVEAL ANIMATION
==================================================*/

.ateam-reveal{

    opacity:0;

    transform:translateY(40px);

    transition:

    opacity .8s ease,

    transform .8s ease;

}

.ateam-reveal.ateam-active{

    opacity:1;

    transform:translateY(0);

}


/*==================================================
IMAGE OPTIMIZATION
==================================================*/

.ateam-hero-image img,
.ateam-member-image{

    display:block;

    max-width:100%;

    height:auto;

}


/*==================================================
LARGE DEVICES
==================================================*/

@media (max-width:1200px){

.ateam-hero-grid,
.ateam-introduction-grid{

grid-template-columns:1fr;

gap:60px;

}

.ateam-hero-content{

text-align:center;

}

.ateam-breadcrumb{

justify-content:center;

}

.ateam-button-group{

justify-content:center;

}

}


/*==================================================
TABLET
==================================================*/

@media (max-width:992px){

.ateam-card-grid{

grid-template-columns:
repeat(2,1fr);

}

.ateam-highlight-grid{

grid-template-columns:
repeat(2,1fr);

}

.ateam-philosophy-grid{

grid-template-columns:
repeat(2,1fr);

}

.ateam-stat-grid{

grid-template-columns:
repeat(3,1fr);

}

}


/*==================================================
MOBILE
==================================================*/

@media (max-width:768px){

.ateam-hero-section,
.ateam-introduction-section,
.ateam-members-section,
.ateam-philosophy-section,
.ateam-highlight-section,
.ateam-cta-section{

padding:80px 0;

}

.ateam-card-grid,
.ateam-highlight-grid,
.ateam-philosophy-grid,
.ateam-stat-grid{

grid-template-columns:1fr;

}

.ateam-button-group{

flex-direction:column;

}

.ateam-btn-primary,
.ateam-btn-outline{

width:100%;

}

.ateam-member-image{

height:360px;

}

.ateam-main-title{

font-size:2.4rem;

}

.ateam-section-header{

margin-bottom:50px;

}

.ateam-section-header h2{

font-size:2rem;

}

}


/*==================================================
SMALL MOBILE
==================================================*/

@media (max-width:480px){

.ateam-main-container{

width:94%;

}

.ateam-member-content{

padding:24px;

}

.ateam-member-name{

font-size:1.45rem;

}

.ateam-highlight-card h2{

font-size:2rem;

}

.ateam-skill-group{

gap:8px;

}

.ateam-skill-item{

padding:8px 14px;

font-size:.78rem;

}

.ateam-philosophy-card{

padding:35px 24px;

}

}


/*==================================================
END OF TEAM CSS
==================================================*/
/*==================================================
PREMIUM MOBILE RESPONSIVE FIX
==================================================*/

@media (max-width:768px){

    .ateam-hero-section{
        padding:120px 0 70px;
    }

    .ateam-hero-grid{
        display:flex;
        flex-direction:column-reverse;
        gap:40px;
        text-align:center;
    }

    .ateam-main-title{
        font-size:2rem;
        line-height:1.3;
        margin-bottom:20px;
    }

    .ateam-main-description{
        font-size:15px;
        line-height:1.8;
        margin-bottom:30px;
    }

    .ateam-breadcrumb{
        justify-content:center;
        flex-wrap:wrap;
    }

    .ateam-section-tag{
        font-size:12px;
        padding:8px 18px;
    }

    .ateam-button-group{
        width:100%;
        gap:15px;
    }

    .ateam-btn-primary,
    .ateam-btn-outline{
        width:100%;
        min-width:100%;
        padding:16px;
    }

    .ateam-stat-grid{
        grid-template-columns:1fr;
        gap:16px;
        margin-top:15px;
    }

    .ateam-stat-card{
        padding:22px;
    }

    .ateam-introduction-grid{
        grid-template-columns:1fr;
        gap:35px;
        text-align:center;
    }

    .ateam-card-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .ateam-member-card{
        border-radius:20px;
    }

    .ateam-member-image{
        height:300px;
        object-fit:cover;
    }

    .ateam-member-content{
        padding:24px;
    }

    .ateam-member-name{
        font-size:1.5rem;
    }

    .ateam-member-description{
        font-size:15px;
        line-height:1.8;
    }

    .ateam-member-footer{
        flex-direction:column;
        gap:18px;
        align-items:flex-start;
    }

    .ateam-profile-button{
        width:100%;
        justify-content:space-between;
    }

    .ateam-philosophy-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .ateam-philosophy-card{
        padding:30px 22px;
    }

    .ateam-highlight-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .ateam-highlight-card{
        padding:30px 20px;
    }

    .ateam-cta-box h2{
        font-size:2rem;
    }

    .ateam-cta-box p{
        font-size:15px;
        line-height:1.8;
    }

}

@media (max-width:480px){

    .ateam-main-container{
        width:92%;
    }

    .ateam-main-title{
        font-size:1.75rem;
    }

    .ateam-section-title{
        font-size:1.7rem;
    }

    .ateam-section-header h2{
        font-size:1.7rem;
    }

    .ateam-member-image{
        height:260px;
    }

    .ateam-member-content{
        padding:20px;
    }

    .ateam-skill-group{
        justify-content:center;
    }

    .ateam-member-footer{
        align-items:center;
    }

    .ateam-linkedin-button{
        width:48px;
        height:48px;
    }

}



/*==================================================
PREMIUM MEMBER GRID
==================================================*/

.ateam-card-grid{

    width:100%;

    max-width:1240px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
    repeat(3,minmax(340px,380px));

    justify-content:center;

    align-items:start;

    justify-items:center;

    gap:36px;

}


/*==================================================
PREMIUM MEMBER GRID
==================================================*/

.ateam-card-grid{

    width:100%;

    max-width:1240px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
    repeat(3,minmax(340px,380px));

    justify-content:center;

    align-items:start;

    justify-items:center;

    gap:36px;

}


/*==================================================
MEMBER IMAGE
==================================================*/

.ateam-member-image-wrapper{

    position:relative;

    width:100%;

    height:260px;

    overflow:hidden;

    background:#F4F8FC;

}

.ateam-member-image{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center top;

    transition:.45s;

}

.ateam-member-card:hover
.ateam-member-image{

    transform:scale(1.05);

}

/*==================================================
CARD CONTENT
==================================================*/

.ateam-member-content{

    flex:1;

    display:flex;

    flex-direction:column;

    padding:28px;

}

.ateam-member-description{

    flex:1;

    margin-top:15px;

    margin-bottom:20px;

    color:var(--ateam-text);

    line-height:1.8;

}

/*==================================================
CARD FOOTER
==================================================*/

.ateam-member-footer{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-top:auto;

    padding-top:22px;

    border-top:1px solid #E5EAF0;

}

/*==================================================
DESKTOP ALIGNMENT
==================================================*/

.ateam-members-section{

    padding-top:110px;

    padding-bottom:110px;

}

.ateam-section-header{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}

.ateam-card{

    position:relative;

    display:flex;

    flex-direction:column;

    height:100%;

    background:#ffffff;

    border:1px solid #E8EDF3;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 12px 35px rgba(10,35,66,.08);

    transition:all .35s ease;

}

.ateam-card:hover{

    transform:translateY(-10px);

    box-shadow:0 22px 60px rgba(10,35,66,.14);

}

.ateam-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(360px,1fr));

    gap:32px;

    align-items:stretch;

}

.ateam-image{

    width:100%;

    height:270px;

    overflow:hidden;

    border-bottom:1px solid #EEF2F7;

}

.ateam-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center top;

    display:block;

}

.ateam-content{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:28px;

}

.ateam-description{

    flex:1;

    line-height:1.8;

    margin:18px 0 24px;

    color:#64748B;

}

.ateam-tags{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:auto;

    margin-bottom:24px;

}

.ateam-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:auto;

    padding-top:18px;

    border-top:1px solid #E9EEF5;

}
/*==================================================
PREMIUM LEADERSHIP CARD REPLACEMENT
==================================================*/

.ateam-card-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:40px;

    max-width:1320px;

    margin:0 auto;

    align-items:stretch;

}

.ateam-member-card{

    display:flex;

    flex-direction:column;

    height:100%;

    background:#fff;

    border:1px solid #E8EEF5;

    border-radius:26px;

    overflow:hidden;

    box-shadow:0 12px 35px rgba(10,35,66,.08);

    transition:.35s;

}

.ateam-member-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(10,35,66,.15);

}

.ateam-member-image-wrapper{

    height:320px;

    background:#F6F9FC;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

}

.ateam-member-image{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center top;

}

.ateam-member-content{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:32px;

}

.ateam-member-name{

    font-size:30px;

    line-height:1.25;

    margin-bottom:8px;

}

.ateam-member-designation{

    font-size:16px;

    margin-bottom:20px;

}

.ateam-member-description{

    flex:1;

    font-size:15px;

    line-height:1.9;

    margin:20px 0;

}

.ateam-skill-group{

    margin:24px 0;

}

.ateam-member-footer{

    margin-top:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    border-top:1px solid #E8EEF5;

    padding-top:22px;

}

.ateam-linkedin-button{

    width:52px;

    height:52px;

    border-radius:50%;

}

.ateam-profile-button{

    font-size:15px;

    font-weight:700;

}

@media (max-width:1100px){

    .ateam-card-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:768px){

    .ateam-card-grid{

        grid-template-columns:1fr;

    }

    .ateam-member-image-wrapper{

        height:280px;

    }

    .ateam-member-content{

        padding:24px;

    }

}

/*==================================================
TEAM CARD - FINAL MOBILE RESPONSIVE
Paste at the very end of CSS
==================================================*/

@media (max-width:768px){

    .ateam-members-section{
        padding:70px 0;
    }

    .ateam-card-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:24px !important;
        max-width:100% !important;
        width:100% !important;
    }

    .ateam-member-card{
        width:100% !important;
        max-width:100% !important;
        border-radius:20px;
        overflow:hidden;
    }

    .ateam-member-image-wrapper{
        width:100%;
        height:280px !important;
    }

    .ateam-member-image{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center top;
        display:block;
    }

    .ateam-member-content{
        padding:22px !important;
    }

    .ateam-member-category{
        font-size:12px;
    }

    .ateam-member-name{
        font-size:24px !important;
        line-height:1.3;
        margin-bottom:8px;
    }

    .ateam-member-designation{
        font-size:15px;
        margin-bottom:15px;
    }

    .ateam-member-description{
        font-size:15px;
        line-height:1.8;
        margin:15px 0 20px;
    }

    .ateam-skill-group{
        gap:8px;
        margin:18px 0;
    }

    .ateam-skill-item{
        padding:8px 14px;
        font-size:12px;
    }

    .ateam-member-footer{
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
        gap:15px;
        padding-top:18px;
    }

    .ateam-linkedin-button{
        width:46px;
        height:46px;
        flex-shrink:0;
    }

    .ateam-profile-button{
        font-size:14px;
    }

}

@media (max-width:480px){

    .ateam-main-container{
        width:92%;
    }

    .ateam-member-image-wrapper{
        height:240px !important;
    }

    .ateam-member-content{
        padding:18px !important;
    }

    .ateam-member-name{
        font-size:21px !important;
    }

    .ateam-member-description{
        font-size:14px;
    }

    .ateam-member-footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .ateam-profile-button{
        width:100%;
        justify-content:space-between;
    }

}

@media (max-width:768px){

    .ateam-card-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:20px !important;
    }

    .ateam-member-card{
        width:100% !important;
        max-width:100% !important;
    }

    .ateam-member-image-wrapper{
        height:280px !important;
    }

    .ateam-member-image{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    html,
    body{
        overflow-x:hidden;
    }
}
/* ==================================================
   LEADERSHIP HERO IMAGE - FINAL POSITION FIX
   ================================================== */

.ateam-hero-image {
    transform: translateY(-45px);
}


/* ==================================================
   TABLET / MOBILE
   ================================================== */

@media (max-width: 1200px) {

    .ateam-hero-image {
        transform: translateY(-25px);
    }

}


@media (max-width: 768px) {

    .ateam-hero-image {
        transform: translateY(-15px);
    }

}
/* ==================================================
   HERO IMAGE - LARGE & HIGH POSITION
================================================== */

.ateam-hero-image {
    position: relative;
    width: 115%;
    max-width: none;
    transform: translate(0, -55px);
    z-index: 2;
}


.ateam-hero-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}


/* ==================================================
   DESKTOP - EXTRA LARGE
================================================== */

@media (min-width: 1201px) {

    .ateam-hero-image {
        width: 120%;
        transform: translate(15px, -65px);
    }

}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1200px) {

    .ateam-hero-image {
        width: 100%;
        transform: translate(0, -25px);
    }

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 768px) {

    .ateam-hero-image {
        width: 100%;
        transform: translate(0, -15px);
    }

}
/* ==================================================
   LEADERSHIP HERO IMAGE
   LARGE RIGHT-SIDE IMAGE
   GEMFREE STYLE POSITION
================================================== */

.ateam-hero-image {

    position: relative;

    width: 125%;

    max-width: none;

    margin-top: -70px;

    margin-right: -120px;

    z-index: 2;

}


/* Image itself */

.ateam-hero-image img {

    display: block;

    width: 100%;

    height: auto;

    max-width: none;

    object-fit: contain;

}


/* ==================================================
   LARGE DESKTOP
================================================== */

@media (min-width: 1400px) {

    .ateam-hero-image {

        width: 135%;

        margin-top: -90px;

        margin-right: -160px;

    }

}


/* ==================================================
   LAPTOP
================================================== */

@media (min-width: 1000px) and (max-width: 1399px) {

    .ateam-hero-image {

        width: 125%;

        margin-top: -65px;

        margin-right: -100px;

    }

}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 999px) {

    .ateam-hero-image {

        width: 100%;

        margin-top: -20px;

        margin-right: 0;

    }

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 768px) {

    .ateam-hero-image {

        width: 100%;

        margin-top: 0;

        margin-right: 0;

    }

}
/* ==================================================
   LEADERSHIP HERO IMAGE - MOVE UP
================================================== */

.ateam-hero-image {
    position: relative;
    top: -55px;
}


/* Desktop */

@media (min-width: 1201px) {

    .ateam-hero-image {
        top: -75px;
    }

}


/* Tablet */

@media (max-width: 1200px) {

    .ateam-hero-image {
        top: -35px;
    }

}


/* Mobile */

@media (max-width: 768px) {

    .ateam-hero-image {
        top: -15px;
    }

}
/* ==================================================
   LEADERSHIP HERO IMAGE
   ARROW / CHEVRON SHAPE
================================================== */

.ateam-hero-image {
    position: relative;
    overflow: hidden;

    /* Arrow shape */
    clip-path: polygon(
        16% 0%,
        100% 0%,
        100% 100%,
        16% 100%,
        0% 50%
    );

    border-radius: 35px;
}


/* Image */

.ateam-hero-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


/* ==================================================
   DESKTOP
================================================== */

@media (min-width: 1201px) {

    .ateam-hero-image {

        clip-path: polygon(
            16% 0%,
            100% 0%,
            100% 100%,
            16% 100%,
            0% 50%
        );

    }

}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1200px) {

    .ateam-hero-image {

        clip-path: polygon(
            12% 0%,
            100% 0%,
            100% 100%,
            12% 100%,
            0% 50%
        );

    }

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 768px) {

    .ateam-hero-image {

        clip-path: polygon(
            8% 0%,
            100% 0%,
            100% 100%,
            8% 100%,
            0% 50%
        );

        border-radius: 22px;

    }

}

/* ==================================================
   FINAL NAVBAR TO HERO GAP FIX
   ================================================== */

.ateam-hero-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.ateam-hero-grid {
    margin-top: 0 !important;
}

.ateam-hero-content {
    padding-top: 0 !important;
}

.ateam-breadcrumb {
    margin-top: 0 !important;
}