.hero{overflow:hidden}.hero__container{background-color:#000;border-radius:12px}.hero__content{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 16px;position:relative;z-index:3}.hero__image-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.hero__review{display:flex;align-items:center;justify-content:center}.hero__review p{margin-left:8px}.hero__review img{object-fit:contain;object-position:center;width:65px;height:auto}.hero__content h2{margin-top:0;margin-bottom:10px}.hero__content .rte{margin-bottom:20px}.hero__image{position:relative;overflow:hidden;padding-top:345px;width:100%}.hero__image img{object-fit:contain;object-position:center;position:absolute;left:20px;right:0;bottom:0;top:25px;width:100%;height:100%;transform:scale(1.3);pointer-events:none}.hero__badge{--swiper-navigation-size: 20px;--swiper-theme-color: #FFFFFF;background-color:#292929;border-radius:12px;max-width:1040px;margin:50px auto;padding:20px;gap:16px;position:relative}.hero__badge .swiper-wrapper{align-items:center}.hero__badge .swiper-slide{width:max-content;margin-right:10px}.hero__badge-item{display:flex;align-items:center;justify-content:center;gap:16px}.hero__badge-item svg,.hero__badge-item img{min-width:20px;width:32px;height:auto}.hero__badge-item p{margin-bottom:0;margin-top:0;line-height:1.2}.hero__badge-item p:not(.h4){font-size:1.2rem;font-weight:400;margin-top:.5rem}@media screen and (min-width: 991px){.hero__container{border-radius:20px}.hero__content{padding-left:80px}.hero__content{align-items:flex-start;max-height:641px;height:100vh}.hero__review img{width:107px}.hero__image{padding-top:70%;overflow:visible}.hero__image img{transform:scale(1.2);left:-100px;top:-20px}.hero__badge{padding:20px 40px}.hero__badge .swiper-container{pointer-events:none}.hero__badge .swiper-wrapper{justify-content:space-between}.hero__badge .swiper-slide{width:max-content!important}.hero__badge-item svg,.hero__badge-item img{width:32px}.hero__badge .swiper-button-next,.hero__badge .swiper-button-prev{display:none}.hero__badge-item{gap:8px}}@media screen and (max-width: 991px){.hero__container .grid{flex-direction:column-reverse}.hero__content{text-align:center}.hero__review{order:10;margin-top:12px}.hero__content .button--icon{width:100%}.hero__content .button--icon svg{display:none}}@media screen and (max-width: 991px) and (min-width: 768px){.hero__image img{transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-hero-banner.css.map */