.section_tutorials{text-align:center;padding-top:4rem;padding-bottom:75px}.container_medium{max-width:900px;padding-left:20px;padding-right:20px}.heading_section{color:#111827;font-size:48px;margin-top:0;margin-bottom:5px;font-weight:700}.heading_section .line_height_50px{line-height:50px}.heading_mark_gradient{color:#fff;background-image:linear-gradient(90deg,#9de053,#01cb6b);border-radius:38px 14px;padding:6px 22px;display:inline}.paragraph_medium{font-size:18px;line-height:28px}.margin_top_20px{margin-top:20px}.grid_3_tutorials{display:grid;grid-column-gap:24px;grid-row-gap:24px;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;margin-top:50px}.video-item{cursor:pointer;width:100%}.thumb-wrapper{position:relative;width:100%;line-height:0;border-radius:8px;overflow:hidden}.video-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;transition:transform .5s ease}.play-btn-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;width:57px;z-index:2;transition:transform .3s ease}.play-icon{width:100%;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.video-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:9999;align-items:center;justify-content:center;padding:20px}.popup-box{width:100%;max-width:850px;position:relative}#videoIframe{width:100%;aspect-ratio:16 / 9;border-radius:8px;border:none}.close-popup{position:fixed;top:25px;right:30px;color:#fff;font-size:35px;line-height:1;cursor:pointer;z-index:100000;transition:transform .3s ease,color .3s ease;font-weight:300;transition:opacity .3s ease,transform .3s ease;opacity:1}.close-popup:hover{opacity:.8}.placeholder-svg{background:#f0f0f0;fill:#ccc}@media screen and (max-width: 991px){.section_tutorials{padding-top:60px;padding-bottom:60px}.container_medium{padding-left:20px;padding-right:20px}.heading_section{font-size:40px}.play-btn-overlay{width:48px}}@media screen and (max-width: 767px){.section_tutorials{padding-top:50px;padding-bottom:50px}.grid_3_tutorials{grid-template-columns:1fr 1fr}.popup-box{position:absolute}#videoIframe{border-radius:0}}@media screen and (max-width: 479px){.heading_section{font-size:36px}.grid_3_tutorials{grid-template-columns:1fr}.paragraph_medium{font-size:16px;line-height:26px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/tutorials.css.map */