@import url(https://fonts.googleapis.com/css?family=Almarai);#app,body,html{font-family:Almarai,sans-serif}.container[data-v-c859d910]{max-width:100%;font-size:14px;background-color:#f8f9fa;min-height:100%}.button-17[data-v-c859d910]{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:24px;border-style:none;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-sizing:border-box;color:#556c57;cursor:pointer;display:inline-flex;fill:currentcolor;font-size:14px;font-weight:500;height:48px;justify-content:center;letter-spacing:.25px;line-height:normal;max-width:100%;overflow:visible;padding:2px 24px;position:relative;text-align:center;text-transform:none;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;width:auto;will-change:transform,opacity;z-index:0}.button-17[data-v-c859d910]:hover{background:#a3a477;color:#f4f4f4}.header[data-v-c859d910]{background-color:#214439;color:#fff;padding:20px;text-align:center;height:300px;border-radius:10px}.header img[data-v-c859d910]{width:100px;margin-bottom:10px}.containerDashboard[data-v-c859d910]{background-color:#fff;max-width:95%;margin:-50px auto 0;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:center;position:relative;top:-20px}.title[data-v-c859d910]{font-size:24px;margin-bottom:10px;text-align:right;font-weight:bolder}.subtitle[data-v-c859d910]{font-size:15px;margin-bottom:20px;color:#000;text-align:right}.name[data-v-c859d910]{font-weight:bolder;margin:50px;font-size:larger;text-align:right;direction:rtl}.steps[data-v-c859d910]{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.step[data-v-c859d910]{text-align:center}.step .circle[data-v-c859d910]{width:50px;height:50px;background-color:#21412a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.step .circle.completed[data-v-c859d910]{background-color:#d4af37}.step p[data-v-c859d910]{margin:0}.line[data-v-c859d910]{flex-grow:1;height:2px;background-color:#21412a;position:relative;top:-25px}body[data-v-ef984046]{font-family:Cairo,sans-serif;direction:rtl;background-color:#f5f5f5;margin:0;padding:0;text-align:right}.header[data-v-ef984046]{background-color:#214439;color:#fff;padding:20px;text-align:center}.header img[data-v-ef984046]{width:80px;margin-bottom:10px}.containerDashboard[data-v-ef984046]{background-color:#fff;max-width:800px;margin:-50px auto 0;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:center;position:relative;top:20px}.title[data-v-ef984046]{font-size:24px;margin-bottom:10px}.subtitle[data-v-ef984046]{font-size:18px;margin-bottom:20px;color:gray}.steps[data-v-ef984046]{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.step[data-v-ef984046]{text-align:center}.step .circle[data-v-ef984046]{width:50px;height:50px;background-color:#21412a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.step .circle.completed[data-v-ef984046]{background-color:#d4af37}.step p[data-v-ef984046]{margin:0}.line[data-v-ef984046]{flex-grow:1;height:2px;background-color:#21412a;position:relative;top:-25px}