.hero-cards{display:grid;gap:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-card{align-items:flex-start;aspect-ratio:1/1;background:#b0ccf1;border-radius:1rem;box-shadow:none;color:#fff;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end;overflow:hidden;padding:2rem;position:relative;transition:box-shadow .3s ease-in-out}.hero-card:hover{box-shadow:0 4px 24px 0 rgba(189,210,237,.8);color:#fff}.hero-card-image,.hero-card:before{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.hero-card:before{background:rgba(21,46,53,0);background:-webkit-linear-gradient(180deg,rgba(21,46,53,0) 40%,rgba(21,46,53,.8) 60%,#000);background:-moz-linear-gradient(180deg,rgba(21,46,53,0) 40%,rgba(21,46,53,.8) 60%,#000 100%);background:linear-gradient(180deg,rgba(21,46,53,0) 40%,rgba(21,46,53,.8) 60%,#000);content:"";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#152E3500",endColorstr="#000000",GradientType=0);z-index:20}.hero-card-image{object-fit:cover;object-position:center;transform:scale(1);transition:transform .3s ease-in-out;z-index:10}.hero-card:hover .hero-card-image{transform:scale(1.1)}.hero-card-icon{align-items:center;background-color:#fff;border-radius:10px;box-shadow:none;display:flex;flex:none;height:3rem;justify-content:center;margin-bottom:auto;position:relative;transition:box-shadow .3s ease-in-out;width:3rem;z-index:30}.hero-card-icon img{display:block;height:100%;max-height:24px;max-width:24px;object-fit:contain;width:100%}.hero-card:hover .hero-card-icon{box-shadow:0 4px 16px 0 rgba(196,212,234,.8)}.hero-card-button,.hero-card-desc,.hero-card-title{position:relative;z-index:30}.hero-card-title{color:#fff;margin:0}.hero-card-desc{margin:0}.hero-card-button{color:#00b378;margin-top:6px;padding-right:3rem;position:relative}.hero-card-button:after{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:10px;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:right .3s ease-in-out;width:14px}.hero-card:hover .hero-card-button:after{right:1rem}@media (max-width:1023px){.hero-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{padding:2rem 1.5rem}}@media (max-width:767px){.hero-cards{grid-template-columns:repeat(1,minmax(0,1fr))}}