.demo-video-component{background:#171717;padding:4% 13.5%}.demo-video-component-black{background:#0f0f0f;padding:35px 13.5%}.thumbnail_title_demo{display:flex;margin-top:1rem;width:100%}@media (min-width:0px) and (max-width:425px){.demo-video-component-black{padding:15px 24px 15px 23px}.thumbnail_title_demo{display:flex;flex-direction:column;margin-top:1rem;width:100%;gap:10px}}.title-text{font-size:70px;font-weight:700;color:#fff;line-height:1}.withnew,.withnew-1,.withnew-2,.withnew-package{width:85%}.AllPageComponent-text{color:var(--primary-color);text-align:left;font-weight:700;font-size:20px;padding:0 0 10px}.videos-head{font-size:14px;font-weight:700;letter-spacing:2px;color:#fff;text-align:left;padding-bottom:12px}.react-player-main-div{display:flex;justify-content:right}.video-demo{width:100%;height:100%}.videos-dot{padding:64px 10px 0 0!important;color:var(--primary-color);font-size:15px}.latest-release-text{font-weight:700;font-size:20px;color:var(--primary-color)}.video-responsive{display:flex;flex-wrap:wrap;justify-content:center;padding-top:30px}.video-width-react-player{width:89.7vw!important;height:25vh!important}.DemoVideoComponent-video{width:100%;height:100%}.demo-wrapper{padding:35px 61px}.demo_description{line-height:1;color:#fff;font-size:14px;flex:1;height:100%}.demo_thumbnail{width:21%;height:calc(21% * 9 / 16)}.demo_thumbnail,.demo_thumbnail_2{border-radius:15px 0 15px 15px;overflow:hidden}.demo_thumbnail_2{width:30%;height:calc(30% * 9 / 16)}.demo_image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.demo-title-blog-inner{font-size:16px;line-height:1;color:#fff;font-weight:600;margin-bottom:10px;cursor:pointer}.demo-title-blog-inner:hover{color:var(--primary-color)}.description-blog-wrapper{position:relative;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.small-description-wrapper{position:relative;display:block;overflow:hidden;height:100%;padding-bottom:28px}.small-description-wrapper .continue-reading-kc{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.small-description-wrapper .continue-reading-kc:hover{color:var(--primary-color)}.continue-reading{color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;margin-top:5px}.continue-reading:hover{color:var(--primary-color)}.player-text{display:flex;align-items:center;gap:10px;margin-top:0}.player-text-navigate{flex:1}.gray-com{color:#a7a7a7;cursor:pointer}.gray-com:hover{color:var(--primary-color)}.ellipsis{overflow:hidden;text-overflow:ellipsis}.w-95{width:95%}.flex-1{flex:1}.mr-1{margin-right:.25rem}.cursor-pointer{cursor:pointer}.content-center{justify-content:center}.items-center{align-items:center}.rounded-18px{border-radius:18px}.overflow-hidden{overflow:hidden}.width-fit{width:-moz-fit-content;width:fit-content}.hover-yellow:hover{color:var(--primary-color)}@media (max-width:1024px){.DemoVideoComponent-video{height:112%!important;padding-top:20px}}@media (max-width:768px){.DemoVideoComponent-video{padding:20px 20%}}@media (min-width:1140px) and (max-width:1920px){.demo_thumbnail{width:25%}.demo_thumbnail,.demo_thumbnail_2{border-radius:15px 0 15px 15px;overflow:hidden}}@media (min-width:0px) and (max-width:766px){.demo_thumbnail{width:100px}.demo_thumbnail_2{width:35%;height:calc(35% * 9 / 16)}.demo-wrapper{padding:15px 23px}}@media (min-width:0px) and (max-width:425px){.react-player-main-div{padding-top:30px}.demo-video-component{padding:3.5% 23px}.DemoVideoComponent-video{padding:20px 5%}.withnew{width:100%;padding:3.5% 35px 3.5% 0}.withnew-package{width:100%;padding:3.5% 0}.withnew-1{width:100%;padding:0}.withnew-2{width:100%}}@media (min-width:2560px) and (max-width:3840px){.demo_thumbnail_2{width:22%;height:calc(40% * 9 / 16)}}.edit-three-dot{position:absolute;right:0;top:2px;cursor:pointer;color:#a7a7a7}.edit-three-dot:hover{color:#fff}.edit_share_project{position:absolute;background-color:#202020;color:#fff;right:10px;z-index:1111;top:23px;padding:0;font-size:14px;border-radius:4px}.edit_share_project div{cursor:pointer;width:100px;padding:4px}.edit_share_project div:hover{cursor:pointer;color:#fff;padding:4px;background-color:#000}.bookmark_add{position:absolute;top:10px;right:10px;width:24px;height:24px;cursor:pointer;z-index:10}.alert-modal-text{color:#fff}.alert-modal-btn-main-div{margin-top:4%;gap:30px}.alert-modal-btn{font-size:16px;font-weight:700;border:var(--primary-color);width:120px}.alert-modal-btn,.alert-modal-btn:hover{background:var(--primary-color);color:#000}