.resource-section{background-color:#f5f6fa;padding:60px 20px;text-align:center}.resource-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px;max-width:1138px}.resource-card{align-items:flex-end;background-position:50%;background-size:cover;border-radius:8px;color:#fff;display:flex;height:320px;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s ease;width:23%}.resource-card:hover{transform:scale(1.02)}.resource-card .overlay{background:linear-gradient(180deg,transparent 40%,#000);height:100%;left:0;position:absolute;top:0;width:100%}.resource-card .card-text{padding:20px;position:relative;text-align:left;z-index:1}.resource-card .label{color:#ff6c37;font-size:12px;font-weight:700;margin-bottom:5px;text-transform:uppercase}.video-wrapper{height:45vw;max-height:540px;max-width:960px;width:80vw}.resource-section .container{display:flex;flex-direction:column}.resource-section .container h2{font-weight:500}.resource-section .resource-grid .card-text h4{display:-webkit-box;font-size:17px;line-height:20px;margin:0;margin:0 0 16px;padding-left:6px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resource-card p.label{margin:0;padding-left:8px}.resource-section .container a.resource-card:hover{color:#fff}@media (max-width:768px){.container{padding:0!important}.resource-section{padding:30px}.resource-grid{flex-direction:column}.resource-card{width:100%}}