.resources-feed-container{  --rf-grid-line: var(--kal-grey);}  
.bg-grey.resources-feed-container{  --rf-grid-line: var(--kal-white);}   

.resources-feed-heading::before{content: '';width: 100vw;height: 1px;background: var(--rf-grid-line);position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 2;}
.resources-feed-wrapper::before{content: '';width: 1px;height: 300%;background: var(--rf-grid-line);position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 2;}
.resources-feed-wrapper::after{content: '';width: 1px;height: 300%;background: var(--rf-grid-line);position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 2;}
.resources-feed-swiper::before{content: '';width: 100vw;height: 1px;background: var(--rf-grid-line);position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 2;}
.resources-feed-swiper::after{content: '';width: 100vw;height: 1px;background: var(--rf-grid-line);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 2;}
.resources-feed-item {width: 25%}  
.resources-feed-item:not(:last-child) .resources-feed-box{border-right: 0;}  
.resources-feed-box{width: 100%; height: 100%;border: 1px solid var(--rf-grid-line);}
.resources-feed-img {width: 100%;position: relative;overflow: hidden;padding-bottom: 57%;}
.resources-feed-img img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;transition: var(--kal-custom-ease);}
.resources-feed-box:hover .resources-feed-img img{transform: scale(1.05);}
.resources-feed-content {padding: 36px 30px 48px;color: var(--kal-black);}
.resources-feed-category{font-size: 18px;line-height: 1.2;margin-bottom: 14px;text-transform: uppercase;}
.resources-feed-title{font-size: 25px;margin-bottom: 0;letter-spacing: -0.01em;}
.resources-feed-box:hover {box-shadow: 0 0 16px rgb(0 0 0 / 16%); position: relative; z-index: 9;}
.resources-feed-heading{padding-left: 32px;padding-top: 40px;margin-bottom: 30px;}
.resources-feed-heading h2{letter-spacing: -0.025em;margin-bottom: 0;}
.resources-feed-footer{padding-left: 32px;margin-top: 52px;}

/* ========================================== 
! Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) { 
    .resources-feed-content{padding: 26px 25px 22px;}
    .resources-feed-category{margin-bottom: 18px}
    .resources-feed-title{font-size: 22px;}
}  
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { 
    .resources-feed-item {width: 33.33%}  
    .resources-feed-item:last-child{display: none;}
    .resources-feed-img {padding-bottom: 54%;}
    .resources-feed-content {padding: 30px 43px 22px;}
    .resources-feed-title{font-size: 20px;}
}       
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .resources-feed-list .resources-feed-item:nth-child(3)::after{content: '';width: 200vw;height: 1px;background: var(--rf-grid-line);position: absolute;top: 0;left: -50%;z-index: 2;}
    .resources-feed-item {width: 50%}  
    .resources-feed-item:last-child{display: block;}
    .resources-feed-content {padding: 30px 41px 22px;} 
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) { 
    .resources-feed-wrapper::before, .resources-feed-wrapper::after{display: none;}
    .resources-feed-list .resources-feed-item:nth-child(3)::after{display: none;}
    .resources-feed-item {width: 272px;max-width: calc(100vw - 30px);}
    .resources-feed-heading, .resources-feed-footer{padding-left: 0;}
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { 
}
/* ======================================================
! Extra smallest devices (portrait phones, less than 359px)
====================================================== */
@media (max-width:359.98px) { 
}