.signin-page-wrapper{position:fixed;width:100%;background-color:#050b10;min-height:100vh}.signin-page-wrapper .signin-form-holder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;background-color:#f4f4f6;padding:24px 8px;border-radius:2px}@media only screen and (min-width:400px){.signin-page-wrapper .signin-form-holder{width:90%;padding:24px 12px}}@media only screen and (min-width:768px){.signin-page-wrapper .signin-form-holder{width:60%;padding:24px}}@media only screen and (min-width:1200px){.signin-page-wrapper .signin-form-holder{width:30%;padding:24px 48px;border-radius:4px}}.signin-page-wrapper .signin-form-holder .form .header h1{text-align:center;font-size:24px;font-weight:600;color:#050b10;margin:0}@media only screen and (min-width:400px){.signin-page-wrapper .signin-form-holder .form .header h1{margin-bottom:8px}}.signin-page-wrapper .signin-form-holder .form .sub-header{color:#050b10;text-align:center;margin-bottom:8px;font-size:14px}.signin-page-wrapper .signin-form-holder .form .formGroup{position:relative;margin:24px 0}.signin-page-wrapper .signin-form-holder .form .formGroup small{display:block;font-size:12px;margin-left:16px;margin-top:8px;width:calc(100% - 16px)}.signin-page-wrapper .signin-form-holder .form .formGroup .input-field{position:relative;margin:0}.signin-page-wrapper .signin-form-holder .form .formGroup .input-field .left-icon{position:absolute;bottom:12px;left:16px;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);color:#050b10;font-size:14px}@media only screen and (min-width:1200px){.signin-page-wrapper .signin-form-holder .form .formGroup .input-field .left-icon{bottom:30%}}.signin-page-wrapper .signin-form-holder .form .formGroup .input-field .right-icon{position:absolute;bottom:12px;right:16px;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);color:#050b10}@media only screen and (min-width:1200px){.signin-page-wrapper .signin-form-holder .form .formGroup .input-field .right-icon{bottom:30%}}.signin-page-wrapper .signin-form-holder .form .formGroup .input-field input{width:100%;padding:12px 48px;font-size:14px;border:none;background-color:#dddfe3;color:#050b10;border-radius:4px}.signin-page-wrapper .signin-form-holder .form .formGroup .input-field input::-webkit-input-placeholder{color:#050b10;font-size:14px}.signin-page-wrapper .signin-form-holder .form .formGroup .input-field input:-ms-input-placeholder{color:#050b10;font-size:14px}.signin-page-wrapper .signin-form-holder .form .formGroup .input-field input::-ms-input-placeholder{color:#050b10;font-size:14px}.signin-page-wrapper .signin-form-holder .form .formGroup .input-field input::placeholder{color:#050b10;font-size:14px}.signin-page-wrapper .signin-form-holder .form .formGroup .input-field input:focus{outline:none}.signin-page-wrapper .signin-form-holder .form button{width:100%;padding:12px 0;background-color:#050b10;color:#f4f4f6;text-transform:uppercase;font-weight:600;letter-spacing:.05em;margin-top:4px;margin-bottom:12px;border:none;border-radius:4px;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}@media only screen and (min-width:400px){.signin-page-wrapper .signin-form-holder .form button{margin-bottom:16px}}.signin-page-wrapper .signin-form-holder .form .no-account{font-size:12px;display:block;text-align:center;color:#050b10}.signin-page-wrapper .signin-form-holder .form .no-account a{text-decoration:none;color:#25587e}.signin-page-wrapper .signin-form-holder .form .error,.signin-page-wrapper .signin-form-holder .form .required{color:#ff5747}.signup-page-wrapper{position:relative;width:100%;background-color:#050b10;min-height:100vh;padding:0 12px}@media only screen and (min-width:400px){.signup-page-wrapper{padding:0 16px}}.signup-page-wrapper .signup-form-holder{position:relative;display:inline-block;margin-top:96px;width:100%;background-color:#f4f4f6;padding:12px 8px;border-radius:2px}@media only screen and (min-width:400px){.signup-page-wrapper .signup-form-holder{padding:24px 12px}}@media only screen and (min-width:1200px){.signup-page-wrapper .signup-form-holder{margin-top:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;padding:24px 48px;border-radius:4px}}.signup-page-wrapper .signup-form-holder .form .header h1{text-align:center;font-size:24px;font-weight:600;color:#050b10;margin:0}.signup-page-wrapper .signup-form-holder .form .formGroup{position:relative;margin:24px 0}.signup-page-wrapper .signup-form-holder .form .formGroup small{display:block;font-size:12px;margin-left:16px;margin-top:8px;width:calc(100% - 16px)}.signup-page-wrapper .signup-form-holder .form .formGroup .input-field{position:relative;margin:0}.signup-page-wrapper .signup-form-holder .form .formGroup .input-field .left-icon{position:absolute;bottom:12px;left:16px;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);color:#050b10;font-size:14px}@media only screen and (min-width:1200px){.signup-page-wrapper .signup-form-holder .form .formGroup .input-field .left-icon{bottom:30%}}.signup-page-wrapper .signup-form-holder .form .formGroup .input-field .right-icon{position:absolute;bottom:12px;right:16px;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);color:#050b10}@media only screen and (min-width:1200px){.signup-page-wrapper .signup-form-holder .form .formGroup .input-field .right-icon{bottom:30%}}.signup-page-wrapper .signup-form-holder .form .formGroup .input-field input{width:100%;padding:12px 48px;font-size:14px;border:none;background-color:#dddfe3;color:#050b10;border-radius:4px}.signup-page-wrapper .signup-form-holder .form .formGroup .input-field input::-webkit-input-placeholder{color:#050b10;font-size:14px}.signup-page-wrapper .signup-form-holder .form .formGroup .input-field input:-ms-input-placeholder{color:#050b10;font-size:14px}.signup-page-wrapper .signup-form-holder .form .formGroup .input-field input::-ms-input-placeholder{color:#050b10;font-size:14px}.signup-page-wrapper .signup-form-holder .form .formGroup .input-field input::placeholder{color:#050b10;font-size:14px}@media only screen and (min-width:768px){.signup-page-wrapper .signup-form-holder .form .formGroup .input-field input::-webkit-input-placeholder{font-size:.9em}.signup-page-wrapper .signup-form-holder .form .formGroup .input-field input:-ms-input-placeholder{font-size:.9em}.signup-page-wrapper .signup-form-holder .form .formGroup .input-field input::-ms-input-placeholder{font-size:.9em}.signup-page-wrapper .signup-form-holder .form .formGroup .input-field input::placeholder{font-size:.9em}}.signup-page-wrapper .signup-form-holder .form .formGroup .input-field input:focus{outline:none}.signup-page-wrapper .signup-form-holder .form button{width:100%;padding:12px 0;background-color:#050b10;color:#f4f4f6;text-transform:uppercase;font-weight:600;letter-spacing:.05em;margin-top:4px;margin-bottom:12px;border:none;border-radius:4px;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}@media only screen and (min-width:400px){.signup-page-wrapper .signup-form-holder .form button{margin-bottom:16px}}.signup-page-wrapper .signup-form-holder .form .no-account{font-size:12px;display:block;text-align:center;color:#050b10}.signup-page-wrapper .signup-form-holder .form .no-account a{text-decoration:none;color:#25587e}.signup-page-wrapper .signup-form-holder .form .error,.signup-page-wrapper .signup-form-holder .form .required{color:#ff5747}.dashboard-page-wrapper .dashboard-control-panel{position:relative;overflow-y:auto;width:100%;min-height:100vh;padding:64px 12px 0}@media only screen and (min-width:1024px){.dashboard-page-wrapper .dashboard-control-panel{padding:96px 48px}}@media only screen and (min-width:1200px){.dashboard-page-wrapper .dashboard-control-panel{padding:96px 128px}}.dashboard-page-wrapper .dashboard-control-panel .verify-email{background-color:rgba(255,87,71,.55);margin-bottom:24px;padding:12px 24px;display:flex;align-items:baseline;border-radius:4px}.dashboard-page-wrapper .dashboard-control-panel .verify-email .icon-holder{height:30px;width:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f4f4f6;margin-right:24px;color:#ff5747}.dashboard-page-wrapper .dashboard-control-panel .verify-email small{font-size:14px;color:#050b10}.dashboard-page-wrapper .dashboard-control-panel .verify-email a{text-decoration:none;background-color:#050b10;color:#f4f4f6;padding:8px 16px;margin-left:24px;border-radius:2px;font-size:12px;font-weight:600;border:none;cursor:pointer}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter{display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (min-width:1024px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter{padding:0;display:flex;justify-content:space-between}}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active{background-color:#f4f4f6;text-align:center;border-radius:4px;width:48%;height:155px;padding:16px 12px;margin:12px 0 0}@media only screen and (min-width:1024px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active{width:24%;height:165px;padding:24px 12px;margin:0}}@media only screen and (min-width:1200px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active{border-radius:8px;width:24%;height:200px;padding:24px 16px}}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active .meter-card-icon,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card .meter-card-icon{display:flex;justify-content:center}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active .meter-card-icon span,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card .meter-card-icon span{display:flex;justify-content:center;align-items:center;background-color:#dddfe3;color:#848a9a;height:30px;width:30px;border-radius:50%}@media only screen and (min-width:1200px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active .meter-card-icon span,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card .meter-card-icon span{height:40px;width:40px}}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active h3,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card h3{color:#050b10;font-size:20px;margin:12px 0 8px;font-weight:600}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active h3 span,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card h3 span{font-size:14px}@media only screen and (min-width:1200px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active h3,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card h3{font-size:30px;margin-top:16px}}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active .not-critical,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card .not-critical{color:#7aab5f}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active .not-critical span,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card .not-critical span{color:#050b10}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active .critical,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card .critical{color:#ff5747}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active .critical span,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card .critical span{color:#050b10}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active small,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card small{font-size:12px;display:block;margin:0 0 12px}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active a,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card a{display:block;text-decoration:none;background-color:#050b10;padding:8px;color:#f4f4f6;font-size:12px;text-transform:uppercase;font-weight:600;border-radius:4px}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active{background-color:#050b10}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active .meter-card-icon span{color:#050b10}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active h3,.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active small{color:#f4f4f6}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active small .difference-decrease{color:#7aab5f}.dashboard-page-wrapper .dashboard-control-panel .dashboard-meter .meter-card-active small .difference-increase{color:#ff5747}.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card{width:100%;background-color:#050b10;border-radius:4px;margin-top:24px;padding:16px 12px}@media only screen and (min-width:1024px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card{margin-top:48px;padding:16px 12px}}@media only screen and (min-width:1200px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card{padding:24px 32px}}.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card h3{color:#f4f4f6;margin:0;font-size:14px}@media only screen and (min-width:1024px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card h3{color:#f4f4f6;margin:0;font-size:14px}}@media only screen and (min-width:1200px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card h3{font-size:16px}}.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card .stats-header{position:relative;display:flex;justify-content:space-between}.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card .stats-header .filter span{color:#f4f4f6;cursor:pointer}.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card .stats-header .filter .filter-card{background-color:#f4f4f6;color:#050b10;padding:4px 12px;font-size:12px;border-radius:4px;position:absolute;z-index:30;right:4px;top:24px}@media only screen and (min-width:1024px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card .stats-header .filter .filter-card{background-color:#f4f4f6;color:#050b10;padding:4px 12px;font-size:12px;border-radius:4px;position:absolute;z-index:30;right:4px;top:24px}}@media only screen and (min-width:1200px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card .stats-header .filter .filter-card{font-size:14px;padding:8px 16px}}.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card .stats-header .filter .filter-card li{list-style-type:none;margin:8px 0;cursor:pointer}@media only screen and (min-width:1024px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card .stats-header .filter .filter-card li{list-style-type:none;margin:8px 0;cursor:pointer}}.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card .stats-header .filter .filter-card li:hover{color:#7aab5f;font-weight:600}@media only screen and (min-width:1024px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card .stats-header .filter .filter-card li:hover{color:#7aab5f;font-weight:600}}.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card .chart h3{height:200px;display:flex;align-items:center;justify-content:center}.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card .chart .area-chart{width:100%;height:200px;font-size:12px}@media only screen and (min-width:1024px){.dashboard-page-wrapper .dashboard-control-panel .dashboard-stats-card .chart .area-chart{height:30vh;height:300px}}.dashboard-page-wrapper .dashboard-control-panel .no-meterId{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%)}.dashboard-page-wrapper .dashboard-control-panel .no-meterId h3{margin-bottom:24px}.dashboard-page-wrapper .dashboard-control-panel .no-meterId-action button{cursor:pointer;padding:16px 64px;border:none;background-color:#050b10;color:#f4f4f6;text-transform:uppercase;font-weight:600;letter-spacing:.05em;border-radius:4px}.popup-wrapper,.popup-wrapper-close{position:fixed;width:100%;top:0;height:100vh;background-color:rgba(0,0,0,.5);z-index:50;-webkit-animation:zoomOut 1s;animation:zoomOut 1s}@-webkit-keyframes zoomOut{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(0)}to{transform:scale(1)}}@media only screen and (min-width:1200px){.popup-wrapper,.popup-wrapper-close{width:calc(100% - 300px)}}.popup-wrapper-close .popup-holder,.popup-wrapper .popup-holder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:4px}.popup-wrapper-close .popup-holder button,.popup-wrapper .popup-holder button{cursor:pointer}.popup-wrapper-close{transform:scale(0);-webkit-animation:zoomIn 1s;animation:zoomIn 1s}@-webkit-keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(0)}}.register-meter-holder .form .formGroup{position:relative;margin:24px 0}.register-meter-holder .form .formGroup small{display:block;font-size:12px;margin-left:16px;margin-top:8px;width:calc(100% - 16px)}.register-meter-holder .form .formGroup .input-field{position:relative;margin:0}.register-meter-holder .form .formGroup .input-field .left-icon{position:absolute;bottom:12px;left:16px;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);color:#050b10;font-size:14px}@media only screen and (min-width:1200px){.register-meter-holder .form .formGroup .input-field .left-icon{bottom:30%}}.register-meter-holder .form .formGroup .input-field .right-icon{position:absolute;bottom:12px;right:16px;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);color:#050b10}@media only screen and (min-width:1200px){.register-meter-holder .form .formGroup .input-field .right-icon{bottom:30%}}.register-meter-holder .form .formGroup .input-field input,.register-meter-holder .form .formGroup .input-field select{width:100%;padding:12px 48px;font-size:14px;border:none;background-color:#dddfe3;color:#050b10;border-radius:4px}.register-meter-holder .form .formGroup .input-field input::-webkit-input-placeholder,.register-meter-holder .form .formGroup .input-field select::-webkit-input-placeholder{color:#050b10;font-size:14px}.register-meter-holder .form .formGroup .input-field input:-ms-input-placeholder,.register-meter-holder .form .formGroup .input-field select:-ms-input-placeholder{color:#050b10;font-size:14px}.register-meter-holder .form .formGroup .input-field input::-ms-input-placeholder,.register-meter-holder .form .formGroup .input-field select::-ms-input-placeholder{color:#050b10;font-size:14px}.register-meter-holder .form .formGroup .input-field input::placeholder,.register-meter-holder .form .formGroup .input-field select::placeholder{color:#050b10;font-size:14px}.register-meter-holder .form .formGroup .input-field input:focus,.register-meter-holder .form .formGroup .input-field select:focus{outline:none}.register-meter-holder .form button{width:100%;padding:12px;border:none;background-color:#050b10;color:#f4f4f6;text-transform:uppercase;font-weight:600;letter-spacing:.05em;border-radius:4px;margin-top:16px}.register-meter-holder .form .error,.register-meter-holder .form .required{color:#ff5747}.profile-page-header{background-color:#050b10;height:40vh;padding-top:10vh;text-align:center}.profile-page-header-image{margin:auto;height:5em;width:5em;border-radius:50%;border:2px solid #fff}.profile-page-header-image img{height:100%;width:100%;border-radius:50%}.profile-page-header .edit-profile-button{display:inline-block;text-decoration:none;padding:.5em 2em;border-radius:12em;margin-top:.5em;background-color:#1c425f;border:1px solid #1c425f;color:#fff;font-weight:400;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.profile-page-holder{position:relative;top:-10vh;height:60vh;margin:0 5%;width:90%;padding:2em 1em;background-color:#fff;border-radius:.5em}@media only screen and (min-width:1200px){.profile-page-holder{padding:2em 10%}}.profile-page-holder .profile-detail{padding:0;display:flex;justify-content:space-between;align-items:center;width:100%;color:#050b10;border-bottom:1px solid #e0e1dd;margin:.5em 0}.profile-page-holder .profile-detail small{width:60%}.settings-page-wrapper{position:relative;overflow-y:auto;min-height:100vh}.settings-page-wrapper .settings-page-none{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-page-wrapper .settings-page-none .settings-image-container{display:flex;align-items:center;justify-content:center;height:150px;width:150px;background-color:#f4f4f6;border-radius:50%;margin-bottom:12px}.settings-page-wrapper .settings-page-none .settings-image-container img{height:100px}.settings-page-wrapper .settings-page-none small{display:inline-block;color:#494e5a;font-size:16px;font-weight:100}.left-navbar,.left-navbar-closed{position:fixed;overflow-y:auto;z-index:50;width:280px;padding:0 24px;background-color:#050b10;height:100vh;-webkit-animation:openSidebar 1s;animation:openSidebar 1s}@-webkit-keyframes openSidebar{0%{left:-280px}to{left:0}}@keyframes openSidebar{0%{left:-280px}to{left:0}}@media only screen and (min-width:1024px){.left-navbar,.left-navbar-closed{position:relative;width:100%;-webkit-animation:0s;animation:0s}}.left-navbar-closed .left-navbar-header,.left-navbar .left-navbar-header{display:flex;align-items:center;color:#f4f4f6;margin-top:96px}.left-navbar-closed .left-navbar-header h1,.left-navbar .left-navbar-header h1{position:absolute;top:16px;left:50%;transform:translate(-50%);margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.05em}@media only screen and (min-width:1024px){.left-navbar-closed .left-navbar-header h1,.left-navbar .left-navbar-header h1{font-size:14px}}.left-navbar-closed .left-navbar-header .left-navbar-header-image,.left-navbar .left-navbar-header .left-navbar-header-image{display:block;background-color:transparent;height:40px;width:40px;padding:4px;border-radius:50%;border:2px solid #f4f4f6;margin-right:16px}@media only screen and (min-width:1024px){.left-navbar-closed .left-navbar-header .left-navbar-header-image,.left-navbar .left-navbar-header .left-navbar-header-image{height:50px;width:50px;padding:4px}}.left-navbar-closed .left-navbar-header .left-navbar-header-image img,.left-navbar .left-navbar-header .left-navbar-header-image img{height:100%}.left-navbar-closed .left-navbar-header .profile-details h3,.left-navbar .left-navbar-header .profile-details h3{font-size:16px;font-weight:400;margin:0 0 4px}@media only screen and (min-width:1024px){.left-navbar-closed .left-navbar-header .profile-details h3,.left-navbar .left-navbar-header .profile-details h3{font-size:16px}}.left-navbar-closed .left-navbar-header .profile-details p,.left-navbar .left-navbar-header .profile-details p{font-size:14px;margin:0;color:#848a9a}@media only screen and (min-width:1024px){.left-navbar-closed .left-navbar-header .profile-details p,.left-navbar .left-navbar-header .profile-details p{font-size:14px}}.left-navbar-closed .left-navbar-links,.left-navbar .left-navbar-links{margin:32px 0;position:relative;font-size:16px}@media only screen and (min-width:1024px){.left-navbar-closed .left-navbar-links,.left-navbar .left-navbar-links{font-size:16px}}@media only screen and (min-width:1200px){.left-navbar-closed .left-navbar-links,.left-navbar .left-navbar-links{font-size:18px}}.left-navbar-closed .left-navbar-links li,.left-navbar .left-navbar-links li{list-style-type:none;display:block;position:relative;cursor:pointer;margin:8px 0;font-weight:400}@media only screen and (min-width:1024px){.left-navbar-closed .left-navbar-links li,.left-navbar .left-navbar-links li{margin:4px 0}}.left-navbar-closed .left-navbar-links li .left-navbar-icon,.left-navbar-closed .left-navbar-links li .left-navbar-icon-active,.left-navbar .left-navbar-links li .left-navbar-icon,.left-navbar .left-navbar-links li .left-navbar-icon-active{position:relative;display:flex;align-items:baseline;color:#f4f4f6}.left-navbar-closed .left-navbar-links li .left-navbar-icon-active span,.left-navbar-closed .left-navbar-links li .left-navbar-icon span,.left-navbar .left-navbar-links li .left-navbar-icon-active span,.left-navbar .left-navbar-links li .left-navbar-icon span{color:#848a9a;margin-right:16px}@media only screen and (min-width:1024px){.left-navbar-closed .left-navbar-links li .left-navbar-icon-active span,.left-navbar-closed .left-navbar-links li .left-navbar-icon span,.left-navbar .left-navbar-links li .left-navbar-icon-active span,.left-navbar .left-navbar-links li .left-navbar-icon span{margin-right:16px}}@media only screen and (min-width:1200px){.left-navbar-closed .left-navbar-links li .left-navbar-icon-active span,.left-navbar-closed .left-navbar-links li .left-navbar-icon span,.left-navbar .left-navbar-links li .left-navbar-icon-active span,.left-navbar .left-navbar-links li .left-navbar-icon span{margin-right:32px}}.left-navbar-closed .left-navbar-links li .left-navbar-icon-active:hover,.left-navbar-closed .left-navbar-links li .left-navbar-icon:hover,.left-navbar .left-navbar-links li .left-navbar-icon-active:hover,.left-navbar .left-navbar-links li .left-navbar-icon:hover{color:#050b10;background-color:#f4f4f6;-webkit-animation:slideRight .5s;animation:slideRight .5s;border-radius:4px}.left-navbar-closed .left-navbar-links li .left-navbar-icon-active:hover span,.left-navbar-closed .left-navbar-links li .left-navbar-icon:hover span,.left-navbar .left-navbar-links li .left-navbar-icon-active:hover span,.left-navbar .left-navbar-links li .left-navbar-icon:hover span{color:#050b10}@media only screen and (min-width:1024px){.left-navbar-closed .left-navbar-links li .left-navbar-icon-active:hover,.left-navbar-closed .left-navbar-links li .left-navbar-icon:hover,.left-navbar .left-navbar-links li .left-navbar-icon-active:hover,.left-navbar .left-navbar-links li .left-navbar-icon:hover{padding-left:16px}}@media only screen and (min-width:1200px){.left-navbar-closed .left-navbar-links li .left-navbar-icon-active:hover,.left-navbar-closed .left-navbar-links li .left-navbar-icon:hover,.left-navbar .left-navbar-links li .left-navbar-icon-active:hover,.left-navbar .left-navbar-links li .left-navbar-icon:hover{padding-left:32px}}@-webkit-keyframes slideRight{0%{padding-left:0}80%{padding-left:48px}to{padding-left:32px}}@keyframes slideRight{0%{padding-left:0}80%{padding-left:48px}to{padding-left:32px}}.left-navbar-closed .left-navbar-links li .left-navbar-icon-active p,.left-navbar-closed .left-navbar-links li .left-navbar-icon p,.left-navbar .left-navbar-links li .left-navbar-icon-active p,.left-navbar .left-navbar-links li .left-navbar-icon p{position:relative;width:80%}.left-navbar-closed .left-navbar-links li .left-navbar-icon-active,.left-navbar-closed .left-navbar-links li .left-navbar-icon-active span,.left-navbar .left-navbar-links li .left-navbar-icon-active,.left-navbar .left-navbar-links li .left-navbar-icon-active span{color:#7aab5f}.left-navbar-closed .left-navbar-links li a,.left-navbar .left-navbar-links li a{text-decoration:none}.left-navbar-closed{left:-280px;-webkit-animation:closeSidebar 1s;animation:closeSidebar 1s}@-webkit-keyframes closeSidebar{0%{left:0}to{left:-280px}}@keyframes closeSidebar{0%{left:0}to{left:-280px}}@media only screen and (min-width:1024px){.left-navbar-closed{left:0}}.popup-holder{background-color:#f4f4f6;padding:16px;width:80%}.popup-holder .close-popup{position:absolute;right:8px;top:8px;color:#ff5747;cursor:pointer;font-size:20px}@media only screen and (min-width:1200px){.popup-holder .close-popup{top:32px;right:32px}}@media only screen and (min-width:1200px){.popup-holder{width:40%;padding:32px}}.popup-holder .checkout-holder-top{margin-bottom:32px}.popup-holder .checkout-holder-top h3{margin:0}.popup-holder .checkout-holder-top h5{margin-top:8px;font-weight:400}.popup-holder .checkout-holder .price-section{padding:12px 0;margin-bottom:24px}.popup-holder .checkout-holder .price-section .price-picker{padding-bottom:8px;display:flex;align-items:baseline}.popup-holder .checkout-holder .price-section .price-picker-decrement,.popup-holder .checkout-holder .price-section .price-picker-increment{color:#ff5747;font-size:14px;border:none;cursor:pointer;margin:0 3.5%;-webkit-tap-highlight-color:rgba(255,255,255,0)}.popup-holder .checkout-holder .price-section .price-picker-increment{color:#7aab5f;margin:0}.popup-holder .checkout-holder .price-section .price-picker-display{font-size:16px;width:15%;display:block;text-align:center;background-color:transparent;border:none;border-bottom:1px solid #7aab5f}.popup-holder .checkout-holder .price-section .price-picker-text{width:68%;margin-left:8px;font-size:16px}.popup-holder .checkout-holder .price-section small{display:block;margin:0;width:80%;font-size:12px;color:#b0b5bf}@media only screen and (min-width:1200px){.popup-holder .checkout-holder .price-section small{width:70%}}.popup-holder .checkout-holder-total h3{margin-bottom:24px;padding:12px 0;display:flex;justify-content:space-between;align-items:baseline}.popup-holder .checkout-holder .paystack-button{width:100%;padding:12px;border:none;background-color:#050b10;color:#f4f4f6;text-transform:uppercase;font-weight:600;letter-spacing:.05em;border-radius:4px}.popup-holder .checkout-holder .verifying{margin:32px 0;text-align:center}.popup-holder .checkout-holder .verifying h3{font-weight:400;font-size:24px;margin:0 0 16px}.billing-page-wrapper .billing-page-holder{position:relative;overflow-y:auto;width:100%;min-height:100vh;padding:64px 12px 0}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder{padding:96px 24px}}@media only screen and (min-width:600px){.billing-page-wrapper .billing-page-holder{padding:96px 48px}}@media only screen and (min-width:768px){.billing-page-wrapper .billing-page-holder{padding:96px}}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder{padding:96px 128px}}.billing-page-wrapper .billing-page-holder .billing-page-intro{text-align:center;margin-bottom:32px}@media only screen and (min-width:600px){.billing-page-wrapper .billing-page-holder .billing-page-intro{margin-bottom:64px}}.billing-page-wrapper .billing-page-holder .billing-page-intro .billing-page-icon{display:flex;justify-content:center;margin-bottom:12px}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .billing-page-intro .billing-page-icon{margin-bottom:24px}}.billing-page-wrapper .billing-page-holder .billing-page-intro .billing-page-icon span{display:flex;align-items:center;justify-content:center;background-color:#f4f4f6;border-radius:50%;height:40px;width:40px;font-size:14px}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .billing-page-intro .billing-page-icon span{height:60px;width:60px;font-size:20px}}.billing-page-wrapper .billing-page-holder .billing-page-intro small{display:inline-block;color:#494e5a;width:80%;font-size:12px;font-weight:100}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder .billing-page-intro small{line-height:16px}}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .billing-page-intro small{width:600px;line-height:24px;font-size:14px}}.billing-page-wrapper .billing-page-holder .price-cards-holder{display:flex;flex-wrap:wrap;justify-content:space-between}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder .price-cards-holder{padding:0 calc((100% - 350px)/2)}}@media only screen and (min-width:600px){.billing-page-wrapper .billing-page-holder .price-cards-holder{padding:0}}@media only screen and (min-width:1024px){.billing-page-wrapper .billing-page-holder .price-cards-holder{padding:0}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active{background-color:#f4f4f6;width:100%;height:460px;border:1px solid #c7cad1;border-top:5px solid #050b10;margin-bottom:16px}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active{width:350px;margin-bottom:32px}}@media only screen and (min-width:600px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active{width:49%}}@media only screen and (min-width:768px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active{width:48%;height:500px}}@media only screen and (min-width:1024px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active{width:24%;height:500px}}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active{width:24%;height:500px}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-name{height:90px;padding-top:32px}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-name{padding-top:16px}}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-name{padding-top:12px}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name h4,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-name h4{color:#050b10;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;margin:0 32px;font-weight:600}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name h4,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-name h4{padding-top:8px;margin:0 48px}}@media only screen and (min-width:600px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name h4,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-name h4{padding-top:8px;margin:0 24px}}@media only screen and (min-width:768px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name h4,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-name h4{padding-top:16px;margin:0 16px}}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name h4,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-name h4{padding-top:16px;margin:0 16px}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name small,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-name small{display:block;margin:8px 32px;font-size:12px;line-height:12px;font-weight:100;color:#5c6270}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name small,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-name small{line-height:16px;margin:8px 48px}}@media only screen and (min-width:600px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name small,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-name small{line-height:16px;margin:8px 24px}}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name small,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-name small{line-height:16px;margin:8px 16px}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details{background-color:#f4f4f6;padding-top:24px;height:90px}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details{padding-top:16px}}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details{padding-top:32px;height:120px}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .unit small,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .unit small{display:block;text-align:center;margin-bottom:8px}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .unit small span,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .unit small span{color:#7aab5f}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder{display:flex;align-items:flex-start;padding:0 32px}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder{padding:0 48px}}@media only screen and (min-width:600px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder{padding:0 24px}}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder{padding:0 16px}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder .price-amount,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder .price-amount{display:flex;align-items:flex-start}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder .price-amount span,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder .price-amount span{display:block;padding-top:0;font-size:12px;color:#7aab5f;font-weight:400;margin-right:4px}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder .price-amount span,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder .price-amount span{padding-top:4px}}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder .price-amount span,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder .price-amount span{padding-top:8px;font-size:14px;font-weight:600}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder .price-amount h3,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder .price-amount h3{margin:0;display:inline-block;font-size:20px;font-weight:100}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder .price-amount h3,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder .price-amount h3{font-size:24px}}@media only screen and (min-width:600px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder .price-amount h3,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder .price-amount h3{font-size:30px}}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder .price-amount h3,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder .price-amount h3{font-size:36px}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder .price-description span,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder .price-description span{display:block;font-size:12px;font-weight:400;color:#494e5a;padding-left:8px}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details .price-amount-holder .price-description span,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-details .price-amount-holder .price-description span{padding-left:12px}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-description-list,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-description-list{height:200px;padding:12px 32px 16px;font-size:12px;color:#7aab5f}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-description-list,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-description-list{padding:12px 48px 16px}}@media only screen and (min-width:600px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-description-list,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-description-list{padding:12px 24px 16px}}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-description-list,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-description-list{padding:12px 16px 16px}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-description-list li,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-description-list li{list-style-type:none;display:flex;align-items:baseline;margin:16px 0}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-description-list li small,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .price-description-list li small{margin-left:16px;color:#848a9a;font-size:14px}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .pay-button,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .pay-button{padding:16px 32px}@media only screen and (min-width:400px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .pay-button,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .pay-button{padding:16px 48px}}@media only screen and (min-width:600px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .pay-button,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .pay-button{padding:16px 24px}}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .pay-button,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .pay-button{padding:16px}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .pay-button button,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .pay-button button{width:100%;padding:8px;border-radius:4px;border:1px solid #848a9a;background-color:transparent;text-transform:uppercase;color:#494e5a;font-size:12px;font-weight:600;letter-spacing:.05em;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .pay-button .subscribe,.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card .pay-button .subscribe{border:1px solid #050b10;background-color:#050b10;color:#f4f4f6}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active{background-color:#050b10;border:none;border-top:5px solid #050b10}@media only screen and (min-width:600px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active{transform:scale(1.05);-webkit-animation:scaleUp 1s;animation:scaleUp 1s}@-webkit-keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.05)}}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name h4{display:flex;justify-content:space-between;align-items:baseline;color:#f4f4f6;margin-right:16px}@media only screen and (min-width:1200px){.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name h4{margin-right:8px}}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name h4 span{color:#7aab5f;transform:scale(1.2)}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-name small{color:#f4f4f6}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-details{background-color:#f4f4f6}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .price-description-list li small{color:#dddfe3}.billing-page-wrapper .billing-page-holder .price-cards-holder .price-card-active .pay-button button{border:1px solid #f4f4f6;background-color:#f4f4f6;color:#050b10}.top-navbar-wrapper{height:50px;background-color:#f4f4f6;position:fixed;top:0;width:100%;border-bottom:1px solid #dddfe3;z-index:30}.top-navbar-wrapper .top-navbar-holder-mobile{height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 12px}@media only screen and (min-width:400px){.top-navbar-wrapper .top-navbar-holder-mobile{padding:0 24px}}@media only screen and (min-width:600px){.top-navbar-wrapper .top-navbar-holder-mobile{padding:0 48px}}@media only screen and (min-width:768px){.top-navbar-wrapper .top-navbar-holder-mobile{padding:0 96px}}.top-navbar-wrapper .top-navbar-holder-mobile h3{margin:0;font-size:18px}.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon{display:block;width:25px;cursor:pointer;-webkit-tap-highlight-color:rgba(255,255,255,0)}.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-1,.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-1-close,.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-2,.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-2-close,.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-3,.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-3-close{display:block;width:100%;height:3px;background-color:#050b10;margin:4px 0;border-radius:4px}.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-1,.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-1-close{-webkit-animation:hamburger-1-open 1s;animation:hamburger-1-open 1s}@-webkit-keyframes hamburger-1-open{0%{transform:rotate(45deg);top:6px}to{transform:rotate(0)}}@keyframes hamburger-1-open{0%{transform:rotate(45deg);top:6px}to{transform:rotate(0)}}.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-2{width:60%}.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-3,.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-3-close{-webkit-animation:hamburger-3-open 1s;animation:hamburger-3-open 1s}@-webkit-keyframes hamburger-3-open{0%{transform:rotate(-45deg)}to{transform:rotate(0)}}@keyframes hamburger-3-open{0%{transform:rotate(-45deg)}to{transform:rotate(0)}}.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-1-close{transform:rotate(45deg);top:6px;position:relative;-webkit-animation:hamburger-1-close 1s;animation:hamburger-1-close 1s}@-webkit-keyframes hamburger-1-close{0%{transform:rotate(0)}to{transform:rotate(45deg);top:6px}}@keyframes hamburger-1-close{0%{transform:rotate(0)}to{transform:rotate(45deg);top:6px}}.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-2-close{display:none}.top-navbar-wrapper .top-navbar-holder-mobile .menu-icon .hamburger-3-close{transform:rotate(-45deg);-webkit-animation:hamburger-3-close 1s;animation:hamburger-3-close 1s}@-webkit-keyframes hamburger-3-close{0%{transform:rotate(0)}to{transform:rotate(-45deg)}}@keyframes hamburger-3-close{0%{transform:rotate(0)}to{transform:rotate(-45deg)}}.top-navbar-wrapper .top-navbar-holder-desktop{height:100%}@media only screen and (min-width:1024px){.top-navbar-wrapper .top-navbar-holder-desktop{padding:0 48px;height:100%;display:flex}}@media only screen and (min-width:1200px){.top-navbar-wrapper .top-navbar-holder-desktop{padding:0 128px}}.top-navbar-wrapper .top-navbar-holder-desktop .billing-navbar,.top-navbar-wrapper .top-navbar-holder-desktop .dashboard-navbar{display:flex}@media only screen and (min-width:1024px){.top-navbar-wrapper .top-navbar-holder-desktop .billing-navbar h3,.top-navbar-wrapper .top-navbar-holder-desktop .dashboard-navbar h3{height:100%;margin:0;padding-right:16px;display:flex;align-items:center;border-right:1px solid #c7cad1;font-size:18px}}@media only screen and (min-width:1024px){.top-navbar-wrapper .top-navbar-holder-desktop .billing-navbar .left-side,.top-navbar-wrapper .top-navbar-holder-desktop .dashboard-navbar .left-side{height:100%;padding:0 16px;display:flex;align-items:center;font-size:14px;color:#050b10}.top-navbar-wrapper .top-navbar-holder-desktop .billing-navbar .left-side span:first-child,.top-navbar-wrapper .top-navbar-holder-desktop .dashboard-navbar .left-side span:first-child{margin-right:16px;color:#848a9a}}.footer-wrapper{position:relative;text-align:center;background-color:#f4f4f6;width:100%;border-top:1px solid #dddfe3;color:#494e5a;margin-top:8px}@media only screen and (min-width:1024px){.footer-wrapper{display:flex;justify-content:center;align-items:center;height:60px;margin-top:0}}.footer-wrapper .footer-holder{margin:0;padding:4px}.footer-wrapper .footer-holder small{display:block;font-size:12px;margin:4px}.footer-wrapper .footer-holder small .footer-heart-icon{color:#ff5747;margin:0 4px}.footer-wrapper .footer-holder small .footer-link{margin:0 4px;text-decoration:none}.users-page-wrapper .users-page-holder{position:relative;overflow-y:auto;width:100%;min-height:100vh;padding:64px 12px 0}@media only screen and (min-width:1024px){.users-page-wrapper .users-page-holder{padding:96px 48px}}@media only screen and (min-width:1200px){.users-page-wrapper .users-page-holder{padding:96px 128px}}.users-page-wrapper .users-page-holder .central-data{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.users-page-wrapper .users-page-holder .customer-card{background-color:#050b10;color:#f4f4f6;height:200px;border-radius:4px}.desktop{display:flex}.desktop .left{width:300px;position:fixed}.desktop .right{position:fixed;overflow-y:auto;height:100vh;left:300px;width:calc(100% - 300px);background-color:#dddfe3}.signout-wrapper{position:relative;min-height:100vh}.signout-wrapper .signout-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#050b10}.signout-wrapper .signout-container span{display:block;text-align:center}.signout-wrapper .signout-container span:first-child{font-size:2em;margin-bottom:.3em}.verify-wrapper{position:relative;background-color:#f4f4f6;min-height:100vh}.verify-wrapper .verify-button-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.verify-wrapper .verify-button-container button{display:block;text-align:center;background-color:#050b10;color:#f4f4f6;font-weight:600;padding:24px;border:none;border-radius:4px;-webkit-tap-highlight-color:rgba(255,255,255,0);cursor:pointer;outline:none}.verify-wrapper .verify-button-container span{display:block;text-align:center}.verify-wrapper .verify-button-container span:first-child{font-size:16px;margin-bottom:12px}.not-found{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center}.landing-wrapper{position:fixed;width:100%;background-color:#050b10;min-height:100vh}.landing-wrapper .landing-container{color:#f4f4f6}.landing-wrapper .landing-container .logo-holder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-wrapper .landing-container .logo-holder span{display:block;font-size:24px;letter-spacing:.05em;margin-bottom:.1em}.landing-wrapper .landing-container .logo-holder span:nth-child(2){margin-left:24px}.landing-wrapper .landing-container .logo-holder span .icon{margin-right:4px;font-size:24px}.landing-wrapper .landing-container .team-name-holder{position:fixed;left:50%;bottom:2%;transform:translate(-50%,-2%)}.landing-wrapper .landing-container .team-name-holder span{text-align:center;display:inline-block;width:100%}.landing-wrapper .landing-container .team-name-holder span:first-child{margin-bottom:24px}.landing-wrapper .landing-container .team-name-holder span:nth-child(2){font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#f4f4f6}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.c75425f1.chunk.css.map */