@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.nav{width:17vw;background:#fff;padding:20px;position:fixed;height:100vh;top:0;left:0;transition:all ease .5s}.nav-container{display:flex;flex-direction:column;justify-content:space-between;height:100%}.nav .nav-item{display:flex;margin:25px 0;cursor:pointer;align-items:center;text-decoration:none}.nav .header{display:flex;margin:15px 0 40px;align-items:center;justify-content:left}.nav .header-mob{display:none}.nav .header .icon img{width:25px}.nav .icon{margin-right:30px}.nav .header .icon{margin-right:20px;background:none}.nav .icon img{width:12px}.nav .text{color:#231f1f;font-weight:400;font-size:13px}.nav .text.active{font-weight:600}.nav .header .text{font-weight:700;color:#8f1e1d;font-size:13px}.nav .up{position:relative}.nav .up .tag{position:absolute;width:5px;height:35px;background:#ef2e2c;right:-20px;transition:all ease .5s}.nav .up .tag.over{background:#fdeaea}.nav .up .tag.one{top:70px}.nav .up .tag.two{top:115px}.nav .up .tag.three{top:160px}.nav .up .tag.four{top:205px}.nav .up .tag.five{top:250px}.nav-helm{display:none}@media (max-width: 1200px){.nav{width:204px}}@media (max-width: 600px){.nav{left:-234px;z-index:100;width:220px}.nav-mob.open,.nav.open{left:0}.nav-mob{background:rgba(0,0,0,.49);width:100vw;height:100vh;position:fixed;top:0;left:-1000px;z-index:10}.nav-helm{z-index:1;display:flex;position:fixed;top:0;left:0;width:100%;padding:20px 20px 15px;justify-content:space-between;align-items:center;background:white}.nav-helm.ex{margin-bottom:-85px;position:relative;background:unset;border-bottom:1px solid rgba(247,163,162,.25);justify-content:center}.nav-helm.ex img{position:absolute;left:30px}.nav-helm.ex .title{font-size:16px;font-weight:500;color:#8f1e1d}.nav-helm .text{font-weight:700;font-size:14px;color:#8f1e1d}.nav-helm .logo{width:40px;margin:0 20px 0 30px;position:relative;top:2px}.nav-helm .bottom{width:60px;height:60px;background:#fdeaea;border-radius:50%}.nav-helm .bottom .icon{width:60px;height:60px;border-radius:50%;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.nav-helm .bottom .icon svg{width:40px}.nav-helm .bottom .icon svg text{font-size:123px;font-weight:700;transform:translateY(-75px)}.nav-helm .up{display:flex;align-items:center}.nav .header{display:none}.nav .header-mob{display:block;border-bottom:1px solid #e2dfdf;margin:20px -20px;padding:0 20px 20px;position:relative}.nav .header-mob .img{width:79px;height:79px;background:#c4c4c4;border-radius:50%}.nav .header-mob img{position:absolute;top:0;right:25px}.nav .header-mob .name{font-weight:600;font-size:18px;line-height:22px;color:#4e4e4e;margin:20px 0 5px}.nav .header-mob .role{font-weight:400;font-size:12px;line-height:15px;color:#a4a4a4}.nav .up .tag.one{top:198px}.nav .up .tag.two{top:243px}.nav .up .tag.three{top:288px}.nav .up .tag.four{top:333px}.nav .up .tag.five{top:378px}}.nav-haima{position:absolute;top:0;width:100%;background:white;display:flex;padding:20px;justify-content:space-between}.nav-haima .header{display:flex;align-items:center}.nav-haima .header .icn img{width:25px}.nav-haima .header .text{font-weight:700;color:#8f1e1d;font-size:13px;margin-left:10px}.nav-haima .bottom{display:flex;align-items:center}.nav-haima .bottom .item{font-weight:600;font-size:13px;margin:0 10px;color:#525050;cursor:pointer}.map .delivery{position:absolute;bottom:0;background:rgba(255,255,255,.6);width:450px}.map .delivery .top{display:flex;align-items:center;background:#fff8f8;height:60px;width:100%;justify-content:space-between;padding:10px}.map .delivery .top .text{font-weight:700;color:#8f1e1d;font-size:14px}.delivery .top .icon img{width:20px}.delivery .top .role img{transform:rotate(90deg);width:10px;margin-right:15px;transition:all .3s ease}.delivery .top.close .role img{transform:rotate(-90deg)}.map .delivery .inner{height:500px;max-height:calc(100vh - 140px);overflow-y:scroll;overflow-x:hidden;transition:all .3s ease}.map .delivery .inner.close{height:0px}.map .delivery .inner::-webkit-scrollbar-thumb{background:#ef2e2c;border-radius:10px}.map .delivery .inner::-webkit-scrollbar{background:#fff8ff;width:10px}.map .delivery .inner .top-nav{display:flex;margin-bottom:20px}.map .delivery .inner .top-nav .iema{width:50%;text-align:center;background:#fff;padding:20px;font-size:13px;font-weight:600;cursor:pointer}.map .delivery .inner .top-nav .iema.active{border-bottom:2px solid #ef2e2c;background:#fafafa}.map .delivery .inner .top-nav .iema span{color:#ef2e2c;font-size:12px;font-weight:700}.map .delivery .inner .top-nav .iema:nth-child(1){border-right:1px solid gray}.map .pickup input[type=checkbox]{height:0;width:0;visibility:hidden}.map .pickup label{cursor:pointer;text-indent:-9999px;width:40px;height:20px;background:grey;display:block;border-radius:25px;position:relative;top:-20px}.map .pickup label:after{content:"";position:absolute;top:3px;left:5px;width:12.5px;height:12.5px;background:#fff;border-radius:17.5px;transition:.3s}.map .pickup input:checked+label{background:#ef2e2c}.map .pickup input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}.map .pickup .radio{height:20px}.map .pickup label:active:after{width:22.5px}.map .pickup{width:calc(100% - 20px);background:#fff;border-radius:10px;margin:10px auto}.map .pickup .tpo{padding:20px;font-weight:700;color:#525050;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative}.map .pickup .tpo svg{transform:scale(.5);position:relative;right:-10px;transition:all .3s ease}.map .pickup .tpo svg g path{transition:all .3s ease}.map .pickup .tpo svg:hover g path{fill:#ef2e2c}.map .pickup .tpo svg:hover{transform:scale(.6)}.map .tpo .ina{width:100%;height:100%;position:absolute;left:0}.map .pickup .inns{transition:all .3s ease;border-top:1px solid gray;height:275px;overflow:auto;padding:10px}.map .pickup .inns.alt{height:245px}.map .pickup .inns::-webkit-scrollbar{display:none}.map .pickup .inns.close{border:0px solid gray;height:0;padding:0}.pickup .inns .input{margin:10px 0;display:flex;align-items:center}.pickup .inns .input input{width:100%;padding:10px;border:none;text-transform:capitalize;border-bottom:1px solid #ec9795}.pickup .inns .input img{width:10px;margin-right:10px}.pickup .inns .duo{display:flex;justify-content:space-between}.pickup .inns .duo .input{width:calc(50% - 10px)}.pickup .otp{display:flex;align-items:center;margin-top:15px;justify-content:space-between}.pickup .otp img{width:20px;margin-right:15px}.pickup .otp .tp-co{display:flex}.pickup .otp p{font-size:15px}.map .inner .btn-group{display:flex}.map-pop .places-container .btn,.map .inner p.add{background:#fff8f8;border:1px solid #fac0c0;color:#ef2e2c;margin:10px;border-radius:5px;display:flex;align-items:center;font-weight:700;font-size:12px;line-height:20px;letter-spacing:-.02em;padding:10px 20px;cursor:pointer;width:fit-content;text-decoration:none;transition:all .3s ease}.map-pop .places-container .btn,.map .inner p.add.alt{background:#ef2e2c;border:1px solid #ef2e2c;color:#fff}.map-pop .places-container .btn:hover,.map .inner p.add:hover{background:#f3ebeb;border:1px solid #f3ebeb;color:#eb6664}.map-pop{position:fixed;top:0;left:0;height:100vh;width:100%;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.map-pop .map-inner{width:600px;height:calc(100vh - 100px);max-height:500px;background:white;display:flex}.map-pop .map-container{width:400px}.map-pop .places-container input{width:200px;height:50px;padding:10px;border:1px solid #f7bcbc;outline:none}.map-pop .places-container{position:relative}.map-pop .places-container .btn-group{position:absolute;bottom:0}.map-pop .places-container .btn.alt{background:#fff;border:1px solid #ef2e2c;color:#ef2e2c}.map .btn-load:after{border-top-color:#8f1e1d}@media (max-width: 480px){.map .delivery{width:100%}}:root{--reach-combobox: 1}[data-reach-combobox-popover]{border:solid 1px hsla(0,0%,0%,.25);background:hsla(0,100%,100%,.99);font-size:85%}[data-reach-combobox-list]{list-style:none;margin:0;padding:0;-webkit-user-select:none;user-select:none}[data-reach-combobox-option]{cursor:pointer;margin:0;padding:.25rem .5rem}[data-reach-combobox-option][aria-selected=true]{background:hsl(211,10%,95%)}[data-reach-combobox-option]:hover{background:hsl(211,10%,92%)}[data-reach-combobox-option][aria-selected=true]:hover{background:hsl(211,10%,90%)}[data-suggested-value]{font-weight:700}.map .rider{position:fixed;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;top:0;left:0}.map .rider .edia{width:100vw;height:100vh;top:0;left:0;background:rgba(0,0,0,.3);position:absolute}.map .rider .inner{width:600px;height:400px;border-radius:10px;background:white;z-index:10}.map .rider .inner::-webkit-scrollbar{display:none}.map .rider select{width:calc(100% - 60px);margin:30px;border-radius:5px;padding:10px 20px;outline:none;border:1px solid #ec9795}.map .rider .pass{margin:auto;width:300px;height:calc(100% - 60px);display:flex;flex-direction:column;justify-content:center}.map .rider .pass h3{color:#ef2e2c;margin-top:10px}.map .rider .assign{display:flex;align-items:center;justify-content:center}.map .rider .assign .btn{background:#ef2e2c;border:1px solid #ef2e2c;color:#fff;margin:10px;border-radius:5px;display:flex;align-items:center;font-weight:700;font-size:12px;line-height:20px;letter-spacing:-.02em;padding:10px 20px;cursor:pointer;width:fit-content;text-decoration:none;transition:all .3s ease}.riderapp{padding:30px}.riderapp .top{display:flex;align-items:center;justify-content:space-between;width:100%}.riderapp .top .header{display:flex;align-items:center}.riderapp .top .icn{margin-right:15px}.riderapp .top .user{color:#8f1e1d;font-size:24px}.riderapp .orders{box-shadow:0 4px 4px #ffeeee78;background:#ffffff;border:1px solid #fdeaea;border-radius:10px;margin:15px 0;padding:20px;display:flex;flex-wrap:wrap}.riderapp .orders .delv{width:calc(33.33% - 10px);min-width:325px;margin:10px 2px;box-shadow:0 4px 4px #ffeeee78;border:1px solid #fdeaea;border-radius:5px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.riderapp .orders .delv .duo{display:flex;justify-content:space-between;margin-bottom:10px}.riderapp .orders .delv .duo .info{width:calc(50% - 5px)}.riderapp .orders .delv .duo .info.full{width:100%}.riderapp .orders .delv .deet.bd{font-size:15px;font-weight:600;color:#8f1e1d;margin-bottom:5px}.riderapp .orders .delv .deet{font-size:15px;margin-bottom:5px;text-decoration:none;color:#000}.riderapp .orders .delv .note{font-weight:400;font-style:italic;color:#8f1e1d;font-size:13px;margin:10px 0}.riderapp .orders .delv .title{font-size:18px;font-weight:700;color:#8f1e1d;margin-bottom:20px}.riderapp .btn-group{display:flex;margin:10px 0 0}.riderapp .btn{background:#ef2e2c;border-radius:5px;padding:10px 20px;color:#fff;font-weight:400;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:10px 10px 0 0}.riderapp .btn.alt{background:#ffffff;border:1px solid #ef2e2c;color:#ef2e2c;margin-right:10px}.riderapp .btn.alt.hide{opacity:.4;cursor:default}.riderapp .pop-up input{width:100%;height:40px;border-radius:5px;border:1px solid #fdeaea;margin:10px 0;padding:20px}.riderapp .pop-up .line{position:absolute;width:100vw;top:0;left:0;background:rgba(0,0,0,0);height:100vh;margin:0}.riderapp .top .logout{font-weight:500;font-size:14px;cursor:pointer}.riderapp .top{margin-bottom:20px}@media (max-width: 1084px){.riderapp .orders .delv{width:calc(50% - 10px)}}@media (max-width: 760px){.riderapp .orders .delv{width:100%;min-width:unset}}@media (max-width: 480px){.riderapp{padding:30px 10px}.riderapp .top .header .text{display:none}}.auth-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.auth-container .auth{background:#fff;width:500px;padding:30px 50px;border:1px solid #d7d7d7;border-radius:8px}.auth-container .auth .header{flex-direction:column;justify-content:center;align-items:center;margin:10px 0;padding-bottom:25px;border-bottom:3px solid #ef2e2c;border-radius:5px}.auth-container .auth .header img{width:70px}.auth-container .auth .header a{text-align:center;font-weight:700;font-size:16px;max-width:120px;color:#8f1e1d;margin-top:10px;text-decoration:none}.auth-container .auth .alert-danger{background:rgba(255,0,0,.2);border-radius:4px;padding:15px;font-weight:500;font-size:14px;color:red;line-height:19px;margin:15px 0}.auth .group{display:flex;flex-direction:column;margin:20px 0}.auth .group label{font-family:Inter;font-style:normal;font-weight:500;font-size:14px;line-height:16px;color:#373232;margin-bottom:8px}.auth input{border:.868085px solid #dad8d8;border-radius:4px;padding:10px 15px;height:45px}.auth button{background:#ef2e2c;border-radius:10px;border:none;width:100%;height:40px;font-size:18px;font-weight:500;color:#fff;cursor:pointer;margin:20px 0}.auth-container .auto-overlay{position:absolute;top:-300px;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);visibility:hidden;opacity:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.auth-container .auto-overlay.vis{visibility:visible;opacity:1;top:0}.auth-container .auto-popup{padding:20px;background:#fff;border-radius:5px;width:600px;position:relative;transition:all 5s ease-in-out}.auth-container .auto-popup h2{margin-top:0;color:#333;margin-bottom:20px}.auth-container .auto-popup p{margin:10px 0;color:#333}.auth-container .auto-popup .close{position:absolute;top:20px;right:30px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.auth-container .auto-popup .close:hover{color:#ef2e2c;transform:rotate(90deg)}.auth-container .auto-popup .content{max-height:30%;overflow:auto}@media (max-width: 768px){.auth-container .auto-popup{width:90%}}@media (max-width: 400px){.auth-container .auto-popup h2{margin-right:30px}}.home{width:83vw;margin-left:17vw;padding:35px 30px 15px}.header .bottom,.header{justify-content:space-between;display:flex}.header h1.title{color:#8f1e1d;font-weight:700;font-size:27px}.header .icon,.home .icon{background:#fdeaea;border-radius:50%;display:flex;align-items:center;justify-content:center}.header .bottom .icon{width:60px;height:60px;border-radius:50%;cursor:pointer;position:relative;top:-17px}.header .bottom .icon svg{width:40px}.header .bottom .icon svg text{font-size:123px;font-weight:700;transform:translateY(-75px)}.header .bottom .info{display:flex}.header .bottom .info .img{width:30px;height:30px;background:#8f1e1d;border-radius:50%;margin-right:10px}.header .bottom .info .name{color:#373232;font-weight:600;font-size:13px}.header .bottom .info .desc{color:#8f8b8b;font-weight:400;font-size:12px}.header .bottom .select{position:relative;left:-25px;top:0;box-shadow:0 3px 8px -1px #3232470d,0 0 1px #0c1a4b3d;padding:6px 2px 8px 10px;width:max-content;border:1px solid #fdeaea;border-radius:10px;background:white;height:fit-content;cursor:pointer;font-size:13px;color:#8f8e89}.header .bottom .select select{color:#8f8e89;border:none;cursor:pointer}.header .filter{position:relative;display:flex}.header .filter .mob-filter{display:none}.header .filter input{width:380px;height:33px;padding:5px 15px 5px 30px;background:#ffffff;border:1px solid #fac0c0;border-radius:30px;color:#231f1f;font-weight:400;font-size:13px}.header.alt .filter input{width:100%;height:40px;padding:5px 15px 5px 40px}.header .filter input::placeholder{font-size:13px;color:#b5b2b2}.header .filter img{position:absolute;left:11px;width:11px;top:11px}.header.alt .filter img{left:15px;width:13px;top:13px}.header.alt{margin:-7px 0}.header.alt .filter{width:100%}.tabs{margin:20px 0;display:flex;justify-content:space-between;overflow-x:scroll}.tabs::-webkit-scrollbar{display:none}.tabs .card{border:1px solid #fdeaea;border-radius:10px;background:#fff;box-shadow:0 4px 4px #ffeeee78;padding:20px;min-width:260px;width:235px;margin-right:15px}.tabs .card .title{color:#453e3e;font-weight:500;font-size:13px}.tabs .card .state{display:flex;margin:15px 0;justify-content:space-between;align-items:center}.tabs .icon{width:51px;height:51px}.tabs .icon img{width:18px}.tabs .card .no{color:#ef2e2c;font-weight:600;font-size:28px}.tabs .report{display:flex;align-items:center}.tabs .report .stat{background:#deffee;border-radius:6px;padding:3px 8px 4px;color:#66cb9f;font-weight:700;font-size:10px;margin-right:5px}.tabs .report .stat.neg{background:#fdeaea;color:#ef2e2c}.tabs .report .desc{color:#3e0e0e7d;font-weight:500;font-size:10px}.tabs .btn{cursor:pointer;background:#fff8f8;border:1px solid #fdeaea;border-radius:5px;padding:5px 10px;font-size:10px;display:flex;align-items:center;color:#ef2e2c;font-weight:600;width:fit-content;text-decoration:none}.graph{box-shadow:0 4px 4px #ffeeee78;background:#ffffff;border:1px solid #fdeaea;border-radius:10px;margin:15px 0;padding:20px}.dobs .title,.graph .title{font-weight:600;font-size:16px;color:#8f1e1d}.graph .key{display:flex;margin:10px 0 20px}.graph .key .item{display:flex;align-items:center;margin-right:25px}.graph .key .item .cir{width:8px;height:8px;background:#fac0c0;border-radius:50%;margin-right:8px}.graph .key .item:nth-child(2) .cir{background:#ef2e2c}.graph .key p{color:#453e3e;font-size:12px}.dobs{display:flex;justify-content:space-between;margin:15px 0}.dobs .ongoing{width:100%;box-shadow:0 4px 4px #ffeeee78;background:#ffffff;border:1px solid #fdeaea;border-radius:10px}.dobs .ongoing .switch{display:flex;box-shadow:0 3px 8px -1px #3232470d,0 0 1px #0c1a4b3d;padding:7px 0;width:max-content;border:1px solid #fdeaea;border-radius:10px;position:relative;overflow:hidden}.dobs .ongoing .switch .item{font-size:13px;color:#8f8e89;font-weight:500;padding:5px 20px;text-align:center;cursor:pointer;border:none;z-index:1;margin:0!important}.dobs .ongoing .switch .item.active{color:#8f1e1d}.dobs .ongoing .switch .bord{background:#fdeaea;width:2px;margin:-10px 0;z-index:1}.dobs .ongoing .switch .activ{position:absolute;height:100%;width:113px;background:#fdeaea;top:0;z-index:0;transition:all ease .5s;left:0}.dobs .ongoing .switch .activ.bt{width:95px;left:113px}.dobs .fulfil{width:calc(30% - 10px);box-shadow:0 4px 4px #ffeeee78;background:#ffffff;border:1px solid #fdeaea;border-radius:10px;padding:20px;display:flex;flex-direction:column}.dobs .ongoing .item{border:1px solid #fdeaea;border-bottom:none;border-left:none;border-right:none;justify-content:space-between;display:flex;align-items:center;padding:15px 20px;text-decoration:none}.dobs .ongoing .item.bod div{margin:0 5px}.dobs .ongoing .item:nth-child(1){border:none;margin:5px 0}.dobs .ongoing .btn{cursor:pointer;background:#fff8f8;border:1px solid #fdeaea;border-radius:5px;padding:5px 10px;font-size:10px;display:flex;align-items:center;color:#ef2e2c;font-weight:500;text-decoration:none}.dobs .ongoing .item{color:#373232;font-size:14px;position:relative;cursor:pointer}.dobs .ongoing .item.bod{cursor:pointer}.dobs .ongoing .item.bod:hover{background:#fff8f8}.dobs .ongoing .item.head{font-weight:500}.dobs .ongoing .item .status.pro{background:#fff3e8;padding:4px 8px;border-radius:15px;color:#b94f00;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;height:23px}.dobs .ongoing .item .status{width:11%;min-width:81px;justify-content:center;background:#b94f00;color:#fff3e8}.dobs .ongoing .item .status.sent{opacity:.5}.dobs .ongoing .item .status.flicker{background:#f6f7f8}.dobs .ongoing .item .group,.dobs .ongoing .item .type,.dobs .ongoing .item .ref{width:6%}.dobs .ongoing .item.bod .ref{text-transform:uppercase}.dobs .ongoing .item .name{width:20%}.dobs .ongoing .item .phone{width:100px}.dobs .ongoing .item .pints{width:5%}.dobs .ongoing .item .time{width:21%;padding-right:10px}.dobs .ongoing .item img{position:absolute;right:19px;top:18px}.dobs p{font-weight:400;font-size:14px;color:#6a6565;margin:15px 0}.dobs .fulfil .pie{height:100%;display:flex}.dobs .fulfil .pie .stat{display:flex;flex-direction:column;justify-content:center;min-width:88px}.dobs .fulfil .pie .stat .val .cir{background:#f14341;width:8px;height:8px;border-radius:50%;margin-right:8px}.dobs .fulfil .pie .stat .val:nth-child(3) .cir{background:#fdeaea}.dobs .fulfil .pie .stat .val:nth-child(2) .cir{background:#fca5a5}.dobs .fulfil .pie .stat .val .no{color:#27272e;font-size:13px}.dobs .fulfil .pie .deet{display:flex;align-items:center}.dobs .fulfil .pie .text{font-size:12px;color:#8f8b8b;margin:5px 0}.dobs .fulfil .pie .val{margin:10px 0}.powered{color:#bf2523;font-size:14px;text-align:center;width:calc(100% + 17vw);margin-left:-17vw;margin-top:20px}.cont{overflow-x:scroll}.cont::-webkit-scrollbar{display:none}.line{margin:25px 0;min-width:500px}.line text{color:#8f8b8b;font-size:12px}.line .recharts-dot.recharts-line-dot,.line .recharts-cartesian-axis-tick-line,.line .recharts-cartesian-grid-vertical,.line .recharts-cartesian-axis-line{display:none}.line text[orientation=bottom]{transform:translateY(15px)}.line text[orientation=left]{transform:translate(-15px)}.line .recharts-curve.recharts-tooltip-cursor{stroke:#bf2523}.line .recharts-default-tooltip{background:linear-gradient(180deg,#fff8f8 0%,rgba(255,238,238,.72) 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;padding:20px!important;border:none!important}.line .recharts-tooltip-wrapper:focus-visible,.line .recharts-tooltip-wrapper{outline:none!important}.line .recharts-default-tooltip p{font-weight:500;font-size:14px;color:#ef2e2c;margin-bottom:10px!important}.line .recharts-default-tooltip ul li{font-size:10px;line-height:12px;color:#27272e!important}.pie .chart{position:relative;width:calc(100% - 88px);height:100%}.pie .chart svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie .chart circle{transition:all ease 2s}.pie .chart .perc{font-weight:600;font-size:26px;color:#ef2e2c;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}@media (max-width: 1200px){.dobs .ongoing .item .group,.dobs .ongoing .item .pints,.dobs .ongoing .item .ref,.dobs .ongoing .item .status.pro{display:none}.dobs .ongoing .item .type,.dobs .ongoing .item .name{width:33%;padding-right:10px}.home{width:calc(100vw - 204px);margin-left:204px}.header h1.title{margin-bottom:10px}.header .filter img{top:15px}}@media (max-width: 960px){.header.mob{margin-bottom:20px}.header .filter img{top:11px}.header .filter.tin .mob-filter{width:30px;height:30px;position:relative;right:0;background:#fdeaea;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header .filter.tin{justify-content:space-between}.header .filter.tin input{width:calc(100% - 50px)}.header .filter{display:none}}@media (max-width: 768px){.dobs .fulfil{width:100%}.dobs .ongoing .item .phone{display:none}.dobs .ongoing .item{overflow:scroll}.dobs .ongoing .item::-webkit-scrollbar{display:none}.dobs .ongoing .item.head div,.dobs .ongoing .item.bod div{margin:0 10px}.dobs .ongoing .item.head div:nth-child(1),.dobs .ongoing .item.bod div:nth-child(1){margin:0 10px 0 0}.dobs .ongoing .item .name,.dobs .ongoing .item .status{width:103px;min-width:103px}}@media (max-width: 600px){.header .bottom{display:none}.home{width:100vw;margin:70px 0 0}.tabs{margin:20px -20px 20px 0}.tabs .card .no{font-size:24px}.tabs .icon img{width:13px}.tabs .icon{width:37px;height:37px}.tabs .card .state{display:flex;margin:10px 0}.tabs .card{min-width:235px}.header h1.title{margin-top:30px}}@media (max-width: 480px){.graph{margin:15px -20px 15px 0}}@media (max-width: 400px){.dobs .fulfil .pie{flex-direction:column;height:unset}.dobs .fulfil .pie .stat{flex-direction:row;justify-content:space-around;min-width:unset}.pie .chart{width:100%;height:145px}.dobs .title{display:none}}.pop-up{width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,.49);display:flex;align-items:center;justify-content:center}.pop-up .inner{background:#fff;padding:20px;border-radius:10px;width:500px;position:relative}.pop-up .inner .cont{width:300px;margin:auto;text-align:center}.pop-up .inner .cont .btn-group{justify-content:center}.pop-up .title{font-weight:600;font-size:19px;letter-spacing:-.02em;color:#8f1e1d;margin:10px 0 15px;padding-right:40px}.pop-up .question{font-weight:500;font-size:15px;line-height:24px;color:#373232}.pop-up .options{display:flex;margin:7px 0 15px;font-size:14px;line-height:16px;color:#373232}.pop-up .options .item{display:flex;align-items:center;margin-right:10px}.pop-up input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1.04348px solid #c4c4c4;border-radius:1.04348px;outline:none;background-color:#fff;position:relative;margin-right:5px;transition:all ease .5s}.pop-up input:checked{background-color:#bb3a39e0;border-color:#bb3a39e0}.pop-up input[type=radio]:before{content:url(/assets/tick.svg);position:absolute;top:50%;left:50%;transform:translate(-50%,-43%);display:none}.pop-up input[type=radio]:checked:before{display:block}.pop-up .btn-item{display:flex;justify-content:space-between;margin:20px 0 10px}.pop-up .nil{background:#fdeaea;border-radius:7.89899px;font-weight:600;font-size:13px;width:calc(50% - 10px);color:#ef2e2c;cursor:pointer;padding:15px;text-align:center;transition:all ease .5s}.pop-up .nil:hover{background:#ef2e2c;color:#fdeaea}.pop-up .da{background:#ef2e2c;border-radius:7.89899px;font-weight:600;padding:15px;font-size:13px;width:calc(50% - 10px);color:#fff;text-align:center;cursor:pointer;transition:all ease .5s}.pop-up .da:hover{background:#fdeaea;color:#ef2e2c}.pop-up img{position:absolute;top:30px;right:30px;cursor:pointer}.pop-up .loca{display:flex;flex-direction:column}.pop-up .loca label{font-weight:400;font-size:14px;line-height:16px;color:#373232;margin-top:5px}.pop-up .loca input{width:100%;height:30px;padding:15px;border:1.04348px solid #dad8d8;border-radius:5px;font-weight:400;font-size:14px;line-height:16px;margin:7px 0 0}.pop-up .err{background:rgba(255,0,0,.2);border-radius:7.89899px;font-weight:600;font-size:12px;width:100%;color:#ef2e2c;padding:10px;margin-bottom:10px}@media (max-width: 960px){.pop-up .inner{width:90vw}.pop-up .btn-item{flex-direction:column}.pop-up .da,.pop-up .nil{width:100%;margin:5px 0}}.scheduled{width:83vw;margin-left:17vw;padding:35px 30px 15px}.helm{display:flex;padding:15px 20px;margin:20px 0;background:#fdeaea;border-radius:5px}.helm .item{display:flex;cursor:pointer;align-items:center;text-decoration:none}.helm .item p{font-size:13px;color:#8f1e1d}.helm .item p.active{font-weight:600}.helm .item img{margin:0 15px}.table{box-shadow:0 4px 4px #ffeeee78;background:#ffffff;border:1px solid #fdeaea;border-radius:10px;min-height:80vh}.table .list{border:1px solid #fdeaea;border-bottom:none;border-left:none;border-right:none;justify-content:space-between;display:flex;padding:15px 20px;font-size:12px;color:#373232;align-items:center}.table .list div{margin-right:5px}.table .sched{padding:4px 8px;background:#eef6e9;border-radius:999px;color:#278500;font-size:10px;text-transform:uppercase;font-weight:600;display:flex;align-items:center}.table .address,.table .name{width:15%}.table .rider{width:10%}.table .action{max-width:100px;width:10%}.table .action.btn{cursor:pointer;background:#b94f00;border:1px solid #fdeaea;border-radius:5px;padding:5px 10px;font-size:10px;display:flex;align-items:center;color:#fff;font-weight:500;justify-content:center;text-decoration:none}.table .action{min-width:100px}.table .action.btn.sent{opacity:.5}.table .phone{width:11%}.table .date{width:6%}.paginate{display:flex;justify-content:center;margin:20px 0;align-items:center}.paginate span{font-weight:400;font-size:10px;color:#373232;margin:0 10px}.paginate .back{margin-right:5px;width:6px;cursor:pointer}.paginate .next{width:6px;margin-left:15px;cursor:pointer}.paginate .no{background:#ffffff;border:.779528px solid #fdeaea;border-radius:5px;color:#231f1f;font-size:10px;width:25px;height:25px;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.scheduled{width:calc(100vw - 204px);margin-left:204px}.table .lga,.table .state,.table .phone,.table .type,.table .hospital{display:none}.donation .table .pints{display:block}}@media (max-width: 600px){.scheduled{width:100vw;margin:70px 0 0}.helm{display:none}.header.mob{margin-bottom:20px}}.view-cd{width:83vw;margin-left:17vw;padding:35px 30px 15px}.form{width:600px;margin:0 auto;box-shadow:0 4px 4px #ffeeee78;background:#ffffff;border:1px solid #fdeaea;border-radius:10px;padding:20px}.form .title{font-weight:600;font-size:24px;color:#8f1e1d}.form .subtitle{font-weight:500;font-size:14px;color:#373232;margin:10px 0 5px}.form .ref{background:#fff8f8;border-radius:4px;padding:10px;text-align:center;font-weight:700;font-size:20px;color:#ef2e2c;text-transform:uppercase}.form .block{margin:20px 0}.form .block .head{font-weight:600;font-size:18px;color:#373232;margin:10px 0}.form .doubd{display:flex;justify-content:space-between}.form .item{margin:5px 0}.form .doubd .item{width:calc(50% - 15px)}.form .item label{font-weight:500;font-size:14px;color:#373232}.form .item input{border:.868085px solid #dad8d8;border-radius:4px;padding:10px 16px;font-size:14px;color:#373232;width:100%;margin:5px 0;transition:all ease .5s}.forrm.btn{background:#fdeaea;width:600px;box-shadow:0 4px 4px #ffeeee78;border-radius:5px;display:flex;align-items:center;justify-content:center;margin:20px auto;padding:15px;color:#bf2523;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;transition:all ease .5s}.forrm.btn:hover{background:#ef2e2c;color:#fff;transition:all ease .5s}.forrm.btn img{margin-right:5px}.forrm.btn span{margin-left:5px}.forrm.alt-btn{background:#ef2e2c;width:600px;box-shadow:0 4px 4px #ffeeee78;border-radius:5px;display:flex;align-items:center;justify-content:center;margin:20px auto;padding:20px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;transition:all ease .5s}.forrm.alt-btn{text-transform:capitalize;cursor:auto}.forrm.alt-btn.cart{background-color:#f08080}.forrm.alt-btn.pending{background-color:#ff7300}.forrm.alt-btn.completed{background-color:#20c920}.form .err{background:rgba(255,0,0,.2);border-radius:4px;padding:15px;font-weight:500;font-size:14px;color:red;line-height:19px;margin:15px 0 0}.form .item input.error{border:.868085px solid red}@media (max-width: 1200px){.view-cd{width:calc(100vw - 204px);margin-left:204px}}@media (max-width: 960px){.forrm.btn,.forrm.alt-btn,.form .doubd .item,.form{width:100%}.form .doubd{flex-direction:column}}@media (max-width: 600px){.view-cd{width:100vw;margin:70px 0 0}}.table .urge{padding:4px 8px;background:#fee5ee;border-radius:999px;color:#d30b53;font-size:10px;text-transform:uppercase;font-weight:600;display:flex;align-items:center;justify-content:center}.filter-helm{display:flex;justify-content:space-between;align-items:center;background:#fdeaea;border-radius:5px;margin:10px 0 20px;height:45px}.fil-add{display:none}.filter-helm.end{justify-content:end}.filter-helm .up{display:flex;align-items:center}.filter-helm .up .title{margin:0 15px;font-weight:600;font-size:14px;color:#8f1e1d}.filter-helm input{background:#ffffff;border:1px solid #fdeaea;width:100px;margin:0 10px;padding:10px 5px 10px 10px;height:45px;font-weight:400;font-size:12px;color:#453e3e}.filter-helm .group{display:flex;height:100%}.filter-helm .btn{background:#ef2e2c;border-radius:5px;height:100%;display:flex;align-items:center;font-weight:700;font-size:12px;line-height:20px;letter-spacing:-.02em;color:#fff;padding:0 20px;cursor:pointer;text-decoration:none}.filter-helm .btn.alt{background:#fff8f8;border:1px solid #fac0c0;color:#ef2e2c;margin-left:15px}@media (max-width: 1200px){.filter-helm input{width:80px}}@media (max-width: 960px){.header.mob{margin-bottom:20px}.filter-helm.hide,.filter-helm .up .title,.filter-helm .btn{display:none}.fil-add{position:fixed;bottom:30px;right:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ef2e2c;box-shadow:0 4px 8px 3px #00000026;cursor:pointer;z-index:1}.fil-add.alt{bottom:100px;background:#fdeaea}.filter-helm .item{width:calc(25% - 10px)}.filter-helm input{margin:0;width:100%}.filter-helm .up{justify-content:space-between}}.ongoing .table .sched{background:#fff3e8;color:#b94f00}.ongoing .table .btn{background:#fff8f8;padding:10px;border:1px solid #fdeaea;border-radius:5px;color:#ef2e2c;position:absolute;cursor:pointer;right:50px}.ongoing .table .list{position:relative}.ongoing .table .date{width:22%}.ongoing .table .genotype{width:9%}.ongoing .table .ref,.ongoing .table .pints,.ongoing .table .group{width:4%}.ongoing .table .type{width:6%}.ongoing .table .phone{width:11%}.ongoing .table .location{width:5%}.ongoing .table .name{width:14%}.ongoing .table .status{width:8%}.ongoing .table img{position:absolute;right:20px}@media (max-width: 1200px){.ongoing .table .name{width:calc(100% - 220px)}.ongoing .table .group{width:100px;margin-right:20px}.ongoing .table .btn{right:20px}.ongoing .table .location{display:none}}.control{display:flex;align-items:center;justify-content:center}.control .circle{background:#fac0c0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto}.control .active .circle{background:#ef2e2c}.control .item span{font-weight:500;min-height:32px;font-size:14px;line-height:16px;color:#8f8b8b;width:85px;display:block;text-align:center;margin:10px 0}.control .item.active span{color:#ef2e2c}.control .item{margin:0 20px;cursor:pointer}.tracking{width:800px;margin:20px auto;background:#ffffff;border:1px solid #fdeaea;box-shadow:0 4px 4px #ffeeee78;border-radius:10px;padding:20px}.tracking .title{font-weight:600;font-size:24px;line-height:28px;letter-spacing:-.02em;color:#8f1e1d;text-align:center;margin:10px 0}.tracking hr{height:0px;border:1px solid #ececec;margin:20px auto}.tracking .unit{display:flex;justify-content:space-between;margin:20px 0;align-items:center}.tracking .headr{font-weight:500;font-size:16px;line-height:22px;color:#373232;margin:3px 0}.tracking .subtext{font-weight:400;font-size:13px;line-height:16px;color:#8f8b8b}.tracking .btn{border-radius:5px;padding:0 35px;display:flex;align-items:center;font-weight:600;font-size:14px;line-height:16px;text-align:center;height:40px;cursor:pointer;color:#fff;background:#ef2e2c}.tracking .btn.active{background:#fdeaea;color:#ef2e2c}.processing .rider{width:800px;margin:0 auto}.rider .title{font-weight:600;font-size:20px;line-height:23px;letter-spacing:-.02em;color:#8f1e1d;margin:20px 0 15px}.rider .table .licence{width:12%}.rider .table .vehicle,.rider .table .phone{width:15%}.rider .table .email{width:18%}.rider .table .name{width:20%}.processing .submit{border-radius:5px;padding:27px 35px;font-weight:600;font-size:16px;text-align:center;height:40px;cursor:pointer;color:#fff;background:#ef2e2c;width:800px;margin:10px auto;display:flex;align-items:center;justify-content:center}.processing .submit.alt{color:#ef2e2c;background:#fdeaea}@media (max-width: 1200px){.tracking{width:100%}.control{flex-wrap:wrap}.control .item{margin:5px 20px}.tracking .unit .top{margin-right:20px}}@media (max-width: 960px){.rider .table .email{width:35%;word-wrap:break-word}}@media (max-width: 600px){.control .item{margin:5px 10px}.control .circle{width:30px;height:30px}.control .item span{width:70px;min-height:50px}}@media (max-width: 400px){.rider .table .email{display:none}.rider .table .licence{width:20%}}*{margin:0;padding:0;box-sizing:border-box;outline:none}body,html{overflow-x:hidden;font-family:Inter,sans-serif;background:#fff8f8}.hai-con{width:83vw;margin-left:17vw;padding:35px 30px 15px}.table{box-shadow:0 4px 4px #ffeeee78;background:#ffffff;border:1px solid #fdeaea;border-radius:10px;min-height:80vh;margin:10px 0}.table .list{border:1px solid #fdeaea;border-bottom:none;border-left:none;border-right:none;justify-content:space-between;display:flex;padding:15px 20px;font-size:12px;color:#373232;align-items:center;text-decoration:none}.table .list:nth-child(1){border:none}.table .list.head{font-weight:600;color:#6a6565}.table .sched{padding:4px 8px;background:#eef6e9;border-radius:999px;color:#278500;font-size:10px;text-transform:uppercase;font-weight:600;display:flex;align-items:center;justify-content:center}.table .list.bod{cursor:pointer;text-transform:capitalize}.table .list.bod:hover{background:#fff8f8}.btn_text{transition:all .2s}.btn-load{position:relative}.btn-load .btn_text{visibility:hidden;opacity:0}.btn-load:after{content:"";position:absolute;width:16px;height:16px;top:0;left:0;right:0;bottom:0;margin:auto;border:4px solid transparent;border-top-color:#fff;border-radius:50%;animation:button-loading-spinner 1s ease infinite}.subscribe .btn-load:after{border-top-color:#000}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.flicker{animation-duration:.8s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(to right,#d5d5d5 8%,#f2f2f2 38%,#d5d5d5 54%);background-size:1000px 640px;position:relative}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.flick.flicker{height:20px}.error{background:red;color:#fff;opacity:.9;font-weight:300;padding:10px;border-radius:5px;margin:15px 10px}.load-container{display:flex;align-items:center;justify-content:center;width:calc(100% - 60px);margin:30px}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #18a0fb;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#18a0fb transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.hai-con{width:calc(100vw - 204px);margin-left:204px}}@media (max-width: 960px){.table .list{overflow:scroll}.table .list::-webkit-scrollbar{display:none}.table .list div{margin-right:10px}.table .list .date{width:75px;min-width:75px}.table .list .address,.table .list .name{width:125px;min-width:125px}.table .rider{width:80px;min-width:80px}}@media (max-width: 600px){.hai-con{width:100vw;margin:70px 0 0}}