.banner{position:relative;height:53.25rem;background-repeat:no-repeat;background-position:center top;background-size:cover;margin-bottom:3.125rem;transition:var(--trans-6)}.banner .main{position:absolute;inset:0;height:fit-content;margin-block:auto}.banner .content{max-width:45rem}.banner .content>:first-child{font-size:var(--fs-2xl, 64px);margin-bottom:.75rem;transition:none;}.banner .content p,.banner .content>:first-child *{font-size:var(--fs-xs, 18px);line-height:var(--lh-base)}.banner .content>:first-child *{position:relative;display:block;font-weight:500;text-transform:uppercase;color:var(--c-primary);padding-left:1.625rem;margin-bottom:.625rem}.banner .content>:first-child ::before{position:absolute;inset:0;width:1.25rem;height:1.25rem;background:url('https://www.kolaxoccs.com/theme//website/assets/images/icons/cursor.png') center/cover no-repeat;margin-block:auto;content:''}.banner .content p{max-width:90%;margin-bottom:1.875rem}@media only screen and (max-width:1400px){.banner{max-height:48.75rem}}@media only screen and (max-width:1200px){.banner{max-height:38rem}.banner .content{max-width:36rem}.banner .content>:first-child{font-size:var(--fs-xl);line-height:var(--lh-lg)}}@media only screen and (max-width:991px){.banner{background-position:30% center}.banner .content,.banner .content p{max-width:80%}}@media only screen and (max-width:767px){.banner{max-height:30rem;background-position:left}.banner .content{max-width:100%}.banner .content p{max-width:90%}}@media only screen and (max-width:575px){.banner{padding-block:2.5rem 4.5rem;max-height:30rem}.banner .main{position:static;margin:0}.banner .content>:first-child{line-height:calc(var(--lh-lg) - .25rem);margin-bottom:.5rem}.banner .content>:first-child *{font-size:var(--fs-base)}.banner .content p{max-width:100%;margin-bottom:.75rem}}@media only screen and (max-width:475px){.banner{height:auto;max-height:100%}}