.resource-card{overflow:hidden;border:1px solid #d6dee5;border-radius:24px;height:100%;transition:.3s;cursor:pointer;display:flex;flex-direction:column}.resource-card .resource-card-top{width:100%;height:220px;overflow:hidden}.resource-card .resource-card-top img{width:100%;height:100%;object-fit:cover}.resource-card .resource-card-top.h-lg{height:270px}.resource-card .resource-card-bottom{flex:1;height:100%;padding:20px 24px;display:flex;flex-direction:column;justify-content:space-between}.resource-card .resource-card-bottom .resource-card-info-wrapper{margin-bottom:60px}.resource-card .resource-card-bottom .card-badge{color:#3f76a7;font-size:14px;font-family:Inter Semibold;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.resource-card .resource-card-bottom h6{font-family:Inter Bold;color:#0c0c0c;font-size:20px}.resource-card .resource-card-bottom .desc{font-family:Inter Light;color:#484b5c}.resource-card .resource-card-bottom .user-info{display:flex;justify-content:start;align-items:center}.resource-card .resource-card-bottom .user-info img{width:48px;height:48px;border-radius:50%;margin-right:12px}.resource-card .resource-card-bottom .user-info .user-name{font-family:Inter Bold;color:#0c0c0c;font-size:14px}.resource-card .resource-card-bottom .user-info .user-time{font-size:14px;color:#7a7a86}.resource-card.blog-card{border-radius:16px}.resource-card.blog-card .resource-card-top{height:100%}.resource-card.blog-card .resource-card-top img{max-width:100%;height:100%}.resource-card.blog-card .resource-card-bottom{height:100%;padding:16px}.resource-card.blog-card .resource-card-bottom .desc,.resource-card.blog-card .resource-card-bottom h6{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.resource-card:hover{box-shadow:0 19px 55px -11px rgba(5,10,48,.1);border:1px solid rgba(0,0,0,0);background-clip:padding-box,border-box;background-origin:border-box;background-image:linear-gradient(#ffffff,#ffffff),linear-gradient(180deg,#59c0e7,#ffffff)}@media screen and (max-width:768px){.resource-card .resource-card-top{height:195px}.resource-card .resource-card-top img{height:100%;width:100%}.resource-card .resource-card-top.h-lg{height:195px}.resource-card .resource-card-bottom .resource-card-info-wrapper{margin-bottom:22px}.resource-card.blog-card .resource-card-top{height:195px}.resource-card.blog-card .resource-card-top img{height:auto;width:100%}.resource-card.blog-card .resource-card-bottom{padding:20px 34px}}