.heroelement .hero__slide{--headline-clr: var(--white);position:relative;height:clamp(250px, 75rem, 70svh)}.heroelement .hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.heroelement .hero__media img,.heroelement .hero__media video{width:100%;height:100%;object-fit:cover}.heroelement .hero__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--white);z-index:1;transform:translateY(-100vh);transition:var(--transition-slow)}.heroelement .swiper-slide-active .hero__content{transform:translateY(0)}.heroelement .hero-heading-wrapper{z-index:3;height:100%;flex-direction:column;justify-content:flex-start;padding-top:60px;display:flex;position:relative}@media screen and (max-width:1199.98px){.heroelement .hero-heading-wrapper{padding-top:0}}.heroelement .hero-heading-wrapper .hero-title{font-size:4rem;line-height:1}@media screen and (max-width:1199.98px){.heroelement .hero-heading-wrapper .hero-title{font-size:2.5rem}}@media screen and (max-width:767.98px){.heroelement .hero-heading-wrapper .hero-title{font-size:2rem;line-height:1.1}}.heroelement .hero-img-container{width:100%;height:680px;justify-content:flex-start;align-items:flex-end;display:flex;position:relative}@media screen and (max-width:1199.98px){.heroelement .hero-img-container{height:600px;margin-top:40px}}@media screen and (max-width:991.98px){.heroelement .hero-img-container{height:500px;margin-top:40px}}@media screen and (max-width:767.98px){.heroelement .hero-img-container{height:560px;margin-top:80px}}@media screen and (max-width:575.98px){.heroelement .hero-img-container{height:400px}}.heroelement .hero-img-container .hero-img-wrapper{width:120%;height:100%;position:absolute;top:0;bottom:0;left:auto;right:0}@media screen and (max-width:991.98px){.heroelement .hero-img-container .hero-img-wrapper{width:100%}}.heroelement .hero-img-container .hero-img-wrapper .hero-img{width:100%;height:100%;object-fit:cover}.heroelement .hero-img-container .hero-img-wrapper .hero-button-wrapper-hero{z-index:4;position:absolute;top:auto;bottom:40px;left:-80px;right:auto}@media screen and (max-width:991.98px){.heroelement .hero-img-container .hero-img-wrapper .hero-button-wrapper-hero{top:-80px;bottom:auto;left:auto;right:30px}}