.blockCon781{height:400px;width:100%;padding:30px 0;word-break:break-word}.blockCon781 .backstage-blocksEditor-wrap .backstage-blocksEditor-wrap-text .backstage-widgetsettings-tools-zindex{top:50%}.blockCon781 .livedemo{display:flex;height:350px;margin:25px auto;gap:40px}.blockCon781 .livedemo-box{width:100%;height:306px;float:left;margin-top:20px}.blockCon781 .livedemo-boxer{width:100%;text-align:center;margin:auto;height:306px;position:relative}.blockCon781 .livedemo-boxer:before,.blockCon781 .livedemo-boxer:after{content:'';position:absolute;width:calc(100% - 35px);height:calc(100% - 35px);border:1px solid #e5e7e9;pointer-events:none;transition:.33s all ease}.blockCon781 .livedemo-boxer:before{top:0;left:0;border-width:1px 0 0 1px}.blockCon781 .livedemo-boxer:after{bottom:0;right:0;border-width:0 1px 1px 0}.blockCon781 .livedemo-boxer img{margin-top:55px;width:55px;height:55px;transition:.33s all ease;margin-bottom:5px;object-fit:contain}.blockCon781 .livedemo-text1{font-size:19px;font-weight:bold;transition:.33s all ease;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.blockCon781 .livedemo-text2{font-size:14px;color:#9f9f9f;width:255px;margin:auto;transition:.33s all ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.blockCon781 .livedemo-line{width:49px;height:2px;max-width:100%;margin:13px auto;transition:.33s all ease;background:#93c83f}.blockCon781 .livedemo-boxer:hover .livedemo-line{width:168px;margin-bottom:30px}.blockCon781 .livedemo-boxer:hover img{margin-top:45px}.blockCon781 .livedemo-boxer:hover:after{width:306px;height:304px;border-color:#93c83f}.blockCon781 .livedemo-boxer:hover:before{width:306px;height:304px;border-color:#93c83f}.blockCon781 .backstage-blocksEditor-wrap a[href=""],.blockCon781 .backstage-blocksEditor-wrap a[href="javascript:void(0)"],.blockCon781 .backstage-blocksEditor-wrap a[href="javascript:void(0);"],.blockCon781 .backstage-blocksEditor-wrap a[href="javascript:;"]{cursor:default}.blockCon781 .backstage-blocksEditor-wrap[data-blocksEditor-type="phoenix_blocks_image"] .backstage-componet{width:100%}@media screen and (max-width:1200px){.location_blockCon781_pack:not(.container){width:100%;margin:auto}.location_blockCon781_pack.container .blockCon781{width:calc(100% - 20px);margin:0 10px;padding:0}}@media(min-width:480px) and (max-width:990px){.blockCon781{height:870px;padding:0}.blockCon781 .livedemo{flex-wrap:wrap;gap:0}.blockCon781 .livedemo-box{width:calc(100% - 2px);height:270px}.blockCon781 .livedemo-boxer{max-width:445px;height:250px;width:auto}.blockCon781 .livedemo-boxer img{margin-top:10px}.blockCon781 .livedemo-boxer:hover img{margin-top:15px}.blockCon781 .livedemo-boxer:hover:after{width:443px;height:249px;border-color:#93c83f}.blockCon781 .livedemo-boxer:hover:before{width:443px;height:249px;border-color:#93c83f}}@media(min-width:320px) and (max-width:480px){.blockCon781{height:870px;padding:0;min-width:350px}.blockCon781 .livedemo{height:350px;margin:25px auto;flex-wrap:wrap;gap:0}.blockCon781 .livedemo-box{width:100%;height:270px}.blockCon781 .livedemo-boxer{max-width:445px;height:250px;width:auto}.blockCon781 .livedemo-boxer img{margin-top:30px}.blockCon781 .livedemo-boxer:hover img{margin-top:20px}.blockCon781 .livedemo-boxer:hover:after{width:99.8%;height:249px;border-color:#93c83f}.blockCon781 .livedemo-boxer:hover:before{width:99.8%;height:249px;border-color:#93c83f}}