.global-hero{padding:var(--section-padding-vertical) 0;background-color:var(--background-color);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.global-hero.theme-blue{background-color:var(--secondary-color)}.global-hero .container{position:relative;z-index:1}.hero-content-wrapper{display:flex;align-items:center;gap:4rem}.global-hero.align-center .hero-content-wrapper{justify-content:center}.global-hero.align-left .hero-content-wrapper{justify-content:flex-start}.global-hero.align-right .hero-content-wrapper{justify-content:flex-end;flex-direction:row-reverse}.hero-headline{flex:1;max-width:600px}.global-hero.align-center .hero-headline{text-align:center;max-width:800px}.global-hero.align-right .hero-headline{text-align:right}.global-hero h1{margin-bottom:1.5rem}.global-hero.theme-blue h1,.global-hero.theme-blue p{color:var(--text-color-light)}.global-hero.theme-white h1{color:var(--secondary-color)}.global-hero.theme-white p{color:var(--text-color)}.hero-buttons{display:flex;gap:1.5rem;margin-top:2rem}.global-hero.align-center .hero-buttons{justify-content:center}.global-hero.align-right .hero-buttons{justify-content:flex-end}.hero-image{flex:1;max-width:600px;height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-image img{width:100%;height:100%;object-fit:contain;display:block}.hero-gradient{position:absolute;bottom:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,#d91a8d 0%,#e64a9e 50%,#448cff 100%)}@media (max-width:900px){.global-hero{background-image:none!important}.global-hero[style*="background-image"]{background-image:var(--mobile-bg)!important}.hero-content-wrapper{flex-direction:column;gap:2rem}.global-hero.align-right .hero-content-wrapper{flex-direction:column}.hero-headline{max-width:100%;text-align:left}.global-hero.align-center .hero-headline{text-align:center}.global-hero.align-right .hero-headline{text-align:left}.hero-buttons{flex-direction:column;width:100%;justify-content:flex-start}.global-hero.align-center .hero-buttons{justify-content:center}.hero-buttons .btn{width:100%;text-align:center}.hero-image{max-width:100%;width:100%;height:300px;order:3}}