.screen{background:#000;border-radius:10px;padding:1px}.browser{display:flex;padding:0 20px}.control{background:#77f64a;border-radius:100%;height:10px;margin:10px 2px;width:10px}.control:nth-child(2){background:#f6b74a}.control:nth-child(3){background:#f64a4a}.page-sample{background:#fff;border-radius:10px;min-height:400px;position:relative}.notification{background:#fff;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:60px!important;left:-30px;position:absolute;top:-25px;width:60px!important;z-index:100}.notification svg{width:30px}.t-type{align-items:center;display:flex;flex-wrap:wrap}.t-type,.tag{color:#000;font-size:12px}.tag{background:#fcf1dc;border:1px solid #fff;border-radius:5px;margin:2px;padding:4px 10px}.tag:nth-child(2){background:#e8fcdf}.tag:nth-child(3){background:#eee4f8}.tag:nth-child(4){background:#ffd8d2}.contractTemplate{left:-50px}.contractTemplate,.form-builder{background:#fff;border-radius:10px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);color:#000;font-size:13px;height:110px!important;padding:15px;position:absolute;top:130px;width:190px!important;z-index:100}.form-builder{right:-50px}.user{align-items:center;background:#fcf1dc;border:1px solid #fff;border-radius:100%;display:flex;height:30px;justify-content:center;margin-left:-15px;position:relative;width:30px}.user:first-child{z-index:10}.user:nth-child(2){background:#e8fcdf;z-index:9}.user:nth-child(3){background:#eee4f8;z-index:8}.user:nth-child(4){background:#ffd8d2;z-index:7}.approvers{background:#fff;border-radius:10px;bottom:-70px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);color:#000;display:flex;font-size:13px;height:90px!important;left:5%;padding:15px;position:absolute;width:400px!important;z-index:100}.users .d-flex{align-items:center;display:flex;margin:5px 15px}.field-element .field{border:1px solid #ececec;border-radius:5px;min-height:32px}.field-element{margin:8px 0}.filedsection{color:#000;display:flex;flex-wrap:wrap;font-size:13px;padding:0 15px 15px}.filedsection .field-element{margin:15px;min-width:calc(50% - 30px)}.users{padding:0 15px}.users:first-child{border-right:3px solid #f1f1f1}.p-head{color:#000;display:block;padding:30px 30px 0}.banner-integrations .teams{bottom:-50px;position:absolute;right:20px}.banner-integrations .word{bottom:47px;position:absolute;right:-47px}.banner-integrations .outlook{bottom:-20px;position:absolute;right:-50px}.banner-integrations img{width:35px}.appDesign{display:flex;height:725px;margin-bottom:-80px;overflow:hidden;padding:0 100px}.notification{margin-top:60px;padding:15px;width:300px}.mainApp,.notification{border:1px solid #e5f0f7;border-radius:10px;height:100%;margin-right:30px}.mainApp{display:flex;width:100%}.alert{border-bottom:1px solid #e5f0f7;display:flex;margin-bottom:10px;padding:10px 0}.profile{background:#e5f0f7;border-radius:100%;height:30px;margin-right:15px;min-width:30px}.alertContent{padding-top:5px;width:100%}.alertContent div{background:#e5f0f7;border-radius:5px;height:6px;margin-bottom:6px}.leftbar{border-right:1px solid #e5f0f7;min-width:70px}.rightBlock{padding:30px;position:relative;width:100%}.rightBlock:after{-webkit-animation:slide .5s forwards;-webkit-animation-delay:5s;animation:slide .5s forwards;background:#fff;-webkit-box-shadow:0 0 75px 75px hsla(0,0%,100%,.75);-moz-box-shadow:0 0 75px 75px hsla(0,0%,100%,.75);box-shadow:0 0 75px 75px hsla(0,0%,100%,.75);content:"";height:calc(100% + 30px);margin:-15px;position:absolute;right:0;top:0;width:150%}.chartcontainer{align-items:center;border-left:30px solid #ff6188;border-radius:100%;border-right:30px solid #ff6188;border-top:30px solid #ff6188;border-color:#a9dc62 #ffd862 #ff6188 #78dcdc;border-style:solid;border-width:30px;display:flex;flex-direction:column;font-size:60px;height:200px;justify-content:center;position:relative;text-align:center;width:200px}.mainchart{border:1px solid #121619;border-radius:10px;height:200px;left:200px;position:absolute;top:0;width:200px;z-index:10}.chartcontainer span{display:block;font-size:15px}.mainCard{border:1px solid #e5f0f7;border-radius:10px;height:500px;margin-top:30px;padding:15px;width:500px}h4{margin-top:0}.cardInfo div{background:#e5f0f7;border-radius:5px;height:6px;margin-bottom:15px}.mainHead{margin:0 auto;padding:80px 150px 0;text-align:center;width:55%}h1{font-size:40px;margin-bottom:0}.rightContent{color:#000;position:absolute;right:-1px;top:0;width:65%;z-index:100}.d365-lapmockup-sec p{color:#000!important}h2{display:block;font-size:30px;margin-bottom:30px;text-align:center}.lifecycle div{background:#fff;border-radius:10px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:flex;margin:15px 0;padding:25px;text-align:center}.lifecycle h4{align-items:center;border-right:1px solid #ececec;display:flex;justify-content:flex-start;margin:0 20px 0 0;width:300px}.lifecycle img{margin-right:15px;max-width:52px!important}.lifecycle p{margin-bottom:0;text-align:left}@-webkit-keyframes slide{to{width:60%}}@keyframes slide{to{width:60%}}