.business-benefits{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.3rem}.business-benefits .benefit-item{flex:1 1 calc(50% - 3px);position:relative}.business-benefits .benefit-item .benefit-img-wrapper{width:100%;height:auto;aspect-ratio:970 / 597;display:block}.business-benefits .benefit-item .benefit-img-wrapper:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:rgba(var(--color-background),.7);opacity:0;transition:all .4s ease-in-out}.business-benefits .benefit-item .benefit-img-wrapper:hover:before{opacity:1}.business-benefits .benefit-item .benefit-img-wrapper .benefit-img{width:100%;aspect-ratio:970 / 597;display:block;object-fit:cover;object-position:center center}.business-benefits .benefit-item .benefit-content{position:absolute;top:50%;margin:auto;left:0;right:0;width:100%;transform:translateY(-50%);pointer-events:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center}.business-benefits .benefit-item .benefit-content h3{font-size:5rem;line-height:4.3rem;margin:0 0 .5rem;color:rgb(var(--color-foreground));text-transform:uppercase;pointer-events:auto}.business-benefits .benefit-item .benefit-content p{font-size:2.4rem;line-height:2.6rem;color:rgb(var(--color-foreground));font-weight:400;pointer-events:auto;margin-bottom:0}.bg-transparent{background:transparent}@media screen and (max-width: 1599px){.business-benefits .benefit-item .benefit-content h3{font-size:4.4rem}.business-benefits .benefit-item .benefit-content p{font-size:2.2rem}}@media screen and (max-width: 1279px){.business-benefits .benefit-item .benefit-content h3{font-size:3.6rem;line-height:3.6rem;margin-bottom:0}.business-benefits .benefit-item .benefit-content p{font-size:2rem;line-height:2.4rem;margin-top:1.5rem}}@media screen and (max-width: 1023px){.business-benefits .benefit-item .benefit-content h3{font-size:3.2rem;line-height:3.4rem}}@media screen and (max-width: 767px){.business-benefits .benefit-item .benefit-content h3{font-size:2.6rem;line-height:3.4rem}.business-benefits .benefit-item .benefit-content p{font-size:1.8rem;line-height:2rem;margin-top:1.2rem}}@media screen and (max-width: 666px){.business-benefits{flex-direction:column}.business-benefits .benefit-item{flex:1 1 100%}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/business-benefits.css.map */