.hero-slider{position:relative;overflow:hidden}.hero-slider-wrapper{width:100%;position:relative}.hero-slide{width:100%;min-height:80vh;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0;opacity:0;visibility:hidden;pointer-events:none;padding:100px 20px;transform:scale(1.03);transition:opacity .9s ease,transform .9s ease,visibility .9s ease}.hero-slide.active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);position:relative;z-index:1}.hero-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#00000080,#1a120bf2);z-index:1}.hero-slide .page-width{position:relative;z-index:2}.single-hero-banner-row{text-align:center}.hero-slide h2{font-size:32px;font-weight:600;line-height:42px;color:#c4a047;margin-bottom:30px;text-shadow:2px 2px 2px #000;position:relative}.hero-slide h2:after{content:"";position:absolute;left:50%;bottom:-12px;width:80px;height:3px;background:#2d5a27;transform:translate(-50%)}.hero-slide p{max-width:900px;font-size:22px;line-height:30px;color:#fff;line-height:32px;margin-bottom:30px}.hero-slide a{display:inline-block;padding:14px 32px;background:#fff3;border-radius:30px;color:#86b143;font-weight:700;text-transform:uppercase;text-decoration:none;transition:.3s;border:2px solid #86b143}.hero-slide a:hover{background:#6a8d36;transform:translateY(-3px)}.hero-pagination{display:flex;justify-content:center;gap:10px;position:absolute;bottom:25px;left:50%;transform:translate(-50%);z-index:10}.hero-pagination .dot{width:12px;height:12px;border-radius:50%;background:#777;cursor:pointer;transition:.3s}.hero-pagination .dot.active{background:#fff;transform:scale(1.3)}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0006;color:#fff;border:none;font-size:12px;width:30px;height:30px;border-radius:50%;cursor:pointer;z-index:2;display:flex;justify-content:center;align-items:center}.hero-arrow:hover{background:#000000b3}.hero-arrow.left{left:20px}.hero-arrow.right{right:20px}@media screen and (min-width: 800px){.hero-slide h2{font-size:48px;line-height:58px}.hero-slide p{font-size:28px;line-height:38px}.hero-arrow{font-size:18px;width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/single-hero-banner.css.map */