@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");*{margin:0;padding:0;box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input[type=date]::-webkit-calendar-picker-indicator{color:transparent;opacity:1;display:block;background:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 11.5H17" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 15.5H17" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 11.5H8" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 15.5H8" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.5 3V6" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 3V6" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="3" y="4.5" width="18" height="16.5" rx="3" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;width:20px;height:20px;border-width:thin}.sendmessage-screen .react-datepicker-wrapper{display:block}.sendmessage-screen .react-date{background:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 11.5H17" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11 15.5H17" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 11.5H8" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 15.5H8" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.5 3V6" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 3V6" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="3" y="4.5" width="18" height="16.5" rx="3" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;background-position:right 10px center;background-size:20px 20px;padding-right:35px}input[type=search]{background:url("data:image/svg+xml,%3Csvg width='36' height='24' viewBox='0 0 36 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.058 18.12C14.9582 18.12 18.12 14.9582 18.12 11.058C18.12 7.15783 14.9582 3.99609 11.058 3.99609C7.15783 3.99609 3.99609 7.15783 3.99609 11.058C3.99609 14.9582 7.15783 18.12 11.058 18.12Z' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.0043 20.0025L16.0527 16.0508' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 100% no-repeat!important}.p-8{padding:32px}body{background-color:#f9fafb}.splash-screen{background-image:url(/assets/image/splash-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.welcome-wrapper{width:100%;max-width:445px}.welcome-wrapper img{max-width:200px;width:100%;height:auto;display:none}.welcome-wrapper h1{font-weight:900;font-size:98px;line-height:90px;color:#f4d35e;font-family:Cairo,sans-serif}.welcome-wrapper p{font-family:Poppins,sans-serif;font-style:normal;font-weight:500;font-size:32px;line-height:36px;color:#0d3b66;margin-bottom:103px}.welcome-wrapper button{max-width:366px;margin-bottom:12px}.welcome-wrapper span{font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:600;line-height:22px;color:#0d3b66;padding-left:20px}.welcome-wrapper span a{font-weight:800;line-height:22px;color:#f4d35e;text-decoration:none}.max-w-112{max-width:447px;width:100%}.text-orange{color:#f95738}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.register-progress input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:142px;cursor:pointer;outline:none;overflow:hidden;border-radius:16px;height:8px}.register-progress input[type=range]::-webkit-slider-runnable-track{height:8px;background:#d0d5dd;border-radius:16px}.register-progress input[type=range]::-moz-range-track{height:8px;background:#d0d5dd;border-radius:16px}.register-progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:8px;width:8px;background-color:#0d3b66;border-radius:0 8px 8px 0;border:2px solid #0d3b66;box-shadow:-407px 0 0 400px #0d3b66}.register-progress input[type=range]::-moz-range-thumb{height:15px;width:15px;background-color:#0d3b66;border-radius:50%;border:1px solid #0d3b66;box-shadow:-407px 0 0 400px #0d3b66}.register-progress .progressbar{padding:6px 12px 6px 0}.progress-counter{display:flex;align-items:center;justify-content:center;font-family:Inter;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:#344054;padding:6px 0}h1.pg-title{font-family:Cairo,sans-serif;font-weight:800;font-size:36px;line-height:50px;color:#0d3b66}.title-discription{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:22px;color:#667085}.form-group label{font-family:Nunito Sans,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#101828;margin-bottom:6px}.form-group input::placeholder,.form-group textarea::placeholder{font-family:Nunito Sans,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#667085}.form-group .mobile-hide-input input,.form-group .password-input input{padding-right:30px}.form-group .mobile-hide-input .hide-icon,.form-group .password-input .hide-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.form-group input{padding:12px;border:1px solid #d0d5dd;border-radius:32px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05);font-size:16px;font-weight:400;line-height:24px}.form-group input:focus{color:#101828;background-color:#fff;border-color:#d0d5dd;outline:0;box-shadow:0 1px 2px rgba(16,24,40,.05)}.notificationbox span{font-family:Nunito Sans,sans-serif;font-size:14px;font-weight:400;line-height:20px;color:#0d3b66}.notification-wrapper .notificationbox{opacity:.6}.notification-wrapper .notificationbox.fullfill{opacity:1}.honk-btn{width:100%;border:none;border-radius:100px;color:#0d3b66;background-color:#f4d35e}.honk-btn,.honk-btn-two{display:block;font-size:18px;font-weight:600;line-height:22px;text-align:center;padding:16px 32px;font-family:Poppins,sans-serif}.honk-btn-two{border:1px solid #0d3b66;border-radius:100px;color:#0d3b66!important;background-color:transparent;text-decoration:none}.honk-btn:disabled{background-color:#faf0ca;color:#fff}.countrycode{width:100px}.countrydropdown{display:flex;padding:12px;gap:6px;height:50px;width:100px;border:1px solid #d0d5dd!important;border-radius:32px;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.05);align-items:center;justify-content:center;position:relative}.countrydropdown .country-img{height:22px;width:22px;border-radius:100%;object-fit:cover;object-position:center;overflow:hidden}.countrydropdown .country-img img{height:24px;width:24px;object-fit:cover;object-position:center}.countrydropdown:before{content:"";background:url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.33301 6.66699L7.99967 9.33366L10.6663 6.66699' stroke='%23667085' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") 50% no-repeat;position:absolute;height:16px;width:16px;top:50%;transform:translateY(-50%);right:8px}.countrydropdown .country-code{font-family:Nunito Sans,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#101828;display:inline-block}.mobilenumber{width:calc(100% - 100px)}.register-screen .form-group{margin-bottom:22px}.register-screen .form-group.last{margin-bottom:6px!important}.register-screen .title-discription{margin-bottom:22px}.sendcode-screen .title-discription{margin-bottom:21px}.confirmation-screen .title-discription{margin-bottom:12px}.otp-input-fields{gap:12px}.otp-input-fields .form-control::placeholder{font-family:Nunito Sans,sans-serif;font-weight:600;font-size:40px;text-align:center;letter-spacing:-.02em;color:#d0d5dd}.otp-input-fields .form-control{aspect-ratio:1/1;height:auto;width:100%;border-radius:12px;text-align:center;font-weight:600;font-size:40px}.otp-message{font-family:Nunito Sans,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#667085;display:block}.otp-message.correct{color:#12b76a}.otp-message a{font-weight:700;color:#667085}.otp-message.incorrect{color:#f04438}.honk-dashboard-header{height:55px;background-color:#f4d35e;padding:6px 22px;display:flex;align-items:center;justify-content:space-between}.activenav.min-vh-100{min-height:calc(100vh - 55px)!important}.h-vh-100{height:100vh}.activenav.h-vh-100{height:calc(100vh - 55px)!important}.pgheader-title{gap:12px;margin-left:0}.pgheader-title h1{font-family:Cairo,sans-serif;font-style:normal;font-weight:800;font-size:32px;line-height:1;margin-bottom:8px;color:#0d3b66}.pgheader-title p{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#667085;margin-bottom:0}.dashboard-card{background:#fff;box-shadow:0 3.03617px 6.07235px rgba(16,24,40,.05);border-radius:34px;display:flex;flex-direction:column;align-items:center;border:1px solid transparent;padding:18px}.dashboard-card .notificationcard-icon{display:none}.dashboard-card.notification-active .notificationcard-icon{display:block;position:absolute;right:12px;top:40px}.dashboard-card img{margin-bottom:24px;width:100%}.dashboard-card span{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:31px;text-align:center;color:#667085}.dashboard-card.notification-active,.dashboard-card:hover{border:1px solid #f04438}.customtoast-wrapper{max-width:486px;width:100%;position:fixed;top:50px;right:0;padding-right:16px;padding-left:16px;z-index:99}.customtoast{width:100%;background:#f9fafb;box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);border-radius:20px}.customtoast .customtoast-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.customtoast .customtoast-header img{max-width:60px;width:100%}.customtoast .customtoast-header button{border:0;margin:0;padding:0;background-color:transparent}.new-message-notification .customtoast-message{font-family:Poppins,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:22px;color:#f04438}.new-message-notification .customtoast-message .inbox-link{font-weight:600;color:#0d3b66;text-decoration:none}.new-message .customtoast-message span{font-family:Nunito Sans,sans-serif;font-size:16px;font-weight:600;line-height:20px}.new-message .customtoast-message p{font-family:Poppins,sans-serif;font-size:14px;font-weight:400;line-height:20px;text-align:left;margin-bottom:12px}.new-message .customtoast-message a{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:20px;color:#0d3b66;text-decoration:none}.addcar-screen .pgheader{margin-bottom:45px}.addcar-screen .form-group{margin-bottom:12px}.form-group .form-select{padding:12px;background-color:#fff;border:1px solid #d0d5dd;box-shadow:0 1px 2px rgba(16,24,40,.05);border-radius:32px;font-family:Nunito Sans,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#667085}.sendmessage-screen .form-group{margin-bottom:12px}.form-group textarea.form-control{border-radius:24px;font-size:16px;font-weight:400;line-height:24px;padding:16px}.form-group textarea.form-control:focus{box-shadow:0 1px 2px rgba(16,24,40,.05);border-color:#ced4da}.sendmessage-screen .pgheader{margin-bottom:70px}.licence-search .suggesstion{margin-top:6px}.licence-search .suggesstion li{display:flex;justify-content:space-between;margin-right:25px}.date-clear-btn,.date-format,.licence-search .suggesstion li{font-family:Nunito Sans,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#0d3b66}.date-clear-btn{color:#f04438;padding-right:20px;font-weight:600;cursor:pointer}.sent-successfully-message{display:flex;flex-direction:column;align-items:center}.sent-successfully-message img{width:100%}.sent-successfully-message span{max-width:210px;width:100%;font-family:Cairo,sans-serif;font-weight:800;font-size:24px;line-height:30px;text-align:center;color:#0d3b66}.car-detail-card{padding:16px;background-color:#fff;border-radius:24px;box-shadow:0 2.19px 4.38px 0 #1018280d;position:relative;margin-bottom:16px;margin-right:16px}.car-icon{width:48px;height:48px;border-radius:8px;padding:12px;background-color:#f4d35e}.car-detail span{font-family:Nunito Sans,sans-serif;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:#667085;display:block}.car-detail-card .edit-btn{position:absolute;top:8px;right:8px;padding:6px;border:0;background-color:transparent}.sent-successfully-screen .pgheader{margin-bottom:45px}.add-my-car-btn{background-color:#f4d35e;height:60px;width:60px;padding:6px;border-radius:9px;border:0;margin-left:auto;display:flex;align-items:center;justify-content:center}.edit-my-car-screen .pgheader{margin-bottom:45px}.edit-my-car-screen .form-group{margin-bottom:12px}.delete-my-car-btn{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:22px;color:#f04438!important;text-decoration:none}.myinbox-screen h1 span{aspect-ratio:1/1;background-color:#f04438;font-family:Inter,sans-serif;font-size:11px;font-weight:600;line-height:1;border-radius:100%;padding:2px;width:20px;height:20px;display:flex;color:#fff;justify-content:center;align-items:center;position:absolute;top:0;right:-3px}.myinbox-screen .pgheader{margin-bottom:24px}.inbox-wrapper{max-height:calc(100% - 86px);display:flex;flex-direction:column;overflow-y:auto;padding-right:16px}.inbox-wrapper .customtoast-message p{display:-webkit-box;height:80px;padding-right:10px;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.inbox-wrapper .msshow .customtoast-message p{height:auto;-webkit-line-clamp:inherit;transition:all .3s ease-in-out}.inbox-wrapper .checkd .customtoast-message .text-orange,.inbox-wrapper .checkd .customtoast-message p{color:#667085!important}.inbox-wrapper .msshow .full-message-show{display:none!important}.countrycode .selectItems::-webkit-scrollbar,.inbox-wrapper::-webkit-scrollbar,.item-wrapper::-webkit-scrollbar{width:8px;height:5px}.inbox-wrapper::-webkit-scrollbar-track,.item-wrapper::-webkit-scrollbar-track{background-color:transparent;border-radius:10px;outline:1px solid #d0d5dd;outline-offset:4px}.countrycode .selectItems::-webkit-scrollbar-track{background-color:transparent;border-radius:10px;outline:none;outline-offset:4px}.countrycode .selectItems::-webkit-scrollbar-thumb,.inbox-wrapper::-webkit-scrollbar-thumb,.item-wrapper::-webkit-scrollbar-thumb{border-radius:10px;background:#d0d5dd}.countrycode .selectItems::-webkit-scrollbar-thumb:window-inactive,.inbox-wrapper::-webkit-scrollbar-thumb:window-inactive,.item-wrapper::-webkit-scrollbar-thumb:window-inactive{background:#d0d5dd}.my-car-screen .pgheader{margin-bottom:45px}.my-car-screen{position:relative}.my-car-screen .add-my-car-btn-md{position:absolute;bottom:20px;right:20px}.my-car-screen .item-wrapper{height:calc(100vh - 227px)!important;overflow-y:auto}.honk-dashboard-header img{width:75px;height:auto;z-index:2;position:relative}.honk-dashboard-header:after{position:absolute;content:"";background:url(/assets/image/vector.png);top:-2%;right:-100px;transform:translateY(-50%);height:456px;width:456px;z-index:1;mix-blend-mode:color-burn}.honk-dashboard-header{position:relative;overflow:hidden}.notification-btn{position:relative;z-index:5}@media only screen and (max-width:1024px){.honk-dashboard-header.max-w-112{max-width:100%}}@media screen and (orientation:landscape) and (min-device-width:319px) and (max-device-width:1366px){.honk-dashboard-header.max-w-112{max-width:100%}}@media only screen and (max-width:768px){.honk-dashboard-header{height:55px}.activenav.min-vh-100{min-height:calc(100vh - 55px)!important}.my-car-screen .item-wrapper{height:calc(100vh - 220px)!important;overflow-y:auto}.splash-screen img{max-width:200px;width:100%;height:auto}.welcome-screen{background:url(/assets/image/welcome.png)}.welcome-wrapper img{display:block;margin:auto auto 86px}.welcome-wrapper h1{font-size:54px;line-height:50px;max-width:260px;width:100%}.welcome-wrapper p{font-size:20px;line-height:22px;color:#fff;max-width:260px;width:100%}.welcome-wrapper button{max-width:366px;margin-bottom:12px}.welcome-wrapper span{font-size:20px;line-height:22px;color:#fff;padding-left:0;text-align:center;display:block}.register-screen .form-group{margin-bottom:12px}.sendcode-screen .title-discription{margin-bottom:50px}.confirmation-screen .title-discription{margin-bottom:41px}.pgheader-title h1{font-size:36px}.pgheader-title{margin-left:0}.dashboard-card{border-radius:24px;padding:18px 8px}.honk-dashboard-header img{z-index:2;position:relative;width:75px;height:auto}.honk-dashboard-header>div{z-index:10}.honk-dashboard-header.mb-top-header{justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-activenav.min-vh-100{min-height:calc(100vh - 55px)!important}.mobile-activenav.h-vh-100{height:calc(100vh - 55px)!important}.edit-my-car-screen .pgheader,.sendmessage-screen .pgheader{margin-bottom:28px}.myinbox-screen h1 span{right:-20px}.my-car-screen .pgheader{margin-bottom:36px}.dashboard-card span{font-size:16px}.addcar-screen form{min-height:calc(100vh - 176px)}}@media only screen and (max-width:360px){.dashboard-card span{font-size:14px}}.car-search-wrapper{top:50%;transform:translateY(-50%);right:5px}.car-search-wrapper button{font-size:14px;padding:8px 15px}.css-13cymwt-control{border-width:0!important}.text-b-link{color:#0d3b66;font-weight:500}.forgot-wrapper label{font-size:13px;display:flex}.forgot-wrapper .text-b-link{font-size:13px;font-weight:600;display:flex}.custom-checkbox{display:flex;align-items:center;cursor:pointer}.custom-checkbox input{display:none}.checkbox{width:18px;height:18px;border:1px solid #d0d5dd;border-radius:3px;background-color:#fff;position:relative;margin-right:5px;transition:background-color .2s}.custom-checkbox input:checked+.checkbox{background-color:#0d3b66}.checkbox:after{content:"";display:none;position:absolute;left:5px;top:1px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox input:checked+.checkbox:after{display:block}.css-t3ipsp-control,.css-t3ipsp-control:hover{border:none!important}.fa.fa-spinner.fa-spin{color:#0d3b66;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.countrycode .form-select:focus{border:1px solid #ccc;box-shadow:none}