.how-to-use-section{max-width:var(--page-width);position:relative;padding-top:10px}.how-to-use-section h2{position:relative}.how-to-use-section h2:before{content:"";position:absolute;width:100px;height:2px;background-color:#53bfec;top:-20px;left:0}.how-to-use-section h2 span{color:#53bfec}.how-to-use-section .list{display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-content:center}.how-to-use-section .list .list-item{position:relative;overflow:hidden;border-radius:20px;cursor:pointer}.how-to-use-section .list .list-item:hover img{transform:scale(1.1);transition:transform .3s ease-in-out}.how-to-use-section .list .list-item:hover video{opacity:1;display:block;transition:all .3s ease-in-out}.how-to-use-section .list .list-item img{display:block;position:relative;object-fit:cover;width:100%;height:100%}.how-to-use-section .list .list-item .list-item-title{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;flex-direction:column;color:#fff;background:#0000004d;border-radius:20px;padding:15px}.how-to-use-section .list .list-item .list-item-title .position{font-size:20px;font-weight:700}@media screen and (min-width: 990px){.how-to-use-section .list{display:flex;gap:20px;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/how-to-use.css.map */