.hero-banner{background-color:var(--color-sky-blue);padding-top:110px;padding-bottom:40px}.hero-banner p,.hero-banner h1{margin:0}.hero-banner__container{max-width:1346px;width:100%;margin:0 auto;padding-left:28px;padding-right:28px}.hero-banner__grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.hero-banner__content{flex:0 0 calc(40% - 10px)}.hero-banner__media{flex:0 0 calc(60% - 10px)}.hero-banner__message{display:flex;align-items:center;gap:8px;margin-bottom:10px}.hero-banner__message-text{font-family:var(--font-family-primary);font-size:var(--font-small);font-weight:var(--font-weight-regular);line-height:25.6px;color:var(--color-off-black);margin-bottom:10px}.hero-banner__heading{font-family:var(--font-family-secondary);font-size:var(--font-heading-1);font-weight:var(--font-weight-black);color:var(--color-blue);line-height:96px;margin:0 0 9px;text-transform:uppercase}.hero-banner__desc{font-family:var(--font-family-primary);font-size:var(--font-extra-small);font-weight:var(--font-weight-regular);line-height:21px;color:var(--color-off-black)}.hero-banner__blocks{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:385px;width:100%;margin:16px 0 30px}.hero-banner__block{flex:0 0 calc(25% - 10px)}.hero-banner__buttons{display:flex;align-items:center;gap:8px;margin-top:10px}.hero-banner__media-wrapper{text-align:right}.hero-banner__media-img{max-width:549px;width:100%;height:auto}.hero-banner__block-img{max-width:70px;width:100%;height:auto}@media (max-width: 1024px){.hero-banner__container{padding-left:20px;padding-right:20px}.hero-banner__heading{line-height:1}.hero-banner__content,.hero-banner__media{flex:0 0 auto;max-width:calc(50% - 10px);width:100%}.hero-banner__media-img{max-width:100%;width:100%}}@media (max-width: 767px){.hero-banner__content,.hero-banner__media{max-width:100%;width:100%}.hero-banner__grid{gap:40px}.hero-banner__message{justify-content:center}.hero-banner__heading,.hero-banner__desc{text-align:center}.hero-banner__blocks{margin:16px auto}.hero-banner__buttons{justify-content:center}.hero-banner{padding-top:120px;padding-bottom:40px}.hero-banner__block-img{max-width:100%}}@media (max-width: 640px){.hero-banner__message{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hero-banner.css.map */