.banner-wrapper{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:16%;width:100%;height:clamp(430px,33dvw,570px);background-position:bottom;background-repeat:no-repeat;background-size:cover}.banner-wrapper .footer-content:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;z-index:-1;transition:opacity .275s 25ms;opacity:var(--opacity-0-100);background-image:radial-gradient(80% 100% at 50% -30%,#CA8E5E,var(--fargerspblue-10));height:100%}.logo-text{font:var(--label-large);color:var(--fargerspaqua-8)}.wave-container{margin-bottom:-1px;display:flex;align-items:flex-end}.banner-wrapper .wave-container .wave,.wave-container{width:100%;height:115px;z-index:1}.banner-wrapper .footer-content{height:115px;width:100%;display:flex;flex-direction:row;justify-content:center;background-image:radial-gradient(120% 110% at 50% 20%,rgba(252,236,227,1),rgba(252,236,227,1),var(--fargerspblue-1),var(--fargerspblue-1));clip-path:url(#responsive-clip);position:relative;margin-bottom:-1px}.banner-image-container{position:fixed;height:100%;width:100dvw;left:0;top:0;display:flex;justify-content:center;overflow:hidden}@media (min-width:1921px){.banner-image-container{align-items:center}}@media (max-width:1440px){.logo-text{font:var(--label-extra-small);color:var(--fargerspaqua-8)}.banner-wrapper .footer-content{height:115px}.banner-wrapper{gap:8%}}.banner-component{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;gap:20px;border-radius:8px;background:var(--spblue-0-11);box-shadow:0 4px 4px 0 rgba(21,20,51,.3);left:clamp(32px,calc(.25 * (100vw - 1024px) + 32px),240px)}.banner-component .title{align-self:start;color:var(--spblue-10-1)}.under-title{align-self:start;color:var(--spblue-9-2)}.btn-wrapper{display:flex;justify-content:end;align-items:center;align-self:stretch;gap:10px}@media screen and (min-width:1920px){.banner-component{padding:30px}.under-title{font:var(--h2-regular)}.banner-component .title{font:var(--display-semibold)}}@media screen and (max-width:1919px){.banner-component{padding:22px}.under-title{font:var(--h2-regular)}.banner-component .title{font:var(--h1-semi-bold)}}@media screen and (max-width:1080px){.banner-component{padding:18px}.under-title{font:var(--h4-regular)}.banner-component .title{font:var(--h2-semi-bold)}.banner-wrapper .wave{width:100%;height:90px;z-index:1}}@media screen and (max-width:800px){.banner-component{padding:16px 20px;gap:10px}.btn-wrapper{flex-direction:column;gap:3px}.under-title{font:var(--body1-regular)}.banner-wrapper{gap:4%}.banner-wrapper .footer-content{clip-path:url(#responsive-clip-small)}.banner-wrapper .wave{width:100%;height:75px;z-index:1}}@media (max-width:600px){.banner-wrapper .wave-container{height:80px}.banner-wrapper .wave-container .wave{width:100%;height:50px;z-index:1}}.banner-btn-height{height:42px}@media (max-width:1921px){.banner-btn-height{height:36px}}@media (max-width:1441px){.banner-btn-height{height:32px}}@media (max-width:835px){.banner-btn-height{height:28px}}