.video-grid-section{padding:50px 0;background-color:#f8f9fa}.section-video-grid-padding{padding-top:var(--section-padding-top, 50px);padding-bottom:var(--section-padding-bottom, 50px)}.video-grid-header{margin-bottom:50px}.video-grid-heading{font-size:48px;font-weight:700;line-height:1.2;margin:0;color:#41b8b8;text-transform:capitalize}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.video-grid-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;width:100%}.video-grid-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;position:relative;width:100%;padding-bottom:133.33%;height:0}.video-grid-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;border-radius:12px;overflow:hidden}.video-player,.video-container video{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#f0f0f0;color:#999;text-align:center}.video-placeholder svg{margin-bottom:15px;opacity:.5}.video-placeholder p{font-size:16px;margin:0;font-weight:500}video::-webkit-media-controls-panel{background-color:#000c}video::-webkit-media-controls-play-button,video::-webkit-media-controls-timeline,video::-webkit-media-controls-current-time-display,video::-webkit-media-controls-time-remaining-display,video::-webkit-media-controls-mute-button,video::-webkit-media-controls-volume-slider{filter:brightness(1.2)}@media(max-width:1199px){.video-grid-wrapper{grid-template-columns:repeat(2,1fr);gap:25px}.video-grid-heading{font-size:40px}.video-grid-header{margin-bottom:40px}}@media(max-width:1024px){.video-grid-section{padding:40px 0}.video-grid-heading{font-size:36px}}@media(max-width:767px){.video-grid-wrapper{grid-template-columns:1fr;gap:20px}.video-grid-section{padding:30px 0}.video-grid-heading{font-size:28px}.video-grid-header{margin-bottom:30px}.video-placeholder svg{width:60px;height:60px}}@media(max-width:550px){.video-grid-heading{font-size:24px}.video-placeholder svg{width:50px;height:50px}.video-placeholder p{font-size:14px}}body.layout_rtl .video-grid-wrapper{direction:rtl}body.layout_rtl .text-left{text-align:right}body.layout_rtl .text-right{text-align:left}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-video-grid.css.map */