@import"https://fonts.cdnfonts.com/css/euclid-circular-b";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Righteous&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:Euclid Circular B,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#1a1919;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-scrollbar-display:none;--primary-color: #1f7e05;--primary-color-light: #40dc10;--secondary-color: #2c7502;--krc-primary: #862330;--background-1: #1a1919;--background-2: #2f2f2f}body{margin:0}*{box-sizing:border-box}.secondary-bg{background-color:var(--krc-primary)!important;background-image:linear-gradient(45deg,var(--krc-primary),var(--krc-primary))!important}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.card{background-color:#2f2f2f;box-shadow:#8d8d8d0d 0 0 0 1px,#323232 0 0 0 1px inset;padding:20px;border-radius:10px}.card .title{font-weight:700;font-size:20px}.card .sub-title{font-size:14px;color:#fff;margin-bottom:15px}a{text-decoration:none}.table{text-align:left;text-transform:capitalize;width:100%;border-collapse:collapse}.table tr{border-bottom:1px solid #545454}.table tbody tr:last-of-type{border-bottom:0}.table th{color:#fff;font-weight:600;padding:10px 0;font-size:14px;letter-spacing:1px}.table td{padding:10px 0;font-size:13px}.button{background-color:var(--primary-color);background-image:linear-gradient(45deg,var(--primary-color),var(--secondary-color));padding:10px 20px;border-radius:10px;color:#fff;font-weight:700;text-align:center;cursor:pointer;display:flex;justify-content:center;align-items:center;margin-top:-5px}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (min-height: 1400px){body{zoom:1.7}body .rates-wrap .row .card,body .devices-wrap .row .card{min-height:47vh}body .login-wrap{min-height:60vh}body .transactions-wrap .card{min-height:47vh}}.spin{animation:spin 5.5s linear infinite}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.index-top-section{background-image:url(/assets/bg-9549f847.png);background-size:contain;min-height:100vh}img{margin-bottom:1.5rem}img:hover{filter:drop-shadow(0 0 2em #673ab8aa)}.home section{margin-top:5rem;display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.5rem}.resource{padding:.75rem 1.5rem;border-radius:.5rem;text-align:left;text-decoration:none;color:#222;background-color:#f1f1f1;border:1px solid transparent}.resource:hover{border:1px solid #000;box-shadow:0 25px 50px -12px #673ab888}@media (max-width: 639px){.home section{margin-top:5rem;grid-template-columns:1fr;row-gap:1rem}}@media (prefers-color-scheme: dark){.resource{color:#ccc;background-color:#161616}.resource:hover{border:1px solid #bbb}}header{min-height:50px;width:95vw;display:flex;padding-top:20px;align-items:center;justify-content:center}header .logo-parent{display:flex;width:300px;margin-left:10px;column-gap:20px;font-weight:700;font-size:30px;color:#fff;align-items:center;flex:1}header .logo-parent .logo{background-image:url(/assets/logol-bfc01f9e.png);height:50px;width:50px;background-size:cover;border-radius:10px}header .logo-parent span{color:var(--dark-color)}header nav{display:flex;width:100%}header .nav-bt{background-color:var(--dark-color);border-radius:100px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:17px;padding:6px 30px;margin-left:15px}header .dark{background-color:var(--orange);color:#fff}header .grey{background-color:#f5f5f5;color:#000}.footer{display:flex;padding-top:50px;padding-bottom:50px;flex-direction:column;align-items:center}.footer .top{width:var(--mid-width);border-bottom:1px solid #222222;padding-bottom:10px}.footer .top .ft-left{flex:1}.footer .top .email{text-decoration:none;color:#ddd;display:flex;justify-content:center;align-items:center;column-gap:10px}.footer .bottom{width:var(--mid-width);margin-top:10px;color:#ddd;display:flex}.footer .bottom .copyright{flex:1;margin-right:10px}.footer .bottom ul{list-style:none;display:flex;column-gap:20px;padding:0;margin:0;column-gap:10px}.socials{font-size:1.7rem;display:flex;column-gap:27px;z-index:99999}.socials a{color:var(--orange)}@media only screen and (min-height: 790px){.socials{font-size:2.6rem}}@media only screen and (min-height: 1400px){.socials{column-gap:37px}}.login-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-1);color:#fff;background-size:130vw 120vw;background-repeat:no-repeat;background-position:center}.login-wrap .logo-wrap{font-weight:900;column-gap:5px;font-size:20px;letter-spacing:1px;margin-bottom:0}.login-wrap .logo-wrap span{color:var(--primary-color)}.login-wrap .logo-wrap .logo{height:60px;width:60px;background-image:url(/assets/logo-grad-549fbce4.png);background-size:cover;margin-bottom:10px}.login-wrap h1{font-size:34px;margin-bottom:0;margin-top:0;font-weight:400}.login-wrap .sub-title{margin:0 0 30px;font-size:13px;font-weight:900}.login-wrap input{background-color:var(--background-1);border:1px solid #464545;padding:15px;width:340px;margin-bottom:20px;border-radius:10px;color:#333}.login-wrap .button{width:340px!important;margin-top:0;margin-bottom:20px}.login-wrap .body-wrap{padding:25px 25px 40px;border-radius:10px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;margin-bottom:50px;background-color:var(--background-2)}.login-wrap .body-wrap a,.login-wrap a{color:#fff}.login-wrap a span{color:var(--primary-color);font-weight:700}.login-wrap .bottom-text{font-size:12px;width:340px;color:#929191;text-align:center}.login-wrap .bottom-text span{text-decoration:underline}.admin-header{background-color:var(--background-2);min-height:65px;border-bottom-left-radius:20px;display:flex;justify-content:center;align-items:center;padding-left:20px;padding-right:20px;box-shadow:#0000001a 0 1px 2px;position:relative}.admin-header .page-name{font-weight:700;font-size:25px;text-transform:capitalize;position:relative}.admin-header .page-name span{background-color:var(--primary-color);color:#fff;font-size:10px;position:absolute;right:-135px;top:10px;padding:2px 10px;border-radius:100px}.admin-header .right{flex:1;display:flex;justify-content:flex-end;align-items:center;column-gap:20px}.admin-header .right .icon-wrap{height:40px;width:40px;background-color:var(--background-1);display:flex;justify-content:center;align-items:center;border-radius:100px;font-size:20px;cursor:pointer;position:relative}.admin-header .right .icon-wrap:hover{background-color:#ddd;color:#fff}.admin-header .right .profile-pic{height:40px;width:40px;background-color:#f7f7f7;border-radius:200px;background-image:url(/assets/profile-7781c60f.png);background-size:cover;border:1px solid #ccc;cursor:pointer;position:relative}.admin-header .right .profile-pic .profile-arrow{height:20px;width:20px;position:absolute;bottom:-5px;right:-5px;background-color:var(--background-1);border:4px solid var(--background-2);border-radius:100px;display:flex;justify-content:center;align-items:center}.admin-header .right .profile-name-wrap{margin-right:-10px}.admin-header .right .profile-name-wrap .profile-name{font-weight:700;font-size:17px;text-transform:capitalize}.admin-header .right .profile-name-wrap .profile-clearance{font-size:10px;margin-top:-5px;text-align:right;color:#9a9898;letter-spacing:2px;text-transform:uppercase}.admin-header .menu-selected{background-image:none!important}.admin-header .menu-selected svg{color:var(--krc-primary)}.admin-header .menu-wrap{position:absolute;height:100%;width:100%;top:0;left:0;z-index:10000}.admin-header .menu-wrap .menu-body{position:absolute;right:10px;top:65px;background-color:var(--background-2);border-radius:10px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px}.admin-header .profile-wrap{padding:20px;width:220px}.admin-header .profile-wrap .name{font-weight:700;font-size:25px;text-transform:capitalize}.admin-header .profile-wrap .email{margin-bottom:20px}.admin-header .profile-wrap .button{justify-content:center;align-items:center;column-gap:20px}.admin-header .notifications-wrap{padding:20px;height:100px;width:320px;display:flex;flex-direction:column}.admin-header .notifications-wrap h4{margin:0;padding:0}.admin-header .notifications-wrap ul{flex:1}.admin-header .export-loading{background-image:linear-gradient(45deg,rgb(10,119,2),rgb(255,60,0));color:#fff}.admin-header .notification-available .notification-bubble{height:15px;width:15px;border-radius:100px;background-image:linear-gradient(45deg,rgb(10,119,2),rgb(7,255,98));position:absolute;bottom:-2px;right:-3px;border:2px solid #fff}.admin-header .rdrCalendarWrapper,.admin-header .rdrDateRangePickerWrapper{background-color:#2b2b2b;color:#fff}.admin-header .rdrMonthAndYearPickers select{background-color:#444;color:#fff}.admin-header .rdrDay{background-color:#333;color:#fff}.admin-header .rdrDayNumber{color:#fff}.admin-header .rdrDay:hover{background-color:#555;color:#fff}.admin-header .rdrDayStartPreview,.admin-header .rdrDayInPreview,.admin-header .rdrDayEndPreview{background-color:#075b87;z-index:-1}.admin-header .rdrDaySelected,.admin-header .rdrDayStartOfMonth,.admin-header .rdrDayEndOfMonth{background-color:#444;color:#fff}.admin-header .rdrDayDisabled{color:#403f3f;background-color:#222}.admin-header .rdrMonthName,.admin-header .rdrWeekDay{color:#bbb}.admin-header .rdrDefinedRangesWrapper{background-color:#2b2b2b;border:1px solid #444}.admin-header .rdrStaticRange,.admin-header .rdrInputRange{background-color:#2b2b2b;color:#454545}.admin-header .rdrStaticRange:hover,.admin-header .rdrInputRange:hover{background-color:#444;color:#fff}.admin-header .rdrDateDisplayWrapper{background-color:#444}.admin-header .rdrDateDisplayItem input{background-color:var(--background-1);border:none;outline:none;overflow:hidden}.admin-header .rdrDayNumber span{color:#fff}.admin-header .rdrDayPassive .rdrDayNumber span{color:#8c8c8c}.admin-header .rdrCalendarWrapper{z-index:10000;position:absolute;top:-6px;left:0}.admin-header .date-range{display:flex;padding-left:20px;position:relative;column-gap:20px}.admin-header .date-range .range-input{background-color:var(--background-1);padding:5px 20px;border-radius:5px;color:#b1b0b0}.admin-header .date-range select{padding-right:30px;border:none;background-color:transparent;outline:none}.export-wrap{padding:10px 10px 0;width:320px;display:flex;flex-direction:column}.export-wrap .a{margin-top:10px;font-weight:600;margin-right:19px}.export-wrap h4{padding:0;margin:10px}.export-wrap ul{flex:1;margin:0 0 10px;padding:0;list-style:none}.export-wrap ul li{display:flex;justify-content:center;align-items:center;padding:10px;border-radius:10px;cursor:pointer}.export-wrap ul li:hover{background-color:#f3f3f3}.export-wrap ul .icon{color:#5e5e5e;font-size:30px;background-color:#eee;display:block;height:50px;width:50px;display:flex;justify-content:center;align-items:center;border-radius:100px;margin-right:15px}.export-wrap ul .info{font-size:14px;flex:1}.export-wrap ul .info span{font-weight:800}.left-menu{transition:.9s;background-color:var(--background-2);color:#fff;padding:20px 20px 20px 0;width:90px;position:relative;box-shadow:#0000001a 0 1px 2px}.left-menu .closer{position:absolute;right:-20px;top:70px;height:40px;width:40px;border-radius:100px;background-color:#222;display:flex;justify-content:center;align-items:center;box-shadow:#0000000d 0 0 0 1px;cursor:pointer;z-index:11000}.left-menu .logo{height:50px;width:50px;background-image:linear-gradient(45deg,var(--primary-color),var(--secondary-color));background-color:var(--primary-color);border-radius:200px;margin-left:20px;display:flex;justify-content:center;align-items:center}.left-menu .logo .logo-image{background-image:url(data:image/png;base64,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);background-size:cover;height:40px;width:40px}.left-menu .category{font-weight:700;margin-top:20px;margin-bottom:20px;opacity:0}.left-menu .category-item{transition:.5s;padding-left:10px;display:flex;column-gap:10px;height:45px;margin-bottom:15px;justify-content:center;align-items:center;border-radius:10px;overflow-y:hidden;cursor:pointer;color:#b8b7b7;overflow-x:hidden}.left-menu .category-item .icon{display:flex;justify-content:center;align-items:center}.left-menu .category-item .category-name{text-transform:capitalize;opacity:0;width:0;display:flex;align-items:center;font-size:14px;text-overflow:clip;white-space:nowrap}.left-menu .category-item.category-item:hover{background-color:var(--krc-primary);color:#fff}.left-menu .selected{background-color:var(--primary-color);background-image:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:900}.left-menu .menu-wrap{padding-left:20px}.menu-open{width:220px}.menu-open .category-item{justify-content:center;align-items:center}.menu-open .category-item .category-name{opacity:1;flex:1}.menu-open .category{opacity:1}.admin{display:flex;background-color:var(--background-1);color:#fff;height:100vh}.admin .main-content{flex:1;display:flex;flex-direction:column;padding-left:40px;overflow-y:scroll}.dashboard-wrap{padding-top:30px;padding-right:30px;min-height:100vh}.dashboard-wrap .row{display:flex;column-gap:30px;margin-top:30px}.dashboard-wrap .row .card{min-height:450px;max-width:50%}.dashboard-wrap .row .row-left,.dashboard-wrap .row .row-right{flex:1;border-radius:10px}.dashboard-wrap .title-top{display:flex}.dashboard-wrap .title-top .left{flex:1}.dashboard-wrap .title-top .right{padding-top:10px}.dash-stats-wrap{display:flex;column-gap:30px}.dash-stats-wrap .stats-item{background-color:var(--background-2);box-shadow:#8d8d8d0d 0 0 0 1px,#323232 0 0 0 1px inset;border-radius:10px;flex:1;padding:20px;font-size:13px;display:flex}.dash-stats-wrap .stats-item .stats-title{font-weight:400}.dash-stats-wrap .stats-item .stats-amount{font-weight:700;font-size:33px}.dash-stats-wrap .stats-item .stats-left{flex:1}.dash-stats-wrap .stats-item .stats-icon{color:#aaa}.slide-selector-wrap{display:inline-block;background-color:var(--background-2);margin-bottom:20px;margin-top:10px;padding:4px;border-radius:10px}.slide-selector-wrap .slide-selector{display:flex;column-gap:5px}.slide-selector-wrap .slide-selector .option{padding:5px 10px;border-radius:7px;font-size:14px;cursor:pointer}.slide-selector-wrap .slide-selector .option:hover{background-color:#222}.slide-selector-wrap .slide-selector .selected{background-color:var(--background-1)}.transactions-wrap{padding-top:10px;padding-right:30px;min-height:100vh}.transactions-wrap .card{min-height:80vh;display:flex;flex-direction:column}.transactions-wrap .row{display:flex;column-gap:30px;margin-top:30px}.transactions-wrap .row .row-left,.transactions-wrap .row .row-right{flex:1;border-radius:10px}.transactions-wrap .search{background-color:var(--background-2);height:40px;position:relative;margin-top:10px;border-radius:10px}.transactions-wrap .search input{background-color:transparent;border:0;width:300px;padding:12px 12px 12px 40px;border-radius:10px;color:#fff}.transactions-wrap .search svg{position:absolute;top:8px;left:10px}.paginator-wrap{display:flex;margin-top:20px;justify-content:end}.paginator-wrap .paginator{align-self:flex-end;display:flex;list-style:none;margin:0;padding:5px;background-color:var(--background-1);column-gap:10px;border-radius:10px}.paginator-wrap .paginator li{display:flex;justify-content:center;align-items:center;font-size:12px;padding:3px 10px;cursor:pointer}.paginator-wrap .paginator li svg{font-size:12px}.paginator-wrap .paginator .selected{background-color:var(--primary-color);background-image:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:5px}.mpesa-modal-wrap{height:100%;width:100%;background-color:#000000d0;position:absolute;top:0;left:0;z-index:15000;display:flex;justify-content:center;align-items:center}.mpesa-modal-wrap .modal-body{box-shadow:#8d8d8d0d 0 0 0 1px,#ebebeb 0 0 0 1px inset;padding:20px;border-radius:20px;margin-top:-50px;width:650px;display:flex;flex-direction:column;overflow:hidden;transition:.5s;background-color:#fff;position:relative}.mpesa-modal-wrap .modal-body .close-bt{position:absolute;right:20px;top:10px;font-size:40px;color:#696868;cursor:pointer;transition:.5s}.mpesa-modal-wrap .modal-body .close-bt:hover{color:#3d9006}.mpesa-modal-wrap .modal-body .row{margin-top:17px;column-gap:10px}.mpesa-modal-wrap .modal-body .title{font-weight:700;font-size:20px}.mpesa-modal-wrap .modal-body .sub-title{font-size:14px;color:#777;margin-bottom:5px}.mpesa-modal-wrap #json-content{font-family:Courier New,Courier,monospace;background-color:#f5f5f5;padding:10px;border-radius:5px;border:1px solid #ccc;max-width:600px;margin:20px auto;overflow-x:auto}.mpesa-modal-wrap .json-key{color:#d14;font-weight:700}.mpesa-modal-wrap .json-value{color:#1a1a1a}.mpesa-modal-wrap .json-object,.mpesa-modal-wrap .json-array{margin-left:20px;padding:10px;border-left:2px solid #ddd}.users-wrap{padding-top:30px;padding-right:30px;min-height:100vh}.users-wrap .transparent{background-color:transparent;border:1px solid #ccc;background-image:none;color:#000}.users-wrap .title-top{display:flex}.users-wrap .title-top .left{flex:1}.users-wrap .title-top .right{padding:15px 0 15px 15px}.users-wrap .actions{display:flex;column-gap:20px;padding-left:10px;color:var(--primary-color);align-items:center}.users-wrap .dp-image{height:25px;width:25px;background-color:#eee;margin-right:10px;margin-top:-3px;background-size:cover;background-position:center}.users-wrap .card{min-height:80vh}.users-wrap .row{display:flex;column-gap:30px;margin-top:30px}.users-wrap .row .row-left,.users-wrap .row .row-right{flex:1;border-radius:10px}.enrol-modal-wrap{height:100%;width:100%;background-color:#000000d0;position:absolute;top:0;left:0;z-index:15000;display:flex;justify-content:center;align-items:center}.enrol-modal-wrap .modal--1{background-color:#050505}.enrol-modal-wrap .modal-0{background-color:#ff8f06}.enrol-modal-wrap .modal-1{background-color:#ff5106}.enrol-modal-wrap .modal-2{background-color:#6baa06}.enrol-modal-wrap .modal-3,.enrol-modal-wrap .modal-4{background-color:#03ff3e}.enrol-modal-wrap .modal-body{padding:0;border-radius:20px;height:400px;margin-top:-50px;width:600px;display:flex;overflow:hidden;transition:.5s;background-image:url(https://www.transparenttextures.com/patterns/connected.png)}.enrol-modal-wrap .modal-body .hand{height:100%;width:100%;transform:scaleX(-1);background-image:url(/assets/hand-medium-6c770c5a.png);background-size:cover;background-repeat:no-repeat;overflow:hidden;position:relative;transition:.5s}.enrol-modal-wrap .modal-body .hand .lottie{display:flex;column-gap:20px;position:absolute;right:15px;top:15px}.enrol-modal-wrap .modal-body .hand .instruction-wrap{transform:scaleX(-1);margin:30px;color:#fff;z-index:10000000;position:absolute;bottom:0;right:0}.enrol-modal-wrap .modal-body .hand .instruction-wrap .title{font-weight:800;font-size:28px}.enrol-modal-wrap .modal-body .hand .instruction-wrap .sub{font-weight:400;font-size:14px;color:#9d9d9d}.enrol-modal-wrap .modal-body .hand .close-bt{position:absolute;left:20px;top:10px;font-size:40px;color:#696868;cursor:pointer;transition:.5s}.enrol-modal-wrap .modal-body .hand .close-bt:hover{color:#fff}.enrol-modal-wrap .modal-body .hand-step--1{background-position:100px -20px;background-color:#2adc2a;background-size:400px 600px}.enrol-modal-wrap .modal-body .hand-step--1 .overlays{height:100%;width:100%;position:absolute;top:0;left:0}.enrol-modal-wrap .modal-body .hand-step--1 .overlay-1{background-image:linear-gradient(to right,rgba(0,0,0,.3137254902),rgba(0,0,0,.0352941176),rgba(0,0,0,.3098039216),#000)}.enrol-modal-wrap .modal-body .hand-step--1 .overlay-2{background-image:linear-gradient(to bottom,rgba(0,0,0,.6431372549),rgba(0,0,0,.1058823529),rgba(0,0,0,.7254901961),#000)}.enrol-modal-wrap .modal-body .hand-step-0{background-position:150px -520px;background-size:1000px 1600px}.enrol-modal-wrap .modal-body .hand-step-0 .overlays{height:100%;width:100%;position:absolute;top:0;left:0}.enrol-modal-wrap .modal-body .hand-step-0 .overlay-1{background-image:linear-gradient(to right,rgba(0,0,0,.3137254902),rgba(0,0,0,.0352941176),rgba(0,0,0,.3098039216),#000)}.enrol-modal-wrap .modal-body .hand-step-0 .overlay-2{background-image:linear-gradient(to bottom,rgba(0,0,0,.6431372549),rgba(0,0,0,.1058823529),rgba(0,0,0,.7254901961),#000)}.enrol-modal-wrap .modal-body .hand-step-1{background-position:-60px -150px;background-size:1000px 1600px}.enrol-modal-wrap .modal-body .hand-step-1 .overlays{height:100%;width:100%;position:absolute;top:0;left:0}.enrol-modal-wrap .modal-body .hand-step-1 .overlay-1{background-image:linear-gradient(to right,rgba(0,0,0,.3137254902),rgba(0,0,0,.0352941176),rgba(0,0,0,.0549019608),#000)}.enrol-modal-wrap .modal-body .hand-step-1 .overlay-2{background-image:linear-gradient(to bottom,rgba(0,0,0,.6431372549),rgba(0,0,0,.1058823529),rgba(0,0,0,.7254901961),#000)}.enrol-modal-wrap .modal-body .hand-step-2{background-position:-180px -100px;background-size:1000px 1600px}.enrol-modal-wrap .modal-body .hand-step-2 .overlays{height:100%;width:100%;position:absolute;top:0;left:0}.enrol-modal-wrap .modal-body .hand-step-2 .overlay-1{background-image:linear-gradient(to right,rgba(0,0,0,.6901960784),rgba(0,0,0,.0352941176),rgba(0,0,0,.0549019608),#000)}.enrol-modal-wrap .modal-body .hand-step-2 .overlay-2{background-image:linear-gradient(to bottom,rgba(0,0,0,.6431372549),rgba(0,0,0,.1058823529),rgba(0,0,0,.7254901961),#000)}.enrol-modal-wrap .modal-body .hand-step-3{background-position:-280px -100px;background-size:1000px 1600px}.enrol-modal-wrap .modal-body .hand-step-3 .overlays{height:100%;width:100%;position:absolute;top:0;left:0}.enrol-modal-wrap .modal-body .hand-step-3 .overlay-1{background-image:linear-gradient(to right,rgba(0,0,0,.6901960784),rgba(0,0,0,.0352941176),rgba(0,0,0,.0549019608),#000)}.enrol-modal-wrap .modal-body .hand-step-3 .overlay-2{background-image:linear-gradient(to bottom,rgba(0,0,0,.6431372549),rgba(0,0,0,.1058823529),rgba(0,0,0,.7254901961),#000)}.enrol-modal-wrap .modal-body .hand-step-4{background-position:-480px -300px;background-size:1000px 1600px}.enrol-modal-wrap .modal-body .hand-step-4 .overlays{height:100%;width:100%;position:absolute;top:0;left:0}.enrol-modal-wrap .modal-body .hand-step-4 .overlay-1{background-image:linear-gradient(to right,rgba(0,0,0,.8235294118),rgba(0,0,0,.1450980392),rgba(0,0,0,.1529411765),#000)}.enrol-modal-wrap .modal-body .hand-step-4 .overlay-2{background-image:linear-gradient(to bottom,rgba(0,0,0,.4274509804),rgba(0,0,0,.1058823529),rgba(0,0,0,.7254901961),#000)}.edit-modal-wrap .modal-body{box-shadow:#8d8d8d0d 0 0 0 1px,#232323 0 0 0 1px inset!important;padding:20px;border-radius:20px;margin-top:-50px;width:450px;display:flex;flex-direction:column;overflow:hidden;transition:.5s;background-color:var(--background-1)!important;position:relative}.custom-input .top{font-size:14px;font-weight:700}.custom-input input{width:100%;padding:15px;background-color:#fff;border:1px solid #ccc;border-radius:5px;margin-top:5px;color:#222}.custom-select{position:relative}.custom-select .top{font-size:14px;font-weight:700}.custom-select select{width:100%;padding:15px;background-color:#fff;border:1px solid #ccc;border-radius:5px;margin-top:5px;color:#222;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.1018 8C5.02785 8 4.45387 9.2649 5.16108 10.0731L10.6829 16.3838C11.3801 17.1806 12.6197 17.1806 13.3169 16.3838L18.8388 10.0731C19.5459 9.2649 18.972 8 17.898 8H6.1018Z' fill='%23212121'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";position:absolute;width:2rem;height:100%;right:0;top:42px;bottom:0;text-align:center;font-size:1rem;line-height:2.5rem;pointer-events:none}.title-less{width:150px;margin-top:-10px}.title-less select{padding:10px}.title-less:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16px' height='16px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.1018 8C5.02785 8 4.45387 9.2649 5.16108 10.0731L10.6829 16.3838C11.3801 17.1806 12.6197 17.1806 13.3169 16.3838L18.8388 10.0731C19.5459 9.2649 18.972 8 17.898 8H6.1018Z' fill='%23212121'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";position:absolute;width:2rem;height:100%;right:0;top:15px;bottom:0;text-align:center;font-size:1rem;line-height:2.5rem;pointer-events:none}.level-modal-wrap{height:100%;width:100%;background-color:#000000d0;position:absolute;top:0;left:0;z-index:15000;display:flex;justify-content:center;align-items:center}.level-modal-wrap .modal-body{box-shadow:#8d8d8d0d 0 0 0 1px,#ebebeb 0 0 0 1px inset;padding:20px;border-radius:20px;margin-top:-50px;width:450px;display:flex;flex-direction:column;overflow:hidden;transition:.5s;background-color:#fff;position:relative}.level-modal-wrap .modal-body .close-bt{position:absolute;right:20px;top:10px;font-size:40px;color:#696868;cursor:pointer;transition:.5s}.level-modal-wrap .modal-body .close-bt:hover{color:#3d9006}.level-modal-wrap .modal-body .row{margin-top:17px;column-gap:10px}.level-modal-wrap .modal-body .title{font-weight:700;font-size:20px}.level-modal-wrap .modal-body .sub-title{font-size:14px;color:#777;margin-bottom:5px}.level-modal-wrap .height{min-height:50px;height:100%}.rates-wrap{padding-top:0;padding-right:30px;min-height:100vh}.rates-wrap .dp-image{height:25px;width:25px;background-color:#eee;margin-right:10px;margin-top:-3px;background-size:cover;background-position:center}.rates-wrap .row{display:flex;column-gap:30px;margin-top:30px}.rates-wrap .row .card{min-height:80vh}.rates-wrap .row .card .title{text-transform:capitalize}.rates-wrap .row .row-left{flex:1;border-radius:10px}.rates-wrap .row .row-right{flex:2;border-radius:10px;display:flex;flex-direction:column}.rates-wrap .actions{display:flex;column-gap:20px;padding-left:10px;color:var(--primary-color);align-items:center}.rates-wrap .title-top{display:flex}.rates-wrap .title-top .left{flex:1}.rates-wrap .title-top .right{padding-top:10px;display:flex;column-gap:20px}.rates-wrap .title-top .right a{background-color:var(--primary-color);padding:10px 20px;border-radius:10px;color:#fff;font-weight:700;height:38px}.rates-wrap .selected{background-color:var(--primary-color);color:#fff;padding-left:10px!important}.rates-wrap .routes td,.rates-wrap .routes th{padding:10px 20px}.rates-wrap .routes tr{cursor:pointer}.rates-wrap .routes tr:hover:not(.selected) td{background-color:#191919}.edit-modal-wrap{height:100vh;width:100vw;background-color:#000000d0;position:absolute;top:0;left:0;z-index:15000;display:flex;justify-content:center;align-items:center}.edit-modal-wrap .modal-body{box-shadow:#8d8d8d0d 0 0 0 1px,#ebebeb 0 0 0 1px inset;padding:20px;border-radius:20px;margin-top:-50px;width:350px;display:flex;flex-direction:column;overflow:hidden;transition:.5s;background-color:#fff;position:relative}.edit-modal-wrap .modal-body .row{margin-top:17px;column-gap:10px}.edit-modal-wrap .modal-body .hours-wrap{height:200px;overflow:scroll;background-color:#e8e8e8;margin-top:20px;margin-bottom:5px;border-radius:10px;display:flex;flex-direction:column;padding:0}.edit-modal-wrap .modal-body .hours-wrap ul{flex:1;list-style:none;margin:0;max-height:200px;overflow:scroll;padding:10px}.edit-modal-wrap .modal-body .hours-wrap ul li{display:flex;justify-content:center;align-items:center;background-color:#fff;margin-bottom:5px;padding:10px;border-radius:10px;font-size:14px}.edit-modal-wrap .modal-body .hours-wrap ul li div{font-weight:800}.edit-modal-wrap .modal-body .hours-wrap ul li .cancel{display:flex;justify-content:end;min-width:50px;padding-right:10px;color:#ff4500}.edit-modal-wrap .modal-body .hours-wrap ul li .middle{min-width:50px;display:flex;justify-content:center;align-items:center;color:#696868}.edit-modal-wrap .modal-body .hours-wrap ul li .rate{flex:1;padding-left:10px}.edit-modal-wrap{height:100%;width:100%;background-color:#000000d0;position:absolute;top:0;left:0;z-index:15000;display:flex;justify-content:center;align-items:center}.edit-modal-wrap .modal-body{box-shadow:#8d8d8d0d 0 0 0 1px,#ebebeb 0 0 0 1px inset;padding:20px;border-radius:20px;margin-top:-50px;width:400px;display:flex;flex-direction:column;overflow:hidden;transition:.5s;background-color:#fff;position:relative}.edit-modal-wrap .modal-body .close-bt{position:absolute;right:20px;top:10px;font-size:40px;color:#696868;cursor:pointer;transition:.5s}.edit-modal-wrap .modal-body .close-bt:hover{color:#3d9006}.edit-modal-wrap .modal-body .row{margin-top:17px;column-gap:10px;justify-content:center;align-items:center}.edit-modal-wrap .modal-body .title{font-weight:700;font-size:20px}.edit-modal-wrap .modal-body .sub-title{font-size:14px;color:#777;margin-bottom:5px}.edit-modal-wrap .modal-body .profile{width:150px;height:150px;border-radius:50%;background-color:#fff;background-position:center;background-size:cover;display:flex;align-self:center;align-items:center;justify-content:center;color:#696868;cursor:pointer;transition:.5s}.edit-modal-wrap .modal-body .profile:hover{width:160px;height:160px;border:4px dashed green}.deep-stats-wrap{padding-top:30px;padding-right:30px;min-height:100vh}.deep-stats-wrap .row{display:flex;column-gap:30px;margin-bottom:30px}.deep-stats-wrap .row .span-full{flex:1}.deep-stats-wrap .row .span-full text tspan{color:#fff}.deep-stats-wrap .row .card{min-height:450px;max-width:100%}.deep-stats-wrap .title-top{display:flex}.deep-stats-wrap .title-top .left{flex:1}.deep-stats-wrap .title-top .right{padding-top:10px}.rdrCalendarWrapper{box-sizing:border-box;background:#ffffff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#EFF2F7}.rdrNextPrevButton:hover{background:#E1E7F0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;left:0;right:0;top:5px;bottom:5px;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;top:5px;left:0;right:0;bottom:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:rgba(255,255,255,.09);position:absolute;top:3px;left:0;right:0;bottom:3px;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;top:-2px;bottom:-2px;left:0;right:0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}body{font-family:Arial,sans-serif;margin:20px;color:#fff}header{text-align:center}main{margin-top:20px}section{margin-bottom:20px}ul{padding-left:20px}body{font-family:Arial,sans-serif;text-align:left;margin:20px;display:flex;flex-direction:column}.container{border:1px solid #ccc;padding:20px;width:500px;border-radius:10px;margin:0 auto}.form{display:flex;flex-direction:column}form{margin-top:20px}label{display:block;margin-bottom:5px}input{width:100%;padding:10px;margin-bottom:10px}button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;cursor:pointer}