#hero-banner{position:relative}#hero-banner .banner-desktop-image img,#hero-banner .banner-mobile-image img{width:100%;height:auto;display:block}#hero-banner .banner-desktop-image img{min-height:90vh;object-fit:cover}#hero-banner .hero-text-and-shape{position:absolute;bottom:6%;left:0;right:0;width:45%;margin:0;opacity:0;transform:translateY(-50px)}#hero-banner .top-shape{width:15%;height:80px;background:#2a5ddb}#hero-banner .mid-shape{width:80%;min-width:300px;margin:auto;text-align:center;background:#2a5ddb;color:#fff;height:80px;display:grid;align-items:center;font-size:45px;line-height:55px;letter-spacing:8px}#hero-banner .bottom-shape{height:80px;display:grid;justify-content:center;color:#0c1c33;font-family:Aeonik-Regular;font-weight:400;font-size:25px;letter-spacing:1px;line-height:35px;text-align:center;position:relative;padding-top:25px}#hero-banner .bottom-shape span{background:#2a5ddb;width:14%;display:block;height:100%;position:absolute;right:0;top:0}body#homepage sticky-header.header-wrapper.gradient{background:transparent;position:absolute;top:0;left:0;right:0}body#homepage .scrolled-past-header sticky-header.header-wrapper.gradient{background:#0c1c33}@media screen and (max-width: 1030px){#hero-banner .hero-text-and-shape{bottom:4%;width:52%}}@media screen and (max-width: 990px){#hero-banner .bottom-shape{font-size:20px}}@media screen and (max-width: 750px){#hero-banner .hero-text-and-shape{bottom:25px;width:100%;max-width:100%}#hero-banner .mid-shape,#hero-banner .top-shape,#hero-banner .bottom-shape{height:55px}#hero-banner .mid-shape{font-size:25px;line-height:35px}#hero-banner .bottom-shape{font-size:20px;letter-spacing:.4px;padding-top:10px;color:#89807c}}@media screen and (max-width: 360px){#hero-banner .bottom-shape{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/220/assets/hero-banner.css.map */
