.video-tutorial-section{padding:80px 0;background:linear-gradient(0deg, #19314c 0%, #19314c 100%)}.video-tutorial-section .video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem}.video-tutorial-section .video-modal.-hidden{display:none}.video-tutorial-section .video-modal_backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.75);border:none;cursor:pointer}.video-tutorial-section .video-modal_dialog{position:relative;width:min(1000px,95vw);background:#0d1825;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5);z-index:1}.video-tutorial-section .video-modal_close{position:absolute;top:.45rem;right:.75rem;width:2.1rem;height:2.1rem;border:none;background:rgba(0,0,0,0);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;z-index:2}.video-tutorial-section .video-modal_iframe{display:block;width:100%;aspect-ratio:16/9;border:none;background:#000}.video-tutorial-section .video-container{max-width:1000px;margin:0 auto;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.4)}.video-tutorial-section .video-container .video-thumbnail-wrapper{position:relative;width:100%;padding-top:56.25%}.video-tutorial-section .video-container .video-thumbnail-wrapper .video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-tutorial-section .video-container .video-thumbnail-wrapper .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:60px;height:60px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.3)}.video-tutorial-section .video-container .video-thumbnail-wrapper .play-button::after{content:"";width:0;height:0;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);border-left:15px solid #00c7a3;margin-left:5px}.video-tutorial-section .video-container .video-thumbnail-wrapper .play-button:hover{transform:translate(-50%, -50%) scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.4)}.video-tutorial-section .video-container .video-info{background-color:#fff;padding:25px 30px;color:#333;color:var(--color-text-dark, #333)}.video-tutorial-section .video-container .video-info .video-title{font-size:1.2rem;font-weight:500;margin:0 0 5px}.video-tutorial-section .video-container .video-info .video-subtitle{font-size:.85rem;color:#777;margin:0}body.-video-modal-open{overflow:hidden}@media(max-width: 768px){.video-tutorial-section{padding:50px 0}.video-tutorial-section .video-container{border-radius:8px}.video-tutorial-section .video-container .video-info{padding:20px}.video-tutorial-section .video-container .video-thumbnail-wrapper .play-button{width:50px;height:50px}.video-tutorial-section .video-container .video-thumbnail-wrapper .play-button::after{border-top:8px solid rgba(0,0,0,0);border-bottom:8px solid rgba(0,0,0,0);border-left:12px solid #00c7a3}}