.materials-row{display:grid;gap:40px 20px;grid-template-columns:repeat(4,1fr)}.materials-cols{border:1px solid #eee;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.03);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:.3s ease-in-out}.materials-cols:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.2);transform:translateY(-5px)}.materials-img{height:180px}.materials-img img{border-radius:10px;display:block;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:100%}.materials-content{padding:30px 25px}.materials-content .material-name{display:block;font-weight:700;line-height:1.2em;margin-block:0 1rem}.materials-content .material-name a{color:currentColor;display:block}.materials-content .material-name a:hover{text-decoration:none}.materials-desc,.materials-desc *{color:#646566;font-size:1rem}.materials-link{padding:0 25px 25px}.materials-link a{align-items:center;display:inline-flex;gap:10px;transition:.3s ease-in-out}.materials-cols:hover .material-name{color:var(--hsElevate--link--primary__hover--fontColor)}.materials-link a:hover{text-decoration:none}.materials-cols:hover .materials-link a{color:currentColor;gap:15px}.material-subname{display:block;font-size:16px;line-height:1.3em;margin-bottom:10px}@media(max-width:1199px){.materials-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.materials-row{gap:30px 20px;grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.materials-row{gap:30px 20px;grid-template-columns:repeat(2,1fr)}.materials-img{aspect-ratio:3/2;height:auto}}@media(max-width:575px){.materials-row{gap:30px;grid-template-columns:1fr}.materials-img{aspect-ratio:2/1;height:auto}}