.elementor-260 .elementor-element.elementor-element-911e5f0{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-c46ed2a *//* =========================================
   PP GLOBAL — CASE STUDIES
========================================= */

.ppg-case-grid{
    width:100%;
    max-width:1280px;
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}


/* CARD */

.ppg-case-card{
    background:#FFFFFF;
    border:1px solid #DEDCD6;
    overflow:hidden;

    display:flex;
    flex-direction:column;

    transition:all .35s ease;
}

.ppg-case-card:hover{
    transform:translateY(-7px);
    border-color:#BC925E;
    box-shadow:0 18px 45px rgba(2,27,52,.10);
}


/* IMAGE */

.ppg-case-image{
    position:relative;
    display:block;

    width:100%;
    height:260px;

    overflow:hidden;
    background:#E8E6E1;
}

.ppg-case-image img{
    width:100%;
    height:100%;

    object-fit:cover;
    display:block;

    transition:transform .6s ease;
}

.ppg-case-card:hover .ppg-case-image img{
    transform:scale(1.06);
}


/* IMAGE OVERLAY */

.ppg-case-overlay{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    padding:18px 22px;

    background:linear-gradient(
        transparent,
        rgba(2,27,52,.85)
    );

    color:#FFFFFF;

    font-family:Roboto,Arial,sans-serif;
    font-size:12px;
    font-weight:600;

    letter-spacing:.5px;

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

    transition:all .35s ease;
}

.ppg-case-card:hover .ppg-case-overlay{
    opacity:1;
    transform:translateY(0);
}


/* CONTENT */

.ppg-case-content{
    padding:28px 28px 25px;

    display:flex;
    flex-direction:column;
    flex:1;
}


/* LABEL */

.ppg-case-label{
    margin-bottom:15px;

    color:#BC925E;

    font-family:Roboto,Arial,sans-serif;
    font-size:11px;
    font-weight:700;

    letter-spacing:2px;
}


/* TITLE */

.ppg-case-title{
    margin:0 0 15px;

    font-family:Georgia,"Times New Roman",serif;
    font-size:25px;
    line-height:1.3;
    font-weight:400;
}

.ppg-case-title a{
    color:#021B34 !important;
    text-decoration:none !important;

    transition:color .3s ease;
}

.ppg-case-title a:hover{
    color:#BC925E !important;
}


/* EXCERPT */

.ppg-case-excerpt{
    margin:0 0 25px;

    color:#626B74;

    font-family:Roboto,Arial,sans-serif;
    font-size:14px;
    line-height:1.75;
}

.ppg-case-excerpt p{
    margin:0;
}


/* BOTTOM */

.ppg-case-bottom{
    margin-top:auto;

    padding-top:18px;

    border-top:1px solid #E6E4DF;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}


/* DATE */

.ppg-case-date{
    color:#7A8086;

    font-family:Roboto,Arial,sans-serif;
    font-size:11px;
}


/* READ LINK */

.ppg-case-read{
    display:inline-flex;
    align-items:center;
    gap:8px;

    color:#021B34 !important;
    text-decoration:none !important;

    font-family:Roboto,Arial,sans-serif;
    font-size:12px;
    font-weight:600;
}

.ppg-case-read span{
    color:#BC925E;
    font-size:19px;
    transition:transform .3s ease;
}

.ppg-case-read:hover{
    color:#BC925E !important;
}

.ppg-case-read:hover span{
    transform:translateX(5px);
}


/* NO CASE STUDIES */

.ppg-no-case-studies{
    padding:60px 30px;

    text-align:center;

    background:#FFFFFF;
    border:1px solid #DEDCD6;
}

.ppg-no-case-studies h3{
    margin:0 0 10px;

    color:#021B34;

    font-family:Georgia,"Times New Roman",serif;
    font-size:30px;
    font-weight:400;
}

.ppg-no-case-studies p{
    margin:0;

    color:#626B74;

    font-family:Roboto,Arial,sans-serif;
}


/* TABLET */

@media(max-width:1000px){

    .ppg-case-grid{
        grid-template-columns:repeat(2,1fr);
        gap:22px;
    }

}


/* MOBILE */

@media(max-width:650px){

    .ppg-case-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .ppg-case-image{
        height:230px;
    }

    .ppg-case-content{
        padding:24px 22px;
    }

    .ppg-case-title{
        font-size:23px;
    }

    .ppg-case-bottom{
        align-items:flex-start;
        flex-direction:column;
    }

}/* End custom CSS */