.case-study-list { width: calc(100% + 32px); margin-left: -16px; }
.case-study-item { width: 33.33%; height: auto; padding: 0 16px; margin-bottom: 80px; }
.case-study-img { position: relative; padding-bottom: 62.3%; overflow: hidden; background: var(--nhc-black); }
.case-study-box { width: 100%; height: 100%; color: var(--nhc-black); background: var(--nhc-light-grey); border-radius: 30px; overflow: hidden; }
.case-study-box:hover .case-study-img img { transform: scale(1.05); }
.case-study-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in; }
.case-study-content { padding: 24px; height: 100%; }
.case-study-text { font-size: 16px; margin-bottom: 8px; }
.case-study-text h3 { font-size: 24px; line-height: 1.4; margin-bottom: 8px; }
.case-study-tags { gap: 8px; margin-bottom: 16px; }
.case-study-tag { display: inline-block; padding: 4px 8px; font-size: 14px; font-weight: 500; background-color: var(--nhc-white); border-radius: 4px; }
.case-study-cta { margin-top: auto; }




/* ========================================== 
! Extra Large devices (desktops, less than 1400px)
=========================================== */
@media (max-width:1399.98px) {
 }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
 .case-study-list { width: calc(100% + 24px); margin-left: -12px; }
.case-study-item { padding: 0 12px; margin-bottom: 48px; }
 }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
 .case-study-item { width: 50%; }
 }
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
 .case-study-item { width: 100%; }
.case-study-img { padding-bottom: 67%; }
.case-study-text h3 { font-size: 20px; }
 }
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
 }