/* ==============================
   Leadership Hero Section
============================== */

.leadership-hero-section{
    position:relative;
    min-height:760px;
    display:flex;
    align-items:center;
    background-size:cover;
    background-position:center;
    overflow:hidden;
}

.leadership-hero-container{
    width:1200px;
    max-width:92%;
    margin:0 auto;
    position:relative;
    z-index:2;
}

.leadership-hero-breadcrumb{
    color:#fff;
    opacity:.75;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:70px;
}

.leadership-hero-content{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:90px;
}

.leadership-hero-image{
    width:320px;
    height:400px;
    overflow:hidden;
}

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

.leadership-hero-info{
    color:#fff;
}

.leadership-hero-info h1{
    font-size:44px;
    font-weight:600;
    line-height:1.2;
    margin-bottom:15px;
}

.leadership-hero-designation{
    display:block;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    opacity:.75;
    margin-bottom:40px;
}

.leadership-hero-social{
    display:flex;
    gap:20px;
}

.leadership-hero-social a{
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.3);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.leadership-hero-social a:hover{
    background:#f7941d;
    border-color:#f7941d;
}

.leadership-hero-social i{
    font-size:15px;
}

@media (max-width:991px){

    .leadership-hero-content{
        flex-direction:column;
        gap:40px;
        text-align:center;
    }

    .leadership-hero-image{
        width:260px;
        height:330px;
    }

    .leadership-hero-info h1{
        font-size:34px;
    }

    .leadership-hero-social{
        justify-content:center;
    }
}

@media (max-width:576px){

    .leadership-hero-section{
        min-height:auto;
        padding:120px 0 80px;
    }

    .leadership-hero-image{
        width:220px;
        height:280px;
    }

    .leadership-hero-info h1{
        font-size:28px;
    }
}