/*=========================================
    CONNEXR EXECUTIVE GRID SECTION
==========================================*/

.connexr-executive-section{
    padding:80px 0;
    background:#ffffff;
}

.connexr-executive-container{
    width:1320px;
    max-width:95%;
    margin:0 auto;
}

/*=========================================
    HEADING
==========================================*/

.connexr-executive-heading{
    text-align:center;
    margin-bottom:55px;
}

.connexr-executive-heading h2{
    font-family:'Poppins',sans-serif;
    font-size:42px;
    font-weight:700;
    color:#163C8C;
    line-height:1.2;
}

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

.connexr-executive-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

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

.connexr-executive-card{
    position:relative;
    overflow:hidden;
    background:#fff;
    transition:.35s ease;
}

.connexr-executive-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

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

.connexr-executive-image{
    height:420px;
    overflow:hidden;
}

.connexr-executive-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .45s ease;
}

.connexr-executive-card:hover .connexr-executive-image img{
    transform:scale(1.05);
}

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

.connexr-executive-content{

    background:#162F73;

    color:#fff;

    padding:18px 16px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    min-height:90px;
}

.connexr-executive-details{
    flex:1;
}

.connexr-executive-name{

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

    font-size:20px;

    font-weight:600;

    line-height:1.3;

    margin-bottom:8px;

    color:#fff;
}

.connexr-executive-designation{

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

    font-size:11px;

    font-weight:500;

    text-transform:uppercase;

    letter-spacing:1px;

    color:#DDE7FF;

    line-height:1.6;
}

/*=========================================
    ARROW
==========================================*/

.connexr-executive-arrow{

    width:34px;

    height:34px;

    min-width:34px;

    border:1px solid rgba(255,255,255,.35);

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    color:#fff;

    font-size:18px;

    transition:.3s ease;
}

.connexr-executive-card:hover
.connexr-executive-arrow{

    background:#F78B37;

    border-color:#F78B37;

    transform:rotate(-45deg);
}

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

@media(max-width:1100px){

    .connexr-executive-grid{

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

}

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

@media(max-width:767px){

    .connexr-executive-section{

        padding:60px 0;
    }

    .connexr-executive-grid{

        grid-template-columns:1fr;
    }

    .connexr-executive-image{

        height:380px;
    }

    .connexr-executive-heading h2{

        font-size:32px;
    }

    .connexr-executive-name{

        font-size:18px;
    }

}
/*=========================================
    CONNEXR EXECUTIVE GRID SECTION
==========================================*/

.connexr-executive-section{
    padding:80px 0;
    background:#ffffff;
}

.connexr-executive-container{
    width:1320px;
    max-width:95%;
    margin:0 auto;
}

/*=========================================
    HEADING
==========================================*/

.connexr-executive-heading{
    text-align:center;
    margin-bottom:55px;
}

.connexr-executive-heading h2{
    font-family:'Poppins',sans-serif;
    font-size:42px;
    font-weight:700;
    color:#163C8C;
    line-height:1.2;
}

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

.connexr-executive-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

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

.connexr-executive-card{
    position:relative;
    overflow:hidden;
    background:#fff;
    transition:.35s ease;
}

.connexr-executive-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

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

.connexr-executive-image{
    height:420px;
    overflow:hidden;
}

.connexr-executive-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .45s ease;
}

.connexr-executive-card:hover .connexr-executive-image img{
    transform:scale(1.05);
}

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

.connexr-executive-content{

    background:#162F73;

    color:#fff;

    padding:18px 16px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    min-height:90px;
}

.connexr-executive-details{
    flex:1;
}

.connexr-executive-name{

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

    font-size:20px;

    font-weight:600;

    line-height:1.3;

    margin-bottom:8px;

    color:#fff;
}

.connexr-executive-designation{

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

    font-size:11px;

    font-weight:500;

    text-transform:uppercase;

    letter-spacing:1px;

    color:#DDE7FF;

    line-height:1.6;
}

/*=========================================
    ARROW
==========================================*/

.connexr-executive-arrow{

    width:34px;

    height:34px;

    min-width:34px;

    border:1px solid rgba(255,255,255,.35);

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    color:#fff;

    font-size:18px;

    transition:.3s ease;
}

.connexr-executive-card:hover
.connexr-executive-arrow{

    background:#F78B37;

    border-color:#F78B37;

    transform:rotate(-45deg);
}

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

@media(max-width:1100px){

    .connexr-executive-grid{

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

}

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

@media(max-width:767px){

    .connexr-executive-section{

        padding:60px 0;
    }

    .connexr-executive-grid{

        grid-template-columns:1fr;
    }

    .connexr-executive-image{

        height:380px;
    }

    .connexr-executive-heading h2{

        font-size:32px;
    }

    .connexr-executive-name{

        font-size:18px;
    }

}