.demo-video-component{background:#171717;padding:4% 13.5%}.demo-video-component-black{background:#0f0f0f;padding:35px 13.5%}.title-text{font-size:70px;font-weight:700}.thumbnail_title_demo{width:100%;margin-top:1rem;display:flex}@media (min-width:0) and (max-width:425px){.demo-video-component-black{padding:15px 24px 15px 23px}.thumbnail_title_demo{flex-direction:column;gap:10px;width:100%;margin-top:1rem;display:flex}}.title-text{color:#fff;font-size:70px;font-weight:700;line-height:1}.withnew,.withnew-package,.withnew-1,.withnew-2{width:85%}.AllPageComponent-text{color:var(--primary-color);text-align:left;padding:0 0 10px;font-size:20px;font-weight:700}.videos-head{letter-spacing:2px;color:#fff;text-align:left;padding-bottom:12px;font-size:14px;font-weight:700}.react-player-main-div{justify-content:right;display:flex}.video-demo{width:100%;height:100%}.videos-dot{color:var(--primary-color);font-size:15px;padding:64px 10px 0 0!important}.latest-release-text{color:var(--primary-color);font-size:20px;font-weight:700}.video-responsive{flex-wrap:wrap;justify-content:center;padding-top:30px;display:flex}.video-width-react-player{width:89.7vw!important;height:25vh!important}.DemoVideoComponent-video{width:100%;height:100%}.demo-wrapper{padding:35px 61px}.demo_description{color:#fff;flex:1;height:100%;font-size:14px;line-height:1}.demo_thumbnail{border-radius:15px 0 15px 15px;width:21%;height:11.8125%;overflow:hidden}.demo_thumbnail_2{border-radius:15px 0 15px 15px;width:30%;height:16.875%;overflow:hidden}.demo_image{object-fit:cover;width:100%;height:100%}.demo-title-blog-inner{color:#fff;cursor:pointer;margin-bottom:10px;font-size:16px;font-weight:600;line-height:1}.demo-title-blog-inner:hover{color:var(--primary-color)}.description-blog-wrapper{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;position:relative;overflow:hidden}.small-description-wrapper{height:100%;padding-bottom:28px;display:block;position:relative;overflow:hidden}.small-description-wrapper .continue-reading-kc{color:#fff;cursor:pointer;align-items:center;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:0;right:0}.small-description-wrapper .continue-reading-kc:hover{color:var(--primary-color)}.continue-reading{color:#fff;cursor:pointer;align-items:center;margin-top:5px;font-size:12px;font-weight:600;display:inline-flex}.continue-reading:hover{color:var(--primary-color)}.player-text{align-items:center;gap:10px;margin-top:0;display:flex}.player-text-navigate{flex:1}.gray-com{color:#a7a7a7;cursor:pointer}.gray-com:hover{color:var(--primary-color)}.ellipsis{text-overflow:ellipsis;overflow:hidden}.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:fit-content}.hover-yellow:hover{color:var(--primary-color)}@media (max-width:1024px){.DemoVideoComponent-video{padding-top:20px;height:112%!important}}@media (max-width:768px){.DemoVideoComponent-video{padding:20px 20%}}@media (min-width:1140px) and (max-width:1920px){.demo_thumbnail{border-radius:15px 0 15px 15px;width:25%;overflow:hidden}.demo_thumbnail_2{border-radius:15px 0 15px 15px;overflow:hidden}}@media (min-width:0) and (max-width:766px){.demo_thumbnail{width:100px}.demo_thumbnail_2{width:35%;height:19.6875%}.demo-wrapper{padding:15px 23px}}@media (min-width:0) 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:22.5%}}.edit-three-dot{cursor:pointer;color:#a7a7a7;position:absolute;top:2px;right:0}.edit-three-dot:hover{color:#fff}.edit_share_project{color:#fff;z-index:1111;background-color:#202020;border-radius:4px;padding:0;font-size:14px;position:absolute;top:23px;right:10px}.edit_share_project div{cursor:pointer;width:100px;padding:4px}.edit_share_project div:hover{cursor:pointer;color:#fff;background-color:#000;padding:4px}.bookmark_add{cursor:pointer;z-index:10;width:24px;height:24px;position:absolute;top:10px;right:10px}
.mainDiv{background-color:#000;padding:3% 13%}.footerCol{color:#fff}.footerLogo{width:50px;height:50px;margin-bottom:13px}.footerTitleAbout{text-transform:uppercase;margin:0;padding:10px 0;font-size:16px;font-weight:500}.footerTitle{text-transform:uppercase;margin:0;padding:6px 0;font-size:16px;font-weight:500}.linkSection{color:#b2b2b2;text-transform:capitalize;cursor:pointer;font-size:13px;line-height:36px;text-decoration:none}.linkSection:hover{color:var(--primary-color)}.footer-blog-title{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.footer-blog-div{margin-bottom:10px}.shareIcon{padding-top:10px}.icon{cursor:pointer;padding:0 10px}.footer-icon-link{text-decoration:none}.footer-icon-link img{width:40px}@media (min-width:0) and (max-width:425px){.mainDiv{padding:3% 5.5%}}