#hero_cases .fl-col-group-equal-height {
    flex-wrap: nowrap;
}

#hero_cases .case-card {
    width: 33.33% !important;
    float: none;
    transition: all .4s ease;
}

#hero_cases .case-card:hover {
    width: 50% !important;
    
}

#hero_cases .case-card .fl-col-content {
    padding: 40px;
    filter: grayscale(1);
    transition: all .4s ease;
}

#hero_cases .case-card:hover .fl-col-content {
    filter: grayscale(0);
}

#hero_cases .case-card .fl-col-content::after {
    background: linear-gradient(180deg, rgba(76, 76, 76, 0) 42.79%,rgba(91, 28, 23, 0.8) 80%);
}

#hero_cases .case-card .fl-heading {
    color: #fff;
}

#hero_cases .case-card p {
    color: #fff;
}

#hero_cases .case-card .link-button a.fl-button {
    color: var(--tertiary-color);
}

@media ( max-width: 992px ) {
    
    #hero_cases .fl-col-group-equal-height {
        flex-direction: column;
    }
    
    #hero_cases .case-card {
        min-width: 100%;
    }
    
 #hero_cases .case-card .fl-col-content {
        min-height: 340px;
        background-position: center center;
        background-size: cover;
    }
}

@media ( max-width: 640px ) {
    
    #hero_cases .case-card .fl-col-content {
        padding: 16px;
    }
}