.custom-icon-with-text *{box-sizing:border-box}.custom-icon-with-text__wrapper{width:100%;margin:0 auto;padding:0 20px}.custom-icon-with-text__heading{margin:0 0 56px;line-height:1.1;font-weight:800;text-transform:uppercase;letter-spacing:.15em;position:relative;display:block}.custom-icon-with-text__heading:after{content:"";position:absolute;bottom:-12px;width:10%;height:2px;background:currentColor;border-radius:2px;margin:0 auto;left:0;right:0}[style*="text-align: center"] .custom-icon-with-text__heading:after{left:50%;transform:translate(-50%)}[style*="text-align: left"] .custom-icon-with-text__heading:after{left:0}[style*="text-align: right"] .custom-icon-with-text__heading:after{right:0}.custom-icon-with-text__grid{display:grid;grid-template-columns:repeat(var(--desktop-cols, 4),1fr);gap:24px}.custom-icon-with-text__card{padding:32px;border-radius:4px;border:1px solid rgba(0,0,0,.06);background:#fff;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),border-color .3s ease}.custom-icon-with-text__card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000000d;border-color:#00000026}.custom-icon-with-text__icon{margin-bottom:24px;width:100%;transition:transform .4s ease}.custom-icon-with-text__card:hover .custom-icon-with-text__icon{transform:scale(1.05)}.custom-icon-with-text__image{display:block;object-fit:contain;width:100%;height:auto}.custom-icon-with-text__svg{display:flex;align-items:center}.custom-svg-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.custom-svg-inner svg{width:100%!important;height:100%!important;display:block}.custom-icon-align-left{display:flex;justify-content:flex-start}.custom-icon-align-center{display:flex;justify-content:center}.custom-icon-align-right{display:flex;justify-content:flex-end}.custom-icon-with-text__title{margin:0 0 12px;line-height:1.3;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.custom-icon-with-text__text{line-height:1.6;opacity:.8}@media screen and (max-width:990px){.custom-icon-with-text__grid{grid-template-columns:repeat(var(--mobile-cols, 2),1fr)}}@media screen and (max-width:768px){.custom-icon-with-text__heading{margin-bottom:32px}.custom-icon-with-text__card{padding:24px}.custom-icon-with-text__card:hover{transform:translateY(-4px)}.custom-icon-with-text__heading:after{width:20%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-icon-with-text.css.map */