.hover-box-section .section-header{text-align:center}.hover-box-section p.subheadline{font-weight:500;line-height:24px;width:41.66%;margin:0 auto 40px}.hover-box-section .use-card-container .swiper-wrapper{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap}.hover-box-card{position:relative;overflow:hidden;border-radius:12px}.hover-box-card:before{content:"";position:absolute;top:auto;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,#0000,#000)}.hover-box-card:hover:before{height:100%;background:linear-gradient(to bottom,#000000d9,#000000d9)}.hover-box-card .img-wrapper{height:100%}.hover-box-card .img-wrapper .use-video,.hover-box-card .img-wrapper img.use-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.hover-box-content{position:absolute;bottom:-40px;height:0px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.5s;z-index:5;left:18px;right:18px}.hover-box-content h2{margin:0;font-weight:700}.hover-box-content p,.hover-box-content .button{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.hover-box-content p{font-weight:300}.hover-box-content .button{margin:20px 0 0}.hover-box-card:hover .hover-box-content{height:100%;bottom:0}.hover-box-card:hover .hover-box-content p,.hover-box-card:hover .hover-box-content .button{opacity:1;transform:translateY(0)}@media(max-width:1199.98px){.hover-box-section p.subheadline{width:75%}}@media(max-width:991.98px){.hover-box-section p.subheadline{width:100%}}@media(max-width:767.98px){.hover-box-section .heading{margin:0 0 20px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hover-box.css.map */