.cta-banner.svelte-r29awn{height:600px;background:linear-gradient(to right,#00000080,#0006),var(--bg-image) center center no-repeat;background-size:cover;position:relative}.cta-banner.svelte-r29awn .text-container:where(.svelte-r29awn){left:10%;top:50%;transform:translateY(-50%);position:absolute}.cta-banner.svelte-r29awn .text-container:where(.svelte-r29awn) .intro-text:where(.svelte-r29awn){color:#fff;font-size:24px;margin-bottom:2rem;max-width:500px}.cta-banner.svelte-r29awn .text-container:where(.svelte-r29awn) .title:where(.svelte-r29awn){color:#fff;font-size:clamp(2.5rem,6vw,80px);line-height:1.1;margin-bottom:2rem;max-width:14ch}.cta-banner.svelte-r29awn .text-container:where(.svelte-r29awn) .cta:where(.svelte-r29awn) .cta-button:where(.svelte-r29awn){color:var(--primary-background);background:var(--accent);max-width:300px;text-decoration:none}@media(max-width:500px){.cta-banner.svelte-r29awn .text-container:where(.svelte-r29awn) .cta:where(.svelte-r29awn) .cta-button:where(.svelte-r29awn){padding:.6rem 1.2rem;align-self:center}}.cta-banner.svelte-r29awn .text-container:where(.svelte-r29awn) .cta:where(.svelte-r29awn) .cta-button:where(.svelte-r29awn) .arrow:where(.svelte-r29awn){color:var(--primary-background)}.cta-banner.svelte-r29awn .text-container:where(.svelte-r29awn) .arrow-down:where(.svelte-r29awn){display:inline-block;margin-top:1.5rem;color:#fff;opacity:1}@media(max-width:600px){.cta-banner.svelte-r29awn{height:auto;min-height:520px}.cta-banner.svelte-r29awn .text-container:where(.svelte-r29awn){left:0;right:0;top:50%;transform:translateY(-50%);position:absolute;padding:3rem 2rem;box-sizing:border-box}.cta-banner.svelte-r29awn .text-container:where(.svelte-r29awn) .intro-text:where(.svelte-r29awn){font-size:1rem;margin-bottom:1.25rem;text-align:center;max-width:unset}.cta-banner.svelte-r29awn .text-container:where(.svelte-r29awn) .title:where(.svelte-r29awn){font-size:clamp(1.6rem,7vw,2.2rem);line-height:1.2;margin-bottom:2rem;text-align:center;max-width:16ch;margin-left:auto;margin-right:auto}.cta-banner.svelte-r29awn .text-container:where(.svelte-r29awn) .cta:where(.svelte-r29awn){display:flex;justify-content:center}.cta-banner.svelte-r29awn .text-container:where(.svelte-r29awn) .arrow-down:where(.svelte-r29awn){display:flex;justify-content:center;margin-top:1rem}}
