.hero-banner-slider-section{position:relative;overflow:hidden;width:100%}.hero-banner-slider-wrapper{position:relative;width:100%;height:calc(80vh - 118px);overflow:hidden}.hero-slider{transition:transform .8s ease-in-out;will-change:transform}.hero-slide-item{position:absolute;top:0;left:0;opacity:0;z-index:1;transition:opacity 1.2s ease-in-out;min-width:100%;flex-shrink:0;height:calc(80vh - 118px)}.hero-logo{margin:-50px auto 0;border-radius:50%;box-shadow:0 0 20px 5px #0000004d}.hero-slide-item.active-slide{opacity:1;z-index:5}.hero-slide-item.left{text-align:left;justify-content:flex-start}.hero-slide-item.center{text-align:center;justify-content:center}.hero-slide-item.right{text-align:right;justify-content:flex-end}.hero-slide-bg{position:absolute;top:0;left:0;width:100%;height:calc(80vh - 118px);background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1}.hero-slide-bg.desktop{display:block}.hero-slide-bg.mobile{display:none}.hero-slide-bg.placeholder{background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#888}.hero-slide-bg.placeholder:after{content:"Add Slide Image in Theme Editor"}.hero-slide-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.hero-slide-content{position:relative;z-index:3;max-width:1100px;width:100%;margin:0 auto;padding:20px;display:flex;height:calc(80vh - 118px)}.hero-slide-main-content{margin:25px auto 0;align-self:center;border-radius:20px;background-color:#fffc;padding:30px;max-width:580px;display:inline-block}.hero-heading{font-size:clamp(24px,5vw,31px);margin-bottom:.5em;line-height:1.1;padding-top:10px;color:#1a5223}.hero-subheading{font-size:clamp(14px,2vw,16px);margin-bottom:1em;text-transform:uppercase;color:#000;font-weight:700}.hero-text{font-size:clamp(13px,2vw,16px);color:#202020}.hero-button{display:inline-block;padding:15px 50px;background-color:#faae25;color:#1a5223;text-decoration:none;border-radius:50px;font-weight:700;transition:background-color .3s ease}.hero-button:hover{background-color:#1a5223;color:#fff}.hero-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:10px;cursor:pointer;z-index:10;font-size:1.5rem;line-height:1}.hero-slider-arrow--prev{left:10px}.hero-slider-arrow--next{right:10px}.hero-slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:8px}.hero-slider-dot{width:10px;height:10px;border-radius:50%;background-color:#c8c8c880;cursor:pointer;transition:background-color .3s ease}.hero-slider-dot.active{background-color:#c8c8c8}@media (max-width: 768px){.hero-slide-bg.desktop{display:none}.hero-slide-bg.mobile{display:block;height:100vh;max-height:100vh}.hero-slide-content{max-width:100%;height:calc(80vh - 113px);padding:30px}.hero-banner-slider-wrapper{height:calc(80vh - 113px)}.hero-slide-item{height:calc(80vh - 113px);align-items:flex-end}.hero-slide-main-content{padding:20px}.hero-button{display:inline-block;padding:15px 30px}.hero-slide-item.left,.hero-slide-item.right{justify-content:center;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-hero-banner-slider.css.map */