.hero-banner-slider{position:relative;display:flex;align-items:center;justify-content:var(--hero-content-align, center);width:100%;min-height:var(--hero-min-height, 600px);padding:var(--hero-padding, 10px 50px 10px 50px);background-image:var(--hero-bg-image, none);background-position-x:var(--hero-bg-pos-x, 50%);background-position-y:var(--hero-bg-pos-y, 50%);background-repeat:no-repeat;background-size:var(--hero-bg-size, cover);background-color:var(--hero-bg-fallback, #ffffff);color:#fff}.hero-banner-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--hero-overlay-color, rgba(0, 0, 0, .4))}.hero-banner-slider__content{position:relative;z-index:2;max-width:var(--hero-content-max-width, 500px);text-align:var(--hero-content-text-align, left)}.hero-banner-slider__heading{color:var(--hero-heading-color, #ffffff);font-size:2rem;margin-bottom:var(--hero-heading-text-gap, 1rem);letter-spacing:0}.hero-banner-slider__text{color:var(--hero-text-color, #ffffff);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.hero-banner-slider__button-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex:1;gap:10px}.hero-banner-slider .btn{display:flex;justify-content:center;align-items:center;min-width:max-content;font-size:16px;text-decoration:none;border:none;background-color:var(--hero-btn-bg, #ffffff);color:var(--hero-btn-color, #000000)}.hero-banner-slider__wrapper .splide__arrows{position:absolute;right:0;bottom:0;z-index:1;display:flex;justify-content:flex-end;gap:25px;width:max-content;height:max-content;padding:25px 0;border-top:1px solid #222;transform:translate(-50%)}.hero-banner-slider__wrapper .splide__arrow{position:static!important;top:calc(100% + 20px);width:20px!important;height:20px!important;padding:0;background:transparent!important;opacity:1!important;transform:translate(0)!important}.hero-banner-slider__wrapper .splide__arrow:disabled{opacity:.5!important}.hero-banner-slider__wrapper .splide__arrow.splide__arrow--next{right:0!important}.hero-banner-slider__wrapper .splide__arrow.splide__arrow--prev{left:calc(100% - 50px)}.hero-banner-slider__wrapper .splide__arrow svg{fill:#222}@media (max-width: 1024px){.hero-banner-slider{justify-content:var(--hero-content-align-tablet, var(--hero-content-align, center));min-height:var(--hero-min-height-tablet, var(--hero-min-height, 500px));padding:var(--hero-padding-tablet, var(--hero-padding, 10px 50px 10px 50px));background-position-x:var(--hero-bg-pos-x-tablet, var(--hero-bg-pos-x, 50%));background-position-y:var(--hero-bg-pos-y-tablet, var(--hero-bg-pos-y, 50%));background-size:var(--hero-bg-size-tablet, var(--hero-bg-size, cover))}.hero-banner-slider__content{max-width:var(--hero-content-max-width-tablet, var(--hero-content-max-width, 100%));text-align:var(--hero-content-text-align-tablet, var(--hero-content-text-align, left))}.hero-banner-slider__heading{margin-bottom:var(--hero-heading-text-gap-tablet, var(--hero-heading-text-gap, 1rem))}.hero-banner-slider__overlay{background-color:var(--hero-overlay-color-tablet, var(--hero-overlay-color, rgba(0, 0, 0, .4)))}}@media (max-width: 768px){.hero-banner-slider{justify-content:var(--hero-content-align-mobile, var(--hero-content-align-tablet, center));min-height:var(--hero-min-height-mobile, var(--hero-min-height-tablet, 400px));padding:var(--hero-padding-mobile, var(--hero-padding-tablet, 50px 10px 50px 10px));background-image:var(--hero-bg-image-mobile, var(--hero-bg-image, none));background-position-x:var(--hero-bg-pos-x-mobile, var(--hero-bg-pos-x-tablet, 50%));background-position-y:var(--hero-bg-pos-y-mobile, var(--hero-bg-pos-y-tablet, 50%));background-size:var(--hero-bg-size-mobile, var(--hero-bg-size-tablet, cover))}.hero-banner-slider__content{max-width:var(--hero-content-max-width-mobile, var(--hero-content-max-width-tablet, 100%));text-align:var(--hero-content-text-align-mobile, var(--hero-content-text-align-tablet, left))}.hero-banner-slider__heading{margin-bottom:var(--hero-heading-text-gap-mobile, var(--hero-heading-text-gap-tablet, var(--hero-heading-text-gap, 1rem)))}.hero-banner-slider__overlay{background-color:var(--hero-overlay-color-mobile, var(--hero-overlay-color-tablet, rgba(0, 0, 0, .4)))}.hero-banner-slider .btn{flex:1}.hero-banner-slider__wrapper .splide__arrows{padding:20px 0}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/hero-banner-slider.css.map */