@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.tutorials-container{border-radius:.5rem}.tutorials-container .swiper-slide{position:relative}.tutorials-container .swiper-pagination{bottom:0;top:0}.tutorials-container .swiper-pagination-bullet{background:#fff9;height:10px;margin-inline:2px;transition:all .5s ease;width:10px}.tutorials-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ff8000;border-radius:30px;width:40px}.tutorials-container .tutorial-image-container img{transition:all .5s ease}.tutorials-container .overlay-gradient{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);bottom:0;height:60%;left:0;position:absolute;transition:all .2s ease;width:100%}.tutorials-container .play-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 10px #0000004d;color:#000;display:flex;font-size:1rem;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1.01);transition:all .3s ease;width:40px}.tutorials-container .tutorial-container:hover .overlay-gradient{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent)}.tutorials-container .tutorial-container:hover .tutorial-image-container img{transform:scale(1.1)}.tutorials-container .tutorial-container:hover .play-icon{transform:translate(-50%,-50%) scale(1.18)}.el-dialog.pla-dialog-tutorial{border-radius:8px;margin:50px auto;max-width:calc(100% - 10px);overflow:hidden;width:800px}.el-dialog.pla-dialog-tutorial .tutorial-video{aspect-ratio:16/9}.el-dialog.pla-dialog-tutorial .el-dialog__body{padding:0!important}