.image-with-content .page-width{max-width:var(--page-width);margin:0 auto;padding:0 20px}.image-with-content{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);background:var(--background-color)}.image-with-content *{color:var(--text-color)}.image-with-content-header h2.heading{font-size:var(--heading-size-desktop);line-height:1.225;color:var(--heading-color);letter-spacing:0;text-align:center}.image-with-content-header+.image-with-content-body{margin-top:40px}.image-with-content-list ul{display:grid;grid-template-columns:repeat(5,1fr);gap:40px 18px;margin:0;padding:0;list-style:none}.image-with-content-item .image-wrapper-relative{padding-top:62%;position:relative}.image-with-content-item .image-wrapper-relative svg.hero__image,.image-with-content-item .image-wrapper-relative img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:contain;background:transparent}.image-with-content-item .text-wrapper{margin-top:12px;text-align:center}.image-with-content-item .text-wrapper span{font-weight:500;font-size:20px;line-height:1.2;color:#000;display:inline-block;position:relative}.image-with-content-item .image-wrapper{transition:all .4s ease}.image-with-content-item:hover .image-wrapper{background:#fff;box-shadow:0 0 20px #0000001a;border-radius:6px;transition:all .4s ease}a.image-with-content-item{display:block;text-decoration:none}.image-with-content-item .text-wrapper span:after{position:absolute;left:0;bottom:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.image-with-content-item:hover .text-wrapper span:after{transform:scaleX(1)}@media(max-width:1024px){.image-with-content-list ul{grid-template-columns:repeat(3,1fr);gap:18px 18px}}@media(max-width:749px){.image-with-content{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.image-with-content-header h2.heading{font-size:var(--heading-size-mobile)}.image-with-content-header+.image-with-content-body{margin-top:19px}.image-with-content-list ul{grid-template-columns:repeat(2,1fr);gap:12px 6px}.image-with-content-item .text-wrapper span{font-size:14px;line-height:1.215}.image-with-content-item .text-wrapper span:after{height:1px}.image-with-content-item:hover .image-wrapper{border-radius:3px}.image-with-content-item .text-wrapper{margin-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/image-with-content.css.map */