.demo-page-landing{width:100%;height:100%;z-index:99999;overflow:auto;background:#fff;text-align:center;padding:40px 0 0}.side-demo span{top:-20px;right:0;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;position:absolute;background-color:#f40000}.demo-title h2,.sa-demo-bar .demo-label,.sa-demo-bar .sa-demo-bar-item h6{font-weight:700;font-family:"Droid Arabic Kufi"}.demo-page-landing.active{transform:translate(0,0)}.demo-page-landing-wrap{list-style:none;margin:auto;padding:20px 10px;display:flex;flex-wrap:wrap;max-width:1230px}.demo-title h2{font-size:30px;margin-bottom:0;padding-bottom:10px}.demo-title{margin:0 auto;max-width:750px;padding:40px 60px 0}.sa-demo-bar .sa-demo-bar-item{width:33%;padding:0 15px;margin-bottom:35px}.sa-demo-bar .sa-demo-bar-item .sa-demo-bar-item-inner{border-radius:5px;overflow:hidden;position:relative;-webkit-box-shadow:0 20px 81px 0 rgb(8 0 20 / 14%);-khtml-box-shadow:0 20px 81px 0 rgb(8 0 20 / 14%);-moz-box-shadow:0 20px 81px 0 rgb(8 0 20 / 14%);-ms-box-shadow:0 20px 81px 0 rgb(8 0 20 / 14%);-o-box-shadow:0 20px 81px 0 rgb(8 0 20 / 14%);box-shadow:0 20px 81px 0 rgb(8 0 20 / 14%)}.sa-demo-bar .sa-demo-bar-item .sa-demo-bar-item-inner1{box-shadow:none}.sa-demo-bar .sa-demo-bar-item .sa-demo-bar-item-inner:before{z-index:1;content:"";background-color:rgb(41 159 216 / 50%);position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:.3s linear;-khtml-transition:all 300ms linear 0ms;-moz-transition:.3s linear;-ms-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;opacity:0}.sa-demo-bar .sa-demo-bar-item img{width:100%}.sa-demo-bar-holder{position:absolute;top:60%;padding:20px;left:0;right:0;-webkit-transform:translate(0,-50%);-khtml-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-transition:.3s linear;-khtml-transition:all 300ms linear 0ms;-moz-transition:.3s linear;-ms-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;opacity:0;z-index:2;justify-content:center;display:flex}.sa-demo-bar .sa-demo-bar-item h6{margin-bottom:0;font-size:16px;margin-top:22px;color:#000}.sa-demo-bar .sa-demo-bar-item .sa-demo-bar-item-inner:hover .sa-demo-bar-holder,.sa-demo-bar .sa-demo-bar-item .sa-demo-bar-item-inner:hover:before{opacity:1}.sa-demo-bar .sa-demo-bar-item .sa-demo-bar-item-inner:hover .sa-demo-bar-holder{top:50%}.sa-demo-bar .sa-demo-bar-item .sa-demo-bar-holder .btn{color:#fff;line-height:38px;font-size:13px;padding:0 15px;margin:0 3px;font-weight:600;font-family:"Droid Arabic Kufi";background-color:#4ce7f3;-webkit-border-radius:38px;-khtml-border-radius:38px;-moz-border-radius:38px;-ms-border-radius:38px;-o-border-radius:38px;border-radius:38px}.sa-demo-bar .demo-label{top:0;left:0;z-index:5;color:#fff;font-size:14px;padding:5px 10px;background-color:#d40749}.side-demo-close{top:40px;right:40px;font-size:24px;cursor:pointer;position:absolute}@media (max-width:767.98px){.sa-demo-bar .sa-demo-bar-item{width:100%}}