.hero-slider{--color-foreground:#fff;--color-foreground-heading:#fff;--color-foreground-subheading:#fff;--slider-nav-height:120px;min-height:100vh}.hero-slider-wrapper{display:block}.slider-card{padding-block-start:var(--slider-nav-height);padding-block-end:var(--slider-nav-height);position:relative}.with-floating-header .slider-card{padding-block-start:calc(var(--header-height) + 60px);padding-block-end:calc(var(--header-height) + 60px)}.slider-card .content-box{max-width:772px}.slider-card-4 .content-box{max-width:1000px}.slider-card-4 .heading-color{--color-foreground-heading:#82b4ff}.slider-media{height:100%;display:flex}.slider-media img{object-fit:cover;width:100%;height:100%}.slider-nav{z-index:99;width:100%;height:var(--slider-nav-height);align-items:center;display:flex;position:absolute;bottom:0;left:0}.slider-nav .swiper-button-next,.slider-nav .swiper-button-prev{z-index:10;cursor:pointer;width:50%;height:inherit;color:var(--swiper-navigation-color);background-color:var(--swiper-navigation-background-color);border:none;border-top:1px solid var(--color-border);outline:none;justify-content:center;align-items:center;margin:0;transition:all .3s;display:flex;position:static}.slider-nav .swiper-button-next:hover,.slider-nav .swiper-button-prev:hover{color:var(--swiper-navigation-hover-color);background-color:var(--swiper-navigation-hover-background-color);border-top:1px solid var(--color-border-hover)}.slider-nav .swiper-button-next svg,.slider-nav .swiper-button-prev svg{width:32px;height:32px}hero-slider{display:flex}.slider-card{height:100%}.slider-animation>*{opacity:0;transition:opacity 1.5s .1s,transform 1.5s .1s;transform:translateY(100px)}.slider-animation>:nth-child(2){transition-delay:.3s}.slider-animation>:nth-child(3){transition-delay:.6s}.slider-animation>:nth-child(4){transition-delay:.8s}.swiper-slide-active .slider-animation>*{opacity:1;transform:translateZ(0)}.slider-media{width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.slider-content{z-index:1;width:100%;height:100%;display:flex;position:relative}@media (max-width:1600px){.hero-slider{--slider-nav-height:80px}}@media (max-width:1280px){.hero-slider{--slider-nav-height:60px}.hero-slider-3{min-height:640px}}@media (max-width:767px){.slider-nav .swiper-button-next svg,.slider-nav .swiper-button-prev svg{width:28px;height:28px}.with-floating-header .slider-card{padding-block-start:calc(var(--header-height) + 40px);padding-block-end:calc(var(--header-height) + 40px)}}
