.info-card{border-radius:1.25rem;display:flex;height:27.5rem;overflow:hidden;position:relative;text-decoration:none;width:41.5625rem}@media screen and (max-width:599px){.info-card{height:20rem;width:24.375rem}}.info-card__title{color:#fff;font-family:Manrope,sans-serif;font-size:1.875rem;font-style:normal;font-weight:700;letter-spacing:-.01563rem;line-height:normal;position:relative;transition:opacity .3s;z-index:1}@media screen and (max-width:1023px){.info-card__title{opacity:0}}.info-card__subtitle-holder{max-height:0;opacity:0;transition:max-height .5s ease-out,opacity .5s ease-out}@media screen and (max-width:1023px){.info-card__subtitle-holder{max-height:62.5rem;opacity:1}}.info-card__subtitle{color:#f2f2e8;font-family:Onest,sans-serif;font-size:1rem;font-style:normal;font-weight:500;letter-spacing:-.02rem;line-height:normal}.info-card__hover-gradient{background:linear-gradient(180deg,#12414900,#0b2a2f99);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.info-card__hover-info{align-items:flex-start;bottom:0;display:flex;flex-direction:column;gap:1.25rem;height:fit-content;left:0;padding:1.25rem 1.875rem 1.875rem;position:absolute;width:100%;z-index:10}@media screen and (max-width:1023px){.info-card__hover-info{padding:0;position:relative}}.info-card:hover .info-card__title{opacity:0}.info-card:hover .info-card__hover-info{transform:translateY(0);z-index:10}.info-card:hover .info-card__subtitle-holder{max-height:62.5rem;opacity:1}.info-card__img{height:100%;object-fit:cover;object-position:center;width:100%}.info-card__background{height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:1023px){.info-card__background{top:0}}.info-card__wrapper{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:1.875rem;position:relative;width:100%}@media screen and (max-width:599px){.info-card__wrapper{padding:1.25rem}}.info-card__hover-title{color:#f2f2e8;font-family:Manrope,sans-serif;font-size:1.875rem;font-style:normal;font-weight:700;letter-spacing:-.01563rem;line-height:110%}@media screen and (max-width:1023px){.info-card__hover-title{font-size:1.5rem}}.info-card__hover-subtitle{color:#f2f2e8;display:-webkit-box;font-family:Onest,sans-serif;font-size:1rem;font-style:normal;font-weight:500;letter-spacing:-.02rem;line-height:135%;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media screen and (max-width:1023px){.info-card__hover-subtitle{max-width:29.375rem;width:100%}}