/*! DO NOT EDIT THIS CSS FILE!
    This file is generate from the source SCSS files of the theme. Any edits to this
    CSS file will be overwritten on any new theme update.
    Use custom.css if you really want to add in css rules.
    - Stephen
*/.icon-banners h4,.icon-banners h5,.icon-banners h6,.icon-banners .h4,.icon-banners .h5,.icon-banners .h6{text-transform:none;font-family:Fira Sans,sans-serif;font-weight:500}.icon-banners h1,.icon-banners .h1{font-size:76px}.icon-banners h4,.icon-banners .h4{font-size:24px}.icon-banners .subheading.top{margin-bottom:1.5em}.icon-banners .subheading.bottom{margin-top:1.5em}.icon-banners .icon-banners-block h3,.icon-banners .icon-banners-block .h3{font-size:44px;font-weight:700;line-height:37.33px;letter-spacing:.2%}@media(max-width:576px){.icon-banners .icon-banners-block h3,.icon-banners .icon-banners-block .h3{font-size:36px}}.icon-banners .icon-banners-block h4.icon-banners__heading,.icon-banners .icon-banners-block .h4.icon-banners__heading{font-size:34px;font-weight:700;line-height:37.33px;letter-spacing:.2%}@media(max-width:576px){.icon-banners .icon-banners-block h4.icon-banners__heading,.icon-banners .icon-banners-block .h4.icon-banners__heading{font-family:Fira Sans,sans-serif!important;font-size:18px;line-height:24px;vertical-align:middle}}.icon-banners .icon-banners-block .icon-banners__heading{font-family:Fira Sans Extra Condensed,Fira Sans,sans-serif!important;line-height:1}.icon-banners .icon-banners-block .icon-banners__description{font-weight:400;line-height:1.3}.icon-banners .icon-banners-block .icon-banners__description:not(.body2){font-size:24px}@media(max-width:576px){.icon-banners .icon-banners-block .icon-banners__description:not(.body2){font-size:18px}}.icon-banners a.icon-banners-block{text-decoration:none}.icon-banners .icon-banners-block{position:relative;padding:30px 20px}.icon-banners .icon-banners-block:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3}@media(max-width:576px){.icon-banners .icon-banners-block{margin-top:20px}}.icon-banners .icon-banners-block.border__radius:before{border-radius:var(--radius)}.icon-banners .icon-banners-block.has__border:before{border:1px solid var(--color-base)}.icon-banners .text-left .icon-banners__icon,.icon-banners .text-left-mobile .icon-banners__icon{margin-bottom:0;margin-right:20px;flex:0 0 auto}@media(max-width:576px){.icon-banners .text-left .icon-banners__icon svg,.icon-banners .text-left-mobile .icon-banners__icon svg{max-width:34px;height:auto}}.icon-banners .icon-banners__icon img{width:48px;height:48px;object-fit:cover}.grid-columns-2{--columns: 2}.grid-columns-3{--columns: 3}.grid-columns-4{--columns: 4}.grid-container{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-auto-rows:1fr;grid-column-gap:var(--page-padding)}@media(min-width:993px){.icon-banners-block.scale-border-hover:before{transform:translateZ(0);transition:all var(--duration-medium) var(--zoom-animation-bezier)}.icon-banners-block.scale-border-hover:hover:before{--scale-on: 20px;--move-x: calc(var(--scale-on) / 2 * -1);--move-y: calc(var(--scale-on) / 2 * -1);transform:translate3d(var(--move-x),var(--move-y),0);width:calc(100% + var(--scale-on));height:calc(100% + var(--scale-on))}}@media(max-width:768px){.icon-banners .grid-container{--columns: 1}}@media(max-width:576px){.grid-container{display:flex;flex-wrap:wrap;flex-direction:column}.grid-container.slider{flex-direction:row}.slider .icon-banners-block{flex:0 0 auto;width:100%}.text-left-mobile .icon-banners-block{padding:0}}@media(max-width:576px){.icon-banners .icon-banners-block{padding:10px 20px}.icon-banners .icon-banners-block .btn-medium{margin-bottom:7px}.icon-banners .grid-container{--columns: 1}.icon-banners .icon-banners__icon{margin-bottom:10px}.icon-banners .icon-banners__icon svg{max-width:28px;height:auto}.icon-banners .text-left-mobile .icon-banners-block{display:flex}}@media(min-width:768px)and (max-width:1200px){.icon-banners .h1,.icon-banners h1{font-size:clamp(52px,8vw,72px)}}@media(max-width:767px){.icon-banners .h1,.icon-banners h1{font-size:52px;line-height:90%}.icon-banners .h4,.icon-banners h4{font-size:18px;line-height:24px}}
/*# sourceMappingURL=/cdn/shop/t/145/assets/section-icon-banners.css.map */