*{margin:0;padding:0;box-sizing:border-box}html body{width:100%!important}html{font-size:10px;overflow-y:scroll;width:100%!important}body{font-family:Manrope,sans-serif;font-size:1.4rem;font-weight:400;background:#fff}.ant-picker-dropdown{min-width:100%;max-width:700px}@media (max-width: 768px){.ant-picker-dropdown{max-width:90vw!important}}.ant-modal .ant-modal-header{margin-bottom:1.6rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.container{max-width:90%;margin:2rem auto;padding:0 .5rem}}@media (max-width: 480px){.container{max-width:100%;margin:1rem;padding:.5rem}}.loading{width:100vw;height:100vh;top:0%;position:fixed;z-index:1000;cursor:pointer;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#dfdcdc80}.loading img{width:20rem;height:16rem}.custom-button-primary{background-color:#128239;color:#fff;border:none;border-radius:5px;font-weight:700}.custom-button-primary:hover{background-color:#128239!important}.custom-button-secondary{background-color:#fff;color:#128239;border:1px solid #128239;border-radius:5px;font-weight:700}.custom-button-danger{background-color:#ff4d4f;color:#fff;border:none;border-radius:5px;font-weight:700}.custom-button{width:100%;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s}.ant-btn,.ant-input{height:3.9rem}.ant-input-outlined:hover,.ant-input-outlined:focus{border-color:#128239}.ant-select-focused .ant-select-selector,.ant-select:hover .ant-select-selector{border-color:#128239!important}.layout{display:flex;gap:2.4rem;width:100%;height:100vh}@media (max-width: 768px){.layout__left{width:22%}.layout__right{width:78%}}.layout__left{width:18%}.layout__left img{width:100%;height:100%}@media (max-width: 480px){.layout__left{display:none}}.layout__right{width:82%}.layout__right__heading{padding:3rem 0;display:flex;justify-content:space-between;align-items:center;margin:0 0 4rem}.layout__right__heading__info{display:flex;gap:1rem;align-items:center}.layout__right__heading__info .logo{width:3.2rem;height:3.2rem;border-radius:100%;background-color:#c2c5ca}.layout__right__heading__info .profile{margin-right:2rem}.layout__right__heading__info .profile h4{font-size:1.4rem}.layout__right__heading__info .profile p{color:#808692;font-size:1.2rem}.layout__right__heading .menu{display:none}@media (max-width: 480px){.layout__right{width:100%}.layout__right__heading{padding:2rem 1rem;background-color:#128239}.layout__right__heading h1{display:none}.layout__right__heading .menu{display:flex;flex-direction:column;cursor:pointer}.layout__right__heading .menu-line{width:30px;height:3px;background-color:#fff;margin:4px 0;transition:.4s}.layout__right__heading .profile h4{color:#fff}.layout__right__heading .profile p{color:#e2e4e7}.layout__right__content{padding:0 1rem}}.isLoading{display:flex;align-items:center;justify-content:center;min-height:20rem}.isLoading .ant-spin .ant-spin-dot-holder,.isLoading .ant-spin .ant-spin-dot-holder span{color:#128239!important}.home{display:flex;width:100%;height:99vh}.home__left-section{width:44%;height:100%;padding:5rem}.home__left-section .logo{width:11.4rem;margin-bottom:5rem}.home__left-section h1{font-size:3rem;margin-bottom:1rem}.home__left-section p{font-size:1.8rem;color:#4e5768;margin-bottom:3rem}@media (max-width: 480px){.home__left-section{width:100%;padding:6rem 3rem}}.home__right-section{width:56%;height:100%}@media (max-width: 480px){.home__right-section{display:none}}.company{width:100%;height:99vh}.company .background-image{width:100%;height:100%}@media (max-width: 480px){.company .background-image{height:100vh}}.company-info{width:100%;display:flex;gap:2.4rem;padding:1rem}.company-info__basic{width:50%}.company-info__basic__logo{display:flex;justify-content:center;margin-bottom:4rem}.company-info__basic__image{width:90%}.company-info__basic h3{margin-bottom:1rem}@media (max-width: 480px){.company-info__basic{width:100%}.company-info__basic .custom-button{margin-top:3rem}}.company-info__form{width:50%}.company-info__form h2,.company-info__form h3{margin-bottom:3rem}@media (max-width: 480px){.company-info__form{width:100%}}.company-info__demo h2{margin-bottom:3rem}.company-info__demo .dashboard{background-color:#f3f5fc;margin-top:1rem;padding:1rem}.company-info__demo .dashboard p{color:#4e5768}.company-info__demo .dashboard__image{max-width:100%;margin-top:1rem;height:30rem}@media (max-width: 480px){.company-info__demo .dashboard__image{height:48rem}}.company-info__demo .dashboard__image img{width:100%;height:100%}.company-info__demo__btn{display:flex;justify-content:space-between;margin-top:2rem}.vehicle{color:#595959}.vehicle__details{display:flex;gap:2.4rem;width:100%}.vehicle__details__info{width:28%}.vehicle__details__info .image{width:100%;margin-bottom:6rem}.vehicle__details__info__basic{margin:3rem 0}.vehicle__details__info__basic h2{margin:2rem 0;font-weight:500}.vehicle__details__info__basic__item{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.vehicle__details__map .image{width:100%;height:70vh}.vehicle .ant-tabs-tab-active .ant-tabs-tab-btn{color:#128239!important}.vehicle .ant-tabs-ink-bar{background-color:#128239}.vehicle__form__info{color:#128239;margin:2rem 0}.vehicle__form__input{display:flex;gap:5rem;width:100%}.vehicle__form__input__rego{width:50%}.vehicle__form__input__rego p{color:#808692;margin:2rem 0 3rem}@media (max-width: 480px){.vehicle__form__input__rego{width:100%}}.vehicle__form__input__info{width:50%}@media (max-width: 480px){.vehicle__form__input__info{width:100%}}.vehicle__form__input__info .vehicle-add-success{width:100%;height:34rem}.vehicle__form__input__info .vehicle-add-success img{width:100%;height:100%}.vehicle__form__input__info__message{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.vehicle__form__input__info__message img{width:3rem;height:3rem}.vehicle__form__input__info__message p{font-weight:600}.vehicle__form__input__info__message .success{color:#128239}.vehicle__form__input__info__message .fail{color:red}.vehicle__form__input__info .form-guide{color:#808692;margin-bottom:1rem}.vehicle__form__input__info .nhvr-vehicle{background-color:#f3f5fc;min-height:25.3rem;padding:1.6rem}.vehicle__form__input__info .nhvr-vehicle h2{margin-bottom:1.8rem}.vehicle__form__input__info .nhvr-vehicle span{color:#808692}.vehicle__form__input__info .custom-button{margin-top:2rem}.driver-form{width:100%;display:flex;gap:4rem;align-items:center}.driver-form__basic{width:50%}.driver-form__basic__image{width:100%;padding:0 2rem}.driver-form__basic__image img{width:100%}@media (max-width: 480px){.driver-form__basic{width:100%}.driver-form__basic__image{margin:3rem 0 2rem}}.driver-form__info{width:50%}.driver-form__info h3{margin:3rem 0}@media (max-width: 480px){.driver-form__info{width:100%}}.driver-form__info__message{display:flex;align-items:center;gap:1rem;margin:3rem 0}.driver-form__info__message img{width:3rem;height:3rem}.driver-form__info__message p{font-weight:600}.driver-form__info__message p{color:#128239}.driver-form__info__btn{display:flex;align-items:center;gap:2.4rem;width:100%}.driver-form__info__btn .ant-form-item{width:50%}.success{width:100%;display:flex;gap:2.4rem}.success__left{width:50%}.success__left__image{width:100%;height:26rem;margin-top:2rem;padding:2rem 6rem}.success__left__image img{width:100%;height:100%}.success__right{width:50%}.success__right h2{margin-bottom:3rem}.success__right h4{margin-top:2rem}.success__right__storeIcon{margin-top:2rem;display:flex;align-items:center;width:100%}.success__right p{color:#808692;margin-bottom:1rem}.success__right h3{margin-top:4rem}.success__right__btn{display:flex;align-items:center;gap:2.4rem;width:100%}.success__right__btn .ant-form-item{width:50%}@media (max-width: 480px){.success{flex-direction:column}.success__left,.success__right{width:100%}}
