.tl-grid-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -30px; }
.tl-grid-item { padding: 0 15px; margin-bottom: 30px; }
.top-level-grid-container.two-column .tl-grid-item { width: 50%;}
.top-level-grid-container.three-column .tl-grid-item { width: 33.33%;}
.top-level-grid-container.four-column .tl-grid-item { width: 25%;}
.tlgb-text { padding: 50px 42px;   min-height: 200px;}
.tlgb-text h3 { font-size: 30px; line-height: 1; margin-bottom: 12px; }
.tlgb-img { height: 170px; flex-grow: 1; }
.tlgb-icon { width: 160px; height: 100%; flex-shrink: 0; padding: 15px; transition: all 0.2s ease-in; }
.tlgb-icon img { width: 85px; height: 90px; object-fit: contain;  transition: all 0.2s ease-in;}
.tl-grid-box:hover{background: var(--kal-blue) !important; color: var(--kal-white) !important;}
.tl-grid-box:hover .tlgb-icon{background: var(--kal-green) !important;}
.tl-grid-box:hover .tlgb-icon img{filter: brightness(0);}

.top-level-grid-container.four-column .tlgb-img { width: 100%; }
.top-level-grid-container.four-column .tlgb-icon { width: 90px; height: 90px; position: absolute; top: 0; right: 0; padding: 10px; }
.top-level-grid-container.four-column .tlgb-icon img { width: 40px; height: 55px; }
@media (min-width:1400px){
	.top-level-grid-container.two-column .tlgb-text{padding-right: 21%;}
}

/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px){
    .top-level-grid-container.four-column .tl-grid-item { width: 33.33%;}
    .tlgb-text { padding: 40px 30px; }
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px){ 
    .top-level-grid-container.three-column .tl-grid-item, .top-level-grid-container.four-column .tl-grid-item { width: 50%; }
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px){
    .tlgb-text { padding: 30px 30px; }
    .tlgb-icon { width: 143px; }
    .tlgb-img { height: 153px;}
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px){
    .top-level-grid-container.two-column .tl-grid-item, .top-level-grid-container.three-column .tl-grid-item, .top-level-grid-container.four-column .tl-grid-item { width: 100%; }
    .tlgb-img { height: 172px; }
    .tlgb-icon { width: 161px; }
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px){
}
/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px){
}