.banner-main-container{position:relative;height:400px;margin:0 auto;max-width:var(--page-width);font-family:sans-serif}.banner-text-container{position:relative;z-index:2;padding:32px;height:100%;width:100%;display:flex;align-items:center;color:#fff;margin:0 auto;max-width:var(--page-width)}@media screen and (min-width: 1000px){.banner-text-container{padding:64px}}.banner-text-center{justify-content:center}.banner-text-left{justify-content:start}.banner-text-right{justify-content:end}@media (max-width: 767px){.banner-text-left,.banner-text-right{justify-content:center}}.banner-text-wrapper{display:flex;gap:0px;flex-direction:column;background-color:#00f;width:500px;padding:32px;border-radius:8px}.banner-text-wrapper h2{margin:0;font-size:2rem;text-transform:uppercase;color:#fff}.banner-text-paragraph{margin-bottom:0;margin-top:16px}.banner-image-container{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;z-index:1;background-color:gray}.banner-image{width:100%;height:100%;object-fit:cover}.banner-buttons-container{--border-offset: 0px;display:flex;width:100%;flex-direction:column;gap:8px;margin-top:16px}.banner-button{width:100%}.banner-imag-placeholder{width:100%;height:100%}@media (min-width: 768px){.banner-main-container{height:500px}.banner-text-wrapper h2{margin:0;font-size:3rem;text-transform:uppercase;color:#fff}.banner-button{width:auto}}@media (min-width: 1024px){.banner-text-wrapper h2{margin:0;font-size:3rem;text-transform:uppercase;color:#fff}.banner-buttons-container{display:flex;flex-direction:row;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-banner.css.map */