.section-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap, 12px);width:100%}.section-benefits__item{position:relative;aspect-ratio:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:30px}@media screen and (max-width:749px){.section-benefits__item{padding:20px}}.section-benefits__item .section-benefits__item-title{transition:padding-bottom .5s ease-in-out;padding-bottom:1rem}.section-benefits__item:hover .section-benefits__item-title{padding-bottom:0}.section-benefits__item:hover .section-benefits__item-description{opacity:1;visibility:visible;max-height:200px;margin-top:10px;transform:translateY(0)}.section-benefits__item-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.section-benefits__item-bg--image{object-fit:cover}.section-benefits__item-bg--placeholder{background-color:#f4f4f4;display:flex;align-items:center;justify-content:center}.section-benefits__item-bg--placeholder svg{width:100%;height:100%;color:#a0a0a0}.section-benefits__item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to top,#000000e0,#00000052 65%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.section-benefits__item-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:#fff}.section-benefits__item-content *{padding:0;margin:0;font-size:calc(var(--font-paragraph--size) - 2px)}.section-benefits__item-icon{width:72px;height:auto;margin-bottom:40px}@media screen and (max-width:749px){.section-benefits__item-icon{width:56px;margin-bottom:20px}}.section-benefits__item-icon img{width:100%;height:100%;object-fit:contain}.section-benefits__item-title{margin:0;color:#fff;font-size:var(--font-paragraph--size);font-weight:500;text-transform:uppercase;letter-spacing:8%;line-height:140%;max-width:330px}.section-benefits__item-description{color:#ffffffe6;font-size:14px;line-height:1.5;margin:0;max-height:0;opacity:0;visibility:hidden;overflow:hidden;transform:translateY(15px);transition:all .7s ease-in-out}@media screen and (max-width:989px){.section-benefits__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.section-benefits__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/vantaggio-benefits-4.css.map */