.col-hero{position:relative;overflow:hidden}.col-hero__slides{position:relative}.col-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-color:#2c2c2c;display:flex;align-items:center;padding:150px 84px 93px;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .5s ease}.col-hero__slide.is-active{position:relative;opacity:1;visibility:visible}.col-hero__inner{position:relative;z-index:2;max-width:520px}.col-hero__tag{display:inline-flex;align-items:center;justify-content:center;padding:5px 13px;margin-bottom:20px}.col-hero__tag-img{display:block;height:16px;width:auto}.col-hero__title{color:#fff;font-size:50px;font-weight:700;margin:0 0 24px}.col-hero__text{color:#fff;font-size:16px;line-height:2.25;margin-bottom:60px}.col-hero__button{display:inline-flex;align-items:center;gap:40px;background:#fff;color:#2a972f;font-weight:700;padding:7px 7px 7px 80px;border-radius:999px;text-decoration:none}.col-hero__button-icon{width:46px;height:46px;display:block}.col-hero__dots{position:absolute;left:50%;bottom:34px;transform:translate(-50%);display:flex;gap:10px;z-index:3}.col-hero__dot{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff80;padding:0;cursor:pointer}.col-hero__dot.is-active{background:#fff}.col-hero__nav{position:absolute;right:30px;bottom:24px;display:flex;gap:12px;z-index:3}.col-hero__nav-btn{width:44px;height:44px;border-radius:50%;border:none;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.col-hero__nav-btn img{width:100%;height:100%;display:block}.col-hero__nav-btn--prev img{transform:scaleX(-1)}@media screen and (max-width:1024px){.col-hero__slide{padding:150px 40px 53px}.col-concept{padding:30px 20px}.col-concept__inner{gap:30px}.col-concept__text-col{flex:0 0 420px}.col-concept__text{margin-bottom:40px}}@media screen and (max-width:749px){.col-hero,.col-hero__slides{min-height:520px}.col-hero__slide{padding:30px}.col-hero__title{font-size:28px}}@media screen and (max-width:620px){.col-hero__slide{padding:140px 20px 30px}.col-hero,.col-hero__slides{min-height:500px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/collection-hero.css.map */