.hero-cards{gap:48px}.hero-card,.hero-cards{display:flex;flex-direction:column}.hero-card{border-radius:25px;height:385px;overflow:clip;padding:48px 37px 37px;position:relative;transition:all .4s ease-in-out;width:100%}.hero-card .card-link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.hero-card .content{display:flex;flex-direction:column;font-size:26px;font-weight:700;height:100%;line-height:31px;max-width:400px;position:relative;transition:all .3s ease-in-out;z-index:8}.hero-card .link-arrow{height:32px;margin-top:auto;width:41px}.hero-card .link-arrow svg{height:32px;width:41px}.hero-card .image-container{bottom:0;display:none;height:446px;opacity:0;position:absolute;right:0;transition:opacity .4s ease-in-out;width:399px;z-index:4}.hero-card .image-container img{height:100%;object-fit:cover;width:100%}@media only screen and (min-width:578px){.hero-cards{flex-direction:row;gap:36px}.hero-card{height:496px;padding:72px 60px 60px;width:50%}.hero-card .content{font-size:28px;line-height:39px}.hero-card .link-arrow,.hero-card .link-arrow svg{height:45px;width:55px}}@media only screen and (min-width:1080px){.hero-cards:has(.hero-card:hover) .hero-card:not(.hero-card:hover){background-color:#fff!important}.hero-cards:has(.hero-card:hover) .hero-card:not(.hero-card:hover) .content{color:#414042!important;opacity:.5;text-decoration:none}.hero-cards:has(.hero-card:hover) .hero-card:not(.hero-card:hover) svg{display:none}.hero-card:hover{width:65%}.hero-cards:has(.hero-card:hover) .hero-card:not(.hero-card:hover){width:35%}.hero-card .image-container{display:block}.hero-card:hover .image-container{opacity:1}.hero-card:hover svg{transform:rotate(0deg)}.hero-card:hover .content{text-decoration:underline}.hero-card svg{transform:rotate(-45deg);transition:all .4s ease-in-out}}