.sub-banner{position:relative}.sub-banner-img .placeholder-svg{width:100%;max-width:100%}.sub-banner-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.sub-banner-img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000,#0009 80%);z-index:1}.sub-banner-img,.sub-banner-img a{display:flex;width:100%;height:100%}.sub-banner-img img{width:100%;height:auto;transition:transform var(--duration-long) ease}.sub-banner-img:hover img{-o-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}.sub-banner .one_column{column-gap:0;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.one_column .sub-banner-block{width:100%;max-width:100%;border-radius:0}.one_column .sub-banner-img img,.one_column .sub-banner-img a{width:100%}.sub-banner-block{overflow:hidden;border-radius:var(--media-radius);width:50%;border-radius:12px}.sub-banner-block .sub_banner_wrapper{position:relative;overflow:hidden}.sub-banner-inner .sub-banner-text{position:absolute;top:40px;padding:0 25px;max-width:80%;z-index:2}.sub-banner-inner .sub-banner-text.center,.sub-banner-inner .sub-banner-text.right{max-width:80%}.sub-banner-inner .sub-banner-text.right{left:auto;right:60px}.sub-banner-text.text-position--center{text-align:center}.sub-banner-text.text-position--right{text-align:right}.sub-banner-text.text-position--left{text-align:left}.sub-banner-inner.sub-banner-content--middle-left .sub-banner-text,.sub-banner-inner.sub-banner-content--middle-right .sub-banner-text,.sub-banner-inner.sub-banner-content--middle-center .sub-banner-text{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%)}.sub-banner-inner.sub-banner-content--bottom-left .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-right .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-center .sub-banner-text{bottom:40px;top:auto}.sub-banner-inner .sub-banner-text .button,.sub-banner-inner .sub-banner-text .link{margin-top:2.4rem}.sub-banner--content-align-right{text-align:right}.sub-banner--content-align-left{text-align:left}.sub-banner--content-align-center{text-align:center}.sub-banner-inner.sub-banner-content--top-left{align-items:flex-start;justify-content:flex-start}.sub-banner-inner.sub-banner-content--top-center{align-items:flex-start;justify-content:center}.sub-banner-inner.sub-banner-content--top-right{align-items:flex-start;justify-content:flex-end}.sub-banner-inner.sub-banner-content--middle-left{align-items:center;justify-content:flex-start}.sub-banner-inner.sub-banner-content--middle-center{align-items:center;justify-content:center}.sub-banner-inner.sub-banner-content--middle-right{align-items:center;justify-content:flex-end}.sub-banner-inner.sub-banner-content--bottom-left{align-items:flex-end;justify-content:flex-start}.sub-banner-inner.sub-banner-content--bottom-center{align-items:flex-end;justify-content:center}.sub-banner-inner.sub-banner-content--bottom-right{align-items:flex-end;justify-content:flex-end}.sub-banner-title{margin:0 0 1.4rem;letter-spacing:-.72px}.sub-banner-subtitle{font-size:18px;line-height:1.278;letter-spacing:-.0252px}.three_column .sub-banner-subtitle{font-size:16px}.sub-banner .box__heading{margin-top:0;margin-bottom:1.5rem}.sub-banner-block .bottom_content{display:flex;padding:20px 16px;gap:1.3rem;align-items:center}.sub-banner-block .bottom_content .copntent{font-size:1.5rem;line-height:normal;letter-spacing:normal}.sub-banner .title{max-width:790px;margin-bottom:3.2rem}.sub-banner .sub-title{font-size:1.8rem;line-height:normal;letter-spacing:normal}.sub-banner .box__heading{letter-spacing:-.36px;margin-bottom:1.3rem}.sub-banner-inner .sub-banner__caption{position:absolute;top:24px;left:32px;background:#fffcf5;color:rgb(var(--color-button-text));padding:6.5px 10px;border-radius:100px;font-size:1.2rem;letter-spacing:.12px;line-height:100%}@media screen and (max-width: 1024px){.sub-banner-inner .sub-banner-text .button,.sub-banner-inner .sub-banner-text .link{margin-top:1rem}.sub-banner-img{height:60vh}.sub-banner-img img{width:100%;object-fit:cover}}@media screen and (max-width: 1100px) and (min-width: 750px){.sub-banner-inner .sub-banner__caption{left:20px;top:20px}.sub-banner-inner .sub-banner-text{top:20px;padding:0 20px}.sub-banner-inner.sub-banner-content--bottom-left .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-right .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-center .sub-banner-text{bottom:20px;top:auto}.sub-banner-subtitle{font-size:15px}}@media screen and (max-width: 989px) and (min-width: 750px){.sub-banner-subtitle{font-size:14px}}@media screen and (max-width: 989px){.sub-banner .three_column{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.sub-banner .three_column .sub-banner-block{margin-bottom:20px;width:calc(50% - 10px)}.sub-banner-inner{column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.sub-banner-inner .sub-banner-text{max-width:100%}}@media screen and (max-width: 749px){.sub-banner-inner{flex-wrap:wrap}.sub-banner .three_column .sub-banner-block{margin-bottom:0;width:100%}.sub-banner-inner .sub-banner-text .button{width:100%;line-height:normal;font-size:14px;min-height:calc(4rem + var(--buttons-border-width) * 2)}.sub-banner-img img{width:100%;object-fit:cover}.sub-banner-block{width:100%}.sub-banner--content-align-mobile-right{text-align:right}.sub-banner--content-align-mobile-left{text-align:left}.sub-banner--content-align-mobile-center{text-align:center}.sub-banner-inner .sub-banner-text{max-width:100%;padding:0 16px}.sub-banner-inner .sub-banner-text .button,.sub-banner-inner .sub-banner-text .link{margin-top:2rem}.sub-banner .sub-title{font-size:1.6rem}.sub-banner-inner.sub-banner-content--bottom-left .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-right .sub-banner-text,.sub-banner-inner.sub-banner-content--bottom-center .sub-banner-text{bottom:16px}.sub-banner-inner .sub-banner__caption{left:16px;top:16px}}@media screen and (max-width: 600px){.sub-banner-inner .sub-banner-text{top:20px}}@media screen and (max-width: 480px){.sub-banner-inner .sub-banner-text .button{padding:8px 10px;min-height:calc(3.5rem + var(--buttons-border-width) * 2);margin-top:1.5rem}.sub-banner-subtitle{font-size:15px}.three_column .sub-banner-subtitle{font-size:14px}.sub-banner .sub-title{font-size:1.4rem}.sub-banner-block .bottom_content{padding:15px 10px;gap:1rem}.sub-banner-block .bottom_content .copntent{font-size:1.4rem}.sub-banner-img{height:50vh}}@media screen and (max-width: 380px){.sub-banner-inner .sub-banner-text{top:10px}.sub-banner-subtitle{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/section-sub-banner.css.map */