/* Key product Grid */
.wk-key-products-four-columns{
    padding: var(--spacing-48) 0;
}
.wk-key-products-four-columns .key-products-grid{
    display: flex;
    align-content: flex-start;
    justify-content: center;
    gap: 32px var(--spacing-32);
    align-self: stretch;
    flex-wrap: wrap;
    padding-top: var(--spacing-64);
}
.wk-key-products-four-columns .key-products-column{
    display: flex;
    padding: var(--spacing-24);
    flex-direction: column;
    align-items: center;
    flex: 1 0 0;
    gap: var(--spacing-20);
    border: 1px solid rgba(217, 217, 217, 0.20);
    background: var(--weka-off-black);
    position: relative;
    transition: .3s ease-in-out  !important;
    max-width: 280px;
}
.wk-key-products-four-columns .key-products-column.nolink:hover{
    border: 1px solid rgba(217, 217, 217, 0.20);
    background: var(--weka-off-black);
}
.wk-key-products-four-columns .key-products-column a.link{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.wk-key-products-four-columns .key-products-column:hover{
    background-color: var(--weka-grid-gray-dark-mode) .25;
    border-color: var(--weka-grid-gray-dark-mode);
}
.wk-key-products-four-columns .key-products-column .icon{
    width: 24px;
    height: 24px;
}
.wk-key-products-four-columns .key-products-column h5{
    color: var(--weka-grid-gray-light-mode);
    text-align: center;
    font-size: var(--fs-16);;
    font-weight: 400;
    line-height: var(--line-height-sm);
    margin-bottom: var(--spacing-none);
}
@media(max-width: 1024px){
    .wk-key-products-four-columns .key-products-column{
        flex: 1 1 46%;
    }
}
@media(max-width: 575px){
    .wk-key-products-four-columns .key-products-column{
        flex: 1 1 100%;
        min-height: 144px;
    }
}