.resource-cards-section{padding:0 0 40px;contain:layout style;isolation:isolate}.centered-heading{text-align:center;font-size:2.25rem;padding-bottom:1.8vw;font-weight:700;will-change:transform,opacity}.cardRow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto;position:relative}.card-link-wrapper{cursor:pointer;position:relative;height:100%;will-change:transform,opacity;transform:translateZ(0);z-index:1}.card{background:#fff;border:3px solid transparent;box-shadow:0 4px 10px #0000001a,0 0 0 1px #333;border-radius:14px;overflow:hidden;height:100%;display:flex;flex-direction:column;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1);contain:layout paint}.card img{height:240px;width:100%;object-fit:cover;display:block}.cardBody{padding:10px;display:flex;flex-direction:column;gap:6px;contain:layout style}.cardBody h4{font-weight:700;font-size:1.3rem;margin:0;color:#333;text-align:left;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cardBody p{margin:0;color:#333;text-align:left;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hover-card-bg{position:absolute;background:#2b771cbf;border-radius:1.5rem;pointer-events:none;z-index:0;will-change:left,top,width,height,opacity}html[dir=rtl] .resource-cards-section{direction:rtl}html[dir=rtl] .resource-cards-section .cardBody h4,html[dir=rtl] .resource-cards-section .cardBody p{text-align:right}@media(max-width:1100px){.centered-heading{margin-top:0}.cardRow{grid-template-columns:repeat(4,1fr);padding:0 15px}}@media(max-width:950px){.cardRow{grid-template-columns:repeat(2,1fr)}}@media(max-width:786px){.cardRow{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;padding:9px;gap:16px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.cardRow::-webkit-scrollbar{display:none}.card-link-wrapper{min-width:60vw;flex-shrink:0;scroll-snap-align:start;will-change:auto}.cardRow .card{height:100%;width:60vw}.hover-card-bg{display:none}}@media(max-width:540px){.card{width:75vw!important}}