.section-install-videos{margin-top:-60px;background-color:var(--light-grey-color);padding:80px 0}.section-install-videos .learning-video-thumbnil .play-btn span{width:60px;height:42px;background:red;border-radius:8px;position:absolute;opacity:1;visibility:visible;transition:var(--webkit-transition-all);display:flex}.section-install-videos .learning-video-thumbnil .play-btn span:after{display:block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid var(--white-color);position:relative;margin:auto;content:""}.section-install-videos .learning-video-thumbnil .play-btn{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:var(--webkit-transition-all);border-radius:10px}.section-install-videos .learning-video-thumbnil .play-btn:hover{background:#0009}.video-modal{display:flex;z-index:999;width:100%;height:100%;position:fixed;justify-content:center;visibility:hidden;top:0;left:0;background:#00000080;opacity:0;filter:opacity(0);transition:var(--webkit-transition-all);padding:30px;overflow-y:auto}.video-modal.open{visibility:visible;opacity:1;filter:opacity(1)}.video-modal .modal-body{display:flex;flex-direction:column;padding:30px;max-width:760px;width:100%;height:450px;border-radius:var(--border-radius-5);background-color:var(--white-color);margin:auto;position:relative}.video-modal .modal-body .modal-close{position:absolute;top:-20px;right:-20px;cursor:pointer;width:40px;height:40px;background-color:var(--light-grey-color);border-radius:var(--border-radius-5);display:flex;align-items:center;justify-content:center}.video-modal .modal-body .modal-close svg{width:16px;height:16px;fill:var(--dark-gray-color)}.video-modal .modal-body .modal-content{display:flex;width:100%;height:100%}.video-modal .modal-body .modal-content iframe{width:100%;height:100%;border-radius:var(--border-radius-5)}.section-install-videos .row{display:flex;gap:40px;flex-wrap:wrap}.section-install-videos .row .col-6{max-width:calc(50% - 20px);width:100%}.section-install-videos .learning-video-thumbnil{display:flex;flex-wrap:wrap;width:100%;height:100%;position:relative}.section-install-videos .learning-video-thumbnil img{width:100%;height:100%;max-height:360px;min-height:360px;object-fit:cover;border-radius:10px}.section-install-videos .learning-video-item{padding:24px;border-radius:10px;background-color:var(--white-color)}.section-install-videos .learning-video-item h4{font-weight:600;font-size:24px;line-height:100%;text-align:center;margin-top:36px}@media (max-width: 991px){.section-install-videos{margin-top:0;padding:40px 0}.section-install-videos .row{gap:20px}.section-install-videos .row .col-6{max-width:calc(50% - 10px)}}@media (max-width: 767px){.section-install-videos .row{flex-direction:column}.section-install-videos .row .col-6{max-width:100%}.section-install-videos .learning-video-item{padding:20px}.section-install-videos .learning-video-item h4{font-size:22px;line-height:100%;margin-top:30px}}@media (max-width: 580px){.section-install-videos .learning-video-thumbnil img{max-height:260px;min-height:260px}.video-modal .modal-body{height:300px;padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-install-videos.css.map */