.image-with-overlay{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);background-color:var(--background-color)}.image-with-overlay *{color:var(--text-color)}.image-with-overlay-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-overlay-header+.image-with-overlay-body{margin-top:30px}.image-with-overlay-list ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:20px 14px}.image-with-overlay-list ul li{width:calc(33.33% - 28px * 1 / 3)}.image-with-overlay-item .image-wrapper{width:100%;height:100%}.image-with-overlay-item .image-wrapper svg.hero__image,.image-with-overlay-item .image-wrapper img{width:100%;height:100%;display:block;object-fit:contain;transform:scale(1);transition:all .4s ease}.image-with-overlay-item{position:relative;height:100%;overflow:hidden}.image-with-overlay-item:hover .image-wrapper img,.image-with-overlay-item:hover .image-wrapper svg.hero__image{transform:scale(1.1);transition:all .4s ease}.image-with-overlay-item .text-icon{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;text-align:center;background:transparent;transition:all .4s ease}.image-with-overlay-item .text-icon span.text-wrap{display:flex;align-items:center;font-weight:400;font-size:18px;line-height:1.2;position:relative}.image-with-overlay-item .text-icon span.text-wrap:before{content:"";position:absolute;bottom:0;left:0;right:0;width:0%;height:1px;background:currentColor;transition:all .4s ease}.image-with-overlay-item:hover .text-icon span.text-wrap:before{width:100%;transition:all .4s ease}.image-with-overlay-item:hover .text-icon{background:#0006;transition:all .4s ease}.image-with-overlay-item .text-icon h3{margin:0;font-weight:500;font-size:30px;line-height:1.2}.image-with-overlay-item .richtext{font-weight:400;font-size:16px;line-height:1.47}.image-with-overlay-item .richtext p{margin:0}.image-with-overlay-item .text-icon a{font-weight:400;font-size:18px;line-height:1;text-decoration:none;display:inline-flex;text-align:center}.image-with-overlay-item .text-icon a span.svg-wrap{width:30px;height:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-with-overlay-item .text-icon a span.svg-wrap svg{width:30px;height:24px;display:block}.image-with-overlay-item .text-icon a span.svg-wrap svg.second-child{margin-left:-30px;transform:translate(0);transition:all .4s ease}.image-with-overlay-item .text-icon a span.svg-wrap svg.first-child{transform:translate(-100%);transition:all .4s ease}.image-with-overlay-item:hover .text-icon a span.svg-wrap svg.first-child{transform:translate(0);transition:all .4s ease}.image-with-overlay-item:hover .text-icon a span.svg-wrap svg.second-child{transform:translate(100%);transition:all .4s ease}@media(max-width:999px){.image-with-overlay-item .text-icon h3{font-size:24px}.image-with-overlay-item .text-icon{padding:10px;gap:10px}.image-with-overlay-item .richtext p br{display:none}}@media(max-width:749px){.image-with-overlay{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.image-with-overlay-header h2.heading{font-size:var(--heading-size-mobile)}.image-with-overlay-list ul{gap:12px}.image-with-overlay-list ul li{width:100%}.image-with-overlay-item .text-icon{padding:20px;gap:16px}.image-with-overlay-item .text-icon a{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/image-with-overlay.css.map */