.left-aligned-hero-overlay{position:relative;display:flex;overflow:hidden;width:100%;background:var(--color-accent);color:var(--text-color, #fff);padding:40px 0}@media only screen and (min-width:768px){.left-aligned-hero-overlay{padding:80px 0}}.left-aligned-hero-overlay__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.left-aligned-hero-overlay__background:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:11;background:rgba(0,0,0,var(--overlay-opacity));pointer-events:none}.left-aligned-hero-overlay__image{width:100%;height:100%;object-fit:cover}.left-aligned-hero-overlay__content{position:relative;z-index:5;width:100%;max-width:1380px;margin:0 auto;padding:0 15px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media only screen and (min-width:768px){.left-aligned-hero-overlay__content{padding:0 20% 0 50px;box-sizing:border-box}}.left-aligned-hero-overlay__usp{display:flex;align-items:center;margin-bottom:20px}.left-aligned-hero-overlay__usp-image{width:auto;height:20px;margin-right:10px}.left-aligned-hero-overlay__usp-text{font-size:14px;margin-right:20px;font-weight:600}.left-aligned-hero-overlay__heading{font-size:2.5rem;margin-bottom:20px}@media only screen and (min-width:768px){.left-aligned-hero-overlay__heading{font-size:3.5rem}}.left-aligned-hero-overlay__description{font-size:1rem;margin-bottom:30px;max-width:600px}@media only screen and (min-width:768px){.left-aligned-hero-overlay__description{font-size:1.25rem}}.left-aligned-hero-overlay__button{display:inline-block;padding:12px 24px;font-size:1rem;text-decoration:none;border-radius:9999px;transition:background-color .3s ease}.left-aligned-hero-overlay__button:hover{opacity:.9}.desktop-height-450{min-height:450px}.desktop-height-550{min-height:550px}.desktop-height-650{min-height:650px}.desktop-height-750{min-height:750px}.desktop-height-full{min-height:100vh}@media only screen and (max-width:767px){.mobile-height-auto{min-height:auto}.mobile-height-350{min-height:350px}.mobile-height-400{min-height:400px}.mobile-height-450{min-height:450px}.mobile-height-500{min-height:500px}.mobile-height-full{min-height:100vh}}.desktop-only{display:none}.mobile-only{display:block}@media only screen and (min-width:768px){.desktop-only{display:block}.mobile-only{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/luftix-aligned-hero-overlay.css.map */