.hero-slider-animation .bg-image{object-position:bottom}.hero-slider-animation .embla__dot{position:relative;width:12px;height:12px;border-radius:50%;background:var(--color-border-light);border:none;cursor:pointer;transition:all .3s ease;overflow:hidden}.hero-slider-animation .embla__dot--selected{width:40px;border-radius:6px;background:var(--color-border-light)!important}.hero-slider-animation .embla__dot:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;border-radius:inherit;background:var(--color-hero-red-500);opacity:0;transition:opacity .3s ease}.hero-slider-animation .embla__dot--selected:before{opacity:1}.hero-slider-animation .embla__dot--selected.embla__dot--progress:before{animation:progress-fill var(--duration, 4s) linear}@media (max-width: 640px){.hero-slider-animation .embla__dot--selected.embla__dot--progress:before{animation:none}.hero-slider-animation .embla__dot--selected{width:12px}}@keyframes progress-fill{0%{width:0%}to{width:100%}}.hero-slider-animation .embla__dot:hover{background:var(--color-dark-grey)}.hero-slider-animation .embla__dot--selected{background:var(--color-dark-grey)!important}.hero-slider-animation .embla__prev:focus,.hero-slider-animation .embla__next:focus,.hero-slider-animation .embla__dot:focus{outline:2px solid var(--color-hero-red-500);outline-offset:2px}.hero-slider-animation .hero-slider-animation__left,.hero-slider-animation .hero-slider-animation__right,.hero-slider-animation .hero-slider-animation__person{transition:opacity .4s ease-out,transform .4s ease-out}.hero-slider-animation .embla__slide:not(.is-snapped) .hero-slider-animation__left{transform:translate(-300px);opacity:0}.hero-slider-animation .embla__slide:not(.is-snapped) .hero-slider-animation__right{transform:translate(300px);opacity:0}.hero-slider-animation .embla__slide.is-snapped .hero-slider-animation__left,.hero-slider-animation .embla__slide.is-snapped .hero-slider-animation__right{transform:translate(0);opacity:1;transition:opacity .4s ease-out,transform .4s ease-out}.hero-slider-animation .embla__slide:not(.is-snapped) .hero-slider-animation__person{opacity:0;transform:scaleX(.5)}.hero-slider-animation .embla__slide.is-snapped .hero-slider-animation__person{opacity:1;transform:scaleX(1);transition:opacity .4s ease-out,transform .4s ease-out}