{"version":3,"sources":["style.scss","utils/_animation.scss","style.css","utils/_variables.scss","base/_reset.scss","base/_typography.scss","components/_button.scss","components/_chatting.scss","components/_calender.scss","components/_form.scss","components/_modal.scss","components/_offcanvas.scss","components/_ratio.scss","components/_slider.scss","components/_tab.scss","components/_title.scss","layout/_header.scss","layout/_nav.scss","pages/_authentication.scss","pages/_category.scss","pages/_elements.scss","pages/_empty-page.scss","pages/_home.scss","pages/_location.scss","pages/_notification.scss","pages/_outstation.scss","pages/_onboarding.scss","pages/_page-list.scss","pages/_profile.scss","pages/_ride.scss","themes/_dark.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/*-----------------------------------------------------------------------------------\n\n    Template Name:taxido APP\n    Template URI: https://themes.pixelstrap.net/pwa/taxido/\n    Description: This is PWA Html Template\n    Author: Pixelstrap\n    Author URL: https://themeforest.net/user/pixelstrap\n\n----------------------------------------------------------------------------------- */\n///* utils Files  *////\n/* 1.1 animation CSS  */\n/* 1.2 variable CSS  */\n\n\n////* Base Files  *////\n/* 2.1 Reset CSS  */\n/* 2.2 Typography CSS */\n\n////* Components Files  *////\n/* 3.1 Button CSS  */\n/* 3.2 Calender CSS  */\n/* 3.3 Chatting CSS  */\n/* 3.4 Form CSS  */\n/* 3.5 Modal CSS  */\n/* 3.6 Offcanvas CSS  */\n/* 3.7 Ratio CSS  */\n/* 3.8 Slider CSS  */\n/* 3.8 Tab CSS */\n/* 3.10 Title CSS */\n\n////* Layout Files  *////\n/* 4.1 Header css */\n/* 4.2 Nav CSS */\n\n////* Pages Files  *////\n/* 5.1 Authentication CSS */\n/* 5.2 Category CSS */\n/* 5.3 Elements Page CSS */\n/* 5.4 Empty Pages CSS */\n/* 5.5 Home CSS */\n/* 5.7 Location CSS*/\n/* 5.7 Notification CSS */\n/* 5.8 onboarding CSS */\n/* 5.9 Outstation CSS */\n/* 5.10 Page List CSS */\n/* 5.11 Profile CSS */\n/* 5.12 Ride CSS */\n\n////* Themes Files  *////\n/* 6.1 Dark CSS */\n\n/*utils scss files */\n@import \"utils/animation\";\n@import \"utils/variables\";\n\n/* base scss files */\n@import \"base/reset\";\n@import \"base/typography\";\n\n/* components scss files*/\n@import \"components/button\";\n@import \"components/chatting\";\n@import \"components/calender\";\n@import \"components/chatting\";\n@import \"components/form\";\n@import \"components/modal\";\n@import \"components/offcanvas\";\n@import \"components/ratio\";\n@import \"components/slider\";\n@import \"components/tab\";\n@import \"components/title\";\n\n/* layout scss files */\n@import \"layout/header\";\n@import \"layout/nav\";\n\n/* pages */\n@import \"pages/authentication\";\n@import \"pages/category\";\n@import \"pages/elements\";\n@import \"pages/empty-page\";\n@import \"pages/home\";\n@import \"pages/location\";\n@import \"pages/notification\";\n@import \"pages/outstation\";\n@import \"pages/onboarding\";\n@import \"pages/page-list\";\n@import \"pages/profile\";\n@import \"pages/ride\";\n\n/* themes */\n@import \"themes/dark\";\n","/*========================\n    1.1 animation CSS start\n==========================*/\n@keyframes moveObject1 {\n    0%,\n    100% {\n        top: 0;\n        left: 0;\n        transform: scale(0.5) rotate(45deg);\n    }\n\n    30% {\n        top: 0;\n        left: calc(100% - 200px);\n        transform: scale(0.5) rotate(-45deg);\n    }\n\n    60% {\n        top: calc(100% - 220px);\n        left: 50%;\n        transform: scale(1) rotate(0) translateX(-50%);\n    }\n}\n\n@keyframes moveObject2 {\n    0%,\n    100% {\n        top: 0;\n        left: calc(100% - 200px);\n        transform: scale(0.5) rotate(-45deg);\n    }\n\n    30% {\n        top: calc(100% - 220px);\n        left: 50%;\n        transform: scale(1) rotate(0) translateX(-50%);\n    }\n\n    60% {\n        top: 0;\n        left: 0;\n        transform: scale(0.5) rotate(45deg);\n    }\n}\n\n@keyframes moveObject3 {\n    0%,\n    100% {\n        top: calc(100% - 220px);\n        left: 50%;\n        transform: scale(1) rotate(0) translateX(-50%);\n    }\n\n    30% {\n        top: 0;\n        left: 0;\n        transform: scale(0.5) rotate(45deg);\n    }\n\n    60% {\n        top: 0;\n        left: calc(100% - 200px);\n        transform: scale(0.5) rotate(-45deg);\n    }\n}\n\n@media (max-width: 600px) {\n    @keyframes moveObject1 {\n        0%,\n        100% {\n            top: 0;\n            left: 0;\n            transform: scale(0.5) rotate(45deg);\n        }\n\n        30% {\n            top: 0;\n            left: calc(100% - calc(108px + (220 - 108) * ((100vw - 320px) / (600 - 320))));\n            transform: scale(0.5) rotate(-45deg);\n        }\n\n        60% {\n            top: calc(100% - calc(108px + (220 - 108) * ((100vw - 320px) / (600 - 320))));\n            left: 50%;\n            transform: scale(1) rotate(0) translateX(-50%);\n        }\n    }\n\n    @keyframes moveObject2 {\n        0%,\n        100% {\n            top: 0;\n            left: calc(100% - calc(108px + (220 - 108) * ((100vw - 320px) / (600 - 320))));\n            transform: scale(0.5) rotate(-45deg);\n        }\n\n        30% {\n            top: calc(100% - calc(108px + (220 - 108) * ((100vw - 320px) / (600 - 320))));\n            left: 50%;\n            transform: scale(1) rotate(0) translateX(-50%);\n        }\n\n        60% {\n            top: 0;\n            left: 0;\n            transform: scale(0.5) rotate(45deg);\n        }\n    }\n\n    @keyframes moveObject3 {\n        0%,\n        100% {\n            top: calc(100% - calc(108px + (220 - 108) * ((100vw - 320px) / (600 - 320))));\n            left: 50%;\n            transform: scale(1) rotate(0) translateX(-50%);\n        }\n\n        30% {\n            top: 0;\n            left: 0;\n            transform: scale(0.5) rotate(45deg);\n        }\n\n        60% {\n            top: 0;\n            left: calc(100% - calc(108px + (220 - 108) * ((100vw - 320px) / (600 - 320))));\n            transform: scale(0.5) rotate(-45deg);\n        }\n    }\n}\n\n@keyframes lineAnim {\n    0% {\n        left: -40%;\n    }\n\n    50% {\n        left: 20%;\n        width: 60%;\n    }\n\n    100% {\n        left: 100%;\n        width: 100%;\n    }\n}\n\n@keyframes reverse-lineAnim {\n    0% {\n        right: -40%;\n    }\n\n    50% {\n        right: 20%;\n        width: 60%;\n    }\n\n    100% {\n        right: 100%;\n        width: 100%;\n    }\n}\n","/*-----------------------------------------------------------------------------------\n\n    Template Name:taxido APP\n    Template URI: https://themes.pixelstrap.net/pwa/taxido/\n    Description: This is PWA Html Template\n    Author: Pixelstrap\n    Author URL: https://themeforest.net/user/pixelstrap\n\n----------------------------------------------------------------------------------- */\n/* 1.1 animation CSS  */\n/* 1.2 variable CSS  */\n/* 2.1 Reset CSS  */\n/* 2.2 Typography CSS */\n/* 3.1 Button CSS  */\n/* 3.2 Calender CSS  */\n/* 3.3 Chatting CSS  */\n/* 3.4 Form CSS  */\n/* 3.5 Modal CSS  */\n/* 3.6 Offcanvas CSS  */\n/* 3.7 Ratio CSS  */\n/* 3.8 Slider CSS  */\n/* 3.8 Tab CSS */\n/* 3.10 Title CSS */\n/* 4.1 Header css */\n/* 4.2 Nav CSS */\n/* 5.1 Authentication CSS */\n/* 5.2 Category CSS */\n/* 5.3 Elements Page CSS */\n/* 5.4 Empty Pages CSS */\n/* 5.5 Home CSS */\n/* 5.7 Location CSS*/\n/* 5.7 Notification CSS */\n/* 5.8 onboarding CSS */\n/* 5.9 Outstation CSS */\n/* 5.10 Page List CSS */\n/* 5.11 Profile CSS */\n/* 5.12 Ride CSS */\n/* 6.1 Dark CSS */\n/*utils scss files */\n/*========================\n    1.1 animation CSS start\n==========================*/\n@keyframes moveObject1 {\n  0%, 100% {\n    top: 0;\n    left: 0;\n    transform: scale(0.5) rotate(45deg);\n  }\n  30% {\n    top: 0;\n    left: calc(100% - 200px);\n    transform: scale(0.5) rotate(-45deg);\n  }\n  60% {\n    top: calc(100% - 220px);\n    left: 50%;\n    transform: scale(1) rotate(0) translateX(-50%);\n  }\n}\n@keyframes moveObject2 {\n  0%, 100% {\n    top: 0;\n    left: calc(100% - 200px);\n    transform: scale(0.5) rotate(-45deg);\n  }\n  30% {\n    top: calc(100% - 220px);\n    left: 50%;\n    transform: scale(1) rotate(0) translateX(-50%);\n  }\n  60% {\n    top: 0;\n    left: 0;\n    transform: scale(0.5) rotate(45deg);\n  }\n}\n@keyframes moveObject3 {\n  0%, 100% {\n    top: calc(100% - 220px);\n    left: 50%;\n    transform: scale(1) rotate(0) translateX(-50%);\n  }\n  30% {\n    top: 0;\n    left: 0;\n    transform: scale(0.5) rotate(45deg);\n  }\n  60% {\n    top: 0;\n    left: calc(100% - 200px);\n    transform: scale(0.5) rotate(-45deg);\n  }\n}\n@media (max-width: 600px) {\n  @keyframes moveObject1 {\n    0%, 100% {\n      top: 0;\n      left: 0;\n      transform: scale(0.5) rotate(45deg);\n    }\n    30% {\n      top: 0;\n      left: calc(100% - (108px + 112 * (100vw - 320px) / 280));\n      transform: scale(0.5) rotate(-45deg);\n    }\n    60% {\n      top: calc(100% - (108px + 112 * (100vw - 320px) / 280));\n      left: 50%;\n      transform: scale(1) rotate(0) translateX(-50%);\n    }\n  }\n  @keyframes moveObject2 {\n    0%, 100% {\n      top: 0;\n      left: calc(100% - (108px + 112 * (100vw - 320px) / 280));\n      transform: scale(0.5) rotate(-45deg);\n    }\n    30% {\n      top: calc(100% - (108px + 112 * (100vw - 320px) / 280));\n      left: 50%;\n      transform: scale(1) rotate(0) translateX(-50%);\n    }\n    60% {\n      top: 0;\n      left: 0;\n      transform: scale(0.5) rotate(45deg);\n    }\n  }\n  @keyframes moveObject3 {\n    0%, 100% {\n      top: calc(100% - (108px + 112 * (100vw - 320px) / 280));\n      left: 50%;\n      transform: scale(1) rotate(0) translateX(-50%);\n    }\n    30% {\n      top: 0;\n      left: 0;\n      transform: scale(0.5) rotate(45deg);\n    }\n    60% {\n      top: 0;\n      left: calc(100% - (108px + 112 * (100vw - 320px) / 280));\n      transform: scale(0.5) rotate(-45deg);\n    }\n  }\n}\n@keyframes lineAnim {\n  0% {\n    left: -40%;\n  }\n  50% {\n    left: 20%;\n    width: 60%;\n  }\n  100% {\n    left: 100%;\n    width: 100%;\n  }\n}\n@keyframes reverse-lineAnim {\n  0% {\n    right: -40%;\n  }\n  50% {\n    right: 20%;\n    width: 60%;\n  }\n  100% {\n    right: 100%;\n    width: 100%;\n  }\n}\n/*========================\n  1.2  Variable CSS start\n==========================*/\n/* font family */\n/* color variables */\n:root {\n  --theme-color: 23, 28, 38;\n  --title-color: 23, 28, 38;\n  --content-color: 127, 131, 132;\n  --box-bg: 243, 244, 246;\n  --line-color: 232, 232, 233;\n  --secondary-color: 255, 180, 0;\n  --success-color: 32, 177, 73;\n  --error-color: 255, 75, 75;\n  --accent-color: 58, 109, 229;\n  --white: 255, 255, 255;\n  --black: 0, 0, 0;\n}\n\n.dark {\n  --theme-color: 2, 2, 3;\n  --title-color: 255, 255, 255;\n  --content-color: 127, 131, 132;\n  --white: 18, 18, 18;\n  --black: 255, 255, 255;\n  --box-bg: 30, 30, 30;\n  --line-color: 65, 65, 65;\n}\n\n/* base scss files */\n/*=====================\n  2.1  Reset CSS start\n==========================*/\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\ninput[type=number] {\n  appearance: textfield;\n}\ninput[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n}\n\n.custom-container {\n  padding: 0 20px;\n}\n@media (max-width: 600px) {\n  .custom-container {\n    padding: 0 calc(15px + 5 * (100vw - 320px) / 280);\n  }\n}\n\nsection,\n.section-t-space {\n  padding-top: 25px;\n}\n@media (max-width: 600px) {\n  section,\n  .section-t-space {\n    padding-top: calc(20px + 5 * (100vw - 320px) / 280);\n  }\n}\n\n.section-b-space {\n  padding-bottom: 25px;\n}\n@media (max-width: 600px) {\n  .section-b-space {\n    padding-bottom: calc(20px + 5 * (100vw - 320px) / 280);\n  }\n}\n\n.section-lg-t-space {\n  padding-top: 100px;\n}\n\n.section-lg-b-space {\n  padding-bottom: 100px;\n}\n\n.panel-space {\n  padding-top: 100px !important;\n}\n\n.white-color {\n  color: rgba(var(--white), 1) !important;\n}\n\n.theme-color {\n  color: rgba(var(--theme-color), 1) !important;\n}\n\n.content-color {\n  color: rgba(var(--content-color), 1) !important;\n}\n\n.title-color {\n  color: rgba(var(--title-color), 1) !important;\n}\n\n.success-color {\n  color: rgba(var(--success-color), 1) !important;\n}\n\n.secondary-color {\n  color: rgba(var(--secondary-color), 1) !important;\n}\n\n.error-color {\n  color: rgba(var(--error-color), 1) !important;\n}\n\n.theme-bg {\n  background-color: rgba(var(--theme-color), 1) !important;\n}\n\n.accent-color {\n  color: rgba(var(--accent-color), 1) !important;\n}\n\n.success-bg {\n  background-color: rgba(var(--success-color), 1) !important;\n}\n\n.error-bg {\n  background-color: rgba(var(--error-color), 1) !important;\n}\n\n.box-background {\n  background-color: rgba(var(--box-bg), 1) !important;\n}\n\n.white-background {\n  background-color: rgba(var(--white), 1) !important;\n}\n\n[dir=rtl] .swiper {\n  direction: ltr;\n}\n[dir=rtl] .swiper .swiper-slide > * {\n  direction: rtl;\n}\n\n[dir=rtl] input[type=email],\n[dir=rtl] input[type=number],\n[dir=rtl] input[type=date] {\n  text-align: end;\n}\n\n/*=====================\n  2.2  Typography CSS start\n==========================*/\n* {\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  font-family: \"Lexend\", sans-serif;\n  max-width: 600px;\n  position: relative;\n  width: 100%;\n  margin: 0 auto;\n  height: 100vh;\n  background-color: rgba(var(--white), 1);\n}\nbody {\n  scrollbar-width: none;\n}\nbody::-webkit-scrollbar {\n  width: 0px;\n}\n\nh1 {\n  font-size: 36px;\n  margin-bottom: 0;\n}\n\nh2 {\n  font-size: 20px;\n  margin-bottom: 0;\n}\n\nh3 {\n  font-size: 18px;\n  margin-bottom: 0;\n}\n\nh4 {\n  font-size: 16px;\n  margin-bottom: 0;\n}\n\nh5 {\n  font-size: 14px;\n  margin-bottom: 0;\n}\n\nh6 {\n  font-size: 13px;\n  margin-bottom: 0;\n}\n\np {\n  font-size: 13px;\n  line-height: 1.5;\n  margin-bottom: 0;\n}\n\na {\n  text-decoration: none;\n  line-height: 1;\n}\n\nul {\n  padding: 0;\n  margin-bottom: 0;\n}\n\nli {\n  list-style: none;\n  display: inline-block;\n  font-size: 14px;\n}\n\n/* components scss files*/\n/*=====================\n  3.1  Button CSS start\n==========================*/\n.btn {\n  padding: 15px;\n}\n@media (max-width: 600px) {\n  .btn {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.btn-inline {\n  padding: 15px;\n}\n@media (max-width: 600px) {\n  .btn-inline {\n    padding-inline: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.btn-lg {\n  padding: 12px 44px;\n}\n.btn:focus {\n  border-color: transparent;\n  box-shadow: none;\n}\n.btn:first-child:active {\n  border-color: transparent;\n  color: unset;\n  background-color: unset;\n}\n\n.theme-btn {\n  background-color: rgba(var(--theme-color), 1);\n  color: rgb(255, 255, 255);\n}\n@media (max-width: 600px) {\n  .theme-btn {\n    font-size: calc(14px + 2 * (100vw - 320px) / 280);\n  }\n}\n.theme-btn:active {\n  color: rgb(255, 255, 255) !important;\n  background-color: rgba(var(--theme-color), 1) !important;\n  border: 1px solid rgba(var(--theme-color), 1) !important;\n}\n.theme-btn:hover {\n  color: rgb(255, 255, 255);\n  background-color: rgba(var(--theme-color), 1);\n}\n\n.gray-btn {\n  color: rgba(var(--title-color), 1);\n  background-color: rgba(var(--box-bg), 1);\n}\n@media (max-width: 600px) {\n  .gray-btn {\n    font-size: calc(14px + 2 * (100vw - 320px) / 280);\n  }\n}\n.gray-btn:active {\n  color: rgba(var(--title-color), 1);\n  background-color: rgba(var(--box-bg), 1) !important;\n}\n.gray-btn:hover {\n  color: rgba(var(--title-color), 1);\n  background-color: rgba(var(--box-bg), 1) !important;\n}\n\n.btn-link {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 18px;\n  color: rgba(var(--content-color), 1);\n}\n.btn-link:hover {\n  color: rgba(var(--content-color), 1);\n}\n\n.grid-btn {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  gap: 15px;\n}\n\n/*=====================\n  3.3  chatting CSS start\n==========================*/\n.msger {\n  margin-top: 10px;\n}\n\n.msg {\n  display: flex;\n  align-items: flex-end;\n  margin-bottom: 10px;\n}\n.msg:last-of-type {\n  margin: 0;\n}\n\n.msg-img {\n  width: 30px;\n  height: 30px;\n  margin-right: 10px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  border-radius: 100%;\n}\n\n.msg-bubble {\n  max-width: 190px;\n  padding: 15px;\n  border-radius: 15px;\n  background: var(--left-msg-bg);\n  font-size: 14px;\n  width: max-content;\n}\n@media (max-width: 600px) {\n  .msg-bubble {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n\n.msg-info {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 10px;\n}\n\n.msg-info-name {\n  margin-right: 10px;\n  font-weight: bold;\n}\n[dir=rtl] .msg-info-name {\n  margin-left: 10px;\n  margin-right: unset;\n}\n\n.msg-info-time {\n  font-size: 0.85em;\n}\n\n.left-msg .msg-img {\n  margin-left: 10px;\n}\n.left-msg .msg-img .icon {\n  width: 30px;\n  height: 30px;\n  border-radius: 100%;\n}\n.left-msg .msg-bubble {\n  border-bottom-left-radius: 0;\n  background: rgba(var(--box-bg), 1);\n  border-radius: 20px 20px 20px 0px;\n  color: rgba(var(--title-color), 1);\n  width: calc(100% - 50px - 10px - 40px);\n  margin-right: 0;\n  width: max-content;\n}\n[dir=rtl] .left-msg .msg-bubble {\n  margin-left: 0;\n  margin-right: unset;\n}\n\n.right-msg {\n  flex-direction: row-reverse;\n}\n.right-msg .msg-bubble {\n  background: rgba(var(--title-color), 1);\n  border-radius: 10px 10px 0px 10px;\n  color: rgba(var(--white), 1);\n}\n.right-msg .msg-bubble .msg-text {\n  color: rgba(var(--white), 1) !important;\n}\n.right-msg .msg-img {\n  margin-left: 10px;\n}\n[dir=rtl] .right-msg .msg-img {\n  margin-left: unset;\n  margin-right: 10px;\n}\n.right-msg .msg-img .icon {\n  width: 30px;\n  height: 30px;\n  border-radius: 100%;\n}\n\n.msger-inputarea {\n  display: flex;\n  padding: 20px;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  background-color: rgba(var(--white), 1);\n}\n[dir=rtl] .msger-inputarea {\n  left: unset;\n  right: 0;\n}\n.msger-inputarea * {\n  border: none;\n  border-radius: 3px;\n  font-size: 1em;\n}\n\n.msger-input {\n  background-color: rgba(var(--box-bg), 1);\n  backdrop-filter: blur(2px);\n  padding: 15px 80px 15px 40px;\n  font-weight: 400;\n  font-size: 14px;\n  width: 100%;\n  color: rgba(var(--title-color), 1);\n  border-radius: 6px;\n}\n[dir=rtl] .msger-input {\n  padding: 15px 40px 15px 80px;\n}\n.msger-input::placeholder {\n  color: rgb(121, 125, 131);\n}\n.msger-input:focus {\n  outline: none;\n}\n\n.mic {\n  position: absolute;\n  width: 24px;\n  height: 24px;\n  top: 50%;\n  right: 70px;\n  transform: translateY(-50%);\n  --Iconsax-Size: 22px;\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  cursor: pointer;\n}\n[dir=rtl] .mic {\n  left: 70px;\n  right: unset;\n}\n\n.smile {\n  position: absolute;\n  width: 24px;\n  height: 24px;\n  top: 50%;\n  left: 30px;\n  transform: translateY(-50%);\n  cursor: pointer;\n}\n[dir=rtl] .smile {\n  left: unset;\n  right: 30px;\n}\n\n.msger-send-btn {\n  position: absolute;\n  right: 30px;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: 6px;\n}\n[dir=rtl] .msger-send-btn {\n  right: unset;\n  left: 30px;\n}\n.msger-send-btn .icon-btn {\n  width: 30px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --Iconsax-Color: rgba(255, 255, 255, 1);\n  --Iconsax-Size: 20px;\n  background-color: rgba(var(--theme-color), 1);\n}\n\n/*=====================\n  3.2  calender CSS start\n==========================*/\n.mbsc-datepicker {\n  border-top: none !important;\n  border-bottom: none !important;\n}\n.mbsc-datepicker .mbsc-datepicker-tab-wrapper {\n  display: block;\n}\n.mbsc-datepicker .mbsc-datepicker-tab-wrapper .mbsc-datepicker-tab-calendar {\n  margin: 15px 10px;\n  box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.06);\n  border-radius: 10px;\n}\n.mbsc-datepicker .mbsc-datepicker-tab-wrapper .mbsc-datepicker-tab-calendar .mbsc-calendar {\n  padding-bottom: 0;\n}\n.mbsc-datepicker .mbsc-datepicker-tab-wrapper .mbsc-datepicker-tab-calendar .mbsc-calendar .mbsc-calendar-wrapper {\n  border-radius: 10px;\n  background-color: rgba(var(--white), 1);\n}\n.mbsc-datepicker .mbsc-datepicker-tab-wrapper .mbsc-datepicker-tab-calendar .mbsc-calendar .mbsc-calendar-wrapper .mbsc-calendar-header .mbsc-calendar-controls .mbsc-calendar-title-wrapper .mbsc-calendar-button {\n  color: rgba(var(--title-color), 1);\n}\n.mbsc-datepicker .mbsc-datepicker-tab-wrapper .mbsc-datepicker-tab-calendar .mbsc-calendar .mbsc-calendar-wrapper .mbsc-calendar-header .mbsc-calendar-controls .mbsc-calendar-button-prev,\n.mbsc-datepicker .mbsc-datepicker-tab-wrapper .mbsc-datepicker-tab-calendar .mbsc-calendar .mbsc-calendar-wrapper .mbsc-calendar-header .mbsc-calendar-controls .mbsc-calendar-button-next {\n  color: rgba(var(--title-color), 1);\n}\n.mbsc-datepicker .mbsc-datepicker-tab-wrapper .mbsc-datepicker-tab-calendar .mbsc-calendar .mbsc-calendar-wrapper .mbsc-calendar-slide .mbsc-calendar-table .mbsc-calendar-week-days {\n  font-weight: 700;\n  font-size: 20px;\n}\n.mbsc-datepicker .mbsc-datepicker-tab-wrapper .mbsc-datepicker-tab-calendar .mbsc-calendar .mbsc-calendar-wrapper .mbsc-calendar-slide .mbsc-calendar-table .mbsc-calendar-row .mbsc-calendar-cell :not(.mbsc-calendar-cell-inner) > div {\n  visibility: hidden;\n}\n.mbsc-datepicker .mbsc-datepicker-tab-wrapper .mbsc-datepicker-tab-calendar .mbsc-calendar .mbsc-calendar-wrapper .mbsc-calendar-slide .mbsc-calendar-table .mbsc-calendar-row .mbsc-calendar-cell .mbsc-calendar-cell-inner .mbsc-calendar-cell-text {\n  color: rgba(var(--title-color), 1);\n}\n.mbsc-datepicker .mbsc-datepicker-tab-wrapper .mbsc-datepicker-tab-calendar .mbsc-calendar .mbsc-calendar-wrapper .mbsc-calendar-slide .mbsc-calendar-table .mbsc-calendar-row .mbsc-calendar-cell.mbsc-selected .mbsc-calendar-cell-text {\n  background-color: rgba(var(--secondary-color), 1);\n  border: none;\n}\n.mbsc-datepicker .mbsc-datepicker-tab-wrapper .mbsc-datepicker-tab .mbsc-scroller .mbsc-scroller-wheel-group-cont .mbsc-scroller-wheel-line {\n  background-color: rgba(var(--box-bg), 1);\n  z-index: 0;\n}\n.mbsc-datepicker .mbsc-scroller-wheel-item > div > div {\n  visibility: hidden;\n}\n.mbsc-datepicker .mbsc-scroller-wheel-item.mbsc-selected {\n  color: rgba(var(--title-color), 1);\n  border-radius: 0;\n  background-color: rgba(var(--box-bg), 1);\n}\n\n/*=====================\n  3.3  chatting CSS start\n==========================*/\n.msger {\n  margin-top: 10px;\n}\n\n.msg {\n  display: flex;\n  align-items: flex-end;\n  margin-bottom: 10px;\n}\n.msg:last-of-type {\n  margin: 0;\n}\n\n.msg-img {\n  width: 30px;\n  height: 30px;\n  margin-right: 10px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  border-radius: 100%;\n}\n\n.msg-bubble {\n  max-width: 190px;\n  padding: 15px;\n  border-radius: 15px;\n  background: var(--left-msg-bg);\n  font-size: 14px;\n  width: max-content;\n}\n@media (max-width: 600px) {\n  .msg-bubble {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n\n.msg-info {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 10px;\n}\n\n.msg-info-name {\n  margin-right: 10px;\n  font-weight: bold;\n}\n[dir=rtl] .msg-info-name {\n  margin-left: 10px;\n  margin-right: unset;\n}\n\n.msg-info-time {\n  font-size: 0.85em;\n}\n\n.left-msg .msg-img {\n  margin-left: 10px;\n}\n.left-msg .msg-img .icon {\n  width: 30px;\n  height: 30px;\n  border-radius: 100%;\n}\n.left-msg .msg-bubble {\n  border-bottom-left-radius: 0;\n  background: rgba(var(--box-bg), 1);\n  border-radius: 20px 20px 20px 0px;\n  color: rgba(var(--title-color), 1);\n  width: calc(100% - 50px - 10px - 40px);\n  margin-right: 0;\n  width: max-content;\n}\n[dir=rtl] .left-msg .msg-bubble {\n  margin-left: 0;\n  margin-right: unset;\n}\n\n.right-msg {\n  flex-direction: row-reverse;\n}\n.right-msg .msg-bubble {\n  background: rgba(var(--title-color), 1);\n  border-radius: 10px 10px 0px 10px;\n  color: rgba(var(--white), 1);\n}\n.right-msg .msg-bubble .msg-text {\n  color: rgba(var(--white), 1) !important;\n}\n.right-msg .msg-img {\n  margin-left: 10px;\n}\n[dir=rtl] .right-msg .msg-img {\n  margin-left: unset;\n  margin-right: 10px;\n}\n.right-msg .msg-img .icon {\n  width: 30px;\n  height: 30px;\n  border-radius: 100%;\n}\n\n.msger-inputarea {\n  display: flex;\n  padding: 20px;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  background-color: rgba(var(--white), 1);\n}\n[dir=rtl] .msger-inputarea {\n  left: unset;\n  right: 0;\n}\n.msger-inputarea * {\n  border: none;\n  border-radius: 3px;\n  font-size: 1em;\n}\n\n.msger-input {\n  background-color: rgba(var(--box-bg), 1);\n  backdrop-filter: blur(2px);\n  padding: 15px 80px 15px 40px;\n  font-weight: 400;\n  font-size: 14px;\n  width: 100%;\n  color: rgba(var(--title-color), 1);\n  border-radius: 6px;\n}\n[dir=rtl] .msger-input {\n  padding: 15px 40px 15px 80px;\n}\n.msger-input::placeholder {\n  color: rgb(121, 125, 131);\n}\n.msger-input:focus {\n  outline: none;\n}\n\n.mic {\n  position: absolute;\n  width: 24px;\n  height: 24px;\n  top: 50%;\n  right: 70px;\n  transform: translateY(-50%);\n  --Iconsax-Size: 22px;\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  cursor: pointer;\n}\n[dir=rtl] .mic {\n  left: 70px;\n  right: unset;\n}\n\n.smile {\n  position: absolute;\n  width: 24px;\n  height: 24px;\n  top: 50%;\n  left: 30px;\n  transform: translateY(-50%);\n  cursor: pointer;\n}\n[dir=rtl] .smile {\n  left: unset;\n  right: 30px;\n}\n\n.msger-send-btn {\n  position: absolute;\n  right: 30px;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: 6px;\n}\n[dir=rtl] .msger-send-btn {\n  right: unset;\n  left: 30px;\n}\n.msger-send-btn .icon-btn {\n  width: 30px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --Iconsax-Color: rgba(255, 255, 255, 1);\n  --Iconsax-Size: 20px;\n  background-color: rgba(var(--theme-color), 1);\n}\n\n/*=====================\n  3.4  form CSS start\n==========================*/\n.auth-form {\n  margin-top: 20px;\n}\n.auth-form .form-group {\n  position: relative;\n  display: block;\n  margin-top: 20px;\n}\n@media (max-width: 600px) {\n  .auth-form .form-group {\n    margin-top: calc(10px + 10 * (100vw - 320px) / 280);\n  }\n}\n.auth-form .form-group .form-label {\n  font-size: 14px;\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.auth-form .form-group .form-control {\n  position: relative;\n  padding: 15px;\n  font-size: 16px;\n  font-weight: 400;\n  text-align: left;\n  color: rgba(var(--title-color), 1);\n  background-color: rgba(var(--white), 1);\n  border: none;\n  border-radius: 8px;\n  box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n}\n@media (max-width: 600px) {\n  .auth-form .form-group .form-control {\n    padding: calc(12px + 3 * (100vw - 320px) / 280);\n    font-size: calc(14px + 2 * (100vw - 320px) / 280);\n  }\n}\n[dir=rtl] .auth-form .form-group .form-control {\n  text-align: right;\n}\n.auth-form .form-group .form-control.search {\n  padding: 15px 15px 15px 55px;\n  background-color: rgba(var(--white), 1);\n  box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n}\n@media (max-width: 600px) {\n  .auth-form .form-group .form-control.search {\n    padding: calc(10px + 5 * (100vw - 320px) / 448) calc(10px + 5 * (100vw - 320px) / 448) calc(10px + 5 * (100vw - 320px) / 448) 55px;\n  }\n}\n[dir=rtl] .auth-form .form-group .form-control.search {\n  padding: 15px 55px 15px 15px;\n}\n@media (max-width: 600px) {\n  [dir=rtl] .auth-form .form-group .form-control.search {\n    padding: calc(10px + 5 * (100vw - 320px) / 448) 55px calc(10px + 5 * (100vw - 320px) / 448) calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.auth-form .form-group .form-control:focus {\n  box-shadow: none;\n  border-color: transparent;\n}\n.auth-form .form-group .form-control::placeholder {\n  color: rgb(121, 125, 131);\n}\n.auth-form .form-group .dropdown .dropdown-toggle {\n  padding-left: 15px;\n  font-size: 16px;\n  color: rgba(var(--content-color), 1);\n  background-color: rgba(var(--white), 1);\n  box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n[dir=rtl] .auth-form .form-group .dropdown .dropdown-toggle {\n  padding-left: unset;\n  padding-right: 15px;\n}\n@media (max-width: 600px) {\n  .auth-form .form-group .dropdown .dropdown-toggle {\n    font-size: calc(14px + 2 * (100vw - 320px) / 280);\n    padding-left: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.auth-form .form-group .dropdown .dropdown-toggle .dropdown-icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 16px;\n  width: 16px;\n  height: 16px;\n}\n.auth-form .form-group .dropdown .dropdown-toggle::after {\n  content: none;\n}\n.auth-form .form-group .dropdown .dropdown-toggle:first-child:active {\n  border-color: rgba(var(--content-color), 0.15);\n}\n.auth-form .form-group .dropdown .dropdown-toggle:focus {\n  border-color: rgba(var(--content-color), 0.15);\n}\n.auth-form .form-group .dropdown .dropdown-toggle .dropdown-icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 16px;\n}\n.auth-form .form-group .dropdown .dropdown-menu.show {\n  min-width: 100%;\n  background-color: rgba(var(--white), 1);\n}\n.auth-form .form-group .dropdown .dropdown-menu li {\n  width: 100%;\n}\n.auth-form .form-group .dropdown .dropdown-menu li .dropdown-item {\n  color: rgba(var(--content-color), 1);\n  display: flex;\n  justify-content: flex-start;\n  font-size: 16px;\n}\n@media (max-width: 600px) {\n  .auth-form .form-group .dropdown .dropdown-menu li .dropdown-item {\n    font-size: calc(14px + 2 * (100vw - 320px) / 280);\n  }\n}\n.auth-form .form-group .dropdown .dropdown-menu li .dropdown-item:active {\n  background-color: rgba(var(--content-color), 0.05);\n}\n.auth-form .form-group .dropdown .dropdown-menu li .dropdown-item:hover {\n  background-color: transparent;\n}\n.auth-form .form-group .form-check {\n  margin-top: 8px;\n  margin-bottom: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  float: unset;\n  padding-left: 0;\n}\n[dir=rtl] .auth-form .form-group .form-check {\n  padding-left: unset;\n  padding-right: 0;\n}\n.auth-form .form-group .form-check .form-check-label {\n  color: rgba(var(--content-color), 1);\n}\n.auth-form .form-group .form-check .form-check-input {\n  width: 20px;\n  height: 20px;\n  margin-left: 0px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--content-color), 0.5) !important;\n  border-radius: 4px;\n  box-shadow: 0px 2px 15px 0px rgba(78, 160, 247, 0.08);\n  transition: all 0.5s ease;\n}\n[dir=rtl] .auth-form .form-group .form-check .form-check-input {\n  margin-left: unset;\n  margin-right: 0;\n}\n.auth-form .form-group .form-check .form-check-input:focus {\n  border-color: transparent;\n  box-shadow: none;\n}\n.auth-form .form-group .form-check .form-check-input:checked {\n  background-color: rgba(var(--title-color), 1);\n  border-color: rgba(var(--content-color), 0.15);\n  float: unset;\n}\n.auth-form .form-group .upload-image {\n  position: relative;\n  width: 100%;\n  height: 120px;\n  background-color: rgba(var(--white), 1);\n  backdrop-filter: blur(2px);\n  border-radius: 8px;\n  color: rgba(var(--white), 1);\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  padding: 12px;\n}\n.auth-form .form-group .upload-image #file {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  opacity: 0;\n  cursor: pointer;\n}\n.auth-form .form-group .upload-image .upload-file {\n  position: fixed;\n  height: 100%;\n  width: 100%;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  color: rgba(var(--content-color), 1);\n  opacity: 0;\n  z-index: 1;\n}\n.auth-form .form-group .upload-image .upload-icon {\n  font-size: 20px;\n  color: rgba(var(--title-color), 1);\n  position: relative;\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 20px;\n  transform: rotate(90deg);\n}\n.auth-form .form-group .upload-image .profile-icon {\n  position: relative;\n  width: 100px;\n  color: rgba(var(--title-color), 1);\n  filter: opacity(0.1);\n}\n.auth-form .form-group .upload-image::after {\n  content: \"\";\n  position: absolute;\n  width: calc(100% - 20px);\n  height: calc(100% - 20px);\n  border: 1px dashed rgba(var(--content-color), 0.3);\n  border-radius: 6px;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.auth-form .form-group .upload-image h5 {\n  position: relative;\n  margin-top: 5px;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.auth-form .form-group .upload-image.profile-image {\n  width: 100%;\n  height: 300px;\n}\n.auth-form .google-btn {\n  color: rgba(var(--title-color), 1);\n  background-color: rgba(var(--white), 1);\n}\n\n.otp-form {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n  gap: 20px;\n}\n@media (max-width: 600px) {\n  .otp-form {\n    gap: calc(10px + 10 * (100vw - 320px) / 280);\n  }\n}\n.otp-form .form-input::-webkit-outer-spin-button, .otp-form .form-input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.otp-form .form-input .form-control {\n  position: relative;\n  text-align: center;\n  padding: 15px;\n  color: rgba(var(--content-color), 1);\n  background-color: rgba(var(--white), 1);\n  border-color: transparent;\n  border-radius: 8px;\n}\n@media (max-width: 600px) {\n  .otp-form .form-input .form-control {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.otp-form .form-input .form-control::placeholder {\n  color: rgb(121, 125, 131);\n}\n.otp-form .form-input .form-control:focus {\n  box-shadow: none;\n  border: 1px solid rgba(var(--theme-color), 1);\n}\n.otp-form .btn {\n  margin-top: 80px;\n}\n\n.theme-form .form-group {\n  position: relative;\n  display: block;\n  margin-top: 20px;\n}\n.theme-form .form-group .form-label {\n  font-size: 14px;\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.theme-form .form-group .form-control {\n  position: relative;\n  padding: 15px;\n  font-size: 16px;\n  font-weight: 400;\n  text-align: left;\n  color: rgba(var(--content-color), 1);\n  background-color: rgba(var(--box-bg), 1);\n  border: none;\n  border-radius: 8px;\n  box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n}\n@media (max-width: 600px) {\n  .theme-form .form-group .form-control {\n    padding: calc(12px + 3 * (100vw - 320px) / 280);\n    font-size: calc(14px + 2 * (100vw - 320px) / 280);\n  }\n}\n[dir=rtl] .theme-form .form-group .form-control {\n  text-align: right;\n}\n.theme-form .form-group .form-control.with-icon {\n  padding: 15px 15px 15px 45px;\n  background-color: rgba(var(--box-bg), 1);\n  box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n}\n@media (max-width: 600px) {\n  .theme-form .form-group .form-control.with-icon {\n    padding: calc(10px + 5 * (100vw - 320px) / 448) calc(10px + 5 * (100vw - 320px) / 448) calc(10px + 5 * (100vw - 320px) / 448) 45px;\n  }\n}\n[dir=rtl] .theme-form .form-group .form-control.with-icon {\n  padding: 15px 45px 15px 15px;\n}\n@media (max-width: 600px) {\n  [dir=rtl] .theme-form .form-group .form-control.with-icon {\n    padding: calc(10px + 5 * (100vw - 320px) / 448) 45px calc(10px + 5 * (100vw - 320px) / 448) calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.theme-form .form-group .form-control:focus {\n  box-shadow: none;\n  border-color: transparent;\n}\n.theme-form .form-group .form-control::placeholder {\n  color: rgb(121, 125, 131);\n}\n.theme-form .form-group .dollar-icon {\n  position: absolute;\n  top: 50%;\n  left: 22px;\n  transform: translate(-50%, -50%);\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 22px;\n}\n[dir=rtl] .theme-form .form-group .dollar-icon {\n  left: unset;\n}\n.theme-form .form-group .dropdown .dropdown-toggle {\n  display: flex;\n  align-items: center;\n  color: rgba(var(--content-color), 1);\n  background-color: rgba(var(--box-bg), 1);\n  box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n  border-radius: 8px;\n  gap: 6px;\n}\n.theme-form .form-group .dropdown .dropdown-toggle .dropdown-icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 16px;\n  height: 16px;\n}\n.theme-form .form-group .dropdown .dropdown-toggle::after {\n  content: none;\n}\n.theme-form .form-group .dropdown .dropdown-toggle:first-child:active {\n  border-color: rgba(var(--content-color), 0.15);\n}\n.theme-form .form-group .dropdown .dropdown-toggle:focus {\n  border-color: rgba(var(--content-color), 0.15);\n}\n.theme-form .form-group .dropdown .dropdown-toggle .dropdown-icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 16px;\n}\n.theme-form .form-group .dropdown .dropdown-menu.show {\n  min-width: 100%;\n  background-color: rgba(var(--box-bg), 1);\n}\n.theme-form .form-group .dropdown .dropdown-menu li {\n  width: 100%;\n}\n.theme-form .form-group .dropdown .dropdown-menu li .dropdown-item {\n  color: rgba(var(--content-color), 1);\n  display: flex;\n  justify-content: center;\n  padding-inline: 0;\n  font-size: 16px;\n}\n@media (max-width: 600px) {\n  .theme-form .form-group .dropdown .dropdown-menu li .dropdown-item {\n    font-size: calc(14px + 2 * (100vw - 320px) / 280);\n  }\n}\n.theme-form .form-group .dropdown .dropdown-menu li .dropdown-item:active {\n  background-color: rgba(var(--content-color), 0.05);\n}\n.theme-form .form-group .dropdown .dropdown-menu li .dropdown-item:hover {\n  background-color: transparent;\n}\n.theme-form .form-group .form-check {\n  margin-top: 8px;\n  margin-bottom: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  float: unset;\n  padding-left: 0;\n}\n[dir=rtl] .theme-form .form-group .form-check {\n  padding-left: unset;\n  padding-right: 0;\n}\n.theme-form .form-group .form-check .form-check-label {\n  color: rgba(var(--content-color), 1);\n}\n.theme-form .form-group .form-check .form-check-input {\n  width: 20px;\n  height: 20px;\n  margin-left: 0px;\n  background-color: rgba(var(--box-bg), 1);\n  border: 1px solid rgba(var(--content-color), 0.5) !important;\n  border-radius: 4px;\n  box-shadow: 0px 2px 15px 0px rgba(78, 160, 247, 0.08);\n  transition: all 0.5s ease;\n}\n[dir=rtl] .theme-form .form-group .form-check .form-check-input {\n  margin-left: unset;\n  margin-right: 0;\n}\n.theme-form .form-group .form-check .form-check-input:focus {\n  border-color: transparent;\n  box-shadow: none;\n}\n.theme-form .form-group .form-check .form-check-input:checked {\n  background-color: rgba(var(--title-color), 1);\n  border-color: rgba(var(--content-color), 0.15);\n  float: unset;\n}\n.theme-form .form-group .upload-image {\n  position: relative;\n  width: 100%;\n  height: 120px;\n  background-color: rgba(var(--box-bg), 1);\n  backdrop-filter: blur(2px);\n  border-radius: 6px;\n  color: rgba(var(--white), 1);\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px;\n}\n.theme-form .form-group .upload-image .upload-file {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  color: rgba(var(--content-color), 1);\n  opacity: 0;\n  z-index: 1;\n}\n.theme-form .form-group .upload-image .upload-icon {\n  font-size: 20px;\n  color: rgba(var(--title-color), 1);\n  position: absolute;\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 24px;\n}\n.theme-form .form-group .upload-image .profile-icon {\n  position: absolute;\n  width: 100px;\n  color: rgba(var(--title-color), 1);\n  filter: opacity(0.1);\n}\n.theme-form .form-group .upload-image::after {\n  content: \"\";\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 1px dashed rgba(var(--content-color), 0.3);\n  border-radius: 8px;\n}\n.theme-form .form-group .upload-image h6 {\n  position: absolute;\n  bottom: 30px;\n  color: rgba(var(--content-color), 1);\n}\n.theme-form .form-group .upload-image.profile-image {\n  width: 100%;\n  height: 300px;\n}\n.theme-form .order-type .form-check3 {\n  position: relative;\n  width: 100%;\n  padding: 0;\n  margin-bottom: 0;\n}\n.theme-form .order-type .form-check3 .form-check-input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  float: unset;\n  height: 100%;\n  margin: 0;\n  cursor: pointer;\n  opacity: 0;\n}\n[dir=rtl] .theme-form .order-type .form-check3 .form-check-input {\n  left: unset;\n  right: 0;\n}\n.theme-form .order-type .form-check3 .form-check-input:checked {\n  transition: all 0.6s ease;\n}\n.theme-form .order-type .form-check3 .form-check-input:checked ~ .form-check-label {\n  font-weight: 600;\n  border-color: rgba(var(--theme-color), 1);\n  transition: all 0.5s ease;\n}\n.theme-form .order-type .form-check3 .form-check-input:checked ~ .form-check-label .check-box {\n  background-color: rgba(var(--theme-color), 1);\n  transition: all 0.6s ease;\n}\n.theme-form .order-type .form-check3 .form-check-input:checked ~ .form-check-label .check-box::after {\n  content: \"\";\n  position: absolute;\n  top: 7px;\n  left: 9px;\n  border: 2px solid rgb(255, 255, 255);\n  transform: translate(-50%, -50%) rotate(45deg);\n  width: 6px;\n  height: 10px;\n  border-top: unset;\n  border-left: unset;\n}\n.theme-form .order-type .form-check3 .form-check-label {\n  width: 100%;\n  padding: calc(10px + 5 * (100vw - 320px) / 280);\n  margin: 0;\n  font-weight: 400;\n  font-size: calc(13px + 1 * (100vw - 320px) / 280);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: calc(5px + 5 * (100vw - 320px) / 280);\n  border: 1px solid rgba(var(--black), 0.05);\n  border-radius: 6px;\n}\n.theme-form .order-type .form-check3 .form-check-label .check-box {\n  width: 20px;\n  height: 20px;\n  border: 1px solid rgba(var(--black), 0.05);\n  border-radius: 100%;\n  position: relative;\n}\n.theme-form .order-type .form-check3 .form-check-label .name {\n  font-weight: 400;\n  font-size: 14px;\n  white-space: nowrap;\n  color: rgba(var(--title-color), 1);\n}\n\n/*=====================\n  3.5  modal CSS start\n==========================*/\n.delete-modal .modal-content {\n  background-color: rgba(var(--white), 1);\n}\n.delete-modal .modal-content .modal-body {\n  text-align: center;\n  background-color: rgba(var(--white), 1);\n}\n.delete-modal .modal-content .modal-body .icon {\n  width: 60px;\n  height: 60px;\n  margin: 0 auto;\n}\n.delete-modal .modal-content .modal-body h4 {\n  margin-top: 10px;\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.delete-modal .modal-content .modal-body p {\n  margin-top: 5px;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.delete-modal .modal-content .modal-footer {\n  display: flex;\n  flex-wrap: nowrap;\n  white-space: nowrap;\n  gap: 10px;\n  background-color: rgba(var(--white), 1);\n  border-top: 1px solid rgba(var(--line-color), 1);\n}\n\n.add-modal .modal-content {\n  background-color: rgba(var(--white), 1);\n}\n.add-modal .modal-content .modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid rgba(var(--content-color), 0.15);\n}\n.add-modal .modal-content .modal-header h3 {\n  font-weight: 600;\n  color: rgba(var(--title-color), 1);\n}\n.add-modal .modal-content .modal-header .btn-close {\n  margin-left: 0;\n  box-shadow: none;\n}\n[dir=rtl] .add-modal .modal-content .modal-header .btn-close {\n  margin-right: 0;\n}\n.add-modal .modal-content .modal-body .media-list {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  row-gap: 40px;\n}\n@media (max-width: 600px) {\n  .add-modal .modal-content .modal-body .media-list {\n    row-gap: calc(20px + 20 * (100vw - 320px) / 280);\n  }\n}\n.add-modal .modal-content .modal-body .media-list li {\n  margin-bottom: 0;\n}\n.add-modal .modal-content .modal-body .media-list li .media-box .media-image {\n  width: 50px;\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 100%;\n}\n.add-modal .modal-content .modal-body .media-list li .media-box .media-image .icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n}\n.add-modal .modal-content .modal-body .media-list li .media-box h5 {\n  text-align: center;\n  margin-top: 6%;\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n\n/*=====================\n  3.6  offcanvas CSS start\n==========================*/\n.offcanvas.addtohome-popup {\n  height: auto;\n  border-top: none;\n}\n.offcanvas.addtohome-popup .btn-close {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n  box-shadow: none;\n}\n[dir=rtl] .offcanvas.addtohome-popup .btn-close {\n  left: 20px;\n  right: unset;\n}\n.offcanvas.addtohome-popup .offcanvas-body {\n  text-align: right;\n  background-color: rgba(var(--white), 1);\n  padding: 15px;\n}\n[dir=rtl] .offcanvas.addtohome-popup .offcanvas-body {\n  text-align: left;\n}\n.offcanvas.addtohome-popup .offcanvas-body .app-info {\n  display: flex;\n  align-items: center;\n  margin-bottom: 30px;\n  text-align: left;\n}\n.offcanvas.addtohome-popup .offcanvas-body .app-info .content {\n  padding-left: 15px;\n}\n[dir=rtl] .offcanvas.addtohome-popup .offcanvas-body .app-info .content {\n  padding-left: 0;\n  padding-right: 15px;\n}\n.offcanvas.addtohome-popup .offcanvas-body .app-info .content h3 {\n  font-weight: 600;\n  color: rgba(var(--title-color), 1);\n}\n.offcanvas.addtohome-popup .offcanvas-body .app-info .content h4 {\n  font-weight: 600;\n  color: rgba(var(--title-color), 1);\n}\n.offcanvas.addtohome-popup .offcanvas-body .app-info .content a {\n  color: rgba(var(--content-color), 1);\n}\n.offcanvas.addtohome-popup .offcanvas-body .home-screen-btn {\n  display: inline-block;\n}\n\n.file-offcanvas {\n  margin: 0 auto;\n  background-color: rgba(var(--box-bg), 1);\n  border-top: transparent !important;\n  height: max-content !important;\n}\n.file-offcanvas .offcanvas-header .btn-close {\n  box-shadow: none;\n}\n.file-offcanvas .offcanvas-body .media-list {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  row-gap: 40px;\n}\n@media (max-width: 600px) {\n  .file-offcanvas .offcanvas-body .media-list {\n    row-gap: calc(20px + 20 * (100vw - 320px) / 280);\n  }\n}\n.file-offcanvas .offcanvas-body .media-list li {\n  margin-bottom: 0;\n}\n.file-offcanvas .offcanvas-body .media-list li .media-box .media-image {\n  width: 50px;\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 100%;\n}\n.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color1 {\n  background-color: rgba(var(--title-color), 1);\n}\n.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color2 {\n  background: radial-gradient(48.38% 48.38% at 35% 31%, #9694fd 0%, #6663e5 100%);\n}\n.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color3 {\n  background: radial-gradient(39.96% 39.96% at 34% 22%, #c855f0 3.13%, #a92fd4 100%);\n}\n.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color4 {\n  background: radial-gradient(135.15% 135.15% at 13% -11%, #fe54c4 0%, #e51fa2 52.6%, #f37843 100%);\n}\n.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color5 {\n  background: radial-gradient(50.7% 50.7% at 31% 23%, #7ed1ff 0%, #39b1f4 100%);\n}\n.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color6 {\n  background: radial-gradient(48.37% 48.37% at 37% 35%, #5bfe75 0%, #2acc3b 100%);\n}\n.file-offcanvas .offcanvas-body .media-list li .media-box .media-image.color7 {\n  background: radial-gradient(37.12% 37.12% at 38% 29%, #fb9c58 0%, #f97415 100%);\n}\n.file-offcanvas .offcanvas-body .media-list li .media-box .media-image .icon {\n  --Iconsax-Color: rgba(var(--white), 1);\n  --Iconsax-Size: 24px;\n  width: 25px;\n  height: 25px;\n  filter: brightness(0) invert(1);\n}\n.file-offcanvas .offcanvas-body .media-list li .media-box h5 {\n  text-align: center;\n  margin-top: 6%;\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n\n.ride-offcanvas {\n  padding: 20px;\n  width: 100%;\n  height: auto !important;\n  max-width: 600px;\n  margin: 0 auto;\n  background-color: rgba(var(--white), 1);\n  border-radius: 20px 20px 0px 0px;\n}\n.ride-offcanvas .vehicle-details-head {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  line-height: 1;\n  padding-bottom: 15px;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.ride-offcanvas .vehicle-details-head .vehicle-title {\n  font-weight: 600;\n  padding-right: 5px;\n  color: rgba(var(--title-color), 1);\n}\n[dir=rtl] .ride-offcanvas .vehicle-details-head .vehicle-title {\n  padding-left: 5px;\n  padding-right: unset;\n}\n.ride-offcanvas .vehicle-details-head .icon {\n  padding-left: 5px;\n  border-left: 1px solid rgba(var(--line-color), 1);\n}\n[dir=rtl] .ride-offcanvas .vehicle-details-head .icon {\n  padding-right: 5px;\n  padding-left: unset;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--line-color), 1);\n}\n.ride-offcanvas .offcanvas-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n}\n.ride-offcanvas .offcanvas-header h3 {\n  color: rgba(var(--title-color), 1);\n}\n.ride-offcanvas .offcanvas-header .btn-close {\n  font-size: 14px;\n  color: rgba(var(--content-color), 1);\n}\n.ride-offcanvas .offcanvas-header .btn-close:focus {\n  box-shadow: none;\n}\n.ride-offcanvas .offcanvas-body {\n  padding: 20px 20px 0 20px;\n}\n.ride-offcanvas .offcanvas-body h3 {\n  font-weight: 600;\n  color: rgba(var(--title-color), 1);\n}\n.ride-offcanvas .offcanvas-body p {\n  margin-top: 5px;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.ride-offcanvas .offcanvas-body .form-check {\n  display: flex;\n  align-items: center;\n  margin-top: 30px;\n  margin-bottom: 0;\n  padding-left: 0;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n[dir=rtl] .ride-offcanvas .offcanvas-body .form-check {\n  padding-left: unset;\n  padding-right: 0;\n}\n.ride-offcanvas .offcanvas-body .form-check .form-check-label {\n  font-weight: 400;\n  font-size: 14px;\n  color: rgba(var(--title-color), 1);\n  margin-right: auto;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n[dir=rtl] .ride-offcanvas .offcanvas-body .form-check .form-check-label {\n  margin-right: unset;\n  margin-left: auto;\n}\n.ride-offcanvas .offcanvas-body .form-check .form-check-label .flag {\n  border-radius: 4px;\n}\n.ride-offcanvas .offcanvas-body .form-check .form-check-label .icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 20px;\n}\n@media (max-width: 600px) {\n  .ride-offcanvas .offcanvas-body .form-check .form-check-label {\n    font-size: calc(12px + 2 * (100vw - 320px) / 280);\n  }\n}\n.ride-offcanvas .offcanvas-body .form-check .form-check-input:checked {\n  position: relative;\n  background-color: rgba(var(--white), 1);\n  border-color: rgba(var(--theme-color), 1);\n}\n.ride-offcanvas .offcanvas-body .form-check .form-check-input:checked::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 8px;\n  height: 8px;\n  background-color: rgba(var(--theme-color), 1);\n  border-radius: 100%;\n}\n.ride-offcanvas .offcanvas-body .form-check .form-check-input:checked:focus {\n  box-shadow: none;\n}\n.ride-offcanvas .offcanvas-body .choose-contact {\n  padding-top: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.ride-offcanvas .offcanvas-body .choose-contact h5 {\n  font-weight: 400;\n  color: rgba(var(--secondary-color), 1);\n}\n.ride-offcanvas .offcanvas-body .choose-contact .icon-btn {\n  --Iconsax-Color: rgba(var(--secondary-color), 1);\n  --Iconsax-Size: 20px;\n}\n.ride-offcanvas .offcanvas-body h3 {\n  line-height: 1;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.ride-offcanvas .offcanvas-body h3 span {\n  line-height: 1;\n  font-size: 13px;\n}\n.ride-offcanvas .offcanvas-body .vehicle-details {\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.ride-offcanvas .offcanvas-body .vehicle-details .vehicle-image {\n  margin: 30px auto 20px;\n  height: 100px;\n}\n.ride-offcanvas .offcanvas-body .vehicle-details .vehicle-image .vehicle {\n  width: 100%;\n  height: 100%;\n}\n.ride-offcanvas .offcanvas-body .vehicle-details .timing {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.ride-offcanvas .offcanvas-body .vehicle-details .timing .icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 20px;\n}\n.ride-offcanvas .offcanvas-body .vehicle-details .timing h5 {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n.ride-offcanvas .offcanvas-body .terms-section {\n  margin-top: 20px;\n}\n.ride-offcanvas .offcanvas-body .terms-section h5 {\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n.ride-offcanvas .offcanvas-body .terms-section .terms-list {\n  padding-inline-start: 20px;\n}\n[dir=rtl] .ride-offcanvas .offcanvas-body .terms-section .terms-list {\n  padding-inline-start: unset;\n  padding-inline-end: 20px;\n}\n.ride-offcanvas .offcanvas-body .terms-section .terms-list li {\n  margin-bottom: 3px;\n  display: list-item;\n  list-style-type: disc;\n  font-size: 13px;\n  color: rgba(var(--content-color), 1);\n}\n.ride-offcanvas .offcanvas-body .alert-part title {\n  text-align: center;\n}\n.ride-offcanvas .offcanvas-body .alert-part title h3 {\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.ride-offcanvas .offcanvas-footer {\n  padding: 20px;\n}\n\n.sidebar-offcanvas {\n  width: 280px !important;\n  background-color: rgba(var(--white), 1);\n}\n.sidebar-offcanvas.show {\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  min-height: 100vh;\n  height: 100%;\n  visibility: visible;\n  border-radius: 0 20px 20px 0;\n}\n[dir=rtl] .sidebar-offcanvas.show {\n  border-radius: 20px 0 0 20px;\n}\n.sidebar-offcanvas .offcanvas-header {\n  padding: 40px 20px 20px 0;\n}\n[dir=rtl] .sidebar-offcanvas .offcanvas-header {\n  padding: 40px 0 20px 20;\n}\n.sidebar-offcanvas .offcanvas-header .sidebar-logo {\n  margin: 0 auto;\n}\n.sidebar-offcanvas .offcanvas-header .sidebar-logo .logo {\n  display: block;\n  width: 120px;\n}\n.sidebar-offcanvas .offcanvas-header .sidebar-logo .logo-dark {\n  display: none;\n}\n.sidebar-offcanvas .offcanvas-body {\n  padding: 0;\n}\n.sidebar-offcanvas .offcanvas-body .profile-part {\n  padding: 20px;\n  background-color: rgba(var(--box-bg), 1);\n}\n.sidebar-offcanvas .offcanvas-body .profile-part .profile-pic {\n  width: 40px;\n  height: 40px;\n  object-fit: cover;\n  border-radius: 100%;\n}\n.sidebar-offcanvas .offcanvas-body .profile-part h3 {\n  color: rgba(var(--title-color), 1);\n}\n.sidebar-offcanvas .offcanvas-body .profile-part span {\n  font-size: 13px;\n  font-weight: 500;\n  color: rgba(var(--content-color), 1);\n}\n.sidebar-offcanvas .offcanvas-body .link-section {\n  padding: 15px 20px 70px 20px;\n}\n.sidebar-offcanvas .offcanvas-body .link-section li {\n  display: block;\n}\n.sidebar-offcanvas .offcanvas-body .link-section li:last-child() {\n  display: none;\n}\n.sidebar-offcanvas .offcanvas-body .link-section li .pages {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n}\n.sidebar-offcanvas .offcanvas-body .link-section li .pages .sidebar-icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 25px;\n}\n.sidebar-offcanvas .offcanvas-body .link-section li .pages .sidebar-icon.icon {\n  width: 25px;\n  height: 25px;\n  filter: contrast(0);\n}\n.sidebar-offcanvas .offcanvas-body .link-section li .pages h3 {\n  color: rgba(var(--title-color), 1);\n}\n.sidebar-offcanvas .offcanvas-body .link-section.switch-section li {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 20px;\n}\n.sidebar-offcanvas .offcanvas-body .link-section.switch-section li:last-child {\n  padding-bottom: 0;\n}\n.sidebar-offcanvas .offcanvas-body .link-section.switch-section li h3 {\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n.sidebar-offcanvas .offcanvas-body .link-section.switch-section li .switch-btn {\n  display: flex;\n}\n.sidebar-offcanvas .offcanvas-body .link-section.switch-section li .switch-btn input[type=checkbox] {\n  position: relative;\n  width: 37px;\n  height: 22px;\n  appearance: none;\n  background-color: rgba(var(--box-bg), 1);\n  outline: none;\n  border-radius: 50px;\n  cursor: pointer;\n  transition: all 0.5s ease-in-out;\n}\n.sidebar-offcanvas .offcanvas-body .link-section.switch-section li .switch-btn input[type=checkbox]:checked {\n  background: rgba(var(--title-color), 1);\n}\n.sidebar-offcanvas .offcanvas-body .link-section.switch-section li .switch-btn input[type=checkbox]:checked::before {\n  transform: translateX(80%) translateY(-50%);\n  background: rgba(var(--white), 1);\n}\n.sidebar-offcanvas .offcanvas-body .link-section.switch-section li .switch-btn input[type=checkbox]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  background: rgba(var(--content-color), 0.5);\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  transform: translateY(-50%);\n  transition: 0.5s;\n}\n.sidebar-offcanvas .offcanvas-body .bottom-sidebar {\n  position: fixed;\n  bottom: 0;\n  padding: 20px;\n  width: 279px;\n  border-radius: 0 0 20px 0;\n  display: flex;\n  justify-content: center;\n  background-color: rgba(var(--box-bg), 1);\n}\n[dir=rtl] .sidebar-offcanvas .offcanvas-body .bottom-sidebar {\n  border-radius: 0 0 0 20px;\n}\n.sidebar-offcanvas .offcanvas-body .bottom-sidebar .pages {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n}\n.sidebar-offcanvas .offcanvas-body .bottom-sidebar .pages .sidebar-icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 25px;\n}\n.sidebar-offcanvas .offcanvas-body .bottom-sidebar .pages .sidebar-icon.icon {\n  width: 25px;\n  height: 25px;\n  filter: contrast(0);\n}\n.sidebar-offcanvas .offcanvas-body .bottom-sidebar .pages h3 {\n  color: rgba(var(--title-color), 1);\n}\n.sidebar-offcanvas .offcanvas-body .bottom-sidebar.active {\n  background-color: rgba(var(--title-color), 0.1);\n  border-radius: 8px;\n}\n.sidebar-offcanvas .offcanvas-body .bottom-sidebar.active .pages .sidebar-icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n}\n.sidebar-offcanvas .offcanvas-body .bottom-sidebar.active .pages h3 {\n  font-weight: 600;\n  color: rgba(var(--title-color), 1);\n}\n\n/*=====================\n  3.7  Ratio CSS start\n==========================*/\n.ratio_40 .bg-size:before {\n  padding-top: 40%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_45 .bg-size:before {\n  padding-top: 45%;\n  content: \"\";\n  display: block;\n}\n\n.ratio50 .bg-size:before {\n  padding-top: 50%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_55 .bg-size:before {\n  padding-top: 55%;\n  content: \"\";\n  display: block;\n}\n\n.ratio2_3 .bg-size:before {\n  padding-top: 60%;\n  content: \"\";\n  display: block;\n}\n\n.ratio3_2 .bg-size:before {\n  padding-top: 66.66%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_landscape .bg-size:before {\n  padding-top: 75%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_square .bg-size:before {\n  padding-top: 100%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_apos .bg-size:before {\n  padding-top: 127.7777778%;\n  content: \"\";\n  display: block;\n}\n\n.ratio_portrait .bg-size:before {\n  padding-top: 150%;\n  content: \"\";\n  display: block;\n}\n\n.ratio1_2 .bg-size:before {\n  padding-top: 200%;\n  content: \"\";\n  display: block;\n}\n\n.b-top {\n  background-position: top !important;\n}\n\n.b-bottom {\n  background-position: bottom !important;\n}\n\n.b-center {\n  background-position: center !important;\n}\n\n.b-left {\n  background-position: left !important;\n}\n\n.b-right {\n  background-position: right !important;\n}\n\n.b_size_content {\n  background-size: contain !important;\n}\n\n/*===================== \n  3.8  slider CSS start \n==========================*/\n.review-box {\n  padding: 10px;\n  border-radius: 8px;\n  background-color: rgba(var(--box-bg), 1);\n}\n.review-box .profile-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n.review-box .profile-head .profile-pic {\n  width: 30px;\n  height: 30px;\n  object-fit: cover;\n  border-radius: 100%;\n}\n.review-box .profile-head .profile-content {\n  width: calc(100% - 30px - 10px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.review-box .profile-head .profile-content .star {\n  width: 10px;\n  height: 10px;\n}\n.review-box p {\n  margin-top: 15px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: rgba(var(--content-color), 1);\n}\n@media (max-width: 600px) {\n  .review-box p {\n    margin-top: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n\n/*=============================\n  3.9  tab CSS start\n===============================*/\n.ride-tab {\n  width: 100%;\n  margin: 15px auto 0;\n  padding-bottom: 5px;\n  padding-inline: 20px;\n  display: flex;\n  flex-wrap: nowrap;\n  gap: 10px;\n  border-radius: 6px;\n  overflow: auto;\n}\n.ride-tab li {\n  border-radius: 10px;\n}\n.ride-tab li .selact-ride-box {\n  height: 100%;\n  width: 100%;\n}\n.ride-tab li .selact-ride-box .icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 20px;\n  float: left;\n}\n.ride-tab li .selact-ride-box .vehicle-img {\n  width: 100%;\n  height: 42px;\n  margin-block: 10px;\n}\n.ride-tab li .selact-ride-box .vehicle-name {\n  font-size: 13px;\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n.ride-tab li .selact-ride-box .user-icon {\n  filter: invert(0.5);\n}\n.ride-tab li .selact-ride-box .timing-list {\n  margin-top: 5px;\n  padding-inline-start: 15px;\n}\n.ride-tab li .selact-ride-box .timing-list .timing-points {\n  margin-bottom: 3px;\n  text-align: left;\n  display: list-item;\n  list-style-type: disc;\n  font-size: 12px;\n  color: rgba(var(--content-color), 1);\n  white-space: nowrap;\n  margin-left: 15px;\n}\n[dir=rtl] .ride-tab li .selact-ride-box .timing-list .timing-points {\n  text-align: right;\n  margin-left: unset;\n  margin-right: 15px;\n}\n.ride-tab li .selact-ride-box .timing-list .timing-points:last-child {\n  margin-bottom: 0;\n}\n.ride-tab .nav-item {\n  width: 100%;\n  border-radius: 10px;\n  background-color: rgba(var(--white), 1);\n}\n.ride-tab .nav-item .nav-link {\n  position: relative;\n  width: 100%;\n  padding: 12px;\n  font-weight: 500;\n  font-size: 14px;\n  font-size: 16px;\n  color: rgba(var(--content-color), 1);\n  cursor: pointer;\n}\n.ride-tab .nav-item .nav-link.active {\n  background-color: rgba(var(--white), 1);\n  color: rgba(var(--content-color), 1);\n  border: 1px solid rgba(var(--title-color), 1);\n}\n.ride-tab .nav-item .nav-link.active:hover {\n  color: rgba(var(--content-color), 1);\n}\n.ride-tab .nav-item .nav-link:hover {\n  color: rgba(var(--content-color), 1);\n}\n.ride-tab .nav-item .nav-link .icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 20px;\n  float: left;\n}\n.ride-tab .nav-item .nav-link .vehicle-img {\n  width: 100%;\n  height: 42px;\n  margin-block: 10px;\n}\n.ride-tab .nav-item .nav-link .vehicle-name {\n  font-size: 13px;\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n.ride-tab .nav-item .nav-link .user-icon {\n  filter: invert(0.5);\n}\n.ride-tab .nav-item .nav-link .timing-list {\n  margin-top: 5px;\n  padding-inline-start: 15px;\n}\n.ride-tab .nav-item .nav-link .timing-list .timing-points {\n  margin-bottom: 3px;\n  text-align: left;\n  display: list-item;\n  list-style-type: disc;\n  font-size: 12px;\n  color: rgba(var(--content-color), 1);\n  white-space: nowrap;\n}\n[dir=rtl] .ride-tab .nav-item .nav-link .timing-list .timing-points {\n  text-align: right;\n}\n.ride-tab .nav-item .nav-link .timing-list .timing-points:last-child {\n  margin-bottom: 0;\n}\n.ride-tab.outstation-ride-tab {\n  padding: 0 0 15px 0;\n  border-bottom: 1px dashed rgba(var(--line-color), 1);\n}\n\n.my-ride-tab {\n  width: 100%;\n  margin: 30px auto 0;\n  display: flex;\n  gap: 20px;\n  flex-wrap: nowrap;\n  overflow: auto;\n  border-radius: 6px;\n  border: none;\n}\n.my-ride-tab .nav-item {\n  border-radius: 10px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--line-color), 1);\n  box-shadow: 0px 4px 12px 0px rgba(var(--title-color), 0.04);\n}\n.my-ride-tab .nav-item .nav-link {\n  width: 100%;\n  padding: 12px;\n  font-weight: 500;\n  line-height: 1;\n  font-size: 14px;\n  white-space: nowrap;\n  color: rgba(var(--content-color), 1);\n}\n.my-ride-tab .nav-item .nav-link.active {\n  background-color: rgba(var(--theme-color), 1);\n  color: rgb(255, 255, 255);\n  transition: all 0.5s ease-in-out;\n}\n.my-ride-tab .nav-item .nav-link.active:hover {\n  color: rgb(255, 255, 255);\n}\n.my-ride-tab .nav-item .nav-link.active::after {\n  content: none;\n}\n.my-ride-tab .nav-item .nav-link:hover {\n  color: rgba(var(--content-color), 1);\n}\n\n/*===================== \n  3.10  Title CSS start \n==========================*/\n.title {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 15px;\n}\n@media (max-width: 600px) {\n  .title {\n    margin-bottom: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.title h2 {\n  color: rgba(var(--title-color), 1);\n  margin-bottom: 5px;\n}\n.title h3 {\n  color: rgba(var(--title-color), 1);\n  margin-bottom: 5px;\n}\n.title h4 {\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.title a {\n  color: rgba(var(--content-color), 1);\n  font-size: 13px;\n  font-weight: 500;\n}\n\n/* layout scss files */\n/*=====================\n  4.1  Header CSS start\n==========================*/\n.auth-header {\n  position: sticky;\n  top: 0;\n  padding-top: 30px;\n  line-height: 1;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  z-index: 1;\n}\n.auth-header .logo {\n  position: absolute;\n  height: 25px;\n  margin-top: 5px;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%);\n}\n.auth-header .logo-dark {\n  display: none;\n}\n.auth-header a {\n  z-index: 1;\n}\n.auth-header a .icon-btn {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 20px;\n  line-height: 1;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(var(--content-color), 0.15);\n  box-shadow: 0px 2px 15px 0px rgba(var(--title-color), 0.01);\n  background-color: rgba(var(--white), 1);\n  border-radius: 100%;\n}\n@media (max-width: 600px) {\n  .auth-header a .icon-btn {\n    --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (600 - 320)));\n    width: calc(35px + 5 * (100vw - 320px) / 280);\n    height: calc(35px + 5 * (100vw - 320px) / 280);\n  }\n}\n.auth-header .icons {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 16px;\n  background-color: rgba(var(--white), 0.1);\n  box-shadow: 0px 2px 8px rgba(var(--title-color), 0.1);\n  padding: 10px;\n  border: 1px solid rgba(var(--title-color), 0.1);\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 40px;\n  height: 40px;\n}\n@media (max-width: 600px) {\n  .auth-header .icons {\n    width: calc(35px + 5 * (100vw - 320px) / 280);\n    height: calc(35px + 5 * (100vw - 320px) / 280);\n  }\n}\n.auth-header h3 {\n  position: absolute;\n  font-weight: 600;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  color: rgba(var(--title-color), 1);\n  white-space: nowrap;\n}\n.auth-header h2 {\n  position: absolute;\n  font-weight: 600;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  color: rgba(var(--title-color), 1);\n  white-space: nowrap;\n}\n\n.main-header {\n  position: sticky;\n  top: 0;\n  padding-top: 25px;\n  background-color: rgba(var(--box-bg), 1);\n  z-index: 2;\n}\n@media (max-width: 600px) {\n  .main-header {\n    padding-top: calc(20px + 5 * (100vw - 320px) / 280);\n  }\n}\n.main-header .header-panel {\n  position: relative;\n  padding-bottom: 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  line-height: 1;\n  z-index: 1;\n}\n.main-header .header-panel .logo {\n  height: 25px;\n  object-fit: cover;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n@media (max-width: 600px) {\n  .main-header .header-panel .logo {\n    height: calc(20px + 5 * (100vw - 320px) / 280);\n  }\n}\n.main-header .header-panel .logo-dark {\n  display: none;\n}\n.main-header .header-panel a {\n  z-index: 1;\n}\n.main-header .header-panel a .icon-btn {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 20px;\n  line-height: 1;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(var(--content-color), 0.15);\n  box-shadow: 0px 2px 15px 0px rgba(var(--theme-color), 0.01);\n  background-color: rgba(var(--white), 1);\n  border-radius: 100%;\n}\n@media (max-width: 600px) {\n  .main-header .header-panel a .icon-btn {\n    --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (600 - 320)));\n    width: calc(35px + 5 * (100vw - 320px) / 280);\n    height: calc(35px + 5 * (100vw - 320px) / 280);\n  }\n}\n.main-header .header-panel a span {\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.main-header .header-panel .categories-title {\n  position: relative;\n  padding-bottom: 0;\n  left: unset;\n  top: unset;\n  transform: unset;\n}\n.main-header .header-panel .profile-head {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.main-header .header-panel .profile-head .profile-img {\n  width: 40px;\n  height: 40px;\n}\n.main-header .header-panel .profile-head .profile-img .img {\n  width: 100%;\n  height: 100%;\n  border-radius: 100%;\n}\n.main-header .header-panel .profile-head .profile-img .icon {\n  padding: 6px;\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(var(--title-color), 1);\n  border-radius: 100%;\n}\n.main-header .header-panel .icons {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 16px;\n  background-color: rgba(var(--white), 0.1);\n  box-shadow: 0px 2px 8px rgba(var(--title-color), 0.1);\n  padding: 10px;\n  border: 1px solid rgba(var(--title-color), 0.1);\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 40px;\n  height: 40px;\n}\n@media (max-width: 600px) {\n  .main-header .header-panel .icons {\n    width: calc(35px + 5 * (100vw - 320px) / 280);\n    height: calc(35px + 5 * (100vw - 320px) / 280);\n  }\n}\n.main-header .header-panel h3 {\n  position: absolute;\n  font-weight: 600;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  padding-bottom: 20px;\n  color: rgba(var(--title-color), 1);\n  white-space: nowrap;\n}\n.main-header .header-panel h2 {\n  position: absolute;\n  font-weight: 600;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  color: rgba(var(--title-color), 1);\n  white-space: nowrap;\n}\n.main-header .header-panel .notification {\n  width: 40px;\n  height: 40px;\n  background-color: rgba(var(--white), 1);\n  padding: 10px;\n  border: 1px solid rgba(var(--title-color), 0.1);\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: auto;\n  box-shadow: 0px 2px 12px rgba(var(--title-color), 0.05);\n}\n[dir=rtl] .main-header .header-panel .notification {\n  margin-left: unset;\n  margin-right: auto;\n}\n.main-header .header-panel .notification .notification-icon {\n  position: relative;\n  --Iconsax-Color: rgba(var(--title-color), 1);\n}\n.main-header .header-panel .notification .notification-icon::after {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  right: 3px;\n  width: 5px;\n  height: 5px;\n  background-color: rgba(var(--error-color), 1);\n  border-radius: 100%;\n}\n[dir=rtl] .main-header .header-panel .notification .notification-icon::after {\n  right: unset;\n  left: 3px;\n}\n.main-header .header-panel .more-options .dropdown-toggle::after {\n  content: none;\n}\n.main-header .header-panel .more-options .dropdown-toggle.show:first-child:active {\n  border-color: transparent;\n  color: unset;\n  background-color: unset;\n}\n.main-header .header-panel .more-options .dropdown-toggle .icon-btn {\n  transform: rotate(90deg);\n}\n.main-header .header-panel .more-options .dropdown-menu {\n  padding: 15px;\n}\n.main-header .header-panel .more-options .dropdown-menu.show {\n  min-width: 100%;\n  color: rgba(var(--title-color), 1);\n  background-color: rgba(var(--white), 1);\n  border: none;\n  box-shadow: 0px 0px 18px 0px rgba(var(--black), 0.1);\n}\n.main-header .header-panel .more-options .dropdown-menu li {\n  width: 100%;\n  padding-block: 10px;\n  border-bottom: 1px solid rgba(var(--content-color), 0.15);\n}\n.main-header .header-panel .more-options .dropdown-menu li:first-child {\n  padding-top: 0;\n}\n.main-header .header-panel .more-options .dropdown-menu li:last-child {\n  padding-bottom: 0;\n  border-bottom: none;\n}\n.main-header .header-panel .more-options .dropdown-menu li:hover {\n  background-color: transparent;\n}\n.main-header .header-panel .more-options .dropdown-menu li .dropdown-item {\n  padding: 0 !important;\n  font-size: 13px;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: rgba(var(--title-color), 1);\n}\n.main-header .header-panel .more-options .dropdown-menu li .dropdown-item .icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 16px;\n}\n.main-header .header-panel .more-options .dropdown-menu li .dropdown-item .icon.error-icon {\n  --Iconsax-Color: rgba(var(--error-color), 1) !important;\n}\n.main-header .header-panel .more-options .dropdown-menu li .dropdown-item:active {\n  background-color: transparent;\n}\n.main-header .header-panel .more-options .dropdown-menu li .dropdown-item:hover {\n  background-color: transparent;\n}\n.main-header .header-panel .more-options:focus-visible {\n  outline: none;\n}\n.main-header .header-panel .rider-options {\n  width: 120px;\n  padding: 8px;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  color: rgba(var(--title-color));\n  background-color: rgba(var(--white), 1);\n  border-radius: 17px;\n  border-color: transparent;\n  box-shadow: none;\n}\n.main-header .header-panel .rider-options .icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 14px;\n}\n.main-header.inner-page-header {\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 0px 0px 20px 20px;\n}\n.main-header.inner-page-header .header-panel a .icon-btn {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  background-color: rgba(var(--white), 1);\n}\n.main-header.inner-page-header .header-panel a span {\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.main-header.inner-page-header .header-panel h4 {\n  color: rgba(var(--white), 1);\n}\n.main-header.inner-page-header .header-panel h6 {\n  margin-top: 4px;\n  color: rgba(var(--white), 1);\n}\n\n/*=====================\n  4.2  Nav CSS start\n=======================*/\n.navbar-menu {\n  position: fixed;\n  width: 100%;\n  max-width: 600px;\n  bottom: 0;\n  left: 50%;\n  padding: 15px 30px;\n  transform: translateX(-50%);\n  border-radius: 20px 20px 0px 0px;\n  box-shadow: 0px 4px 22px 0px rgba(23, 28, 38, 0.12);\n  background-color: rgba(var(--white), 1);\n  z-index: 2;\n}\n@media (max-width: 600px) {\n  .navbar-menu {\n    padding: 15px calc(20px + 10 * (100vw - 320px) / 280);\n    width: 100%;\n  }\n}\n.navbar-menu ul {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.navbar-menu ul li {\n  position: relative;\n  color: rgba(var(--content-color), 1);\n  text-align: center;\n}\n.navbar-menu ul li a {\n  color: rgba(var(--content-color), 1);\n}\n.navbar-menu ul li a .icon {\n  width: 20px;\n  font-size: 26px;\n  margin-left: auto;\n  margin-right: auto;\n  display: flex;\n  justify-content: center;\n}\n.navbar-menu ul li a .icon .active {\n  display: none;\n}\n.navbar-menu ul li a .icon .unactive {\n  display: block;\n}\n.navbar-menu ul li a span {\n  font-size: 14px;\n  font-weight: 500;\n  color: rgba(var(--content-color), 1);\n}\n.navbar-menu ul li.active::after {\n  content: \"\";\n  position: absolute;\n  bottom: -20px;\n  left: 50%;\n  width: 60px;\n  height: 8px;\n  background: rgba(var(--title-color), 1);\n  transform: translate(-50%, -50%);\n  border-radius: 10px 10px 0 0;\n}\n@media (max-width: 600px) {\n  .navbar-menu ul li.active::after {\n    width: calc(40px + 20 * (100vw - 320px) / 280);\n  }\n}\n.navbar-menu ul li.active .icon {\n  color: rgba(var(--title-color), 1);\n  display: flex;\n  justify-content: center;\n}\n.navbar-menu ul li.active .icon .active {\n  display: block;\n}\n.navbar-menu ul li.active .icon .unactive {\n  display: none;\n}\n.navbar-menu ul li.active span {\n  color: rgba(var(--title-color), 1);\n  font-weight: 500;\n}\n\n/* pages */\n/*=============================\n  5.1  Authentication CSS start\n===============================*/\n.auth-content-bg {\n  padding-bottom: 20px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 0 0 20px 20px;\n}\n.auth-content-bg.auth-content-bg-bottom {\n  padding-top: 25px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 20px 20px 0 0;\n}\n.auth-content-bg .auth-title {\n  position: relative;\n  padding-top: 20px;\n}\n@media (max-width: 600px) {\n  .auth-content-bg .auth-title {\n    padding-top: calc(10px + 10 * (100vw - 320px) / 280);\n  }\n}\n.auth-content-bg .auth-title .loader-line {\n  width: 40px;\n  height: 3px;\n  overflow: hidden;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 20px;\n  position: absolute;\n  top: -8px;\n  margin-top: 10px;\n  z-index: 2;\n}\n.auth-content-bg .auth-title .loader-line::before {\n  content: \"\";\n  position: absolute;\n  left: -50%;\n  height: 2px;\n  width: 30%;\n  background-color: rgba(var(--theme-color), 1);\n  animation: lineAnim 2s linear infinite;\n  border-radius: 20px;\n}\n[dir=rtl] .auth-content-bg .auth-title .loader-line::before {\n  animation: reverse-lineAnim 2s linear infinite;\n}\n.auth-content-bg .auth-title h2 {\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.auth-content-bg .auth-title h6 {\n  margin-top: 5px;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.auth-content-bg .auth-btn {\n  margin-top: 60px;\n}\n@media (max-width: 600px) {\n  .auth-content-bg .auth-btn {\n    margin-top: calc(30px + 30 * (100vw - 320px) / 280);\n  }\n}\n.auth-content-bg .division {\n  position: relative;\n  text-align: center;\n  margin: 25px 0 10px 0;\n  z-index: 0;\n}\n@media (max-width: 600px) {\n  .auth-content-bg .division {\n    margin: calc(20px + 5 * (100vw - 320px) / 280) 0 10px 0;\n  }\n}\n.auth-content-bg .division span {\n  position: relative;\n  font-size: 13px;\n  background-color: rgba(var(--box-bg), 1);\n  color: rgba(var(--content-color), 1);\n  padding: 0 10px;\n}\n.auth-content-bg .division::after {\n  content: \" \";\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translate(50%, 50%);\n  width: 50%;\n  background: linear-gradient(270deg, rgba(155, 166, 184, 0) -2.05%, rgb(155, 166, 184) 50.93%, rgba(155, 166, 184, 0) 101.74%);\n  z-index: -1;\n  height: 2px;\n}\n.auth-content-bg .otp-name {\n  margin: 30px 0 8px 0;\n}\n@media (max-width: 600px) {\n  .auth-content-bg .otp-name {\n    margin: calc(20px + 10 * (100vw - 320px) / 280) 0 8px 0;\n  }\n}\n.auth-content-bg .line-design {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 6px;\n}\n.auth-content-bg .line-design li {\n  width: 100%;\n  height: 4px;\n  background-color: rgba(var(--white), 1);\n  border-radius: 6px;\n}\n.auth-content-bg .line-design li.active {\n  background-color: rgba(var(--title-color), 1);\n}\n\n.catagories-types {\n  padding-block: 30px;\n}\n.catagories-types .form-check3 {\n  position: relative;\n  width: 100%;\n  padding: 0;\n  margin-bottom: 0;\n}\n.catagories-types .form-check3 .form-check-input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  float: unset;\n  height: 100%;\n  margin: 0;\n  cursor: pointer;\n  opacity: 0;\n}\n[dir=rtl] .catagories-types .form-check3 .form-check-input {\n  left: unset;\n  right: 0;\n}\n.catagories-types .form-check3 .form-check-input:checked {\n  transition: all 0.5s ease;\n}\n.catagories-types .form-check3 .form-check-input:checked ~ .form-check-label {\n  font-weight: 400;\n  border-color: rgba(var(--theme-color), 1);\n  transition: all 0.5s ease;\n}\n.catagories-types .form-check3 .form-check-input:checked ~ .form-check-label .check-box {\n  background-color: rgba(var(--line-color), 1);\n  transition: all 0.5s ease;\n}\n.catagories-types .form-check3 .form-check-input:checked ~ .form-check-label .check-box::after {\n  background-color: rgba(var(--theme-color), 1);\n}\n.catagories-types .form-check3 .form-check-label {\n  width: 100%;\n  padding: calc(10px + 5 * (100vw - 320px) / 5680);\n  margin: 0;\n  font-weight: 400;\n  font-size: calc(13px + 1 * (100vw - 320px) / 5680);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: calc(5px + 5 * (100vw - 320px) / 5680);\n  border: 1px solid rgba(var(--content-color), 0.15);\n  border-radius: 6px;\n}\n.catagories-types .form-check3 .form-check-label .check-box {\n  width: 20px;\n  height: 20px;\n  border: 1px solid rgba(var(--content-color), 0.15);\n  border-radius: 100%;\n  position: relative;\n}\n.catagories-types .form-check3 .form-check-label .check-box::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(45deg);\n  width: 10px;\n  height: 10px;\n  background-color: rgba(var(--white), 1);\n  border-radius: 100%;\n}\n.catagories-types .form-check3 .form-check-label .name {\n  font-weight: 400;\n  font-size: 14px;\n  white-space: nowrap;\n  color: rgba(var(--title-color), 1);\n}\n\n.location-bg {\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  max-width: 600px;\n  height: auto;\n  background-color: rgba(var(--title-color), 1);\n  border-radius: 20px 20px 0px 0px;\n}\n.location-bg .location-title-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px;\n}\n.location-bg .location-title-content h5 {\n  color: rgb(255, 255, 255);\n}\n.location-bg .location-title-content .change-location {\n  font-size: 14px;\n  text-decoration: underline;\n}\n.location-bg .location-title-content p {\n  padding-left: 30px;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n[dir=rtl] .location-bg .location-title-content p {\n  padding-left: unset;\n  padding-right: 30px;\n}\n\n.rules-section .form-check {\n  margin-bottom: 0;\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 8px;\n  float: unset;\n  padding-left: 0;\n}\n[dir=rtl] .rules-section .form-check {\n  padding-left: unset;\n  padding-right: 0;\n}\n.rules-section .form-check .form-check-label {\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.rules-section .form-check .form-check-input {\n  width: 20px;\n  height: 20px;\n  margin-top: 0;\n  margin-left: 0;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--line-color), 1) !important;\n  border-radius: 6px;\n  transition: all 0.5s ease;\n}\n[dir=rtl] .rules-section .form-check .form-check-input {\n  margin-left: unset;\n  margin-right: 0;\n}\n.rules-section .form-check .form-check-input:focus {\n  border-color: transparent;\n  box-shadow: none;\n}\n.rules-section .form-check .form-check-input:checked {\n  position: relative;\n  background-color: rgba(var(--theme-color), 1);\n  border-color: rgba(var(--line-color), 1);\n  float: unset;\n  --bs-form-check-bg-image: unset;\n}\n.rules-section .form-check .form-check-input:checked::after {\n  content: \"\";\n  position: absolute;\n  top: 7px;\n  left: 9px;\n  border: 2px solid rgb(255, 255, 255);\n  -webkit-transform: translate(-50%, -50%) rotate(45deg);\n  transform: translate(-50%, -50%) rotate(45deg);\n  width: 6px;\n  height: 10px;\n  border-top: unset;\n  border-left: unset;\n}\n\n.vehicle-types-list {\n  margin-top: 30px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: nowrap;\n  overflow: auto;\n}\n.vehicle-types-list li {\n  width: 100%;\n  border-radius: 10px;\n  background-color: rgba(var(--white), 1);\n}\n.vehicle-types-list li .vehicle-type-button {\n  height: 80px;\n  width: 100%;\n  padding: 15px;\n  margin-inline: auto;\n  font-size: 13px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: rgba(var(--title-color), 1) !important;\n  background-color: rgba(var(--white), 1);\n}\n@media (max-width: 600px) {\n  .vehicle-types-list li .vehicle-type-button {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.vehicle-types-list li .vehicle-type-button .vehicle-img {\n  margin-bottom: 5px;\n}\n.vehicle-types-list li .btn-check:checked + .btn {\n  border-color: rgba(var(--title-color), 1);\n}\n\n/*========================\n  5.2  category CSS start\n==========================*/\n.main-categories-list {\n  display: grid;\n  gap: 15px;\n}\n.main-categories-list li .main-categories-box {\n  padding: 10px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n}\n.main-categories-list li .main-categories-box .main-categories-img {\n  margin-right: 15px;\n  width: 125px;\n  height: auto;\n  object-fit: cover;\n}\n@media (max-width: 600px) {\n  .main-categories-list li .main-categories-box .main-categories-img {\n    width: calc(100px + 25 * (100vw - 320px) / 280);\n  }\n}\n[dir=rtl] .main-categories-list li .main-categories-box .main-categories-img {\n  margin-right: unset;\n  margin-left: 15px;\n}\n.main-categories-list li .main-categories-box .main-categories-content {\n  width: calc(100% - 125px - 15px);\n  padding-left: 15px;\n  border-left: 1px solid rgba(var(--line-color), 1);\n}\n[dir=rtl] .main-categories-list li .main-categories-box .main-categories-content {\n  margin-right: 15px;\n  margin-left: unset;\n  border-right: 1px solid rgba(var(--line-color), 1);\n  border-left: unset;\n}\n@media (max-width: 600px) {\n  .main-categories-list li .main-categories-box .main-categories-content {\n    width: calc(100% - (100px + 25 * (100vw - 320px) / 448) - (10px + 5 * (100vw - 320px) / 448));\n    padding-left: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n  [dir=rtl] .main-categories-list li .main-categories-box .main-categories-content {\n    margin-right: calc(10px + 5 * (100vw - 320px) / 280);\n    margin-left: unset;\n  }\n}\n.main-categories-list li .main-categories-box .main-categories-content h5 {\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.main-categories-list li .main-categories-box .main-categories-content h6 {\n  margin-top: 5px;\n  line-height: 1.3;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.main-categories-list li .main-categories-box .main-categories-content .arrow-icon {\n  margin-top: 20px;\n  --Iconsax-Color: rgba(var(--theme-color), 1);\n  --Iconsax-Size: 16px;\n}\n[dir=rtl] .main-categories-list li .main-categories-box .main-categories-content .arrow-icon {\n  transform: rotate(180deg);\n}\n\n/*=====================\n    5.3  elements CSS start\n==========================*/\n.app-title {\n  margin-top: 30px;\n  padding: 10px;\n  background-color: rgba(var(--title-color), 0.05);\n  border-left: 3px solid rgba(var(--title-color), 1);\n}\n[dir=rtl] .app-title {\n  border-left: unset;\n  border-right: 3px solid rgba(var(--title-color), 1);\n}\n.app-title h3 {\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n\n.elements-navbar {\n  position: relative;\n  padding: 0 10px 15px;\n  box-shadow: none;\n}\n.elements-navbar.without-highlight ul li.active::after {\n  display: none;\n}\n\n.element-list {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n.element-list li {\n  font-size: 14px;\n}\n.element-list li .btn {\n  margin: 0;\n}\n.element-list li .btn.btn-sm {\n  font-size: 12px;\n}\n.element-list li .btn.gray-btn {\n  color: rgba(var(--title-color), 1);\n  background-color: rgba(var(--box-bg), 1);\n}\n.element-list li .theme-outline-btn {\n  background-color: transparent;\n  color: rgba(var(--theme-color), 1);\n  border-color: rgba(var(--theme-color), 1);\n  font-weight: 500;\n  font-size: 14px;\n  border-radius: 8px;\n}\n.element-list li .theme-outline-btn:hover {\n  color: rgb(255, 255, 255);\n  background-color: rgba(var(--theme-color), 1);\n  border-color: rgba(var(--theme-color), 1);\n}\n.element-list li .gray-outline-btn {\n  background-color: transparent;\n  color: rgba(var(--title-color), 1);\n  border-color: rgba(var(--line-color), 1);\n  font-weight: 500;\n  font-size: 14px;\n  border-radius: 8px;\n}\n.element-list li .gray-outline-btn:hover {\n  color: rgba(var(--theme-color), 1);\n  background-color: rgba(var(--box-bg), 1);\n}\n.element-list li .link-btn {\n  color: rgba(var(--theme-color), 1);\n}\n.element-list li .btn-outline-dark {\n  color: rgba(var(--title-color), 1);\n  border-color: rgba(var(--title-color), 1);\n}\n.element-list li .btn-outline-dark:hover {\n  color: rgb(255, 255, 255);\n}\n\n.element-group.radio-group .form-check {\n  padding: 0;\n}\n.element-group.radio-group .form-check .form-check-input {\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--content-color), 0.5);\n  float: left;\n  margin-left: unset;\n  margin-right: 10px;\n}\n[dir=rtl] .element-group.radio-group .form-check .form-check-input {\n  float: right;\n  margin-right: unset;\n  margin-left: 10px;\n}\n.element-group.radio-group .form-check .form-check-input:focus {\n  box-shadow: none;\n}\n.element-group.radio-group .form-check .form-check-input:checked {\n  position: relative;\n  background-color: rgba(var(--white), 1);\n  border-color: rgba(var(--theme-color), 1);\n}\n.element-group.radio-group .form-check .form-check-input:checked::after {\n  content: \"\";\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: rgba(var(--theme-color), 1);\n  border-radius: 100%;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.element-group.radio-group .form-check .form-check-input:checked .form-check-label {\n  color: rgba(var(--title-color), 1) !important;\n}\n.element-group.radio-group .form-check .form-check-label {\n  font-size: 16px;\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.element-group.radio-group .form-check .form-check-label:checked {\n  color: rgba(var(--title-color), 1) !important;\n}\n.element-group.checkbox-group .form-check {\n  margin-top: 8px;\n  margin-bottom: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  float: unset;\n  padding-left: 0;\n}\n[dir=rtl] .element-group.checkbox-group .form-check {\n  padding-left: unset;\n  padding-right: 0;\n}\n.element-group.checkbox-group .form-check .form-check-label {\n  font-size: 16px;\n  color: rgba(var(--title-color), 1);\n}\n.element-group.checkbox-group .form-check .form-check-input {\n  width: 20px;\n  height: 20px;\n  margin: 0;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--line-color), 1);\n  border-radius: 4px;\n  box-shadow: 0px 2px 15px 0px rgba(78, 160, 247, 0.08);\n  transition: all 0.5s ease;\n}\n.element-group.checkbox-group .form-check .form-check-input:focus {\n  border-color: transparent;\n  box-shadow: none;\n}\n.element-group.checkbox-group .form-check .form-check-input:checked {\n  background-color: rgba(var(--theme-color), 1);\n  border-color: rgba(var(--content-color), 0.15);\n  float: unset;\n}\n.element-group.switch-group .switch-btn {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 10px;\n}\n.element-group.switch-group .switch-btn input[type=checkbox] {\n  position: relative;\n  width: 37px;\n  height: 22px;\n  margin-top: 0;\n  appearance: none;\n  --bs-form-check-bg-image: none;\n  background-color: rgba(var(--box-bg), 1);\n  border: 1px solid rgba(var(--line-color), 1);\n  box-shadow: none;\n  border-radius: 50px;\n  cursor: pointer;\n}\n.element-group.switch-group .switch-btn input[type=checkbox]:checked {\n  background-color: rgba(var(--theme-color), 0.1);\n}\n.element-group.switch-group .switch-btn input[type=checkbox]:checked::before {\n  transform: translateX(80%) translateY(-50%);\n  background-color: rgba(var(--theme-color), 1);\n}\n.element-group.switch-group .switch-btn input[type=checkbox]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  background: rgba(var(--content-color), 0.5);\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  transform: translateY(-50%);\n  transition: 0.5s;\n}\n.element-group.switch-group .switch-btn h3 {\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n\n.offcanvas.element-offcanvas {\n  max-width: 280px;\n  background-color: rgba(var(--white), 1);\n  border: none;\n}\n.offcanvas.element-offcanvas.offcanvas-top {\n  max-width: 100%;\n  border-radius: 0 0 20px 20px;\n}\n.offcanvas.element-offcanvas.offcanvas-bottom {\n  max-width: 100%;\n  border-radius: 20px 20px 0 0;\n}\n.offcanvas.element-offcanvas.offcanvas-start {\n  border-radius: 0 20px 20px 0;\n}\n.offcanvas.element-offcanvas.offcanvas-end {\n  border-radius: 20px 0 0 20px;\n}\n.offcanvas.element-offcanvas .offcanvas-header {\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.offcanvas.element-offcanvas .offcanvas-header .offcanvas-title {\n  font-size: 16px;\n  color: rgba(var(--title-color), 1);\n}\n.offcanvas.element-offcanvas .offcanvas-header .btn-close:focus {\n  box-shadow: none;\n}\n.offcanvas.element-offcanvas .offcanvas-body p {\n  font-size: 14px;\n  color: rgba(var(--content-color), 1);\n}\n\n.element-modal .modal-dialog .modal-content {\n  background-color: rgba(var(--white), 1);\n}\n.element-modal .modal-dialog .modal-content .modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.element-modal .modal-dialog .modal-content .modal-header .modal-title {\n  font-size: 16px;\n  color: rgba(var(--title-color), 1);\n}\n.element-modal .modal-dialog .modal-content .modal-header .btn-close {\n  margin: 0;\n}\n.element-modal .modal-dialog .modal-content .modal-header .btn-close:focus {\n  box-shadow: none;\n}\n.element-modal .modal-dialog .modal-content .modal-body p {\n  font-size: 14px;\n  color: rgba(var(--content-color), 1);\n}\n.element-modal .modal-dialog .modal-content .modal-footer {\n  padding: 10px;\n  border-top: 1px solid rgba(var(--line-color), 1);\n}\n\n.tab-style1 {\n  flex-wrap: nowrap;\n  width: 100%;\n  margin: 30px auto 0;\n  border-radius: 6px;\n  overflow: hidden;\n}\n.tab-style1 .nav-item {\n  color: rgba(var(--white), 0.1);\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  list-style-type: none;\n  cursor: pointer;\n  border-radius: 0px;\n  transition: all 0.3s ease;\n  border-radius: 6px;\n}\n.tab-style1 .nav-item .nav-link {\n  width: 100%;\n  padding: 10px;\n  font-weight: 500;\n  font-size: 16px;\n  border-radius: 0;\n  color: rgba(var(--content-color), 1);\n  backdrop-filter: blur(2px);\n  background-color: rgba(var(--box-bg), 1);\n}\n.tab-style1 .nav-item .nav-link.active {\n  background-color: rgba(var(--theme-color), 1);\n  color: rgb(255, 255, 255);\n}\n.tab-style1 .nav-item .nav-link.active:hover {\n  color: rgb(255, 255, 255);\n}\n\n.tab-style2 {\n  display: flex;\n  flex-wrap: nowrap;\n  overflow: hidden;\n  width: 100%;\n  border-bottom: none;\n  overflow-x: auto;\n}\n.tab-style2 .nav-item {\n  color: rgba(var(--white), 0.1);\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  list-style-type: none;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: all 0.3s ease;\n  border-radius: 0;\n  border-bottom: 1px solid rgba(var(--box-bg), 1);\n}\n.tab-style2 .nav-item .nav-link {\n  width: 100%;\n  padding-top: 0;\n  font-weight: 500;\n  font-size: 16px;\n  white-space: nowrap;\n  color: rgba(var(--content-color), 1);\n  background-color: transparent;\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.tab-style2 .nav-item .nav-link:hover {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  color: rgba(var(--content-color), 1);\n}\n.tab-style2 .nav-item .nav-link:focus {\n  border-color: transparent;\n}\n.tab-style2 .nav-item .nav-link.active {\n  background-color: transparent;\n  color: rgba(var(--title-color), 1);\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  border-bottom: 2px solid rgba(var(--theme-color), 1);\n  padding-left: 15px;\n  padding-right: 15px;\n  border-radius: 0;\n  width: 100%;\n}\n\n.tab-style3 {\n  flex-wrap: nowrap;\n  width: 100%;\n  margin: 30px auto 0;\n  border-radius: 6px;\n  overflow: hidden;\n  gap: 20px;\n  display: flex;\n}\n.tab-style3 .nav-item {\n  border-radius: 10px;\n  background-color: rgba(var(--box-bg), 1);\n}\n.tab-style3 .nav-item .nav-link {\n  width: 100%;\n  padding: 12px;\n  font-weight: 500;\n  font-size: 14px;\n  font-size: 16px;\n  color: rgba(var(--content-color), 1);\n}\n.tab-style3 .nav-item .nav-link.active {\n  background-color: rgba(var(--theme-color), 1);\n  color: rgb(255, 255, 255);\n}\n.tab-style3 .nav-item .nav-link.active:hover {\n  color: rgb(255, 255, 255);\n}\n.tab-style3 .nav-item .nav-link:hover {\n  color: rgba(var(--content-color), 1);\n}\n\n.progressbar-list .progress {\n  background-color: rgba(var(--box-bg), 1);\n}\n.progressbar-list .progress:first-child {\n  margin-top: 30px;\n}\n.progressbar-list .progress .progress-bar {\n  background-color: rgba(var(--theme-color), 1);\n}\n\n/*=============================\n    5.4 empty-page CSS start\n===============================*/\n.empty-images {\n  width: calc(100% - 24px);\n  height: 450px;\n  text-align: center;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 0px 0px 103px 0px;\n}\n[dir=rtl] .empty-images {\n  border-radius: 0px 0px 0px 103px;\n}\n.empty-images .empty-icon {\n  padding-top: 50px;\n  text-align: center;\n}\n\n.empty-page-content {\n  margin-top: 40px;\n  text-align: center;\n}\n.empty-page-content h3 {\n  font-weight: 600;\n  color: rgba(var(--title-color), 1);\n}\n.empty-page-content p {\n  font-weight: 400;\n  margin-top: 8px;\n  color: rgba(var(--content-color), 1);\n}\n\n.fixed-btn {\n  position: fixed;\n  width: 100%;\n  max-width: 600px;\n  padding: 20px 0;\n  left: 50%;\n  bottom: 0;\n  transform: translate(-50%);\n  z-index: 2;\n  background-color: rgba(var(--white), 1);\n}\n.fixed-btn .resend-btn {\n  border: 1px solid rgba(var(--title-color), 1);\n}\n\n.map-img {\n  position: fixed;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100%;\n  max-width: 600px;\n  height: 100%;\n}\n.map-img.map-sm-img {\n  height: 130px;\n  object-fit: cover;\n  border-radius: 0 0 20px 20px;\n  margin-top: -15px;\n}\n\n/*=====================\n  5.5  home CSS start\n==========================*/\n.home-profile-section {\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 0px 0px 20px 20px;\n}\n.home-profile-section .form-input {\n  width: 100%;\n  position: relative;\n}\n.home-profile-section .form-input .form-control {\n  position: relative;\n  padding: 15px;\n  color: rgba(var(--content-color), 1);\n  background-color: rgba(var(--white), 1);\n  border: none;\n  border-radius: 23px;\n}\n@media (max-width: 600px) {\n  .home-profile-section .form-input .form-control {\n    padding: calc(12px + 5 * (100vw - 320px) / 280);\n  }\n}\n.home-profile-section .form-input .form-control.with-icon {\n  padding: 15px 45px;\n  background-color: rgba(var(--white), 1);\n}\n@media (max-width: 600px) {\n  .home-profile-section .form-input .form-control.with-icon {\n    padding: calc(12px + 3 * (100vw - 320px) / 448) 45px;\n  }\n}\n.home-profile-section .form-input .form-control:focus {\n  box-shadow: none;\n  border-color: none;\n}\n.home-profile-section .form-input .form-control::placeholder {\n  color: rgb(121, 125, 131);\n}\n.home-profile-section .form-input .search-icon {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  transform: translateY(-50%);\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 22px;\n}\n[dir=rtl] .home-profile-section .form-input .search-icon {\n  left: unset;\n  right: 12px;\n}\n.home-profile-section .form-input .date-time-picker {\n  position: absolute;\n  width: 35px;\n  height: 35px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 50%;\n  right: 12px;\n  transform: translateY(-50%);\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 100%;\n  z-index: 1;\n}\n.home-profile-section .form-input .date-time-picker .icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 22px;\n}\n[dir=rtl] .home-profile-section .form-input .date-time-picker {\n  left: 12px;\n  right: unset;\n}\n\n.home-banner {\n  padding-inline: 20px;\n}\n.home-banner .slider-img {\n  width: 100%;\n  border-radius: 10px;\n}\n\n.categories-list {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n}\n.categories-list li {\n  width: 100%;\n  height: 100%;\n}\n.categories-list li .categories-box {\n  width: 100%;\n  height: 100%;\n  display: block;\n  text-align: center;\n  padding: 15px;\n  border-radius: 12px;\n  background-color: rgba(var(--box-bg), 1);\n}\n@media (max-width: 600px) {\n  .categories-list li .categories-box {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.categories-list li .categories-box .categories-img {\n  width: 100%;\n  height: 50px;\n  object-fit: contain;\n}\n.categories-list li .categories-box h6 {\n  margin-top: 10px;\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n@media (max-width: 600px) {\n  .categories-list li .categories-box h6 {\n    margin-top: calc(10px + 10 * (100vw - 320px) / 280);\n  }\n}\n\n.coupon-box {\n  position: relative;\n  display: flex;\n  height: 100%;\n  padding: 10px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--line-color), 1);\n  border-radius: 8px;\n  filter: drop-shadow(0px 4px 20px rgba(var(--title-color), 0.01));\n}\n.coupon-box .coupon-discount {\n  background-image: url(../images/background/coupon-bg.png);\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  position: relative;\n  writing-mode: vertical-rl;\n  text-align: center;\n  padding: 20px 25px;\n  color: rgba(var(--title-color), 1);\n  font-size: calc(14px + 2 * (100vw - 320px) / 280);\n  border-radius: 10px 0 0 10px;\n}\n[dir=rtl] .coupon-box .coupon-discount {\n  border-radius: 0 10px 10px 0;\n}\n@media (max-width: 600px) {\n  .coupon-box .coupon-discount {\n    padding: calc(15px + 5 * (100vw - 320px) / 280) calc(15px + 10 * (100vw - 320px) / 280);\n  }\n}\n.coupon-box .coupon-details {\n  width: calc(100% - 51px);\n  padding-left: 10px;\n}\n[dir=rtl] .coupon-box .coupon-details {\n  padding-left: unset;\n  padding-right: 10px;\n}\n.coupon-box .coupon-details .coupon-content {\n  padding-bottom: 10px;\n  display: flex;\n  justify-content: space-between;\n  gap: 5px;\n  border-bottom: 1px dashed rgba(var(--line-color), 1);\n}\n.coupon-box .coupon-details .coupon-content .coupon-name {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.coupon-box .coupon-details .coupon-content .coupon-name .coupon-img {\n  width: 25px;\n  height: 25px;\n  object-fit: cover;\n  border-radius: 100%;\n}\n.coupon-box .coupon-details .coupon-content .rating {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.coupon-box .coupon-details .coupon-content .rating h6 {\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n.coupon-box .coupon-details .coupon-content .rating .star {\n  width: 10px;\n  height: 10px;\n}\n.coupon-box .coupon-details p {\n  margin: 0;\n  padding: 0;\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n  padding: 10px 0 5px;\n  border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n}\n.coupon-box .coupon-details p span {\n  color: rgba(var(--title-color), 1);\n  font-weight: 500;\n}\n.coupon-box .coupon-details .content-list {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.coupon-box .coupon-details .content-list li {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  color: rgba(var(--content-color), 1);\n}\n.coupon-box .coupon-details .content-list li .icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 22px;\n}\n@media (max-width: 600px) {\n  .coupon-box .coupon-details .content-list li .icon {\n    --Iconsax-Size: calc(16px + (22 - 16) * ((100vw - 320px) / (600 - 320)));\n  }\n}\n\n.total-ride-list {\n  margin-top: 15px;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 10px;\n}\n@media (max-width: 600px) {\n  .total-ride-list {\n    padding: calc(5px + 5 * (100vw - 320px) / 280);\n  }\n}\n.total-ride-list li {\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 8px;\n}\n.total-ride-list li .ride-box {\n  display: block;\n  width: 100%;\n  padding: 15px;\n}\n@media (max-width: 600px) {\n  .total-ride-list li .ride-box {\n    padding: calc(8px + 7 * (100vw - 320px) / 280);\n  }\n}\n.total-ride-list li .ride-box h4 {\n  margin-bottom: 10px;\n  font-weight: 700;\n  color: rgba(var(--title-color), 1);\n}\n@media (max-width: 600px) {\n  .total-ride-list li .ride-box h4 {\n    margin-bottom: calc(5px + 5 * (100vw - 320px) / 280);\n  }\n}\n.total-ride-list li .ride-box h6 {\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.total-ride-list li .ride-box .arrow-icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 16px;\n}\n\n.upcoming-ride-section {\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 8px;\n}\n\n.date-time-section .heading-part {\n  position: relative;\n  z-index: 1;\n}\n.date-time-section .heading-part h4 {\n  position: relative;\n  z-index: 1;\n}\n\n/*=====================\n  5.6  location CSS start\n==========================*/\n.location-section {\n  border-radius: 0px 0px 20px 20px;\n  background-color: rgba(var(--box-bg), 1);\n  padding-bottom: 20px;\n}\n.location-section .pickup-location-listing {\n  width: 100%;\n  border-radius: 6px;\n  background-color: rgba(var(--white), 1);\n}\n.location-section .pickup-location-listing li {\n  width: 100%;\n  padding: 0 15px;\n  width: 100%;\n  position: relative;\n  z-index: 0;\n}\n.location-section .pickup-location-listing li::before {\n  content: \"\";\n  position: absolute;\n  top: 30px;\n  left: 25px;\n  z-index: -1;\n  width: 2px;\n  height: calc(100% - 20px);\n  border-left: 1px dashed rgba(var(--title-color), 1);\n}\n[dir=rtl] .location-section .pickup-location-listing li::before {\n  left: unset;\n  right: 25px;\n  border-left: unset;\n  border-right: 1px dashed rgba(var(--title-color), 1);\n}\n.location-section .pickup-location-listing li::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: calc(100% - 20px - 5px);\n}\n[dir=rtl] .location-section .pickup-location-listing li::after {\n  right: unset;\n  left: 0;\n}\n.location-section .pickup-location-listing li:last-child::before, .location-section .pickup-location-listing li:last-child::after {\n  content: unset;\n}\n.location-section .pickup-location-listing li .location-box {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.location-section .pickup-location-listing li .location-box:focus-visible {\n  outline: unset;\n}\n.location-section .pickup-location-listing li .location-box .icon {\n  position: relative;\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 18px;\n}\n.location-section .pickup-location-listing li .location-box .icon::after {\n  content: \"\";\n  position: absolute;\n  bottom: 10px;\n  left: 0;\n  width: 25px;\n  border: 1px dashed rgba(var(--line-color), 1);\n  transform: rotate(90deg);\n}\n[dir=rtl] .location-section .pickup-location-listing li .location-box .icon::after {\n  right: 0;\n  left: unset;\n}\n.location-section .pickup-location-listing li .location-box .form-control {\n  padding: 15px 0;\n  background-color: rgba(var(--white), 1);\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n  border-radius: 0;\n}\n@media (max-width: 600px) {\n  .location-section .pickup-location-listing li .location-box .form-control {\n    padding: calc(10px + 5 * (100vw - 320px) / 448) 0;\n  }\n}\n.location-section .pickup-location-listing li .location-box .form-control::placeholder {\n  color: rgb(121, 125, 131);\n}\n.location-section .pickup-location-listing li .location-box .form-control:focus {\n  box-shadow: none;\n}\n.location-section .pickup-location-listing li .location-box .add-stop {\n  padding-left: 10px;\n  border-left: 1px solid rgba(var(--line-color), 1);\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 24px;\n}\n[dir=rtl] .location-section .pickup-location-listing li .location-box .add-stop {\n  padding-right: 10px;\n  padding-left: unset;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--line-color), 1);\n}\n\n.categories-place-list {\n  display: flex;\n  align-items: center;\n}\n.categories-place-list li {\n  padding-inline: 15px;\n  border-right: 1px solid rgba(var(--line-color), 1);\n}\n[dir=rtl] .categories-place-list li {\n  border-right: unset;\n  border-left: 1px solid rgba(var(--line-color), 1);\n}\n.categories-place-list li:last-child {\n  border-right: none;\n}\n[dir=rtl] .categories-place-list li:last-child {\n  border-left: none;\n  border-right: unset;\n}\n.categories-place-list li .categories-place-box {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.categories-place-list li .categories-place-box .place-icon {\n  width: 35px;\n  height: 35px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 100%;\n}\n.categories-place-list li .categories-place-box h5 {\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n\n.recent-place-list li {\n  width: 100%;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.recent-place-list li:last-child {\n  border-bottom: none;\n}\n.recent-place-list li .recent-box {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 15px 0;\n  background-color: rgba(var(--white), 1);\n}\n.recent-place-list li h5 {\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.recent-place-list li p {\n  margin-top: 5px;\n  line-height: 1.2;\n  font-weight: 300;\n  color: rgba(var(--content-color), 1);\n}\n\n.contact-list li {\n  width: 100%;\n  padding-block: 20px;\n  border-bottom: 1px solid rgba(var(--content-color), 0.15);\n}\n@media (max-width: 600px) {\n  .contact-list li {\n    padding-block: calc(10px + 10 * (100vw - 320px) / 280);\n  }\n}\n.contact-list li:first-child {\n  padding-top: 0;\n}\n.contact-list li:last-child {\n  padding-bottom: 0;\n  border-bottom: none;\n}\n.contact-list li .option-icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 20px;\n}\n.contact-list li .contact-box {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n}\n.contact-list li .contact-box .contact-details {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n.contact-list li .contact-box .contact-details .img {\n  width: 50px;\n  height: 50px;\n  object-fit: cover;\n  background-color: rgba(var(--title-color), 1);\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.contact-list li .contact-box .contact-details .img .icon {\n  --Iconsax-Color: rgba(var(--white), 1);\n}\n.contact-list li .contact-box .contact-details h5 {\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n.contact-list li .contact-box .contact-details h6 {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  margin-top: 4px;\n  color: rgba(var(--content-color), 1);\n}\n.contact-list li .contact-box i {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 18px;\n  line-height: 1;\n}\n.contact-list li .contact-box a {\n  z-index: 1;\n}\n.contact-list li .contact-box a .icon-btn {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 20px;\n  width: 40px;\n  height: 40px;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(var(--content-color), 0.15);\n  box-shadow: 0px 2px 15px 0px rgba(var(--title-color), 0.01);\n  background-color: rgba(var(--white), 1);\n  border-radius: 8px;\n}\n@media (max-width: 600px) {\n  .contact-list li .contact-box a .icon-btn {\n    --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (600 - 320)));\n    width: calc(35px + 5 * (100vw - 320px) / 280);\n    height: calc(35px + 5 * (100vw - 320px) / 280);\n  }\n}\n\n/*=============================\n  5.7  notification CSS start\n===============================*/\n.notification-list li {\n  width: 100%;\n  margin-bottom: 15px;\n}\n.notification-list li:last-child {\n  margin-bottom: 0;\n}\n.notification-list li .notification-box {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 5px;\n  padding: 15px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--line-color), 0.6);\n  border-radius: 10px;\n  box-shadow: 0px 4px 16px 0px rgba(var(--title-color), 0.06);\n}\n.notification-list li .notification-box.unread {\n  background-color: rgba(var(--box-bg), 1);\n  border: none;\n  box-shadow: none;\n}\n.notification-list li .notification-box.unread .notification-icon .icon {\n  background-color: rgba(var(--white), 1);\n}\n.notification-list li .notification-box h5 {\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.notification-list li .notification-box p {\n  margin-top: 5px;\n  line-height: 1.5;\n  font-weight: 300;\n  color: rgba(var(--content-color), 1);\n}\n.notification-list li .notification-box .notification-icon .icon {\n  padding: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 35px;\n  height: 35px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 100%;\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 18px;\n}\n\n/*========================\n   5.9 outstation CSS start\n==========================*/\n.notes-part {\n  margin: 15px 20px;\n  padding: 10px;\n  background-color: rgba(var(--error-color), 0.1);\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n}\n.notes-part .icon {\n  --Iconsax-Color: rgba(var(--error-color), 1);\n  --Iconsax-Size: 14px;\n}\n.notes-part h6 {\n  font-weight: 400;\n  color: rgba(var(--error-color), 1);\n}\n.notes-part.rental-note {\n  text-align: center;\n  background-color: rgba(var(--success-color), 0.1);\n}\n.notes-part.rental-note h6 {\n  line-height: 1.3;\n  color: rgba(var(--success-color), 1);\n}\n\n.timer-part {\n  margin-top: 15px;\n  padding: 15px;\n  background-color: rgba(var(--title-color), 1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n}\n.timer-part .timing {\n  font-size: 14px;\n  line-height: 1;\n  color: rgba(var(--white), 1);\n}\n\n.poster-part {\n  padding: 15px;\n  background-color: rgba(var(--title-color), 1);\n  text-align: center;\n  border-radius: 10px;\n}\n.poster-part p {\n  font-weight: 400;\n  line-height: 1.5;\n  color: rgba(var(--white), 1);\n}\n\n.private-ride {\n  margin-top: 15px;\n  padding: 15px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 6px;\n}\n.private-ride .ride-head {\n  padding-bottom: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.private-ride .ride-content {\n  padding-block: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.private-ride .pickup-location-listing {\n  width: 100%;\n}\n.private-ride .pickup-location-listing li {\n  width: 100%;\n  background-color: rgba(var(--box-bg), 1);\n}\n.private-ride .pickup-location-listing li .location-box {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.private-ride .pickup-location-listing li .location-box .icon {\n  position: relative;\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 18px;\n}\n.private-ride .pickup-location-listing li .location-box .icon::after {\n  content: \"\";\n  position: absolute;\n  bottom: 10px;\n  left: 0;\n  width: 25px;\n  border: 1px dashed rgba(var(--line-color), 1);\n  transform: rotate(90deg);\n}\n[dir=rtl] .private-ride .pickup-location-listing li .location-box .icon::after {\n  left: unset;\n  right: 0;\n}\n.private-ride .pickup-location-listing li .location-box .form-control {\n  padding: 15px 0;\n  background-color: rgba(var(--white), 1);\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n  border-radius: 0;\n}\n@media (max-width: 600px) {\n  .private-ride .pickup-location-listing li .location-box .form-control {\n    padding: calc(10px + 5 * (100vw - 320px) / 448) 0;\n  }\n}\n.private-ride .pickup-location-listing li .location-box .form-control::placeholder {\n  font-size: 14px;\n  color: rgb(121, 125, 131);\n}\n.private-ride .pickup-location-listing li .location-box .form-control:focus {\n  box-shadow: none;\n  border: none;\n}\n.private-ride .pickup-location-listing li .location-box .add-stop {\n  padding-left: 10px;\n  border-left: 1px solid rgba(var(--line-color), 1);\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 24px;\n}\n\n.vehicle-content {\n  padding: 15px 20px;\n  background-color: rgba(var(--box-bg), 1);\n}\n.vehicle-content .content-title {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 12px;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.vehicle-content .details-list li {\n  margin-top: 15px;\n  padding-inline-start: 20px;\n}\n.vehicle-content .details-list li h5 {\n  display: list-item;\n  list-style-type: disc;\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n.vehicle-content .details-list li h6 {\n  font-weight: 400;\n  margin-top: 5px;\n  color: rgba(var(--content-color), 1);\n}\n\n.condition-part {\n  padding: 20px;\n}\n.condition-part .condition-list li {\n  margin-top: 15px;\n  padding-inline-start: 20px;\n}\n.condition-part .condition-list li h5 {\n  display: list-item;\n  list-style-type: disc;\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n.condition-part .condition-list li p {\n  font-weight: 400;\n  margin-top: 5px;\n  color: rgba(var(--content-color), 1);\n}\n\n.rental-car-img {\n  margin-top: 20px;\n  width: 100%;\n  border-radius: 10px;\n}\n\n/*=============================\n  5.8  onboarding CSS start\n===============================*/\n.onboarding-section {\n  width: 100%;\n  height: 100%;\n}\n.onboarding-section .onboarding-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100vh;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.onboarding-section .onboarding-wrapper.user-intro {\n  background-image: url(../images/background/intro-bg.png);\n  background-position: bottom center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  height: calc(100vh - 400px);\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n}\n.onboarding-section .onboarding-wrapper img {\n  position: absolute;\n  width: 200px;\n  height: 200px;\n  object-fit: contain;\n  animation-iteration-count: infinite;\n  animation-duration: 20s;\n  transition: 0.15s ease-in-out;\n}\n@media (max-width: 600px) {\n  .onboarding-section .onboarding-wrapper img {\n    width: calc(100px + 100 * (100vw - 320px) / 280);\n    height: calc(100px + 100 * (100vw - 320px) / 280);\n  }\n}\n.onboarding-section .onboarding-wrapper .vehicle1 {\n  top: 30px;\n  left: -50px;\n  animation-name: moveObject1;\n}\n.onboarding-section .onboarding-wrapper .vehicle2 {\n  top: 30px;\n  right: -50px;\n  animation-name: moveObject2;\n}\n.onboarding-section .onboarding-wrapper .vehicle3 {\n  left: 50%;\n  top: 115px;\n  transform: translateX(-50%);\n  animation-name: moveObject3;\n}\n.onboarding-section .onboarding-wrapper .onboarding-slider.slider1 {\n  background-image: url(../images/onboarding/intro1.png);\n  background-position: bottom center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  height: calc(100vh - 320px);\n  position: relative;\n}\n.onboarding-section .onboarding-wrapper .onboarding-slider.slider2 {\n  background-image: url(../images/onboarding/intro2.png);\n  background-position: bottom center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  height: calc(100vh - 320px);\n  position: relative;\n}\n.onboarding-section .onboarding-wrapper .onboarding-slider .onboarding-content-box {\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 600px;\n  width: calc(100% - 40px);\n  bottom: 20px;\n  padding: 40px 20px 20px 20px;\n  text-align: center;\n  background-color: rgba(var(--white), 1);\n  border-radius: 10px;\n}\n@media (max-width: 600px) {\n  .onboarding-section .onboarding-wrapper .onboarding-slider .onboarding-content-box {\n    padding: calc(40px + 20 * (100vw - 320px) / 448) 20px 20px 20px;\n  }\n}\n.onboarding-section .onboarding-wrapper .onboarding-slider .onboarding-content-box .union-img {\n  display: block;\n  position: absolute;\n  top: -123px;\n  left: 50%;\n  width: 100%;\n  height: 100%;\n  transform: translateX(-50%);\n  z-index: 0;\n}\n@media (max-width: 425px) {\n  .onboarding-section .onboarding-wrapper .onboarding-slider .onboarding-content-box .union-img {\n    top: -113px;\n  }\n}\n.onboarding-section .onboarding-wrapper .onboarding-slider .onboarding-content-box .union-img-dark {\n  display: none;\n}\n.onboarding-section .onboarding-wrapper .onboarding-slider .onboarding-content-box h2 {\n  font-weight: 600;\n  color: rgba(var(--title-color), 1);\n}\n.onboarding-section .onboarding-wrapper .onboarding-slider .onboarding-content-box p {\n  margin-top: 10px;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 1.5;\n  color: rgba(var(--content-color), 1);\n}\n.onboarding-section .onboarding-wrapper .onboarding-slider .onboarding-content-box .onboarding-next {\n  position: relative;\n}\n@media (max-width: 600px) {\n  .onboarding-section .onboarding-wrapper .onboarding-slider .onboarding-content-box .onboarding-next {\n    margin-top: calc(15px + 15 * (100vw - 320px) / 280);\n  }\n}\n.onboarding-section .onboarding-wrapper .onboarding-slider .onboarding-content-box .onboarding-next .icon {\n  width: 50px;\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  margin: 30px auto 0;\n  --Iconsax-Color: rgba(var(--white), 1);\n  --Iconsax-Size: 26px;\n  background-color: rgba(var(--title-color), 1);\n  border-radius: 100%;\n}\n@media (max-width: 600px) {\n  .onboarding-section .onboarding-wrapper .onboarding-slider .onboarding-content-box .onboarding-next .icon {\n    width: calc(40px + 10 * (100vw - 320px) / 280);\n    height: calc(40px + 10 * (100vw - 320px) / 280);\n    margin-top: calc(15px + 15 * (100vw - 320px) / 280);\n  }\n}\n.onboarding-section .user-onboarding-content-box {\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: 600px;\n  width: calc(100% - 40px);\n  bottom: 20px;\n  padding: 80px 20px 20px 20px;\n  text-align: center;\n  background-color: rgba(var(--white), 1);\n  border-radius: 10px;\n}\n@media (max-width: 600px) {\n  .onboarding-section .user-onboarding-content-box {\n    padding: calc(40px + 40 * (100vw - 320px) / 448) 20px 20px 20px;\n  }\n}\n.onboarding-section .user-onboarding-content-box .union-img {\n  display: block;\n  position: absolute;\n  top: -137px;\n  left: 50%;\n  width: 100%;\n  height: 100%;\n  transform: translateX(-50%);\n  z-index: 0;\n}\n@media (max-width: 500px) {\n  .onboarding-section .user-onboarding-content-box .union-img {\n    top: -117px;\n  }\n}\n@media (max-width: 375px) {\n  .onboarding-section .user-onboarding-content-box .union-img {\n    top: -110px;\n  }\n}\n@media (max-width: 320px) {\n  .onboarding-section .user-onboarding-content-box .union-img {\n    top: -112px;\n  }\n}\n.onboarding-section .user-onboarding-content-box .union-img-dark {\n  display: none;\n}\n.onboarding-section .user-onboarding-content-box h2 {\n  font-weight: 600;\n  color: rgba(var(--title-color), 1);\n}\n.onboarding-section .user-onboarding-content-box p {\n  margin-top: 10px;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 1.5;\n  color: rgba(var(--content-color), 1);\n}\n.onboarding-section .user-onboarding-content-box .onboarding-next {\n  position: relative;\n}\n@media (max-width: 600px) {\n  .onboarding-section .user-onboarding-content-box .onboarding-next {\n    margin-top: calc(15px + 15 * (100vw - 320px) / 280);\n  }\n}\n.onboarding-section .user-onboarding-content-box .onboarding-next .icon {\n  width: 50px;\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  margin: 30px auto 0;\n  --Iconsax-Color: rgba(var(--white), 1);\n  --Iconsax-Size: 26px;\n  background-color: rgba(var(--title-color), 1);\n  border-radius: 100%;\n}\n@media (max-width: 600px) {\n  .onboarding-section .user-onboarding-content-box .onboarding-next .icon {\n    width: calc(40px + 10 * (100vw - 320px) / 280);\n    height: calc(40px + 10 * (100vw - 320px) / 280);\n    margin-top: calc(15px + 15 * (100vw - 320px) / 280);\n  }\n}\n\n/*=============================\n  5.10  Page-listing CSS start\n===============================*/\n.element-title {\n  margin-top: 20px;\n  background-color: rgba(var(--title-color), 0.05);\n  border-radius: 8px;\n}\n.element-title h3 {\n  font-size: 18px;\n  padding: 15px;\n  color: rgba(var(--title-color), 1);\n}\n@media (max-width: 600px) {\n  .element-title h3 {\n    font-size: calc(16px + 2 * (100vw - 320px) / 280);\n  }\n}\n\n.element-menu {\n  margin-top: 10px;\n}\n.element-menu .navigation .pages {\n  display: block;\n  width: calc(100% - 20px);\n  padding-block: 10px;\n  margin-inline: 10px;\n  border-bottom: 1px dashed rgba(var(--line-color), 0.8);\n}\n.element-menu .navigation .pages:last-child {\n  padding-bottom: 0;\n  border-bottom: none;\n}\n.element-menu .navigation .pages h4 {\n  font-size: 16px;\n}\n@media (max-width: 600px) {\n  .element-menu .navigation .pages h4 {\n    font-size: calc(14px + 2 * (100vw - 320px) / 280);\n  }\n}\n.element-menu .navigation .pages a {\n  width: 100%;\n  font-size: 16px;\n  font-weight: 400;\n  text-transform: capitalize;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  color: rgba(var(--content-color), 1);\n}\n@media (max-width: 600px) {\n  .element-menu .navigation .pages a {\n    font-size: calc(14px + 2 * (100vw - 320px) / 280);\n  }\n}\n.element-menu .navigation .pages a i {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 18px;\n  line-height: 1;\n}\n[dir=rtl] .element-menu .navigation .pages a i {\n  transform: scaleX(-1);\n}\n\n/*========================\n   5.11 profile CSS start\n==========================*/\n.profile-section .profile-bg {\n  border-radius: 6px;\n}\n.profile-section .profile-image {\n  width: 100px;\n  height: 100px;\n  margin: 0 auto;\n}\n@media (max-width: 600px) {\n  .profile-section .profile-image {\n    width: calc(80px + 20 * (100vw - 320px) / 280);\n    height: calc(80px + 20 * (100vw - 320px) / 280);\n  }\n}\n.profile-section .profile-image .profile-pic {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  margin-top: -70px;\n  border: 3px solid rgba(var(--white), 1);\n  border-radius: 100%;\n}\n.profile-section .profile-name {\n  text-align: center;\n  margin-top: -50px;\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n\n.setting-bg {\n  background-image: url(../images/background/setting-bg.jpg);\n  background-position: top center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  height: 200px;\n  position: absolute;\n  top: 55px;\n  z-index: -1;\n}\n\n.setting-section {\n  position: relative;\n  margin-top: 100px;\n  background-color: rgba(var(--white), 1);\n  border-radius: 20px 20px 0 0;\n  z-index: 1;\n}\n@media (max-width: 600px) {\n  .setting-section {\n    margin-top: calc(60px + 40 * (100vw - 320px) / 280);\n  }\n}\n.setting-section.profile-setting-section .auth-content-bg {\n  padding-top: 35px;\n}\n.setting-section.profile-setting-section .auth-content-bg .profile-section {\n  padding-bottom: 25px;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.setting-section.profile-setting-section .auth-content-bg .profile-section .profile-image {\n  position: relative;\n  margin: 0 auto;\n}\n.setting-section.profile-setting-section .auth-content-bg .profile-section .profile-image .profile-pic {\n  margin-top: 0;\n}\n.setting-section.profile-setting-section .auth-content-bg .profile-section .profile-image .upload-icon {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 5px;\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 16px;\n  background-color: rgba(var(--white), 1);\n  border-radius: 100%;\n  z-index: 1;\n}\n[dir=rtl] .setting-section.profile-setting-section .auth-content-bg .profile-section .profile-image .upload-icon {\n  right: unset;\n  left: 0;\n}\n.setting-section.profile-setting-section .auth-content-bg .profile-section .profile-image #file {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 26px;\n  height: 26px;\n  z-index: 2;\n  opacity: 0;\n  cursor: pointer;\n}\n[dir=rtl] .setting-section.profile-setting-section .auth-content-bg .profile-section .profile-image #file {\n  right: unset;\n  left: 0;\n}\n.setting-section.profile-setting-section .auth-content-bg .auth-form {\n  margin-top: 20px;\n}\n\n.wallet-part {\n  background-image: url(../images/background/wallet-bg.png);\n  background-position: top center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: calc(100% - 40px);\n  text-align: center;\n  margin: 20px 20px 0;\n  padding: 15px;\n  border-radius: 10px;\n}\n.wallet-part h6 {\n  font-weight: 400;\n  color: rgba(var(--title-color), 0.6);\n}\n.wallet-part h5 {\n  margin-top: 5px;\n  font-weight: 600;\n  line-height: 1;\n  color: rgba(var(--title-color), 1);\n}\n.wallet-part .arrow-img {\n  margin-top: 5px;\n  line-height: 1;\n}\n\n.profile-list {\n  padding: 15px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 12px;\n}\n.profile-list .setting-listing li {\n  padding-block: 12px;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.profile-list .setting-listing li:first-child {\n  padding-top: 0;\n}\n.profile-list .setting-listing li:last-child {\n  padding-bottom: 0;\n  border-bottom: none;\n}\n.profile-list .setting-listing li .setting-box {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.profile-list .setting-listing li .setting-box .setting-icon {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--line-color), 1);\n  border-radius: 100%;\n}\n.profile-list .setting-listing li .setting-box .setting-icon .icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 18px;\n}\n.profile-list .setting-listing li .setting-box .setting-content {\n  width: calc(100% - 40px - 10px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.profile-list .setting-listing li .setting-box .setting-content h5 {\n  line-height: 1;\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n.profile-list .setting-listing li .setting-box .setting-content h6 {\n  margin-top: 5px;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.profile-list .setting-listing li .setting-box .setting-content .icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 18px;\n}\n[dir=rtl] .profile-list .setting-listing li .setting-box .setting-content .icon {\n  transform: rotate(180deg);\n}\n.profile-list .setting-listing li .setting-box .setting-content .switch-btn {\n  display: flex;\n}\n.profile-list .setting-listing li .setting-box .setting-content .switch-btn input[type=checkbox] {\n  position: relative;\n  width: 37px;\n  height: 22px;\n  appearance: none;\n  background-color: rgba(var(--white), 1);\n  outline: none;\n  border-radius: 50px;\n  cursor: pointer;\n}\n.profile-list .setting-listing li .setting-box .setting-content .switch-btn input[type=checkbox]:checked {\n  background: rgba(var(--title-color), 1);\n}\n.profile-list .setting-listing li .setting-box .setting-content .switch-btn input[type=checkbox]:checked::before {\n  transform: translateX(80%) translateY(-50%);\n  background: rgba(var(--white), 1);\n}\n.profile-list .setting-listing li .setting-box .setting-content .switch-btn input[type=checkbox]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  background: rgba(var(--content-color), 0.5);\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  transform: translateY(-50%);\n  transition: 0.5s;\n}\n.profile-list.alert-list {\n  background-color: rgba(var(--error-color), 0.1);\n}\n.profile-list.alert-list .setting-listing li .setting-box .setting-icon {\n  background-color: rgba(var(--error-color), 0.1);\n  border: none;\n}\n.profile-list.alert-list .setting-listing li .setting-box .setting-icon .icon {\n  --Iconsax-Color: rgba(var(--error-color), 1);\n}\n\n.location-list li .address-box {\n  padding: 15px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 10px;\n}\n.location-list li .address-box .location-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding-bottom: 15px;\n}\n.location-list li .address-box .location-head .location-icon {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--white), 1);\n  border-radius: 100%;\n}\n.location-list li .address-box .location-head .location-icon .icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 20px;\n}\n.location-list li .address-box .location-head .location-head-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: calc(100% - 40px - 10px);\n}\n.location-list li .address-box .location-head .location-head-content h5 {\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n.location-list li .address-box .location-head .location-head-content h6 {\n  margin-top: 5px;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.location-list li .address-box .location-head .location-head-content .icon {\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 18px;\n}\n.location-list li .address-box .location-head .location-head-content .error-icon {\n  --Iconsax-Color: rgba(var(--error-color), 1);\n  --Iconsax-Size: 18px;\n}\n.location-list li .address-box .pickup-location-listing {\n  width: 100%;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--line-color), 1);\n  border-radius: 6px;\n  padding: 15px;\n}\n.location-list li .address-box .pickup-location-listing .location-box {\n  display: flex;\n  align-items: flex-start;\n  gap: 5px;\n  width: 100%;\n  position: relative;\n  padding-bottom: 7px;\n  margin-bottom: 7px;\n  z-index: 0;\n}\n.location-list li .address-box .pickup-location-listing .location-box::before {\n  content: \"\";\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: -1;\n  width: 2px;\n  height: calc(100% + 8px);\n  border-left: 1px dashed rgba(var(--title-color), 1);\n}\n[dir=rtl] .location-list li .address-box .pickup-location-listing .location-box::before {\n  left: unset;\n  right: 10px;\n  border-right: 1px dashed rgba(var(--title-color), 1);\n  border-left: unset;\n}\n.location-list li .address-box .pickup-location-listing .location-box::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: calc(100% - 20px - 5px);\n  height: 1px;\n  border-top: 1px dashed rgba(var(--line-color), 1);\n}\n[dir=rtl] .location-list li .address-box .pickup-location-listing .location-box::after {\n  left: 0;\n  right: unset;\n}\n.location-list li .address-box .pickup-location-listing .location-box:last-child {\n  padding: 0;\n  margin: 0;\n  border: unset;\n}\n.location-list li .address-box .pickup-location-listing .location-box:last-child::before, .location-list li .address-box .pickup-location-listing .location-box:last-child::after {\n  content: unset;\n}\n.location-list li .address-box .pickup-location-listing .location-box img {\n  background-color: rgba(var(--white), 1);\n}\n.location-list li .address-box .pickup-location-listing .location-box h5 {\n  width: calc(100% - 20px - 5px);\n}\n\n.promo-code-list li {\n  width: 100%;\n  margin-bottom: 15px;\n}\n.promo-code-list li .promo-code-box {\n  position: relative;\n  padding: 15px 30px;\n  width: 100%;\n}\n@media (max-width: 600px) {\n  .promo-code-list li .promo-code-box {\n    padding: 15px calc(15px + 15 * (100vw - 320px) / 280);\n  }\n}\n.promo-code-list li .promo-code-box .coupon-bg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -1;\n  width: 100%;\n  height: 100%;\n}\n.promo-code-list li .promo-code-box h4 {\n  font-weight: 600;\n  color: rgba(var(--title-color), 1);\n}\n.promo-code-list li .promo-code-box .code {\n  margin-top: 5px;\n  font-weight: 500;\n  color: rgba(var(--secondary-color), 1);\n}\n.promo-code-list li .promo-code-box p {\n  padding: 6px 0 15px 0;\n  color: rgba(var(--content-color), 1);\n  border-bottom: 1px dashed rgba(var(--line-color), 1);\n}\n@media (max-width: 600px) {\n  .promo-code-list li .promo-code-box p {\n    padding: 6px 0 calc(8px + 7 * (100vw - 320px) / 448) 0;\n  }\n}\n.promo-code-list li .promo-code-box .validity {\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.promo-code-list li .promo-code-box .use-btn {\n  text-decoration: underline;\n  font-weight: 400;\n  font-size: 13px;\n  color: rgba(var(--title-color), 1);\n}\n\n.balance-background {\n  background-image: url(../images/background/balance-bg.png);\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: cover;\n  border-radius: 10px;\n}\n.balance-background .balance-details {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 15px;\n}\n.balance-background .balance-details h6 {\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.balance-background .balance-details h4 {\n  font-weight: 600;\n  color: rgb(255, 255, 255);\n}\n.balance-background .balance-details .balance-btn {\n  padding: 6px 10px;\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n  background-color: rgba(var(--secondary-color), 1);\n}\n\n.earning-list {\n  margin-top: 25px;\n}\n.earning-list li {\n  width: 100%;\n  margin-bottom: 15px;\n  border-radius: 8px;\n  border: 1px solid rgba(var(--black), 0.05);\n  background: rgba(var(--white), 1);\n  box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.06);\n  padding: 12px;\n}\n.earning-list li:last-child {\n  margin-bottom: 0;\n}\n.earning-list li .earning-box {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.earning-list li .earning-box .profile-image {\n  width: 40px;\n  height: 40px;\n  border-radius: 100%;\n  object-fit: cover;\n}\n.earning-list li .earning-box .icon {\n  width: 40px;\n  height: 40px;\n  object-fit: contain;\n}\n.earning-list li .earning-box .earning-content {\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  width: calc(100% - 40px - 10px);\n}\n\n.alart-part {\n  padding-block: 25px;\n}\n\n.payment-list {\n  margin: 15px 0 20px;\n  padding-bottom: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.payment-list .payment-box {\n  width: 100%;\n  padding: 15px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--line-color), 0.6);\n  border-radius: 10px;\n  box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.06);\n}\n.payment-list .payment-box .payment-detail {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  width: 100%;\n}\n.payment-list .payment-box .payment-detail .payment-img {\n  width: 35px;\n  height: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.payment-list .payment-box .payment-detail h5 {\n  color: rgba(var(--title-color), 1);\n}\n.payment-list .payment-box .payment-detail .form-check .payment-img {\n  width: 35px;\n  height: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.payment-list .payment-box .payment-detail .form-check .form-check-input {\n  box-shadow: none;\n  width: 20px;\n  height: 20px;\n  margin: 0;\n}\n.payment-list .payment-box .payment-detail .form-check .form-check-input:focus {\n  border-color: rgba(var(--line-color), 1);\n}\n.payment-list .payment-box .payment-detail .form-check .form-check-input:checked {\n  position: relative;\n  background-color: rgba(var(--box-bg), 1);\n  border-color: rgba(var(--title-color), 1);\n}\n.payment-list .payment-box .payment-detail .form-check .form-check-input:checked::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 10px;\n  height: 10px;\n  background-color: rgba(var(--title-color), 1);\n  border-radius: 100%;\n}\n\n.offer-listing {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n}\n.offer-listing li .offer-box {\n  padding: 15px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--line-color), 1);\n  border-radius: 10px;\n  box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.06);\n}\n@media (max-width: 600px) {\n  .offer-listing li .offer-box {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.offer-listing li .offer-box .offer-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 15px;\n  border-bottom: 1px dashed rgba(var(--line-color), 1);\n}\n@media (max-width: 600px) {\n  .offer-listing li .offer-box .offer-head {\n    padding-bottom: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.offer-listing li .offer-box .offer-head .profile-part {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.offer-listing li .offer-box .offer-head .profile-part .profile-pic {\n  width: 25px;\n  height: 25px;\n  object-fit: cover;\n  border-radius: 100%;\n}\n.offer-listing li .offer-box .offer-head .profile-part h6 {\n  font-weight: 400;\n  color: rgba(var(--title-color), 1);\n}\n.offer-listing li .offer-box .offer-head h4 {\n  font-weight: 600;\n  color: rgba(var(--title-color), 1);\n}\n.offer-listing li .offer-box .offer-head .icon {\n  height: 30px;\n  width: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--box-bg), 1);\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 16px;\n  border-radius: 100%;\n}\n.offer-listing li .offer-box .offer-head .icon.error-icon {\n  background-color: rgba(var(--error-color), 0.1);\n  --Iconsax-Color: rgba(var(--error-color), 1);\n  --Iconsax-Size: 16px;\n}\n.offer-listing li .offer-box .offer-content {\n  padding-block: 15px;\n  border-bottom: 1px dashed rgba(var(--line-color), 1);\n}\n@media (max-width: 600px) {\n  .offer-listing li .offer-box .offer-content {\n    padding-block: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.offer-listing li .offer-box .offer-content h6 {\n  line-height: 1.3;\n}\n.offer-listing li .offer-box .offer-content .ride-info-list .info-content {\n  padding-inline: 5px;\n  border-left: 1px solid rgba(var(--line-color), 1);\n}\n.offer-listing li .offer-box .offer-content .ride-info-list .info-content:first-child {\n  padding-left: 0;\n  border-left: 0;\n}\n.offer-listing li .offer-box .offer-content .ride-info-list .info-content:last-child {\n  padding-right: 0;\n}\n.offer-listing li .offer-box .offer-content .ride-info-list .info-content .icon {\n  --Iconsax-Color: rgba(var(--title-color), 0.5);\n  --Iconsax-Size: 14px;\n}\n.offer-listing li .offer-box .offer-content .ride-info-list .info-content span {\n  font-weight: 300;\n  font-size: 12px;\n  color: rgba(var(--title-color), 1);\n}\n.offer-listing li .offer-box .offer-content .validity {\n  font-weight: 400;\n  font-size: 12px;\n  color: rgba(var(--content-color), 1);\n}\n.offer-listing li .offer-box .active-part {\n  padding-top: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n@media (max-width: 600px) {\n  .offer-listing li .offer-box .active-part {\n    padding-top: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.offer-listing li .offer-box .active-part .switch-btn {\n  display: flex;\n}\n.offer-listing li .offer-box .active-part .switch-btn input[type=checkbox] {\n  position: relative;\n  width: 37px;\n  height: 22px;\n  appearance: none;\n  background-color: rgba(var(--box-bg), 1);\n  outline: none;\n  border-radius: 50px;\n  cursor: pointer;\n  transition: all 0.5s ease-in-out;\n}\n.offer-listing li .offer-box .active-part .switch-btn input[type=checkbox]:checked {\n  background: rgba(var(--title-color), 1);\n}\n.offer-listing li .offer-box .active-part .switch-btn input[type=checkbox]:checked::before {\n  transform: translateX(80%) translateY(-50%);\n  background: rgba(var(--white), 1);\n}\n.offer-listing li .offer-box .active-part .switch-btn input[type=checkbox]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  background: rgba(var(--content-color), 0.5);\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  transform: translateY(-50%);\n  transition: 0.5s;\n}\n\n.active-offer {\n  padding-top: 15px;\n  border-top: 1px dashed rgba(var(--line-color), 1);\n}\n.active-offer .offer {\n  padding: 15px;\n  background-color: rgba(var(--white), 1);\n  border-radius: 8px;\n}\n.active-offer .offer .switch-btn {\n  display: flex;\n}\n.active-offer .offer .switch-btn input[type=checkbox] {\n  position: relative;\n  width: 37px;\n  height: 22px;\n  appearance: none;\n  background-color: rgba(var(--box-bg), 1);\n  outline: none;\n  border-radius: 50px;\n  cursor: pointer;\n}\n.active-offer .offer .switch-btn input[type=checkbox]:checked {\n  background: rgba(var(--title-color), 1);\n}\n.active-offer .offer .switch-btn input[type=checkbox]:checked::before {\n  transform: translateX(80%) translateY(-50%);\n  background: rgba(var(--white), 1);\n}\n.active-offer .offer .switch-btn input[type=checkbox]:before {\n  content: \"\";\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  background: rgba(var(--content-color), 0.5);\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  transform: translateY(-50%);\n  transition: 0.5s;\n}\n\n.bank-details-list {\n  margin-bottom: 20px;\n  padding: 15px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--line-color), 0.6);\n  border-radius: 10px;\n  box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.04);\n}\n.bank-details-list li {\n  padding-bottom: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.bank-details-list li:last-child {\n  padding-bottom: 0;\n}\n.bank-details-list li h5 {\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n\n.amount-title {\n  padding-top: 20px;\n  border-top: 1px dashed rgba(var(--line-color), 1);\n}\n\n/*========================\n  5.12  ride CSS start\n==========================*/\n.theme-content-bg {\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  max-width: 600px;\n  height: auto;\n  padding: 20px 0 0;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 20px 20px 0px 0px;\n  max-height: calc(100vh - 160px);\n  overflow: auto;\n}\n.theme-content-bg h5 {\n  padding-inline: 20px;\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.theme-content-bg .package-list {\n  margin: 15px auto;\n  padding-inline: 20px;\n  display: flex;\n  flex-wrap: nowrap;\n  gap: 10px;\n  border-radius: 6px;\n  overflow: auto;\n}\n.theme-content-bg .package-list li .package-box {\n  width: 70px;\n  height: 70px;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--white), 1);\n  border-radius: 6px;\n}\n@media (max-width: 600px) {\n  .theme-content-bg .package-list li .package-box {\n    width: calc(60px + 10 * (100vw - 320px) / 280);\n    height: calc(60px + 10 * (100vw - 320px) / 280);\n  }\n}\n.theme-content-bg .package-list li .package-box .time {\n  padding: 0;\n  font-size: 14px;\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.theme-content-bg .package-list li .package-box .distance {\n  font-size: 13px;\n  font-weight: 400;\n  color: rgba(var(--content-color), 1);\n}\n.theme-content-bg .my-ride-box .my-ride-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding-bottom: 15px;\n  border-bottom: 1px dashed rgba(var(--line-color), 1);\n}\n@media (max-width: 600px) {\n  .theme-content-bg .my-ride-box .my-ride-head {\n    padding-bottom: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.theme-content-bg .my-ride-box .my-ride-head .my-ride-img {\n  width: 25px;\n  height: 25px;\n  background-color: rgba(var(--title-color), 0.1);\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.theme-content-bg .my-ride-box .my-ride-head .my-ride-img .profile-img {\n  width: 100%;\n  height: 100%;\n  border-radius: 100%;\n}\n.theme-content-bg .my-ride-box .my-ride-head .my-ride-img .my-ride-icon {\n  color: rgba(var(--title-color), 1);\n}\n.theme-content-bg .my-ride-box .my-ride-head .my-ride-content {\n  display: flex;\n  justify-content: space-between;\n  width: calc(100% - 25px - 10px);\n}\n.theme-content-bg .my-ride-box .my-ride-head .my-ride-content .star {\n  width: 10px;\n  height: 10px;\n}\n.theme-content-bg .my-ride-box .my-ride-head .my-ride-content span {\n  font-weight: 400;\n  font-size: 13px;\n  display: list-item;\n  list-style-type: disc;\n}\n.theme-content-bg .my-ride-box .my-ride-head .my-ride-content span.success {\n  color: rgba(var(--success-color), 1);\n}\n.theme-content-bg .my-ride-box .my-ride-head .my-ride-content span.reject {\n  color: rgba(var(--error-color), 1);\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-info {\n  padding-block: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n@media (max-width: 600px) {\n  .theme-content-bg .my-ride-box .my-ride-details .ride-info {\n    padding-block: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-info .communication-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 100%;\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-info .icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 14px;\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-location-listing {\n  padding: 15px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 8px;\n}\n@media (max-width: 600px) {\n  .theme-content-bg .my-ride-box .my-ride-details .ride-location-listing {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-location-listing li {\n  width: 100%;\n  position: relative;\n  padding-bottom: 7px;\n  margin-bottom: 7px;\n  z-index: 0;\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-location-listing li::before {\n  content: \"\";\n  position: absolute;\n  top: 12px;\n  left: 10px;\n  z-index: -1;\n  width: 2px;\n  height: calc(100% - 4px);\n  border-left: 1px dashed rgba(var(--title-color), 1);\n}\n[dir=rtl] .theme-content-bg .my-ride-box .my-ride-details .ride-location-listing li::before {\n  left: unset;\n  right: 10px;\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-location-listing li::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: calc(100% - 20px - 5px);\n  height: 1px;\n  border-top: 1px dashed rgba(var(--line-color), 1);\n}\n[dir=rtl] .theme-content-bg .my-ride-box .my-ride-details .ride-location-listing li::after {\n  left: 0;\n  right: unset;\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-location-listing li:last-child {\n  padding: 0;\n  margin: 0;\n  border: unset;\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-location-listing li:last-child::before, .theme-content-bg .my-ride-box .my-ride-details .ride-location-listing li:last-child::after {\n  content: unset;\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-location-listing li .location-box {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-location-listing li .location-box img {\n  background-color: rgba(var(--box-bg), 1);\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-location-listing li .location-box h5 {\n  width: calc(100% - 20px - 5px);\n}\n.theme-content-bg .my-ride-box .my-ride-details .ride-location-listing.driver-location-list {\n  border-radius: 8px;\n}\n\n.price-content {\n  padding: 8px 12px;\n  color: rgba(var(--title-color), 1);\n  background-color: rgba(var(--content-color), 0.08);\n  width: 90%;\n  padding-inline: 20px;\n  margin: 15px auto 0;\n  text-align: center;\n  border: 1px solid rgba(var(--line-color), 1);\n  border-radius: 6px;\n}\n@media (max-width: 600px) {\n  .price-content {\n    padding: 8px calc(10px + 2 * (100vw - 320px) / 280);\n  }\n}\n@media (max-width: 375px) {\n  .price-content {\n    width: 90%;\n  }\n}\n\n.ride-content-bg {\n  max-width: 600px;\n  padding: 20px;\n  margin-top: 15px;\n  background-color: rgba(var(--white), 1);\n  border-radius: 20px 20px 0px 0px;\n}\n@media (max-width: 600px) {\n  .ride-content-bg {\n    padding: calc(15px + 5 * (100vw - 320px) / 280);\n  }\n}\n.ride-content-bg .details-title {\n  padding-bottom: 15px;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n@media (max-width: 600px) {\n  .ride-content-bg .details-title {\n    padding-bottom: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.ride-content-bg .profile-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 20px;\n}\n@media (max-width: 600px) {\n  .ride-content-bg .profile-head {\n    margin-top: calc(10px + 10 * (100vw - 320px) / 280);\n  }\n}\n.ride-content-bg .profile-head .profile-img {\n  width: 45px;\n  height: 45px;\n  object-fit: cover;\n  border-radius: 100%;\n}\n.ride-content-bg .profile-head .profile-content {\n  width: calc(100% - 45px - 10px);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  justify-content: space-between;\n}\n.ride-content-bg .profile-head .profile-content h5 {\n  font-weight: 500;\n  line-height: 1.5;\n  color: rgba(var(--title-color), 1);\n}\n.ride-content-bg .profile-head .profile-content .star {\n  width: 10px;\n}\n.ride-content-bg .profile-head .profile-content span {\n  font-size: 13px;\n}\n.ride-content-bg .profile-head .profile-content .icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 14px;\n}\n.ride-content-bg .profile-head .profile-content .comm-icon {\n  width: 35px;\n  height: 35px;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 100%;\n}\n.ride-content-bg .profile-head .profile-content .comm-icon .icon-btn {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.ride-content-bg .vehicle-info {\n  padding-block: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n@media (max-width: 600px) {\n  .ride-content-bg .vehicle-info {\n    padding-block: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.ride-content-bg .vehicle-info .pin-code {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 5px;\n}\n.ride-content-bg .vehicle-info .pin-code li {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--secondary-color), 1);\n  border-radius: 100%;\n}\n.ride-content-bg .location-part {\n  width: 100%;\n  margin-top: 20px;\n  padding: 15px;\n  border-radius: 6px;\n  background-color: rgba(var(--box-bg), 1);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n@media (max-width: 600px) {\n  .ride-content-bg .location-part {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n    margin-top: calc(10px + 10 * (100vw - 320px) / 280);\n  }\n}\n.ride-content-bg .location-part span {\n  font-size: 13px;\n  text-decoration: underline;\n}\n.ride-content-bg .location-part .location {\n  position: relative;\n}\n.ride-content-bg .location-part .location::after {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  left: -8px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  background-color: rgba(var(--content-color), 1);\n  border-radius: 100%;\n}\n.ride-content-bg .location-part.fare-amount {\n  margin-top: 0;\n  padding: 12px;\n}\n.ride-content-bg .location-part.fare-amount .icon {\n  --Iconsax-Color: rgba(var(--success-color), 1);\n  --Iconsax-Size: 24px;\n}\n.ride-content-bg .location-part.fare-amount .dollar-icon {\n  --Iconsax-Color: rgba(var(--success-color), 1);\n  --Iconsax-Size: 24px;\n}\n.ride-content-bg .location-part.fare-amount .img {\n  width: 30px;\n}\n.ride-content-bg .amount-part {\n  padding: 0 !important;\n  width: 100%;\n  margin-top: 20px;\n  padding: 15px;\n  border-radius: 6px;\n  background-color: rgba(var(--box-bg), 1);\n}\n@media (max-width: 600px) {\n  .ride-content-bg .amount-part {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n    margin-top: calc(10px + 10 * (100vw - 320px) / 280);\n  }\n}\n.ride-content-bg .amount-part .total {\n  padding: 12px;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.ride-content-bg .amount-part .total h4 {\n  font-size: 16px;\n}\n@media (max-width: 600px) {\n  .ride-content-bg .amount-part .total h4 {\n    font-size: calc(14px + 2 * (100vw - 320px) / 280);\n  }\n}\n.ride-content-bg .amount-part .total .pay-btn {\n  font-size: 13px;\n}\n.ride-content-bg .pickup-location-listing {\n  width: 100%;\n  padding: 0 10px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 6px;\n}\n.ride-content-bg .pickup-location-listing .location-box {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  background-color: rgba(var(--box-bg), 1);\n  width: 100%;\n  position: relative;\n  padding-bottom: 7px;\n  margin-bottom: 7px;\n  z-index: 0;\n}\n.ride-content-bg .pickup-location-listing .location-box::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 10px;\n  z-index: -1;\n  width: 2px;\n  height: calc(100% + 8px);\n  border-left: 1px dashed rgba(var(--title-color), 1);\n}\n[dir=rtl] .ride-content-bg .pickup-location-listing .location-box::before {\n  left: unset;\n  right: 10px;\n  border-left: unset;\n  border-right: 1px dashed rgba(var(--title-color), 1);\n}\n.ride-content-bg .pickup-location-listing .location-box::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: calc(100% - 20px - 5px);\n  height: 1px;\n  border-top: 1px dashed rgba(var(--line-color), 1);\n}\n[dir=rtl] .ride-content-bg .pickup-location-listing .location-box::after {\n  left: 0;\n  right: unset;\n}\n.ride-content-bg .pickup-location-listing .location-box:last-child {\n  padding: 0;\n  margin: 0;\n  border: unset;\n}\n.ride-content-bg .pickup-location-listing .location-box:last-child::before, .ride-content-bg .pickup-location-listing .location-box:last-child::after {\n  content: unset;\n}\n.ride-content-bg .pickup-location-listing .location-box .icon {\n  position: relative;\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 18px;\n}\n.ride-content-bg .pickup-location-listing .location-box .icon::after {\n  content: \"\";\n  position: absolute;\n  bottom: 10px;\n  left: 0;\n  width: 25px;\n  border: 1px dashed rgba(var(--line-color), 1);\n  transform: rotate(90deg);\n}\n[dir=rtl] .ride-content-bg .pickup-location-listing .location-box .icon::after {\n  left: unset;\n  right: 0;\n}\n.ride-content-bg .pickup-location-listing .location-box .form-control {\n  padding: 10px 0;\n  font-size: 13px;\n  background-color: rgba(var(--box-bg), 1);\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n  border-radius: 0;\n}\n.ride-content-bg .pickup-location-listing .location-box .form-control::placeholder {\n  color: rgb(121, 125, 131);\n  font-size: 14px;\n}\n.ride-content-bg .pickup-location-listing .location-box .form-control:focus {\n  box-shadow: none;\n  border: none;\n}\n.ride-content-bg .pickup-location-listing .location-box .add-stop {\n  padding-left: 10px;\n  border-left: 1px solid rgba(var(--line-color), 1);\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 24px;\n}\n[dir=rtl] .ride-content-bg .pickup-location-listing .location-box .add-stop {\n  padding-left: unset;\n  padding-right: 10px;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--line-color), 1);\n}\n.ride-content-bg .ride-location-listing {\n  padding: 15px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 8px;\n}\n@media (max-width: 600px) {\n  .ride-content-bg .ride-location-listing {\n    padding-block: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.ride-content-bg .ride-location-listing li {\n  width: 100%;\n  position: relative;\n  padding-bottom: 7px;\n  margin-bottom: 7px;\n  z-index: 0;\n}\n.ride-content-bg .ride-location-listing li::before {\n  content: \"\";\n  position: absolute;\n  top: 12px;\n  left: 10px;\n  z-index: -1;\n  width: 2px;\n  height: calc(100% - 4px);\n  border-left: 1px dashed rgba(var(--title-color), 1);\n}\n[dir=rtl] .ride-content-bg .ride-location-listing li::before {\n  padding-left: unset;\n  padding-right: 10px;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--line-color), 1);\n}\n.ride-content-bg .ride-location-listing li::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: calc(100% - 20px - 5px);\n  height: 1px;\n  border-top: 1px dashed rgba(var(--line-color), 1);\n}\n[dir=rtl] .ride-content-bg .ride-location-listing li::after {\n  padding-left: 0;\n  padding-right: unset;\n}\n.ride-content-bg .ride-location-listing li:last-child {\n  padding: 0;\n  margin: 0;\n  border: unset;\n}\n.ride-content-bg .ride-location-listing li:last-child::before, .ride-content-bg .ride-location-listing li:last-child::after {\n  content: unset;\n}\n.ride-content-bg .ride-location-listing li .location-box {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.ride-content-bg .ride-location-listing li .location-box img {\n  background-color: rgba(var(--box-bg), 1);\n}\n.ride-content-bg .ride-location-listing li .location-box h5 {\n  width: calc(100% - 20px - 5px);\n}\n.ride-content-bg .ride-location-listing.driver-location-list {\n  border-radius: 8px;\n}\n.ride-content-bg .verification-part {\n  padding-top: 15px;\n  border-top: 1px solid rgba(var(--line-color), 1);\n}\n.ride-content-bg .current-location-box {\n  padding: 15px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 8px;\n}\n.ride-content-bg .current-location-box .location-icon {\n  width: 30px;\n  height: 30px;\n  padding: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--white), 1);\n  border-radius: 100%;\n}\n.ride-content-bg .current-location-box .location-icon .icon {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.ride-content-bg .current-location-box p {\n  font-weight: 400;\n  line-height: 1.5;\n  padding-left: 40px;\n  color: rgba(var(--content-color), 1);\n}\n[dir=rtl] .ride-content-bg .current-location-box p {\n  padding-left: unset;\n  padding-right: 40px;\n}\n.ride-content-bg .successful-img .success-img {\n  width: 135px;\n  height: 135px;\n}\n\n.driver-request .map-image {\n  margin-top: -25px;\n}\n.driver-request .map-image .map-img {\n  max-width: 600px;\n}\n.driver-request .map-image::after {\n  content: \"\";\n  position: fixed;\n  max-width: 600px;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n}\n.driver-request .driver-list {\n  position: relative;\n  padding-top: 25px;\n}\n.driver-request .driver-list li {\n  width: 100%;\n  padding-top: 15px;\n}\n.driver-request .driver-list li .driver-box {\n  border-radius: 10px;\n  background: rgba(var(--white), 1);\n  padding: 12px;\n}\n.driver-request .driver-list li .driver-box .profile-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.driver-request .driver-list li .driver-box .profile-head .profile-img {\n  width: 32px;\n  height: 32px;\n  object-fit: cover;\n  border-radius: 100%;\n}\n.driver-request .driver-list li .driver-box .profile-head h5 {\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.driver-request .driver-list li .driver-box .profile-head .icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 14px;\n}\n.driver-request .driver-list li .driver-box span {\n  font-size: 14px;\n}\n.driver-request .driver-list li .driver-box .clock {\n  width: 20px;\n  filter: invert(1);\n}\n.driver-request .driver-list li .driver-box .star {\n  width: 10px;\n}\n.driver-request .driver-list li .driver-box .grid-btn {\n  gap: 20px;\n}\n.driver-request .driver-list li .driver-box .grid-btn .btn {\n  padding: 6px;\n}\n.driver-request .driver-list li .driver-box .progress {\n  height: 3px;\n  --bs-progress-bg: rgba(var(--box-bg), 1);\n}\n.driver-request .driver-list li .driver-box .progress .progress-bar {\n  background-color: rgba(var(--secondary-color), 1);\n}\n.driver-request .driver-list li .driver-box.outstation-driver-box {\n  border: 1px solid rgba(var(--line-color), 1);\n  box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.06);\n}\n\n.driver-info-box {\n  position: fixed;\n  padding: 12px;\n  top: 100px;\n  left: 50%;\n  width: 90%;\n  max-width: 560px;\n  transform: translateX(-50%);\n  display: flex;\n  justify-content: space-between;\n  background-color: rgba(var(--title-color), 1);\n  border-radius: 6px;\n  box-shadow: 0px 0px 18px 0px rgba(var(--black), 0.1);\n}\n.driver-info-box h5 {\n  color: rgba(var(--white), 1);\n}\n.driver-info-box h3 {\n  color: rgba(var(--white), 1);\n}\n\n.driver-info {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n}\n.driver-info li {\n  width: 100%;\n}\n.driver-info li .info-box {\n  width: 100%;\n  height: 95px;\n  padding: 15px;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 8px;\n}\n@media (max-width: 600px) {\n  .driver-info li .info-box {\n    height: calc(75px + 20 * (100vw - 320px) / 280);\n    padding: calc(8px + 7 * (100vw - 320px) / 280);\n  }\n}\n.driver-info li .info-box h2 {\n  font-size: 20px;\n}\n@media (max-width: 600px) {\n  .driver-info li .info-box h2 {\n    font-size: calc(16px + 4 * (100vw - 320px) / 280);\n  }\n}\n\n.car-info-box {\n  margin-top: 25px;\n  padding: 15px;\n  display: flex;\n  -webkit-box-align: center;\n  align-items: flex-end;\n  justify-content: space-between;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 8px;\n}\n@media (max-width: 600px) {\n  .car-info-box {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.car-info-box .code {\n  font-size: 18px;\n}\n@media (max-width: 600px) {\n  .car-info-box .code {\n    font-size: calc(16px + 2 * (100vw - 320px) / 280);\n  }\n}\n.car-info-box .car-img {\n  transform: rotateY(180deg);\n  height: 50px;\n}\n@media (max-width: 600px) {\n  .car-info-box .car-img {\n    height: calc(45px + 5 * (100vw - 320px) / 280);\n  }\n}\n.car-info-box .icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 18px;\n}\n.car-info-box h5 {\n  color: rgba(var(--title-color), 1);\n}\n.car-info-box h3 {\n  color: rgba(var(--title-color), 1);\n}\n\n.reasons-list {\n  margin-top: 30px;\n}\n.reasons-list li {\n  width: 100%;\n  padding-bottom: 12px;\n}\n.reasons-list li:last-child {\n  padding-bottom: 0;\n}\n.reasons-list li .reasons-box {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 6px;\n}\n.reasons-list li .reasons-box h4 {\n  padding-left: 10px;\n  font-weight: 400;\n  line-height: 1.3;\n  color: rgba(var(--title-color), 1);\n  border-left: 1px solid rgba(var(--line-color), 1);\n}\n[dir=rtl] .reasons-list li .reasons-box h4 {\n  padding-left: unset;\n  padding-right: 10px;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--line-color), 1);\n}\n\n.rating-box {\n  margin-bottom: 15px;\n  padding: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--line-color), 0.8);\n  border-radius: 10px;\n  box-shadow: 0px 4px 18px 0px rgba(var(--title-color), 0.05);\n}\n.rating-box .rating-list {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n}\n@media (max-width: 600px) {\n  .rating-box .rating-list {\n    gap: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.rating-box .rating-list li .star {\n  width: 20px;\n  height: 20px;\n}\n.rating-box h4 {\n  padding-left: 12px;\n  border-left: 1px solid rgba(var(--line-color), 1);\n}\n[dir=rtl] .rating-box h4 {\n  padding-left: unset;\n  padding-right: 12px;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--line-color), 1);\n}\n\n.tip-part {\n  border-top: 1px solid rgba(var(--line-color), 1);\n}\n.tip-part .tip-list {\n  margin-top: 10px;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 10px;\n  width: 100%;\n}\n.tip-part .tip-list .tip-amount-box input[type=radio] {\n  display: none;\n}\n.tip-part .tip-list .tip-amount-box input[type=radio]:checked + label {\n  background-color: rgba(var(--theme-color), 1);\n  color: rgb(255, 255, 255);\n}\n.tip-part .tip-list .tip-amount-box .check-label {\n  padding: 10px 15px;\n  display: inline-block;\n  color: rgba(var(--content-color), 1);\n  background-color: rgba(var(--white), 1);\n  border-radius: 10px;\n  cursor: pointer;\n}\n.tip-part .form-control {\n  color: rgba(var(--title-color), 1);\n  background-color: rgba(var(--white), 1);\n  border: none;\n}\n.tip-part .form-control:focus {\n  box-shadow: none;\n  border: none;\n}\n.tip-part .form-control:focus-visible {\n  outline: none;\n}\n.tip-part .form-control::placeholder {\n  color: rgb(121, 125, 131);\n}\n\n.my-ride-list {\n  margin-top: 25px;\n}\n.my-ride-list li {\n  width: 100%;\n  border: 1px solid rgba(var(--black), 0.05);\n  border-radius: 8px;\n  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);\n}\n.my-ride-list li:last-child {\n  margin-bottom: 0;\n}\n.my-ride-list li .my-ride-box {\n  padding: 12px;\n}\n.my-ride-list li .my-ride-box .my-ride-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding-bottom: 15px;\n  border-bottom: 1px dashed rgba(var(--line-color), 1);\n}\n@media (max-width: 600px) {\n  .my-ride-list li .my-ride-box .my-ride-head {\n    padding-bottom: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.my-ride-list li .my-ride-box .my-ride-head .my-ride-img {\n  width: 40px;\n  height: 40px;\n  padding: 5px;\n  background-color: rgba(var(--title-color), 0.1);\n  border-radius: 6px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 24px;\n}\n.my-ride-list li .my-ride-box .my-ride-head .my-ride-img .my-ride-icon {\n  color: rgba(var(--title-color), 1);\n}\n.my-ride-list li .my-ride-box .my-ride-head .my-ride-content {\n  display: flex;\n  justify-content: space-between;\n  width: calc(100% - 40px - 10px);\n}\n.my-ride-list li .my-ride-box .my-ride-head .my-ride-content span {\n  font-weight: 400;\n  font-size: 13px;\n  display: list-item;\n  list-style-type: disc;\n}\n.my-ride-list li .my-ride-box .my-ride-head .my-ride-content span.success {\n  color: rgba(var(--success-color), 1);\n}\n.my-ride-list li .my-ride-box .my-ride-head .my-ride-content span.reject {\n  color: rgba(var(--error-color), 1);\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-info {\n  margin-block: 15px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n@media (max-width: 600px) {\n  .my-ride-list li .my-ride-box .my-ride-details .ride-info {\n    margin-block: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-info .ride-info-content {\n  width: calc(100% - 40px - 10px);\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-info .ride-info-content .star {\n  width: 14px;\n  height: 14px;\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-info .ride-info-content .count {\n  font-size: 14px;\n  line-height: 1;\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-info .profile-img {\n  width: 40px;\n  height: 40px;\n  object-fit: cover;\n  border-radius: 100%;\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-location-listing {\n  width: 100%;\n  padding: 15px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 6px;\n}\n@media (max-width: 600px) {\n  .my-ride-list li .my-ride-box .my-ride-details .ride-location-listing {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box {\n  position: relative;\n  width: 100%;\n  display: flex;\n  align-items: flex-start;\n  gap: 5px;\n  padding-bottom: 7px;\n  margin-bottom: 7px;\n  background-color: rgba(var(--box-bg), 1);\n  box-shadow: none;\n  border: none;\n  z-index: 0;\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box::before {\n  content: \"\";\n  position: absolute;\n  top: 12px;\n  left: 10px;\n  z-index: -1;\n  width: 2px;\n  height: calc(100% + 8px);\n  border-left: 1px dashed rgba(var(--title-color), 1);\n}\n[dir=rtl] .my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box::before {\n  left: unset;\n  right: 10px;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--line-color), 1);\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: calc(100% - 20px - 5px);\n  height: 1px;\n  border-top: 1px dashed rgba(var(--line-color), 1);\n}\n[dir=rtl] .my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box::after {\n  left: 0;\n  right: unset;\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box:last-child {\n  padding: 0;\n  margin: 0;\n  border: unset;\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box:last-child::before, .my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box:last-child::after {\n  content: unset;\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box .icon {\n  position: relative;\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 18px;\n  background-color: rgba(var(--box-bg), 1);\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box .icon::after {\n  content: \"\";\n  position: absolute;\n  bottom: 10px;\n  left: 0;\n  width: 25px;\n  border: 1px dashed rgba(var(--line-color), 1);\n  transform: rotate(90deg);\n}\n[dir=rtl] .my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box .icon::after {\n  left: unset;\n  right: 0;\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box .form-control {\n  padding: 10px 0;\n  font-size: 13px;\n  background-color: rgba(var(--box-bg), 1);\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n  border-radius: 0;\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box .form-control::placeholder {\n  color: rgb(121, 125, 131);\n  font-size: 14px;\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box .form-control:focus {\n  box-shadow: none;\n  border: none;\n}\n.my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box .add-stop {\n  padding-left: 10px;\n  border-left: 1px solid rgba(var(--line-color), 1);\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 24px;\n}\n[dir=rtl] .my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box .add-stop {\n  padding-left: unset;\n  padding-right: 10px;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--line-color), 1);\n}\n.my-ride-list.driver-ride-list li {\n  margin-bottom: 10px;\n}\n.my-ride-list.driver-ride-list li:last-child {\n  margin-bottom: 0;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-head .price {\n  border-left: 1px solid rgba(var(--line-color), 1);\n}\n[dir=rtl] .my-ride-list.driver-ride-list li .my-ride-box .my-ride-head .price {\n  border-left: unset;\n  border-right: 1px solid rgba(var(--line-color), 1);\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-head .my-ride-img {\n  width: 25px;\n  height: 25px;\n  padding: 0;\n  background-color: transparent;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-head .my-ride-img .profile-img {\n  width: 100%;\n  height: 100%;\n  border-radius: 100%;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-head .my-ride-content {\n  width: calc(100% - 25px - 10px);\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-head .my-ride-content .star {\n  width: 10px;\n  height: 10px;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-head .my-ride-content span {\n  list-style-type: unset;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-head .my-ride-content .icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 14px;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing {\n  width: 100%;\n  padding: 15px;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 6px;\n}\n@media (max-width: 600px) {\n  .my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing {\n    padding: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box {\n  position: relative;\n  padding-bottom: 7px;\n  margin-bottom: 7px;\n  background-color: transparent;\n  box-shadow: none;\n  border: none;\n  z-index: 0;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box::before {\n  content: \"\";\n  position: absolute;\n  top: 10px;\n  left: 10px;\n  z-index: -1;\n  width: 2px;\n  height: calc(100% + 8px);\n  border-left: 1px dashed rgba(var(--title-color), 1);\n}\n[dir=rtl] .my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box::before {\n  left: unset;\n  right: 10px;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--line-color), 1);\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: calc(100% - 20px - 5px);\n  height: 1px;\n  border-top: 1px dashed rgba(var(--line-color), 1);\n}\n[dir=rtl] .my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box::after {\n  left: 0;\n  right: unset;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box:last-child {\n  padding: 0;\n  margin: 0;\n  border: unset;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box:last-child::before, .my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box:last-child::after {\n  content: unset;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box .icon {\n  position: relative;\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 18px;\n  background-color: rgba(var(--box-bg), 1);\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box .icon::after {\n  content: \"\";\n  position: absolute;\n  bottom: 10px;\n  left: 0;\n  width: 25px;\n  border: 1px dashed rgba(var(--line-color), 1);\n  transform: rotate(90deg);\n}\n[dir=rtl] .my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box .icon::after {\n  left: unset;\n  right: 0;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box .form-control {\n  padding: 10px 0;\n  font-size: 13px;\n  background-color: rgba(var(--box-bg), 1);\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n  border-radius: 0;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box .form-control::placeholder {\n  color: rgb(121, 125, 131);\n  font-size: 14px;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box .form-control:focus {\n  box-shadow: none;\n  border: none;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box .add-stop {\n  padding-left: 10px;\n  border-left: 1px solid rgba(var(--line-color), 1);\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 24px;\n}\n[dir=rtl] .my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-location-listing li .location-box .add-stop {\n  padding-left: unset;\n  padding-right: 10px;\n  border-left: unset;\n  border-right: 1px solid rgba(var(--line-color), 1);\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-info .comm-icon {\n  width: 35px;\n  height: 35px;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 100%;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-info .comm-icon .icon-btn {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-info .icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 14px;\n}\n\n.my-ride-details-page {\n  margin-top: 20px;\n}\n.my-ride-details-page .profile-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.my-ride-details-page .profile-head.driver-profile-head {\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.my-ride-details-page .profile-head .profile-img {\n  width: 40px;\n  height: 40px;\n  object-fit: cover;\n  border-radius: 100%;\n}\n.my-ride-details-page .profile-head .profile-content {\n  width: calc(100% - 40px - 10px);\n  display: flex;\n  align-items: flex-start;\n  gap: 5px;\n  justify-content: space-between;\n}\n.my-ride-details-page .profile-head .profile-content h5 {\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n}\n.my-ride-details-page .profile-head .profile-content .star {\n  width: 10px;\n}\n.my-ride-details-page .profile-head .profile-content span {\n  font-size: 13px;\n}\n.my-ride-details-page .profile-head .profile-content .status {\n  font-size: 13px;\n  line-height: 1;\n  display: list-item;\n  list-style-type: disc;\n}\n.my-ride-details-page .profile-head .profile-content .icon {\n  --Iconsax-Color: rgba(var(--content-color), 1);\n  --Iconsax-Size: 14px;\n}\n.my-ride-details-page .profile-head .profile-content .icon-btn {\n  width: 35px;\n  height: 35px;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--box-bg), 1);\n  border-radius: 100%;\n}\n.my-ride-details-page .rating-part {\n  padding-bottom: 15px;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.my-ride-details-page .rating-part .rating-box {\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n.my-ride-details-page .pin-code {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 5px;\n}\n.my-ride-details-page .pin-code li {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgba(var(--secondary-color), 1);\n  border-radius: 100%;\n}\n.my-ride-details-page .payment-method-part {\n  padding-bottom: 15px;\n  border-bottom: 1px solid rgba(var(--line-color), 1);\n}\n@media (max-width: 600px) {\n  .my-ride-details-page .payment-method-part {\n    padding-bottom: calc(10px + 5 * (100vw - 320px) / 280);\n  }\n}\n\n.bill-details {\n  position: relative;\n  margin-top: 30px;\n}\n@media (max-width: 600px) {\n  .bill-details {\n    margin-top: calc(15px + 15 * (100vw - 320px) / 280);\n  }\n}\n.bill-details .bill-title {\n  padding-inline: 20px;\n}\n.bill-details .total-detail {\n  position: relative;\n  background-color: rgba(var(--box-bg), 1);\n  padding: 20px;\n  margin-bottom: 0;\n}\n.bill-details .total-detail .sub-total {\n  display: flex;\n  justify-content: space-between;\n}\n.bill-details .total-detail h5 {\n  color: rgba(var(--title-color), 1);\n}\n.bill-details .total-detail .free {\n  color: rgba(var(--title-color), 1);\n  position: absolute;\n  top: 54px;\n  right: 20px;\n}\n[dir=rtl] .bill-details .total-detail .free {\n  right: unset;\n  left: 20px;\n}\n.bill-details .total-detail .delivery-info {\n  width: 70%;\n  margin-bottom: 15px;\n  line-height: 1.2;\n}\n.bill-details .total-detail .grand-total {\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px solid rgba(var(--line-color), 1);\n  padding: 10px 0 0;\n}\n.bill-details .total-detail .grand-total h5 {\n  color: rgba(var(--title-color), 1);\n}\n.bill-details .total-detail .grand-total .amount {\n  color: rgba(var(--title-color), 1);\n}\n.bill-details .total-detail .dots-design {\n  position: absolute;\n  bottom: 0;\n  width: 95%;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.ride-location-listing li {\n  width: 100%;\n  position: relative;\n  padding-bottom: 7px;\n  margin-bottom: 7px;\n  z-index: 0;\n}\n.ride-location-listing li::before {\n  content: \"\";\n  position: absolute;\n  top: 12px;\n  left: 10px;\n  z-index: -1;\n  width: 2px;\n  height: calc(100% - 1px);\n  border-left: 1px dashed rgba(var(--line-color), 1);\n}\n[dir=rtl] .ride-location-listing li::before {\n  left: unset;\n  right: 10px;\n  border-left: unset;\n  border-right: 1px dashed rgba(var(--line-color), 1);\n}\n.ride-location-listing li::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: calc(100% - 20px - 5px);\n  height: 1px;\n  border-top: 1px dashed rgba(var(--line-color), 1);\n}\n[dir=rtl] .ride-location-listing li::after {\n  right: unset;\n  left: 10px;\n}\n.ride-location-listing li:last-child {\n  padding: 0;\n  margin: 0;\n  border: unset;\n}\n.ride-location-listing li:last-child::before, .ride-location-listing li:last-child::after {\n  content: unset;\n}\n.ride-location-listing li .location-box {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.ride-location-listing li .location-box .icon {\n  position: relative;\n  --Iconsax-Color: rgba(var(--title-color), 1);\n  --Iconsax-Size: 18px;\n  background-color: rgba(var(--box-bg), 1);\n}\n.ride-location-listing li .location-box .icon::after {\n  content: \"\";\n  position: absolute;\n  bottom: 10px;\n  left: 0;\n  width: 25px;\n  border: 1px dashed rgba(var(--line-color), 1);\n  transform: rotate(90deg);\n}\n[dir=rtl] .ride-location-listing li .location-box .icon::after {\n  right: 0;\n  left: unset;\n}\n.ride-location-listing li .location-box h5 {\n  width: calc(100% - 20px - 5px);\n}\n.ride-location-listing.driver-location-list {\n  border-radius: 8px;\n}\n\n.reasons-link {\n  margin-top: 15px;\n  font-size: 14px;\n  line-height: 1;\n  color: rgba(var(--title-color), 1);\n}\n\n.reason-part p {\n  margin-top: 5px;\n  padding: 15px;\n  color: rgba(var(--error-color), 1);\n  background-color: rgba(var(--error-color), 0.1);\n  border-radius: 8px;\n}\n\n.download-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n}\n.download-btn .icon {\n  --Iconsax-Color: rgba(var(--theme-color), 1);\n  --Iconsax-Size: 18px;\n  transform: rotate(90deg);\n}\n\n.payment-method-list {\n  padding-top: 30px;\n}\n@media (max-width: 600px) {\n  .payment-method-list {\n    padding-top: calc(15px + 15 * (100vw - 320px) / 280);\n  }\n}\n.payment-method-list li {\n  margin-bottom: 20px;\n  box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n}\n.payment-method-list li:last-child {\n  margin-bottom: 0;\n}\n.payment-method-list li .payment-list-box {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 10px;\n  background-color: rgba(var(--white), 1);\n  border-radius: 8px;\n}\n.payment-method-list li .payment-list-box .form-check-input {\n  width: 20px;\n  height: 20px;\n  margin: 0px;\n  background-color: rgba(var(--white), 1);\n  border: 1px solid rgba(var(--content-color), 0.5) !important;\n  border-radius: 100%;\n  box-shadow: 0px 2px 15px 0px rgba(78, 160, 247, 0.08);\n  transition: all 0.5s ease;\n}\n.payment-method-list li .payment-list-box .form-check-input:focus {\n  border-color: transparent;\n  box-shadow: none;\n}\n.payment-method-list li .payment-list-box .form-check-input:checked {\n  position: relative;\n  background-color: rgba(var(--box-bg), 1);\n  border-color: rgba(var(--theme-color), 1);\n  float: unset;\n}\n.payment-method-list li .payment-list-box .form-check-input:checked::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 10px;\n  height: 10px;\n  background-color: rgba(var(--title-color), 1);\n  border-radius: 100%;\n}\n.payment-method-list li .payment-list-box .form-check-label {\n  color: rgba(var(--title-color), 1);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.payment-method-list li .payment-list-box .form-check-label .img {\n  width: 35px;\n  height: 35px;\n  object-fit: contain;\n}\n\n/* themes */\n/*=====================\n   6.1 Dark CSS start\n==========================*/\nbody.dark .offcanvas.addtohome-popup .btn-close {\n  filter: invert(1);\n}\nbody.dark .navbar-menu ul li.active .icon .active {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .auth-content-bg .auth-title .line {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .sidebar-offcanvas .offcanvas-header .sidebar-logo .logo-dark {\n  display: block;\n  width: 120px;\n}\nbody.dark .sidebar-offcanvas .offcanvas-header .sidebar-logo .logo {\n  display: none;\n}\nbody.dark .auth-content-bg .line-design li.active {\n  color: rgba(var(--content-color), 1);\n}\nbody.dark .auth-header .logo-dark {\n  display: block;\n  position: absolute;\n  height: 25px;\n  margin-top: 5px;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%);\n}\nbody.dark .auth-header .logo {\n  display: none;\n}\nbody.dark .main-header .header-panel .logo-dark {\n  display: block;\n  position: absolute;\n  height: 25px;\n  margin-top: 5px;\n  left: 50%;\n  transform: translateX(-50%);\n}\nbody.dark .main-header .header-panel .logo {\n  display: none;\n}\nbody.dark .my-ride-list li .my-ride-box .my-ride-details .ride-location-listing .location-box .icon {\n  filter: invert(1) grayscale(1);\n  background-color: transparent;\n}\nbody.dark .ride-content-bg .profile-head .profile-content a .icon-btn {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .ride-content-bg .vehicle-info .share-icon {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .ride-content-bg .location-part .icon {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .ride-location-listing li .location-box .icon {\n  filter: invert(1) grayscale(1);\n  background-color: transparent;\n}\nbody.dark .wallet-part .arrow-img {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .bill-details .total-detail .dots-design {\n  filter: invert(0.9);\n}\nbody.dark .categories-place-list li .categories-place-box .place-icon .icon-btn {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .main-header.inner-page-header .header-panel a .icon-btn.add-icon {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .ride-content-bg .current-location-box .location-icon .icon {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-info .icon {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .my-ride-list.driver-ride-list li .my-ride-box .my-ride-details .ride-info .comm-icon .icon-btn {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .reasons-list li .reasons-box img {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .theme-content-bg .my-ride-box .my-ride-details .ride-info .icon {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .location-section .pickup-location-listing li .location-box .icon {\n  filter: invert(1) grayscale(1);\n}\nbody.dark .location-bg {\n  background-color: rgba(var(--box-bg), 1);\n}\nbody.dark .ride-offcanvas .offcanvas-header .btn-close {\n  filter: invert(1);\n}\nbody.dark .navbar-menu {\n  background-color: rgba(var(--box-bg), 1);\n}\nbody.dark .promo-code-list li .promo-code-box .coupon-bg {\n  filter: invert(1);\n}\nbody.dark .ride-offcanvas .offcanvas-body .form-check .form-check-input {\n  background-color: rgba(var(--theme-color), 1);\n}\nbody.dark .ride-offcanvas .offcanvas-body .form-check .form-check-input:checked {\n  border: 1px solid rgba(var(--title-color), 1);\n}\nbody.dark .ride-offcanvas .offcanvas-body .form-check .form-check-input:checked::after {\n  background-color: rgba(var(--title-color), 1);\n}\nbody.dark .delete-modal .modal-content .modal-body .icon {\n  filter: invert(1);\n}\nbody.dark .otp-form .form-input .form-control:focus {\n  border: 1px solid rgba(var(--title-color), 1);\n}\nbody.dark .onboarding-section .user-onboarding-content-box .union-img-dark {\n  display: block;\n  position: absolute;\n  top: -137px;\n  left: 50%;\n  width: 100%;\n  height: 100%;\n  transform: translateX(-50%);\n  z-index: 0;\n}\n@media (max-width: 500px) {\n  body.dark .onboarding-section .user-onboarding-content-box .union-img-dark {\n    top: -117px;\n  }\n}\n@media (max-width: 375px) {\n  body.dark .onboarding-section .user-onboarding-content-box .union-img-dark {\n    top: -110px;\n  }\n}\nbody.dark .onboarding-section .user-onboarding-content-box .union-img {\n  display: none;\n}\nbody.dark .element-modal .modal-header .btn-close {\n  filter: invert(1);\n}\nbody.dark .element-list li .theme-outline-btn {\n  color: rgba(var(--title-color), 1);\n  border: 1px solid rgba(var(--title-color), 1);\n}\nbody.dark .main-categories-list li .main-categories-box .main-categories-content .arrow-icon {\n  --Iconsax-Color: rgba(255, 255, 255, 1);\n}\nbody.dark .poster-part {\n  background-color: rgba(var(--box-bg), 1);\n}\nbody.dark .vehicle-content .content-title .members {\n  filter: invert(1);\n}","/*========================\n  1.2  Variable CSS start\n==========================*/\n/* font family */\n$lexend: \"Lexend\", sans-serif;\n\n/* color variables */\n:root {\n  --theme-color: 23, 28, 38;\n  --title-color: 23, 28, 38;\n  --content-color: 127, 131, 132;\n  --box-bg: 243, 244, 246;\n  --line-color: 232, 232, 233;\n  --secondary-color: 255, 180, 0;\n  --success-color: 32, 177, 73;\n  --error-color: 255, 75, 75;\n  --accent-color: 58, 109, 229;\n  --white: 255, 255, 255;\n  --black: 0, 0, 0;\n}\n\n.dark {\n  --theme-color: 2, 2, 3;\n  --title-color: 255, 255, 255;\n  --content-color: 127, 131, 132;\n  --white: 18, 18, 18;\n  --black: 255, 255, 255;\n  --box-bg: 30, 30, 30;\n  --line-color: 65, 65, 65;\n}\n","/*=====================\n  2.1  Reset CSS start\n==========================*/\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\ninput {\n  &[type=\"number\"] {\n    appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n}\n\n.custom-container {\n  padding: 0 20px;\n  @media (max-width: 600px) {\n    padding: 0 calc(15px + (20 - 15) * ((100vw - 320px) / (600 - 320)));\n  }\n}\n\nsection,\n.section-t-space {\n  padding-top: 25px;\n  @media (max-width: 600px) {\n    padding-top: calc(20px + (25 - 20) * ((100vw - 320px) / (600 - 320)));\n  }\n}\n\n.section-b-space {\n  padding-bottom: 25px;\n  @media (max-width: 600px) {\n    padding-bottom: calc(20px + (25 - 20) * ((100vw - 320px) / (600 - 320)));\n  }\n}\n\n.section-lg-t-space {\n  padding-top: 100px;\n}\n\n.section-lg-b-space {\n  padding-bottom: 100px;\n}\n\n.panel-space {\n  padding-top: 100px !important;\n}\n\n.white-color {\n  color: rgba(var(--white), 1) !important;\n}\n\n.theme-color {\n  color: rgba(var(--theme-color), 1) !important;\n}\n\n.content-color {\n  color: rgba(var(--content-color), 1) !important;\n}\n\n.title-color {\n  color: rgba(var(--title-color), 1) !important;\n}\n\n.success-color {\n  color: rgba(var(--success-color), 1) !important;\n}\n\n.secondary-color {\n  color: rgba(var(--secondary-color), 1) !important;\n}\n\n.error-color {\n  color: rgba(var(--error-color), 1) !important;\n}\n\n.theme-bg {\n  background-color: rgba(var(--theme-color), 1) !important;\n}\n\n.accent-color {\n  color: rgba(var(--accent-color), 1) !important;\n}\n\n.success-bg {\n  background-color: rgba(var(--success-color), 1) !important;\n}\n\n.error-bg {\n  background-color: rgba(var(--error-color), 1) !important;\n}\n\n.box-background {\n  background-color: rgba(var(--box-bg), 1) !important;\n}\n.white-background {\n  background-color: rgba(var(--white), 1) !important;\n}\n\n.swiper {\n  [dir=\"rtl\"] & {\n    direction: ltr;\n    .swiper-slide {\n      > * {\n        direction: rtl;\n      }\n    }\n  }\n}\n\ninput[type=\"email\"],\ninput[type=\"number\"],\ninput[type=\"date\"] {\n  [dir=\"rtl\"] & {\n    text-align: end;\n  }\n}\n","/*=====================\n  2.2  Typography CSS start\n==========================*/\n\n* {\n  margin: 0;\n  padding: 0;\n}\n\nbody {\n  font-family: \"Lexend\", sans-serif;\n  max-width: 600px;\n  position: relative;\n  width: 100%;\n  margin: 0 auto;\n  height: 100vh;\n  background-color: rgba(var(--white), 1);\n\n  & {\n    scrollbar-width: none;\n  }\n\n  &::-webkit-scrollbar {\n    width: 0px;\n  }\n}\n\nh1 {\n  font-size: 36px;\n  margin-bottom: 0;\n}\n\nh2 {\n  font-size: 20px;\n  margin-bottom: 0;\n}\n\nh3 {\n  font-size: 18px;\n  margin-bottom: 0;\n}\n\nh4 {\n  font-size: 16px;\n  margin-bottom: 0;\n}\n\nh5 {\n  font-size: 14px;\n  margin-bottom: 0;\n}\n\nh6 {\n  font-size: 13px;\n  margin-bottom: 0;\n}\n\np {\n  font-size: 13px;\n  line-height: 1.5;\n  margin-bottom: 0;\n}\n\na {\n  text-decoration: none;\n  line-height: 1;\n}\n\nul {\n  padding: 0;\n  margin-bottom: 0;\n}\n\nli {\n  list-style: none;\n  display: inline-block;\n  font-size: 14px;\n}\n","/*=====================\n  3.1  Button CSS start\n==========================*/\n.btn {\n    padding: 15px;\n    @media (max-width: 600px) {\n        padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n    }\n    &-inline {\n        padding: 15px;\n        @media (max-width: 600px) {\n            padding-inline: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n    }\n\n    &-lg {\n        padding: 12px 44px;\n    }\n\n    &:focus {\n        border-color: transparent;\n        box-shadow: none;\n    }\n\n    &:first-child {\n        &:active {\n            border-color: transparent;\n            color: unset;\n            background-color: unset;\n        }\n    }\n}\n\n.theme-btn {\n    background-color: rgba(var(--theme-color), 1);\n    color: rgba(255, 255, 255, 1);\n    @media (max-width: 600px) {\n        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (600 - 320)));\n    }\n\n    &:active {\n        color: rgba(255, 255, 255, 1) !important;\n        background-color: rgba(var(--theme-color), 1) !important;\n        border: 1px solid rgba(var(--theme-color), 1) !important;\n    }\n\n    &:hover {\n        color: rgba(255, 255, 255, 1);\n        background-color: rgba(var(--theme-color), 1);\n    }\n}\n\n.gray-btn {\n    color: rgba(var(--title-color), 1);\n    background-color: rgba(var(--box-bg), 1);\n    @media (max-width: 600px) {\n        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (600 - 320)));\n    }\n\n    &:active {\n        color: rgba(var(--title-color), 1);\n        background-color: rgba(var(--box-bg), 1) !important;\n    }\n\n    &:hover {\n        color: rgba(var(--title-color), 1);\n        background-color: rgba(var(--box-bg), 1) !important;\n    }\n}\n\n.btn-link {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-decoration: none;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 18px;\n    color: rgba(var(--content-color), 1);\n\n    &:hover {\n        color: rgba(var(--content-color), 1);\n    }\n}\n\n.grid-btn {\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n    gap: 15px;\n}\n","/*=====================\n  3.3  chatting CSS start\n==========================*/\n.msger {\n    margin-top: 10px;\n}\n\n.msg {\n    display: flex;\n    align-items: flex-end;\n    margin-bottom: 10px;\n\n    &:last-of-type {\n        margin: 0;\n    }\n}\n\n.msg-img {\n    width: 30px;\n    height: 30px;\n    margin-right: 10px;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n    border-radius: 100%;\n}\n\n.msg-bubble {\n    max-width: 190px;\n    padding: 15px;\n    border-radius: 15px;\n    background: var(--left-msg-bg);\n    font-size: 14px;\n    width: max-content;\n    @media (max-width: 600px) {\n        padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n    }\n}\n\n.msg-info {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px;\n}\n\n.msg-info-name {\n    margin-right: 10px;\n    font-weight: bold;\n\n    [dir=\"rtl\"] & {\n        margin-left: 10px;\n        margin-right: unset;\n    }\n}\n\n.msg-info-time {\n    font-size: 0.85em;\n}\n\n.left-msg {\n    .msg-img {\n        margin-left: 10px;\n\n        .icon {\n            width: 30px;\n            height: 30px;\n            border-radius: 100%;\n        }\n    }\n\n    .msg-bubble {\n        border-bottom-left-radius: 0;\n        background: rgba(var(--box-bg), 1);\n        border-radius: 20px 20px 20px 0px;\n        color: rgba(var(--title-color), 1);\n        width: calc(100% - 50px - 10px - 40px);\n        margin-right: 0;\n        width: max-content;\n\n        [dir=\"rtl\"] & {\n            margin-left: 0;\n            margin-right: unset;\n        }\n    }\n}\n\n.right-msg {\n    flex-direction: row-reverse;\n\n    .msg-bubble {\n        background: rgba(var(--title-color), 1);\n        border-radius: 10px 10px 0px 10px;\n        color: rgba(var(--white), 1);\n\n        .msg-text {\n            color: rgba(var(--white), 1) !important;\n        }\n    }\n\n    .msg-img {\n        margin-left: 10px;\n\n        [dir=\"rtl\"] & {\n            margin-left: unset;\n            margin-right: 10px;\n        }\n\n        .icon {\n            width: 30px;\n            height: 30px;\n            border-radius: 100%;\n        }\n    }\n}\n\n.msger-inputarea {\n    display: flex;\n    padding: 20px;\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    background-color: rgba(var(--white), 1);\n\n    [dir=\"rtl\"] & {\n        left: unset;\n        right: 0;\n    }\n\n    * {\n        border: none;\n        border-radius: 3px;\n        font-size: 1em;\n    }\n}\n\n.msger-input {\n    background-color: rgba(var(--box-bg), 1);\n    backdrop-filter: blur(2px);\n    padding: 15px 80px 15px 40px;\n    font-weight: 400;\n    font-size: 14px;\n    width: 100%;\n    color: rgba(var(--title-color), 1);\n    border-radius: 6px;\n    [dir=\"rtl\"] & {\n        padding: 15px 40px 15px 80px;\n    }\n    &::placeholder {\n        color: rgba(121, 125, 131, 1);\n    }\n\n    &:focus {\n        outline: none;\n    }\n}\n.mic {\n    position: absolute;\n    width: 24px;\n    height: 24px;\n    top: 50%;\n    right: 70px;\n    transform: translateY(-50%);\n    --Iconsax-Size: 22px;\n    --Iconsax-Color: rgba(var(--content-color), 1);\n    cursor: pointer;\n    [dir=\"rtl\"] & {\n        left: 70px;\n        right: unset;\n    }\n}\n\n.smile {\n    position: absolute;\n    width: 24px;\n    height: 24px;\n    top: 50%;\n    left: 30px;\n    transform: translateY(-50%);\n    cursor: pointer;\n    [dir=\"rtl\"] & {\n        left: unset;\n        right: 30px;\n    }\n}\n.msger-send-btn {\n    position: absolute;\n    right: 30px;\n    top: 50%;\n    transform: translateY(-50%);\n    border-radius: 6px;\n    [dir=\"rtl\"] & {\n        right: unset;\n        left: 30px;\n    }\n    .icon-btn {\n        width: 30px;\n        height: 30px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        --Iconsax-Color: rgba(255, 255, 255, 1);\n        --Iconsax-Size: 20px;\n        background-color: rgba(var(--theme-color), 1);\n    }\n}\n","/*=====================\n  3.2  calender CSS start\n==========================*/\n.mbsc-datepicker {\n    border-top: none !important;\n    border-bottom: none !important;\n\n    .mbsc-datepicker-tab-wrapper {\n        display: block;\n        .mbsc-datepicker-tab-calendar {\n            margin: 15px 10px;\n            box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.06);\n            border-radius: 10px;\n\n            .mbsc-calendar {\n                padding-bottom: 0;\n                .mbsc-calendar-wrapper {\n                    border-radius: 10px;\n                    background-color: rgba(var(--white), 1);\n\n                    .mbsc-calendar-header {\n                        .mbsc-calendar-controls {\n                            .mbsc-calendar-title-wrapper {\n                                .mbsc-calendar-button {\n                                    color: rgba(var(--title-color), 1);\n                                }\n                            }\n\n                            .mbsc-calendar-button-prev,\n                            .mbsc-calendar-button-next {\n                                color: rgba(var(--title-color), 1);\n                            }\n                        }\n                    }\n\n                    .mbsc-calendar-slide {\n                        .mbsc-calendar-table {\n                            .mbsc-calendar-week-days {\n                                font-weight: 700;\n                                font-size: 20px;\n                            }\n\n                            .mbsc-calendar-row {\n                                .mbsc-calendar-cell {\n                                    :not(.mbsc-calendar-cell-inner) {\n                                        > div {\n                                            visibility: hidden;\n                                        }\n                                    }\n                                    .mbsc-calendar-cell-inner {\n                                        .mbsc-calendar-cell-text {\n                                            color: rgba(var(--title-color), 1);\n                                        }\n                                    }\n                                    &.mbsc-selected {\n                                        .mbsc-calendar-cell-text {\n                                            background-color: rgba(var(--secondary-color), 1);\n                                            border: none;\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        .mbsc-datepicker-tab {\n            .mbsc-scroller {\n                .mbsc-scroller-wheel-group-cont {\n                    .mbsc-scroller-wheel-line {\n                        background-color: rgba(var(--box-bg), 1);\n                        z-index: 0;\n                    }\n                }\n            }\n        }\n    }\n\n    .mbsc-scroller-wheel-item {\n        > div {\n            > div {\n                visibility: hidden;\n            }\n        }\n        &.mbsc-selected {\n            color: rgba(var(--title-color), 1);\n            border-radius: 0;\n            background-color: rgba(var(--box-bg), 1);\n        }\n    }\n}\n","/*=====================\n  3.4  form CSS start\n==========================*/\n.auth-form {\n  margin-top: 20px;\n\n  .form-group {\n    position: relative;\n    display: block;\n    margin-top: 20px;\n    @media (max-width: 600px) {\n      margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (600 - 320)));\n    }\n\n    .form-label {\n      font-size: 14px;\n      font-weight: 500;\n      color: rgba(var(--title-color), 1);\n    }\n\n    .form-control {\n      position: relative;\n      padding: 15px;\n      font-size: 16px;\n      font-weight: 400;\n      text-align: left;\n      color: rgba(var(--title-color), 1);\n      background-color: rgba(var(--white), 1);\n      border: none;\n      border-radius: 8px;\n      box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n      @media (max-width: 600px) {\n        padding: calc(12px + (15 - 12) * ((100vw - 320px) / (600 - 320)));\n        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (600 - 320)));\n      }\n\n      [dir=\"rtl\"] & {\n        text-align: right;\n      }\n\n      &.search {\n        padding: 15px 15px 15px 55px;\n        background-color: rgba(var(--white), 1);\n        box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n        @media (max-width: 600px) {\n          padding: calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320)))\n            calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320)))\n            calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320))) 55px;\n        }\n\n        [dir=\"rtl\"] & {\n          padding: 15px 55px 15px 15px;\n          @media (max-width: 600px) {\n            padding: calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320))) 55px\n              calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320)))\n              calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n          }\n        }\n      }\n\n      &:focus {\n        box-shadow: none;\n        border-color: transparent;\n      }\n\n      &::placeholder {\n        color: rgba(121, 125, 131, 1);\n      }\n    }\n\n    .dropdown {\n      .dropdown-toggle {\n        padding-left: 15px;\n        font-size: 16px;\n        color: rgba(var(--content-color), 1);\n        background-color: rgba(var(--white), 1);\n        box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        [dir=\"rtl\"] & {\n          padding-left: unset;\n          padding-right: 15px;\n        }\n\n        @media (max-width: 600px) {\n          font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (600 - 320)));\n          padding-left: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n\n        .dropdown-icon {\n          --Iconsax-Color: rgba(var(--title-color), 1);\n          --Iconsax-Size: 16px;\n          width: 16px;\n          height: 16px;\n        }\n        &::after {\n          content: none;\n        }\n        &:first-child {\n          &:active {\n            border-color: rgba(var(--content-color), 0.15);\n          }\n        }\n        &:focus {\n          border-color: rgba(var(--content-color), 0.15);\n        }\n        .dropdown-icon {\n          --Iconsax-Color: rgba(var(--content-color), 1);\n          --Iconsax-Size: 16px;\n        }\n      }\n\n      .dropdown-menu {\n        &.show {\n          min-width: 100%;\n          background-color: rgba(var(--white), 1);\n        }\n        li {\n          width: 100%;\n          .dropdown-item {\n            color: rgba(var(--content-color), 1);\n            display: flex;\n            justify-content: flex-start;\n            font-size: 16px;\n            @media (max-width: 600px) {\n              font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (600 - 320)));\n            }\n            &:active {\n              background-color: rgba(var(--content-color), 0.05);\n            }\n            &:hover {\n              background-color: transparent;\n            }\n          }\n        }\n      }\n    }\n\n    .form-check {\n      margin-top: 8px;\n      margin-bottom: 0;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      float: unset;\n      padding-left: 0;\n      [dir=\"rtl\"] & {\n        padding-left: unset;\n        padding-right: 0;\n      }\n      .form-check-label {\n        color: rgba(var(--content-color), 1);\n      }\n      .form-check-input {\n        width: 20px;\n        height: 20px;\n        margin-left: 0px;\n        background-color: rgba(var(--white), 1);\n        border: 1px solid rgba(var(--content-color), 0.5) !important;\n        border-radius: 4px;\n        box-shadow: 0px 2px 15px 0px rgba(78, 160, 247, 0.08);\n        transition: all 0.5s ease;\n        [dir=\"rtl\"] & {\n          margin-left: unset;\n          margin-right: 0;\n        }\n        &:focus {\n          border-color: transparent;\n          box-shadow: none;\n        }\n        &:checked {\n          background-color: rgba(var(--title-color), 1);\n          border-color: rgba(var(--content-color), 0.15);\n          float: unset;\n        }\n      }\n    }\n\n    .upload-image {\n      position: relative;\n      width: 100%;\n      height: 120px;\n      background-color: rgba(var(--white), 1);\n      backdrop-filter: blur(2px);\n      border-radius: 8px;\n      color: rgba(var(--white), 1);\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-direction: column;\n      padding: 12px;\n      #file {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100%;\n        height: 100%;\n        z-index: 2;\n        opacity: 0;\n        cursor: pointer;\n      }\n      .upload-file {\n        position: fixed;\n        height: 100%;\n        width: 100%;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        text-align: center;\n        color: rgba(var(--content-color), 1);\n        opacity: 0;\n        z-index: 1;\n      }\n\n      .upload-icon {\n        font-size: 20px;\n        color: rgba(var(--title-color), 1);\n        position: relative;\n        --Iconsax-Color: rgba(var(--content-color), 1);\n        --Iconsax-Size: 20px;\n        transform: rotate(90deg);\n      }\n\n      .profile-icon {\n        position: relative;\n        width: 100px;\n        color: rgba(var(--title-color), 1);\n        filter: opacity(0.1);\n      }\n      &::after {\n        content: \"\";\n        position: absolute;\n        width: calc(100% - 20px);\n        height: calc(100% - 20px);\n        border: 1px dashed rgba(var(--content-color), 0.3);\n        border-radius: 6px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n      }\n      h5 {\n        position: relative;\n        margin-top: 5px;\n        font-weight: 400;\n        color: rgba(var(--content-color), 1);\n      }\n      &.profile-image {\n        width: 100%;\n        height: 300px;\n      }\n    }\n  }\n  .google-btn {\n    color: rgba(var(--title-color), 1);\n    background-color: rgba(var(--white), 1);\n  }\n}\n\n.otp-form {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n  gap: 20px;\n\n  @media (max-width: 600px) {\n    gap: calc(10px + (20 - 10) * ((100vw - 320px) / (600 - 320)));\n  }\n\n  .form-input {\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n\n    .form-control {\n      position: relative;\n      text-align: center;\n      padding: 15px;\n      color: rgba(var(--content-color), 1);\n      background-color: rgba(var(--white), 1);\n      border-color: transparent;\n      border-radius: 8px;\n      @media (max-width: 600px) {\n        padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n      }\n\n      &::placeholder {\n        color: rgba(121, 125, 131, 1);\n      }\n\n      &:focus {\n        box-shadow: none;\n        border: 1px solid rgba(var(--theme-color), 1);\n      }\n    }\n  }\n\n  .btn {\n    margin-top: 80px;\n  }\n}\n\n.theme-form {\n  .form-group {\n    position: relative;\n    display: block;\n    margin-top: 20px;\n\n    .form-label {\n      font-size: 14px;\n      font-weight: 500;\n      color: rgba(var(--title-color), 1);\n    }\n\n    .form-control {\n      position: relative;\n      padding: 15px;\n      font-size: 16px;\n      font-weight: 400;\n      text-align: left;\n      color: rgba(var(--content-color), 1);\n      background-color: rgba(var(--box-bg), 1);\n      border: none;\n      border-radius: 8px;\n      box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n      @media (max-width: 600px) {\n        padding: calc(12px + (15 - 12) * ((100vw - 320px) / (600 - 320)));\n        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (600 - 320)));\n      }\n\n      [dir=\"rtl\"] & {\n        text-align: right;\n      }\n\n      &.with-icon {\n        padding: 15px 15px 15px 45px;\n        background-color: rgba(var(--box-bg), 1);\n        box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n        @media (max-width: 600px) {\n          padding: calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320)))\n            calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320)))\n            calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320))) 45px;\n        }\n\n        [dir=\"rtl\"] & {\n          padding: 15px 45px 15px 15px;\n          @media (max-width: 600px) {\n            padding: calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320))) 45px\n              calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320)))\n              calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n          }\n        }\n      }\n\n      &:focus {\n        box-shadow: none;\n        border-color: transparent;\n      }\n\n      &::placeholder {\n        color: rgba(121, 125, 131, 1);\n      }\n    }\n    .dollar-icon {\n      position: absolute;\n      top: 50%;\n      left: 22px;\n      transform: translate(-50%, -50%);\n      --Iconsax-Color: rgba(var(--title-color), 1);\n      --Iconsax-Size: 22px;\n\n      [dir=\"rtl\"] & {\n        left: unset;\n      }\n    }\n\n    .dropdown {\n      .dropdown-toggle {\n        display: flex;\n        align-items: center;\n        color: rgba(var(--content-color), 1);\n        background-color: rgba(var(--box-bg), 1);\n        box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n        border-radius: 8px;\n        gap: 6px;\n\n        .dropdown-icon {\n          --Iconsax-Color: rgba(var(--title-color), 1);\n          --Iconsax-Size: 16px;\n          height: 16px;\n        }\n        &::after {\n          content: none;\n        }\n        &:first-child {\n          &:active {\n            border-color: rgba(var(--content-color), 0.15);\n          }\n        }\n        &:focus {\n          border-color: rgba(var(--content-color), 0.15);\n        }\n        .dropdown-icon {\n          --Iconsax-Color: rgba(var(--content-color), 1);\n          --Iconsax-Size: 16px;\n        }\n      }\n      .dropdown-menu {\n        &.show {\n          min-width: 100%;\n          background-color: rgba(var(--box-bg), 1);\n        }\n        li {\n          width: 100%;\n          .dropdown-item {\n            color: rgba(var(--content-color), 1);\n            display: flex;\n            justify-content: center;\n            padding-inline: 0;\n            font-size: 16px;\n            @media (max-width: 600px) {\n              font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (600 - 320)));\n            }\n\n            &:active {\n              background-color: rgba(var(--content-color), 0.05);\n            }\n            &:hover {\n              background-color: transparent;\n            }\n          }\n        }\n      }\n    }\n\n    .form-check {\n      margin-top: 8px;\n      margin-bottom: 0;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      float: unset;\n      padding-left: 0;\n      [dir=\"rtl\"] & {\n        padding-left: unset;\n        padding-right: 0;\n      }\n      .form-check-label {\n        color: rgba(var(--content-color), 1);\n      }\n      .form-check-input {\n        width: 20px;\n        height: 20px;\n        margin-left: 0px;\n        background-color: rgba(var(--box-bg), 1);\n        border: 1px solid rgba(var(--content-color), 0.5) !important;\n        border-radius: 4px;\n        box-shadow: 0px 2px 15px 0px rgba(78, 160, 247, 0.08);\n        transition: all 0.5s ease;\n        [dir=\"rtl\"] & {\n          margin-left: unset;\n          margin-right: 0;\n        }\n        &:focus {\n          border-color: transparent;\n          box-shadow: none;\n        }\n        &:checked {\n          background-color: rgba(var(--title-color), 1);\n          border-color: rgba(var(--content-color), 0.15);\n          float: unset;\n        }\n      }\n    }\n    .upload-image {\n      position: relative;\n      width: 100%;\n      height: 120px;\n      background-color: rgba(var(--box-bg), 1);\n      backdrop-filter: blur(2px);\n      border-radius: 6px;\n      color: rgba(var(--white), 1);\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 12px;\n\n      .upload-file {\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        text-align: center;\n        color: rgba(var(--content-color), 1);\n        opacity: 0;\n        z-index: 1;\n      }\n\n      .upload-icon {\n        font-size: 20px;\n        color: rgba(var(--title-color), 1);\n        position: absolute;\n        --Iconsax-Color: rgba(var(--content-color), 1);\n        --Iconsax-Size: 24px;\n      }\n\n      .profile-icon {\n        position: absolute;\n        width: 100px;\n        color: rgba(var(--title-color), 1);\n        filter: opacity(0.1);\n      }\n      &::after {\n        content: \"\";\n        position: relative;\n        width: 100%;\n        height: 100%;\n        border: 1px dashed rgba(var(--content-color), 0.3);\n        border-radius: 8px;\n      }\n      h6 {\n        position: absolute;\n        bottom: 30px;\n        color: rgba(var(--content-color), 1);\n      }\n      &.profile-image {\n        width: 100%;\n        height: 300px;\n      }\n    }\n  }\n\n  .order-type {\n    .form-check3 {\n      position: relative;\n      width: 100%;\n      padding: 0;\n      margin-bottom: 0;\n\n      .form-check-input {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        float: unset;\n        height: 100%;\n        margin: 0;\n        cursor: pointer;\n        opacity: 0;\n        [dir=\"rtl\"] & {\n          left: unset;\n          right: 0;\n        }\n        &:checked {\n          transition: all 0.6s ease;\n          ~ .form-check-label {\n            font-weight: 600;\n            border-color: rgba(var(--theme-color), 1);\n            transition: all 0.5s ease;\n\n            .check-box {\n              background-color: rgba(var(--theme-color), 1);\n              transition: all 0.6s ease;\n              &::after {\n                content: \"\";\n                position: absolute;\n                top: 7px;\n                left: 9px;\n                border: 2px solid rgba(255, 255, 255, 1);\n                transform: translate(-50%, -50%) rotate(45deg);\n                width: 6px;\n                height: 10px;\n                border-top: unset;\n                border-left: unset;\n              }\n            }\n          }\n        }\n      }\n      .form-check-label {\n        width: 100%;\n        padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n        margin: 0;\n        font-weight: 400;\n        font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (600 - 320)));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: calc(5px + (10 - 5) * ((100vw - 320px) / (600 - 320)));\n        border: 1px solid rgba(var(--black), 0.05);\n        border-radius: 6px;\n        .check-box {\n          width: 20px;\n          height: 20px;\n          border: 1px solid rgba(var(--black), 0.05);\n          border-radius: 100%;\n          position: relative;\n        }\n        .name {\n          font-weight: 400;\n          font-size: 14px;\n          white-space: nowrap;\n          color: rgba(var(--title-color), 1);\n        }\n      }\n    }\n  }\n}\n","/*=====================\n  3.5  modal CSS start\n==========================*/\n.delete-modal {\n    .modal-content {\n        background-color: rgba(var(--white), 1);\n        .modal-body {\n            text-align: center;\n            background-color: rgba(var(--white), 1);\n            .icon {\n                width: 60px;\n                height: 60px;\n                margin: 0 auto;\n            }\n\n            h4 {\n                margin-top: 10px;\n                font-weight: 500;\n                color: rgba(var(--title-color), 1);\n            }\n\n            p {\n                margin-top: 5px;\n                font-weight: 400;\n                color: rgba(var(--content-color), 1);\n            }\n        }\n        .modal-footer {\n            display: flex;\n            flex-wrap: nowrap;\n            white-space: nowrap;\n            gap: 10px;\n            background-color: rgba(var(--white), 1);\n            border-top: 1px solid rgba(var(--line-color), 1);\n        }\n    }\n}\n\n.add-modal {\n    .modal-content {\n        background-color: rgba(var(--white), 1);\n\n        .modal-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            border-bottom: 1px solid rgba(var(--content-color), 0.15);\n            h3 {\n                font-weight: 600;\n                color: rgba(var(--title-color), 1);\n            }\n            .btn-close {\n                margin-left: 0;\n                box-shadow: none;\n                [dir=\"rtl\"] & {\n                    margin-right: 0;\n                }\n            }\n        }\n        .modal-body {\n            .media-list {\n                display: grid;\n                grid-template-columns: 1fr 1fr 1fr;\n                row-gap: 40px;\n                @media (max-width: 600px) {\n                    row-gap: calc(20px + (40 - 20) * ((100vw - 320px) / (600 - 320)));\n                }\n                li {\n                    margin-bottom: 0;\n                    .media-box {\n                        .media-image {\n                            width: 50px;\n                            height: 50px;\n                            display: flex;\n                            align-items: center;\n                            justify-content: center;\n                            background-color: rgba(var(--box-bg), 1);\n                            border-radius: 100%;\n\n                            .icon {\n                                --Iconsax-Color: rgba(var(--title-color), 1);\n                            }\n                        }\n\n                        h5 {\n                            text-align: center;\n                            margin-top: 6%;\n                            font-weight: 400;\n                            color: rgba(var(--title-color), 1);\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n","/*=====================\n  3.6  offcanvas CSS start\n==========================*/\n.offcanvas {\n    &.addtohome-popup {\n        height: auto;\n        border-top: none;\n\n        .btn-close {\n            position: absolute;\n            right: 20px;\n            top: 20px;\n            box-shadow: none;\n\n            [dir=\"rtl\"] & {\n                left: 20px;\n                right: unset;\n            }\n        }\n\n        .offcanvas-body {\n            text-align: right;\n            background-color: rgba(var(--white), 1);\n            padding: 15px;\n\n            [dir=\"rtl\"] & {\n                text-align: left;\n            }\n\n            .app-info {\n                display: flex;\n                align-items: center;\n                margin-bottom: 30px;\n                text-align: left;\n\n                .content {\n                    padding-left: 15px;\n\n                    [dir=\"rtl\"] & {\n                        padding-left: 0;\n                        padding-right: 15px;\n                    }\n\n                    h3 {\n                        font-weight: 600;\n                        color: rgba(var(--title-color), 1);\n                    }\n                    h4 {\n                        font-weight: 600;\n                        color: rgba(var(--title-color), 1);\n                    }\n\n                    a {\n                        color: rgba(var(--content-color), 1);\n                    }\n                }\n            }\n\n            .home-screen-btn {\n                display: inline-block;\n            }\n        }\n    }\n}\n\n.file-offcanvas {\n    margin: 0 auto;\n    background-color: rgba(var(--box-bg), 1);\n    border-top: transparent !important;\n    height: max-content !important;\n    .offcanvas-header {\n        .btn-close {\n            box-shadow: none;\n        }\n    }\n\n    .offcanvas-body {\n        .media-list {\n            display: grid;\n            grid-template-columns: 1fr 1fr 1fr;\n            row-gap: 40px;\n\n            @media (max-width: 600px) {\n                row-gap: calc(20px + (40 - 20) * ((100vw - 320px) / (600 - 320)));\n            }\n\n            li {\n                margin-bottom: 0;\n\n                .media-box {\n                    .media-image {\n                        width: 50px;\n                        height: 50px;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        border-radius: 100%;\n\n                        &.color1 {\n                            background-color: rgba(var(--title-color), 1);\n                        }\n\n                        &.color2 {\n                            background: radial-gradient(48.38% 48.38% at 35% 31%, #9694fd 0%, #6663e5 100%);\n                        }\n\n                        &.color3 {\n                            background: radial-gradient(39.96% 39.96% at 34% 22%, #c855f0 3.13%, #a92fd4 100%);\n                        }\n\n                        &.color4 {\n                            background: radial-gradient(\n                                135.15% 135.15% at 13% -11%,\n                                #fe54c4 0%,\n                                #e51fa2 52.6%,\n                                #f37843 100%\n                            );\n                        }\n\n                        &.color5 {\n                            background: radial-gradient(50.7% 50.7% at 31% 23%, #7ed1ff 0%, #39b1f4 100%);\n                        }\n\n                        &.color6 {\n                            background: radial-gradient(48.37% 48.37% at 37% 35%, #5bfe75 0%, #2acc3b 100%);\n                        }\n\n                        &.color7 {\n                            background: radial-gradient(37.12% 37.12% at 38% 29%, #fb9c58 0%, #f97415 100%);\n                        }\n\n                        .icon {\n                            --Iconsax-Color: rgba(var(--white), 1);\n                            --Iconsax-Size: 24px;\n                            width: 25px;\n                            height: 25px;\n                            filter: brightness(0) invert(1);\n                        }\n                    }\n\n                    h5 {\n                        text-align: center;\n                        margin-top: 6%;\n                        font-weight: 400;\n                        color: rgba(var(--title-color), 1);\n                    }\n                }\n            }\n        }\n    }\n}\n\n.ride-offcanvas {\n    padding: 20px;\n    width: 100%;\n    height: auto !important;\n    max-width: 600px;\n    margin: 0 auto;\n    background-color: rgba(var(--white), 1);\n    border-radius: 20px 20px 0px 0px;\n\n    .vehicle-details-head {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        line-height: 1;\n        padding-bottom: 15px;\n        border-bottom: 1px solid rgba(var(--line-color), 1);\n        .vehicle-title {\n            font-weight: 600;\n            padding-right: 5px;\n            color: rgba(var(--title-color), 1);\n            [dir=\"rtl\"] & {\n                padding-left: 5px;\n                padding-right: unset;\n            }\n        }\n        .icon {\n            padding-left: 5px;\n            border-left: 1px solid rgba(var(--line-color), 1);\n            [dir=\"rtl\"] & {\n                padding-right: 5px;\n                padding-left: unset;\n                border-left: unset;\n                border-right: 1px solid rgba(var(--line-color), 1);\n            }\n        }\n    }\n    .offcanvas-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 20px;\n        h3 {\n            color: rgba(var(--title-color), 1);\n        }\n        .btn-close {\n            font-size: 14px;\n            color: rgba(var(--content-color), 1);\n            &:focus {\n                box-shadow: none;\n            }\n        }\n    }\n    .offcanvas-body {\n        padding: 20px 20px 0 20px;\n        h3 {\n            font-weight: 600;\n            color: rgba(var(--title-color), 1);\n        }\n        p {\n            margin-top: 5px;\n            font-weight: 400;\n            color: rgba(var(--content-color), 1);\n        }\n\n        .form-check {\n            display: flex;\n            align-items: center;\n            margin-top: 30px;\n            margin-bottom: 0;\n            padding-left: 0;\n            padding-bottom: 20px;\n            border-bottom: 1px solid rgba(var(--line-color), 1);\n            [dir=\"rtl\"] & {\n                padding-left: unset;\n                padding-right: 0;\n            }\n            .form-check-label {\n                font-weight: 400;\n                font-size: 14px;\n                color: rgba(var(--title-color), 1);\n                margin-right: auto;\n                display: flex;\n                align-items: center;\n                gap: 10px;\n                [dir=\"rtl\"] & {\n                    margin-right: unset;\n                    margin-left: auto;\n                }\n                .flag {\n                    border-radius: 4px;\n                }\n                .icon {\n                    --Iconsax-Color: rgba(var(--title-color), 1);\n                    --Iconsax-Size: 20px;\n                }\n                @media (max-width: 600px) {\n                    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (600 - 320)));\n                }\n            }\n            .form-check-input:checked {\n                position: relative;\n                background-color: rgba(var(--white), 1);\n                border-color: rgba(var(--theme-color), 1);\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    left: 50%;\n                    top: 50%;\n                    transform: translate(-50%, -50%);\n                    width: 8px;\n                    height: 8px;\n                    background-color: rgba(var(--theme-color), 1);\n                    border-radius: 100%;\n                }\n                &:focus {\n                    box-shadow: none;\n                }\n            }\n        }\n\n        .choose-contact {\n            padding-top: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            h5 {\n                font-weight: 400;\n                color: rgba(var(--secondary-color), 1);\n            }\n            .icon-btn {\n                --Iconsax-Color: rgba(var(--secondary-color), 1);\n                --Iconsax-Size: 20px;\n            }\n        }\n        h3 {\n            line-height: 1;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            span {\n                line-height: 1;\n                font-size: 13px;\n            }\n        }\n        .vehicle-details {\n            padding-bottom: 20px;\n            border-bottom: 1px solid rgba(var(--line-color), 1);\n            .vehicle-image {\n                margin: 30px auto 20px;\n                height: 100px;\n                .vehicle {\n                    width: 100%;\n                    height: 100%;\n                }\n            }\n\n            .timing {\n                display: flex;\n                align-items: center;\n                gap: 5px;\n\n                .icon {\n                    --Iconsax-Color: rgba(var(--title-color), 1);\n                    --Iconsax-Size: 20px;\n                }\n\n                h5 {\n                    display: flex;\n                    align-items: center;\n                    gap: 5px;\n                    font-weight: 400;\n                    color: rgba(var(--title-color), 1);\n                }\n            }\n        }\n        .terms-section {\n            margin-top: 20px;\n            h5 {\n                font-weight: 400;\n                color: rgba(var(--title-color), 1);\n            }\n            .terms-list {\n                padding-inline-start: 20px;\n                [dir=\"rtl\"] & {\n                    padding-inline-start: unset;\n                    padding-inline-end: 20px;\n                }\n                li {\n                    margin-bottom: 3px;\n                    display: list-item;\n                    list-style-type: disc;\n                    font-size: 13px;\n                    color: rgba(var(--content-color), 1);\n                }\n            }\n        }\n\n        .alert-part {\n            title {\n                text-align: center;\n                h3 {\n                    font-weight: 500;\n                    color: rgba(var(--title-color), 1);\n                }\n            }\n        }\n    }\n    .offcanvas-footer {\n        padding: 20px;\n    }\n}\n\n.sidebar-offcanvas {\n    width: 280px !important;\n    background-color: rgba(var(--white), 1);\n\n    &.show {\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n        min-height: 100vh;\n        height: 100%;\n        visibility: visible;\n        border-radius: 0 20px 20px 0;\n        [dir=\"rtl\"] & {\n            border-radius: 20px 0 0 20px;\n        }\n    }\n\n    .offcanvas-header {\n        padding: 40px 20px 20px 0;\n        [dir=\"rtl\"] & {\n            padding: 40px 0 20px 20;\n        }\n        .sidebar-logo {\n            margin: 0 auto;\n            .logo {\n                display: block;\n                width: 120px;\n            }\n            .logo-dark {\n                display: none;\n            }\n        }\n    }\n\n    .offcanvas-body {\n        padding: 0;\n        .profile-part {\n            padding: 20px;\n            background-color: rgba(var(--box-bg), 1);\n            .profile-pic {\n                width: 40px;\n                height: 40px;\n                object-fit: cover;\n                border-radius: 100%;\n            }\n\n            h3 {\n                color: rgba(var(--title-color), 1);\n            }\n\n            span {\n                font-size: 13px;\n                font-weight: 500;\n                color: rgba(var(--content-color), 1);\n            }\n        }\n        .link-section {\n            padding: 15px 20px 70px 20px;\n\n            li {\n                display: block;\n\n                &:last-child() {\n                    display: none;\n                }\n\n                .pages {\n                    display: flex;\n                    align-items: center;\n                    gap: 15px;\n\n                    .sidebar-icon {\n                        --Iconsax-Color: rgba(var(--title-color), 1);\n                        --Iconsax-Size: 25px;\n\n                        &.icon {\n                            width: 25px;\n                            height: 25px;\n                            filter: contrast(0);\n                        }\n                    }\n\n                    h3 {\n                        color: rgba(var(--title-color), 1);\n                    }\n                }\n            }\n\n            &.switch-section {\n                li {\n                    width: 100%;\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    padding-bottom: 20px;\n\n                    &:last-child {\n                        padding-bottom: 0;\n                    }\n\n                    h3 {\n                        font-weight: 400;\n                        color: rgba(var(--title-color), 1);\n                    }\n\n                    .switch-btn {\n                        display: flex;\n                        input[type=\"checkbox\"] {\n                            position: relative;\n                            width: 37px;\n                            height: 22px;\n                            appearance: none;\n                            background-color: rgba(var(--box-bg), 1);\n                            outline: none;\n                            border-radius: 50px;\n                            cursor: pointer;\n                            transition: all 0.5s ease-in-out;\n\n                            &:checked {\n                                background: rgba(var(--title-color), 1);\n\n                                &::before {\n                                    transform: translateX(80%) translateY(-50%);\n                                    background: rgba(var(--white), 1);\n                                }\n                            }\n\n                            &:before {\n                                content: \"\";\n                                width: 15px;\n                                height: 15px;\n                                border-radius: 50%;\n                                background: rgba(var(--content-color), 0.5);\n                                position: absolute;\n                                top: 50%;\n                                left: 5px;\n                                transform: translateY(-50%);\n                                transition: 0.5s;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        .bottom-sidebar {\n            position: fixed;\n            bottom: 0;\n            padding: 20px;\n            width: 279px;\n            border-radius: 0 0 20px 0;\n            display: flex;\n            justify-content: center;\n            background-color: rgba(var(--box-bg), 1);\n            [dir=\"rtl\"] & {\n                border-radius: 0 0 0 20px;\n            }\n\n            .pages {\n                display: flex;\n                align-items: center;\n                gap: 15px;\n\n                .sidebar-icon {\n                    --Iconsax-Color: rgba(var(--title-color), 1);\n                    --Iconsax-Size: 25px;\n\n                    &.icon {\n                        width: 25px;\n                        height: 25px;\n                        filter: contrast(0);\n                    }\n                }\n\n                h3 {\n                    color: rgba(var(--title-color), 1);\n                }\n            }\n\n            &.active {\n                background-color: rgba(var(--title-color), 0.1);\n                border-radius: 8px;\n\n                .pages {\n                    .sidebar-icon {\n                        --Iconsax-Color: rgba(var(--title-color), 1);\n                    }\n\n                    h3 {\n                        font-weight: 600;\n                        color: rgba(var(--title-color), 1);\n                    }\n                }\n            }\n        }\n    }\n}\n","/*=====================\n  3.7  Ratio CSS start\n==========================*/\n.ratio_40 {\n  .bg-size {\n    &:before {\n      padding-top: 40%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio_45 {\n  .bg-size {\n    &:before {\n      padding-top: 45%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio50 {\n  .bg-size {\n    &:before {\n      padding-top: 50%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio_55 {\n  .bg-size {\n    &:before {\n      padding-top: 55%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio2_3 {\n  .bg-size {\n    &:before {\n      padding-top: 60%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio3_2 {\n  .bg-size {\n    &:before {\n      padding-top: 66.66%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio_landscape {\n  .bg-size {\n    &:before {\n      padding-top: 75%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio_square {\n  .bg-size {\n    &:before {\n      padding-top: 100%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio_apos {\n  .bg-size {\n    &:before {\n      padding-top: 127.7777778%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio_portrait {\n  .bg-size {\n    &:before {\n      padding-top: 150%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.ratio1_2 {\n  .bg-size {\n    &:before {\n      padding-top: 200%;\n      content: \"\";\n      display: block;\n    }\n  }\n}\n\n.b-top {\n  background-position: top !important;\n}\n\n.b-bottom {\n  background-position: bottom !important;\n}\n\n.b-center {\n  background-position: center !important;\n}\n\n.b-left {\n  background-position: left !important;\n}\n\n.b-right {\n  background-position: right !important;\n}\n\n.b_size_content {\n  background-size: contain !important;\n}","/*===================== \n  3.8  slider CSS start \n==========================*/\n.review-box {\n    padding: 10px;\n    border-radius: 8px;\n    background-color: rgba(var(--box-bg), 1);\n    .profile-head {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 10px;\n        .profile-pic {\n            width: 30px;\n            height: 30px;\n            object-fit: cover;\n            border-radius: 100%;\n        }\n        .profile-content {\n            width: calc(100% - 30px - 10px);\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            .star {\n                width: 10px;\n                height: 10px;\n            }\n        }\n    }\n\n    p {\n        margin-top: 15px;\n        font-weight: 400;\n        line-height: 1.5;\n        color: rgba(var(--content-color), 1);\n        @media (max-width: 600px) {\n            margin-top: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n    }\n}\n","/*=============================\n  3.9  tab CSS start\n===============================*/\n.ride-tab {\n     width: 100%;\n     margin: 15px auto 0;\n     padding-bottom: 5px;\n     padding-inline: 20px;\n     display: flex;\n     flex-wrap: nowrap;\n     gap: 10px;\n     border-radius: 6px;\n     overflow: auto;\n     li {\n          border-radius: 10px;\n          .selact-ride-box {\n               height: 100%;\n               width: 100%;\n               .icon {\n                    --Iconsax-Color: rgba(var(--content-color), 1);\n                    --Iconsax-Size: 20px;\n                    float: left;\n               }\n               .vehicle-img {\n                    width: 100%;\n                    height: 42px;\n                    margin-block: 10px;\n               }\n               .vehicle-name {\n                    font-size: 13px;\n                    font-weight: 400;\n                    color: rgba(var(--title-color), 1);\n               }\n\n               .user-icon {\n                    filter: invert(0.5);\n               }\n\n               .timing-list {\n                    margin-top: 5px;\n                    padding-inline-start: 15px;\n                    .timing-points {\n                         margin-bottom: 3px;\n                         text-align: left;\n                         display: list-item;\n                         list-style-type: disc;\n                         font-size: 12px;\n                         color: rgba(var(--content-color), 1);\n                         white-space: nowrap;\n                         margin-left: 15px;\n                         [dir=\"rtl\"] & {\n                              text-align: right;\n                              margin-left: unset;\n                              margin-right: 15px;\n                         }\n\n                         &:last-child {\n                              margin-bottom: 0;\n                         }\n                    }\n               }\n          }\n     }\n\n     .nav-item {\n          width: 100%;\n          border-radius: 10px;\n          background-color: rgba(var(--white), 1);\n\n          .nav-link {\n               position: relative;\n               width: 100%;\n               padding: 12px;\n               font-weight: 500;\n               font-size: 14px;\n               font-size: 16px;\n               color: rgba(var(--content-color), 1);\n               cursor: pointer;\n\n               &.active {\n                    background-color: rgba(var(--white), 1);\n                    color: rgba(var(--content-color), 1);\n                    border: 1px solid rgba(var(--title-color), 1);\n                    &:hover {\n                         color: rgba(var(--content-color), 1);\n                    }\n               }\n               &:hover {\n                    color: rgba(var(--content-color), 1);\n               }\n               .icon {\n                    --Iconsax-Color: rgba(var(--content-color), 1);\n                    --Iconsax-Size: 20px;\n                    float: left;\n               }\n               .vehicle-img {\n                    width: 100%;\n                    height: 42px;\n                    margin-block: 10px;\n               }\n               .vehicle-name {\n                    font-size: 13px;\n                    font-weight: 400;\n                    color: rgba(var(--title-color), 1);\n               }\n\n               .user-icon {\n                    filter: invert(0.5);\n               }\n               .timing-list {\n                    margin-top: 5px;\n                    padding-inline-start: 15px;\n                    .timing-points {\n                         margin-bottom: 3px;\n                         text-align: left;\n                         display: list-item;\n                         list-style-type: disc;\n                         font-size: 12px;\n                         color: rgba(var(--content-color), 1);\n                         white-space: nowrap;\n                         [dir=\"rtl\"] & {\n                              text-align: right;\n                         }\n                         &:last-child {\n                              margin-bottom: 0;\n                         }\n                    }\n               }\n          }\n     }\n     &.outstation-ride-tab {\n          padding: 0 0 15px 0;\n          border-bottom: 1px dashed rgba(var(--line-color), 1);\n     }\n}\n\n.my-ride-tab {\n     width: 100%;\n     margin: 30px auto 0;\n     display: flex;\n     gap: 20px;\n     flex-wrap: nowrap;\n     overflow: auto;\n     border-radius: 6px;\n     border: none;\n\n     .nav-item {\n          border-radius: 10px;\n          background-color: rgba(var(--white), 1);\n          border: 1px solid rgba(var(--line-color), 1);\n          box-shadow: 0px 4px 12px 0px rgba(var(--title-color), 0.04);\n\n          .nav-link {\n               width: 100%;\n               padding: 12px;\n               font-weight: 500;\n               line-height: 1;\n               font-size: 14px;\n               white-space: nowrap;\n               color: rgba(var(--content-color), 1);\n\n               &.active {\n                    background-color: rgba(var(--theme-color), 1);\n                    color: rgba(255, 255, 255, 1);\n                    transition: all 0.5s ease-in-out;\n                    &:hover {\n                         color: rgba(255, 255, 255, 1);\n                    }\n\n                    &::after {\n                         content: none;\n                    }\n               }\n               &:hover {\n                    color: rgba(var(--content-color), 1);\n               }\n          }\n     }\n}\n","/*===================== \n  3.10  Title CSS start \n==========================*/\n.title {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 15px;\n    @media (max-width: 600px) {\n        margin-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n    }\n\n    h2 {\n        color: rgba(var(--title-color), 1);\n        margin-bottom: 5px;\n    }\n\n    h3 {\n        color: rgba(var(--title-color), 1);\n        margin-bottom: 5px;\n    }\n\n    h4 {\n        font-weight: 500;\n        color: rgba(var(--title-color), 1);\n    }\n\n    a {\n        color: rgba(var(--content-color), 1);\n        font-size: 13px;\n        font-weight: 500;\n    }\n}\n","/*=====================\n  4.1  Header CSS start\n==========================*/\n.auth-header {\n    position: sticky;\n    top: 0;\n    padding-top: 30px;\n    line-height: 1;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    z-index: 1;\n\n    .logo {\n        position: absolute;\n        height: 25px;\n        margin-top: 5px;\n        left: 50%;\n        top: 50%;\n        transform: translateX(-50%);\n    }\n    .logo-dark {\n        display: none;\n    }\n    a {\n        z-index: 1;\n        .icon-btn {\n            --Iconsax-Color: rgba(var(--title-color), 1);\n            --Iconsax-Size: 20px;\n            line-height: 1;\n            width: 40px;\n            height: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid rgba(var(--content-color), 0.15);\n            box-shadow: 0px 2px 15px 0px rgba(var(--title-color), 0.01);\n            background-color: rgba(var(--white), 1);\n            border-radius: 100%;\n\n            @media (max-width: 600px) {\n                --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (600 - 320)));\n                width: calc(35px + (40 - 35) * ((100vw - 320px) / (600 - 320)));\n                height: calc(35px + (40 - 35) * ((100vw - 320px) / (600 - 320)));\n            }\n        }\n    }\n\n    .icons {\n        --Iconsax-Color: rgba(var(--title-color), 1);\n        --Iconsax-Size: 16px;\n        background-color: rgba(var(--white), 0.1);\n        box-shadow: 0px 2px 8px rgba(var(--title-color), 0.1);\n        padding: 10px;\n        border: 1px solid rgba(var(--title-color), 0.1);\n        border-radius: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 40px;\n        height: 40px;\n\n        @media (max-width: 600px) {\n            width: calc(35px + (40 - 35) * ((100vw - 320px) / (600 - 320)));\n            height: calc(35px + (40 - 35) * ((100vw - 320px) / (600 - 320)));\n        }\n    }\n\n    h3 {\n        position: absolute;\n        font-weight: 600;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n        text-align: center;\n        color: rgba(var(--title-color), 1);\n        white-space: nowrap;\n    }\n\n    h2 {\n        position: absolute;\n        font-weight: 600;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n        text-align: center;\n        color: rgba(var(--title-color), 1);\n        white-space: nowrap;\n    }\n}\n\n.main-header {\n    position: sticky;\n    top: 0;\n    padding-top: 25px;\n    background-color: rgba(var(--box-bg), 1);\n    z-index: 2;\n    @media (max-width: 600px) {\n        padding-top: calc(20px + (25 - 20) * ((100vw - 320px) / (600 - 320)));\n    }\n    .header-panel {\n        position: relative;\n        padding-bottom: 20px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        line-height: 1;\n        z-index: 1;\n\n        .logo {\n            height: 25px;\n            object-fit: cover;\n            position: absolute;\n            left: 50%;\n            transform: translateX(-50%);\n\n            @media (max-width: 600px) {\n                height: calc(20px + (25 - 20) * ((100vw - 320px) / (600 - 320)));\n            }\n        }\n        .logo-dark {\n            display: none;\n        }\n        a {\n            z-index: 1;\n\n            .icon-btn {\n                --Iconsax-Color: rgba(var(--title-color), 1);\n                --Iconsax-Size: 20px;\n                line-height: 1;\n                width: 40px;\n                height: 40px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border: 1px solid rgba(var(--content-color), 0.15);\n                box-shadow: 0px 2px 15px 0px rgba(var(--theme-color), 0.01);\n                background-color: rgba(var(--white), 1);\n                border-radius: 100%;\n\n                @media (max-width: 600px) {\n                    --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (600 - 320)));\n                    width: calc(35px + (40 - 35) * ((100vw - 320px) / (600 - 320)));\n                    height: calc(35px + (40 - 35) * ((100vw - 320px) / (600 - 320)));\n                }\n            }\n\n            span {\n                font-size: 14px;\n                font-weight: 400;\n                color: rgba(var(--content-color), 1);\n            }\n        }\n\n        .categories-title {\n            position: relative;\n            padding-bottom: 0;\n            left: unset;\n            top: unset;\n            transform: unset;\n        }\n\n        .profile-head {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n\n            .profile-img {\n                width: 40px;\n                height: 40px;\n\n                .img {\n                    width: 100%;\n                    height: 100%;\n                    border-radius: 100%;\n                }\n\n                .icon {\n                    padding: 6px;\n                    background-color: rgba(255, 255, 255, 1);\n                    border: 1px solid rgba(var(--title-color), 1);\n                    border-radius: 100%;\n                }\n            }\n        }\n\n        .icons {\n            --Iconsax-Color: rgba(var(--title-color), 1);\n            --Iconsax-Size: 16px;\n            background-color: rgba(var(--white), 0.1);\n            box-shadow: 0px 2px 8px rgba(var(--title-color), 0.1);\n            padding: 10px;\n            border: 1px solid rgba(var(--title-color), 0.1);\n            border-radius: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 40px;\n            height: 40px;\n\n            @media (max-width: 600px) {\n                width: calc(35px + (40 - 35) * ((100vw - 320px) / (600 - 320)));\n                height: calc(35px + (40 - 35) * ((100vw - 320px) / (600 - 320)));\n            }\n        }\n\n        h3 {\n            position: absolute;\n            font-weight: 600;\n            left: 50%;\n            top: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            padding-bottom: 20px;\n            color: rgba(var(--title-color), 1);\n            white-space: nowrap;\n        }\n\n        h2 {\n            position: absolute;\n            font-weight: 600;\n            left: 50%;\n            top: 50%;\n            transform: translate(-50%, -50%);\n            text-align: center;\n            color: rgba(var(--title-color), 1);\n            white-space: nowrap;\n        }\n\n        .notification {\n            width: 40px;\n            height: 40px;\n            background-color: rgba(var(--white), 1);\n            padding: 10px;\n            border: 1px solid rgba(var(--title-color), 0.1);\n            border-radius: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-left: auto;\n            box-shadow: 0px 2px 12px rgba(var(--title-color), 0.05);\n\n            [dir=\"rtl\"] & {\n                margin-left: unset;\n                margin-right: auto;\n            }\n\n            .notification-icon {\n                position: relative;\n                --Iconsax-Color: rgba(var(--title-color), 1);\n\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    top: 3px;\n                    right: 3px;\n                    width: 5px;\n                    height: 5px;\n                    background-color: rgba(var(--error-color), 1);\n                    border-radius: 100%;\n\n                    [dir=\"rtl\"] & {\n                        right: unset;\n                        left: 3px;\n                    }\n                }\n            }\n        }\n\n        .more-options {\n            .dropdown-toggle {\n                &::after {\n                    content: none;\n                }\n\n                &.show {\n                    &:first-child {\n                        &:active {\n                            border-color: transparent;\n                            color: unset;\n                            background-color: unset;\n                        }\n                    }\n                }\n\n                .icon-btn {\n                    transform: rotate(90deg);\n                }\n            }\n\n            .dropdown-menu {\n                padding: 15px;\n\n                &.show {\n                    min-width: 100%;\n                    color: rgba(var(--title-color), 1);\n                    background-color: rgba(var(--white), 1);\n                    border: none;\n                    box-shadow: 0px 0px 18px 0px rgba(var(--black), 0.1);\n                }\n\n                li {\n                    width: 100%;\n                    padding-block: 10px;\n                    border-bottom: 1px solid rgba(var(--content-color), 0.15);\n\n                    &:first-child {\n                        padding-top: 0;\n                    }\n\n                    &:last-child {\n                        padding-bottom: 0;\n                        border-bottom: none;\n                    }\n\n                    &:hover {\n                        background-color: transparent;\n                    }\n\n                    .dropdown-item {\n                        padding: 0 !important;\n                        font-size: 13px;\n                        font-weight: 500;\n                        display: flex;\n                        align-items: center;\n                        gap: 8px;\n                        color: rgba(var(--title-color), 1);\n\n                        .icon {\n                            --Iconsax-Color: rgba(var(--title-color), 1);\n                            --Iconsax-Size: 16px;\n\n                            &.error-icon {\n                                --Iconsax-Color: rgba(var(--error-color), 1) !important;\n                            }\n                        }\n\n                        &:active {\n                            background-color: transparent;\n                        }\n                        &:hover {\n                            background-color: transparent;\n                        }\n                    }\n                }\n            }\n            &:focus-visible {\n                outline: none;\n            }\n        }\n\n        .rider-options {\n            width: 120px;\n            padding: 8px;\n            font-size: 13px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            color: rgba(var(--title-color));\n            background-color: rgba(var(--white), 1);\n            border-radius: 17px;\n            border-color: transparent;\n            box-shadow: none;\n            .icon {\n                --Iconsax-Color: rgba(var(--title-color), 1);\n                --Iconsax-Size: 14px;\n            }\n        }\n    }\n\n    &.inner-page-header {\n        background-color: rgba(var(--box-bg), 1);\n        border-radius: 0px 0px 20px 20px;\n        .header-panel {\n            a {\n                .icon-btn {\n                    --Iconsax-Color: rgba(var(--title-color), 1);\n                    background-color: rgba(var(--white), 1);\n                }\n\n                span {\n                    font-size: 14px;\n                    font-weight: 400;\n                    color: rgba(var(--content-color), 1);\n                }\n            }\n\n            h4 {\n                color: rgba(var(--white), 1);\n            }\n\n            h6 {\n                margin-top: 4px;\n                color: rgba(var(--white), 1);\n            }\n        }\n    }\n}\n","/*=====================\n  4.2  Nav CSS start\n=======================*/\n.navbar-menu {\n  position: fixed;\n  width: 100%;\n  max-width: 600px;\n  bottom: 0;\n  left: 50%;\n  padding: 15px 30px;\n  transform: translateX(-50%);\n  border-radius: 20px 20px 0px 0px;\n  box-shadow: 0px 4px 22px 0px rgba(23, 28, 38, 0.12);\n  background-color: rgba(var(--white), 1);\n  z-index: 2;\n\n  @media (max-width: 600px) {\n    padding: 15px calc(20px + (30 - 20) * ((100vw - 320px) / (600 - 320)));\n    width: 100%;\n  }\n\n  ul {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    li {\n      position: relative;\n      color: rgba(var(--content-color), 1);\n      text-align: center;\n\n      a {\n        color: rgba(var(--content-color), 1);\n\n        .icon {\n          width: 20px;\n          font-size: 26px;\n          margin-left: auto;\n          margin-right: auto;\n          display: flex;\n          justify-content: center;\n\n          .active {\n            display: none;\n          }\n\n          .unactive {\n            display: block;\n          }\n        }\n\n        span {\n          font-size: 14px;\n          font-weight: 500;\n          color: rgba(var(--content-color), 1);\n        }\n      }\n\n      &.active {\n        &::after {\n          content: \"\";\n          position: absolute;\n          bottom: -20px;\n          left: 50%;\n          width: 60px;\n          height: 8px;\n          background: rgba(var(--title-color), 1);\n          transform: translate(-50%, -50%);\n          border-radius: 10px 10px 0 0;\n          @media (max-width: 600px) {\n            width: calc(40px + (60 - 40) * ((100vw - 320px) / (600 - 320)));\n          }\n        }\n\n        .icon {\n          color: rgba(var(--title-color), 1);\n          display: flex;\n          justify-content: center;\n\n          .active {\n            display: block;\n          }\n\n          .unactive {\n            display: none;\n          }\n        }\n\n        span {\n          color: rgba(var(--title-color), 1);\n          font-weight: 500;\n        }\n      }\n    }\n  }\n}\n","/*=============================\n  5.1  Authentication CSS start\n===============================*/\n.auth-content-bg {\n    padding-bottom: 20px;\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 0 0 20px 20px;\n\n    &.auth-content-bg-bottom {\n        padding-top: 25px;\n        background-color: rgba(var(--box-bg), 1);\n        border-radius: 20px 20px 0 0;\n    }\n\n    .auth-title {\n        position: relative;\n        padding-top: 20px;\n        @media (max-width: 600px) {\n            padding-top: calc(10px + (20 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n\n        .loader-line {\n            width: 40px;\n            height: 3px;\n            overflow: hidden;\n            background-color: rgba(var(--box-bg), 1);\n            border-radius: 20px;\n            position: absolute;\n            top: -8px;\n            margin-top: 10px;\n            z-index: 2;\n            &::before {\n                content: \"\";\n                position: absolute;\n                left: -50%;\n                height: 2px;\n                width: 30%;\n                background-color: rgba(var(--theme-color), 1);\n                animation: lineAnim 2s linear infinite;\n                border-radius: 20px;\n                [dir=\"rtl\"] & {\n                    animation: reverse-lineAnim 2s linear infinite;\n                }\n            }\n        }\n\n        h2 {\n            font-weight: 500;\n            color: rgba(var(--title-color), 1);\n        }\n\n        h6 {\n            margin-top: 5px;\n            font-weight: 400;\n            color: rgba(var(--content-color), 1);\n        }\n    }\n\n    .auth-btn {\n        margin-top: 60px;\n        @media (max-width: 600px) {\n            margin-top: calc(30px + (60 - 30) * ((100vw - 320px) / (600 - 320)));\n        }\n    }\n\n    .division {\n        position: relative;\n        text-align: center;\n        margin: 25px 0 10px 0;\n        z-index: 0;\n        @media (max-width: 600px) {\n            margin: calc(20px + (25 - 20) * ((100vw - 320px) / (600 - 320))) 0 10px 0;\n        }\n        span {\n            position: relative;\n            font-size: 13px;\n            background-color: rgba(var(--box-bg), 1);\n            color: rgba(var(--content-color), 1);\n            padding: 0 10px;\n        }\n\n        &::after {\n            content: \" \";\n            position: absolute;\n            top: 50%;\n            left: 0;\n            transform: translate(50%, 50%);\n            width: 50%;\n            background: linear-gradient(\n                270deg,\n                rgba(155, 166, 184, 0) -2.05%,\n                rgba(155, 166, 184, 1) 50.93%,\n                rgba(155, 166, 184, 0) 101.74%\n            );\n            z-index: -1;\n            height: 2px;\n        }\n    }\n\n    .otp-name {\n        margin: 30px 0 8px 0;\n        @media (max-width: 600px) {\n            margin: calc(20px + (30 - 20) * ((100vw - 320px) / (600 - 320))) 0 8px 0;\n        }\n    }\n\n    .line-design {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 6px;\n        li {\n            width: 100%;\n            height: 4px;\n            background-color: rgba(var(--white), 1);\n            border-radius: 6px;\n            &.active {\n                background-color: rgba(var(--title-color), 1);\n            }\n        }\n    }\n}\n\n.catagories-types {\n    padding-block: 30px;\n    .form-check3 {\n        position: relative;\n        width: 100%;\n        padding: 0;\n        margin-bottom: 0;\n\n        .form-check-input {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            float: unset;\n            height: 100%;\n            margin: 0;\n            cursor: pointer;\n            opacity: 0;\n            [dir=\"rtl\"] & {\n                left: unset;\n                right: 0;\n            }\n            &:checked {\n                transition: all 0.5s ease;\n                ~ .form-check-label {\n                    font-weight: 400;\n                    border-color: rgba(var(--theme-color), 1);\n                    transition: all 0.5s ease;\n\n                    .check-box {\n                        background-color: rgba(var(--line-color), 1);\n                        transition: all 0.5s ease;\n                        &::after {\n                            background-color: rgba(var(--theme-color), 1);\n                        }\n                    }\n                }\n            }\n        }\n\n        .form-check-label {\n            width: 100%;\n            padding: calc(10px + (15 - 10) * ((100vw - 320px) / (6000 - 320)));\n            margin: 0;\n            font-weight: 400;\n            font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (6000 - 320)));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: calc(5px + (10 - 5) * ((100vw - 320px) / (6000 - 320)));\n            border: 1px solid rgba(var(--content-color), 0.15);\n            border-radius: 6px;\n            .check-box {\n                width: 20px;\n                height: 20px;\n                border: 1px solid rgba(var(--content-color), 0.15);\n                border-radius: 100%;\n                position: relative;\n\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    top: 50%;\n                    left: 50%;\n                    transform: translate(-50%, -50%) rotate(45deg);\n                    width: 10px;\n                    height: 10px;\n                    background-color: rgba(var(--white), 1);\n                    border-radius: 100%;\n                }\n            }\n\n            .name {\n                font-weight: 400;\n                font-size: 14px;\n                white-space: nowrap;\n                color: rgba(var(--title-color), 1);\n            }\n        }\n    }\n}\n\n.location-bg {\n    position: fixed;\n    bottom: 0;\n    width: 100%;\n    max-width: 600px;\n    height: auto;\n    background-color: rgba(var(--title-color), 1);\n    border-radius: 20px 20px 0px 0px;\n\n    .location-title-content {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 20px;\n        h5 {\n            color: rgba(255, 255, 255, 1);\n        }\n        .change-location {\n            font-size: 14px;\n            text-decoration: underline;\n        }\n        p {\n            padding-left: 30px;\n            font-weight: 400;\n            color: rgba(var(--content-color), 1);\n            [dir=\"rtl\"] & {\n                padding-left: unset;\n                padding-right: 30px;\n            }\n        }\n    }\n}\n\n.rules-section {\n    .form-check {\n        margin-bottom: 0;\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 8px;\n        float: unset;\n        padding-left: 0;\n        [dir=\"rtl\"] & {\n            padding-left: unset;\n            padding-right: 0;\n        }\n        .form-check-label {\n            font-size: 14px;\n            font-weight: 400;\n            color: rgba(var(--content-color), 1);\n        }\n        .form-check-input {\n            width: 20px;\n            height: 20px;\n            margin-top: 0;\n            margin-left: 0;\n            background-color: rgba(var(--white), 1);\n            border: 1px solid rgba(var(--line-color), 1) !important;\n            border-radius: 6px;\n            transition: all 0.5s ease;\n            [dir=\"rtl\"] & {\n                margin-left: unset;\n                margin-right: 0;\n            }\n            &:focus {\n                border-color: transparent;\n                box-shadow: none;\n            }\n            &:checked {\n                position: relative;\n                background-color: rgba(var(--theme-color), 1);\n                border-color: rgba(var(--line-color), 1);\n                float: unset;\n                --bs-form-check-bg-image: unset;\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    top: 7px;\n                    left: 9px;\n                    border: 2px solid rgba(255, 255, 255, 1);\n                    -webkit-transform: translate(-50%, -50%) rotate(45deg);\n                    transform: translate(-50%, -50%) rotate(45deg);\n                    width: 6px;\n                    height: 10px;\n                    border-top: unset;\n                    border-left: unset;\n                }\n            }\n        }\n    }\n}\n\n.vehicle-types-list {\n    margin-top: 30px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: nowrap;\n    overflow: auto;\n    li {\n        width: 100%;\n        border-radius: 10px;\n        background-color: rgba(var(--white), 1);\n\n        .vehicle-type-button {\n            height: 80px;\n            width: 100%;\n            padding: 15px;\n            margin-inline: auto;\n            font-size: 13px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            color: rgba(var(--title-color), 1) !important;\n            background-color: rgba(var(--white), 1);\n            @media (max-width: 600px) {\n                padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n            }\n            .vehicle-img {\n                margin-bottom: 5px;\n            }\n        }\n\n        .btn-check:checked + .btn {\n            border-color: rgba(var(--title-color), 1);\n        }\n    }\n}\n","/*========================\n  5.2  category CSS start\n==========================*/\n.main-categories-list {\n    display: grid;\n    gap: 15px;\n    li {\n        .main-categories-box {\n            padding: 10px;\n            background-color: rgba(var(--box-bg), 1);\n            border-radius: 6px;\n            display: flex;\n            align-items: center;\n\n            .main-categories-img {\n                margin-right: 15px;\n                width: 125px;\n                height: auto;\n                object-fit: cover;\n                @media (max-width: 600px) {\n                    width: calc(100px + (125 - 100) * ((100vw - 320px) / (600 - 320)));\n                }\n                [dir=\"rtl\"] & {\n                    margin-right: unset;\n                    margin-left: 15px;\n                }\n            }\n            .main-categories-content {\n                width: calc(100% - 125px - 15px);\n                padding-left: 15px;\n                border-left: 1px solid rgba(var(--line-color), 1);\n                [dir=\"rtl\"] & {\n                    margin-right: 15px;\n                    margin-left: unset;\n                    border-right: 1px solid rgba(var(--line-color), 1);\n                    border-left: unset;\n                }\n                @media (max-width: 600px) {\n                    width: calc(\n                        100% - calc(100px + (125 - 100) * ((100vw - 320px) / (768 - 320))) -\n                            calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320)))\n                    );\n                    padding-left: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n\n                    [dir=\"rtl\"] & {\n                        margin-right: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n                        margin-left: unset;\n                    }\n                }\n\n                h5 {\n                    font-weight: 500;\n                    color: rgba(var(--title-color), 1);\n                }\n                h6 {\n                    margin-top: 5px;\n                    line-height: 1.3;\n                    font-weight: 400;\n                    color: rgba(var(--content-color), 1);\n                }\n\n                .arrow-icon {\n                    margin-top: 20px;\n                    --Iconsax-Color: rgba(var(--theme-color), 1);\n                    --Iconsax-Size: 16px;\n                    [dir=\"rtl\"] & {\n                        transform: rotate(180deg);\n                    }\n                }\n            }\n        }\n    }\n}\n","/*=====================\n    5.3  elements CSS start\n==========================*/\n.app-title {\n    margin-top: 30px;\n    padding: 10px;\n    background-color: rgba(var(--title-color), 0.05);\n    border-left: 3px solid rgba(var(--title-color), 1);\n    [dir=\"rtl\"] & {\n        border-left: unset;\n        border-right: 3px solid rgba(var(--title-color), 1);\n    }\n\n    h3 {\n        font-weight: 500;\n        color: rgba(var(--title-color), 1);\n    }\n}\n\n.elements-navbar {\n    position: relative;\n    padding: 0 10px 15px;\n    box-shadow: none;\n\n    &.without-highlight {\n        ul {\n            li {\n                &.active {\n                    &::after {\n                        display: none;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.element-list {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n    li {\n        font-size: 14px;\n\n        .btn {\n            margin: 0;\n\n            &.btn-sm {\n                font-size: 12px;\n            }\n            &.gray-btn {\n                color: rgba(var(--title-color), 1);\n                background-color: rgba(var(--box-bg), 1);\n            }\n        }\n\n        .theme-outline-btn {\n            background-color: transparent;\n            color: rgba(var(--theme-color), 1);\n            border-color: rgba(var(--theme-color), 1);\n            font-weight: 500;\n            font-size: 14px;\n            border-radius: 8px;\n\n            &:hover {\n                color: rgba(255, 255, 255, 1);\n                background-color: rgba(var(--theme-color), 1);\n                border-color: rgba(var(--theme-color), 1);\n            }\n        }\n\n        .gray-outline-btn {\n            background-color: transparent;\n            color: rgba(var(--title-color), 1);\n            border-color: rgba(var(--line-color), 1);\n            font-weight: 500;\n            font-size: 14px;\n            border-radius: 8px;\n\n            &:hover {\n                color: rgba(var(--theme-color), 1);\n                background-color: rgba(var(--box-bg), 1);\n            }\n        }\n\n        .link-btn {\n            color: rgba(var(--theme-color), 1);\n        }\n        .btn-outline-dark {\n            color: rgba(var(--title-color), 1);\n            border-color: rgba(var(--title-color), 1);\n            &:hover {\n                color: rgba(255, 255, 255, 1);\n            }\n        }\n    }\n}\n\n.element-group {\n    &.radio-group {\n        .form-check {\n            padding: 0;\n            .form-check-input {\n                background-color: rgba(var(--white), 1);\n                border: 1px solid rgba(var(--content-color), 0.5);\n                float: left;\n                margin-left: unset;\n                margin-right: 10px;\n                [dir=\"rtl\"] & {\n                    float: right;\n                    margin-right: unset;\n                    margin-left: 10px;\n                }\n                &:focus {\n                    box-shadow: none;\n                }\n                &:checked {\n                    position: relative;\n                    background-color: rgba(var(--white), 1);\n                    border-color: rgba(var(--theme-color), 1);\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        width: 8px;\n                        height: 8px;\n                        background-color: rgba(var(--theme-color), 1);\n                        border-radius: 100%;\n                        left: 50%;\n                        top: 50%;\n                        transform: translate(-50%, -50%);\n                    }\n                    .form-check-label {\n                        color: rgba(var(--title-color), 1) !important;\n                    }\n                }\n            }\n\n            .form-check-label {\n                font-size: 16px;\n                font-weight: 500;\n                color: rgba(var(--title-color), 1);\n                &:checked {\n                    color: rgba(var(--title-color), 1) !important;\n                }\n            }\n        }\n    }\n\n    &.checkbox-group {\n        .form-check {\n            margin-top: 8px;\n            margin-bottom: 0;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            float: unset;\n            padding-left: 0;\n            [dir=\"rtl\"] & {\n                padding-left: unset;\n                padding-right: 0;\n            }\n\n            .form-check-label {\n                font-size: 16px;\n                color: rgba(var(--title-color), 1);\n            }\n\n            .form-check-input {\n                width: 20px;\n                height: 20px;\n                margin: 0;\n                background-color: rgba(var(--white), 1);\n                border: 1px solid rgba(var(--line-color), 1);\n                border-radius: 4px;\n                box-shadow: 0px 2px 15px 0px rgba(78, 160, 247, 0.08);\n                transition: all 0.5s ease;\n\n                &:focus {\n                    border-color: transparent;\n                    box-shadow: none;\n                }\n                &:checked {\n                    background-color: rgba(var(--theme-color), 1);\n                    border-color: rgba(var(--content-color), 0.15);\n                    float: unset;\n                }\n            }\n        }\n    }\n\n    &.switch-group {\n        .switch-btn {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 10px;\n            input[type=\"checkbox\"] {\n                position: relative;\n                width: 37px;\n                height: 22px;\n                margin-top: 0;\n                appearance: none;\n                --bs-form-check-bg-image: none;\n                background-color: rgba(var(--box-bg), 1);\n                border: 1px solid rgba(var(--line-color), 1);\n                box-shadow: none;\n                border-radius: 50px;\n                cursor: pointer;\n\n                &:checked {\n                    background-color: rgba(var(--theme-color), 0.1);\n\n                    &::before {\n                        transform: translateX(80%) translateY(-50%);\n                        background-color: rgba(var(--theme-color), 1);\n                    }\n                }\n\n                &:before {\n                    content: \"\";\n                    width: 15px;\n                    height: 15px;\n                    border-radius: 50%;\n                    background: rgba(var(--content-color), 0.5);\n                    position: absolute;\n                    top: 50%;\n                    left: 5px;\n                    transform: translateY(-50%);\n                    transition: 0.5s;\n                }\n            }\n\n            h3 {\n                font-weight: 400;\n                color: rgba(var(--title-color), 1);\n            }\n        }\n    }\n}\n\n.offcanvas {\n    &.element-offcanvas {\n        max-width: 280px;\n        background-color: rgba(var(--white), 1);\n        border: none;\n        &.offcanvas-top {\n            max-width: 100%;\n            border-radius: 0 0 20px 20px;\n        }\n        &.offcanvas-bottom {\n            max-width: 100%;\n            border-radius: 20px 20px 0 0;\n        }\n        &.offcanvas-start {\n            border-radius: 0 20px 20px 0;\n        }\n        &.offcanvas-end {\n            border-radius: 20px 0 0 20px;\n        }\n\n        .offcanvas-header {\n            border-bottom: 1px solid rgba(var(--line-color), 1);\n            .offcanvas-title {\n                font-size: 16px;\n                color: rgba(var(--title-color), 1);\n            }\n            .btn-close {\n                &:focus {\n                    box-shadow: none;\n                }\n            }\n        }\n\n        .offcanvas-body {\n            p {\n                font-size: 14px;\n                color: rgba(var(--content-color), 1);\n            }\n        }\n    }\n}\n\n.element-modal {\n    .modal-dialog {\n        .modal-content {\n            background-color: rgba(var(--white), 1);\n            .modal-header {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                padding: 10px;\n                border-bottom: 1px solid rgba(var(--line-color), 1);\n                .modal-title {\n                    font-size: 16px;\n                    color: rgba(var(--title-color), 1);\n                }\n                .btn-close {\n                    margin: 0;\n                    &:focus {\n                        box-shadow: none;\n                    }\n                }\n            }\n\n            .modal-body {\n                p {\n                    font-size: 14px;\n                    color: rgba(var(--content-color), 1);\n                }\n            }\n\n            .modal-footer {\n                padding: 10px;\n                border-top: 1px solid rgba(var(--line-color), 1);\n            }\n        }\n    }\n}\n\n.tab-style1 {\n    flex-wrap: nowrap;\n    width: 100%;\n    margin: 30px auto 0;\n    border-radius: 6px;\n    overflow: hidden;\n\n    .nav-item {\n        color: rgba(var(--white), 0.1);\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        list-style-type: none;\n        cursor: pointer;\n        border-radius: 0px;\n        transition: all 0.3s ease;\n        border-radius: 6px;\n\n        .nav-link {\n            width: 100%;\n            padding: 10px;\n            font-weight: 500;\n            font-size: 16px;\n            border-radius: 0;\n            color: rgba(var(--content-color), 1);\n            backdrop-filter: blur(2px);\n            background-color: rgba(var(--box-bg), 1);\n\n            &.active {\n                background-color: rgba(var(--theme-color), 1);\n                color: rgba(255, 255, 255, 1);\n\n                &:hover {\n                    color: rgba(255, 255, 255, 1);\n                }\n            }\n        }\n    }\n}\n\n.tab-style2 {\n    display: flex;\n    flex-wrap: nowrap;\n    overflow: hidden;\n    width: 100%;\n    border-bottom: none;\n    overflow-x: auto;\n\n    .nav-item {\n        color: rgba(var(--white), 0.1);\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        list-style-type: none;\n        cursor: pointer;\n        border-radius: 8px;\n        transition: all 0.3s ease;\n        border-radius: 0;\n        border-bottom: 1px solid rgba(var(--box-bg), 1);\n\n        .nav-link {\n            width: 100%;\n            padding-top: 0;\n            font-weight: 500;\n            font-size: 16px;\n            white-space: nowrap;\n            color: rgba(var(--content-color), 1);\n            background-color: transparent;\n            border-left: none;\n            border-right: none;\n            border-top: none;\n            border-bottom: 1px solid rgba(var(--line-color), 1);\n\n            &:hover {\n                border-left: none;\n                border-right: none;\n                border-top: none;\n                color: rgba(var(--content-color), 1);\n            }\n\n            &:focus {\n                border-color: transparent;\n            }\n\n            &.active {\n                background-color: transparent;\n                color: rgba(var(--title-color), 1);\n                border-left: none;\n                border-right: none;\n                border-top: none;\n                border-bottom: 2px solid rgba(var(--theme-color), 1);\n                padding-left: 15px;\n                padding-right: 15px;\n                border-radius: 0;\n                width: 100%;\n            }\n        }\n    }\n}\n\n.tab-style3 {\n    flex-wrap: nowrap;\n    width: 100%;\n    margin: 30px auto 0;\n    border-radius: 6px;\n    overflow: hidden;\n    gap: 20px;\n    display: flex;\n    .nav-item {\n        border-radius: 10px;\n        background-color: rgba(var(--box-bg), 1);\n\n        .nav-link {\n            width: 100%;\n            padding: 12px;\n            font-weight: 500;\n            font-size: 14px;\n            font-size: 16px;\n            color: rgba(var(--content-color), 1);\n\n            &.active {\n                background-color: rgba(var(--theme-color), 1);\n                color: rgba(255, 255, 255, 1);\n                &:hover {\n                    color: rgba(255, 255, 255, 1);\n                }\n            }\n            &:hover {\n                color: rgba(var(--content-color), 1);\n            }\n        }\n    }\n}\n\n.progressbar-list {\n    .progress {\n        background-color: rgba(var(--box-bg), 1);\n        &:first-child {\n            margin-top: 30px;\n        }\n        .progress-bar {\n            background-color: rgba(var(--theme-color), 1);\n        }\n    }\n}\n","/*=============================\n    5.4 empty-page CSS start\n===============================*/\n.empty-images {\n    width: calc(100% - 24px);\n    height: 450px;\n    text-align: center;\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 0px 0px 103px 0px;\n    [dir=\"rtl\"] & {\n        border-radius: 0px 0px 0px 103px;\n    }\n    .empty-icon {\n        padding-top: 50px;\n        text-align: center;\n    }\n}\n.empty-page-content {\n    margin-top: 40px;\n    text-align: center;\n    h3 {\n        font-weight: 600;\n        color: rgba(var(--title-color), 1);\n    }\n\n    p {\n        font-weight: 400;\n        margin-top: 8px;\n        color: rgba(var(--content-color), 1);\n    }\n}\n\n.fixed-btn {\n    position: fixed;\n    width: 100%;\n    max-width: 600px;\n    padding: 20px 0;\n    left: 50%;\n    bottom: 0;\n    transform: translate(-50%);\n    z-index: 2;\n    background-color: rgba(var(--white), 1);\n\n    .resend-btn {\n        border: 1px solid rgba(var(--title-color), 1);\n    }\n}\n\n.map-img {\n    position: fixed;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100%;\n    max-width: 600px;\n    height: 100%;\n    &.map-sm-img {\n        height: 130px;\n        object-fit: cover;\n        border-radius: 0 0 20px 20px;\n        margin-top: -15px;\n    }\n}\n","/*=====================\n  5.5  home CSS start\n==========================*/\n.home-profile-section {\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 0px 0px 20px 20px;\n    .form-input {\n        width: 100%;\n        position: relative;\n\n        .form-control {\n            position: relative;\n            padding: 15px;\n            color: rgba(var(--content-color), 1);\n            background-color: rgba(var(--white), 1);\n            border: none;\n            border-radius: 23px;\n\n            @media (max-width: 600px) {\n                padding: calc(12px + (17 - 12) * ((100vw - 320px) / (600 - 320)));\n            }\n            &.with-icon {\n                padding: 15px 45px;\n                background-color: rgba(var(--white), 1);\n\n                @media (max-width: 600px) {\n                    padding: calc(12px + (15 - 12) * ((100vw - 320px) / (768 - 320))) 45px;\n                }\n            }\n\n            &:focus {\n                box-shadow: none;\n                border-color: none;\n            }\n\n            &::placeholder {\n                color: rgba(121, 125, 131, 1);\n            }\n        }\n\n        .search-icon {\n            position: absolute;\n            top: 50%;\n            left: 12px;\n            transform: translateY(-50%);\n            --Iconsax-Color: rgba(var(--content-color), 1);\n            --Iconsax-Size: 22px;\n\n            [dir=\"rtl\"] & {\n                left: unset;\n                right: 12px;\n            }\n        }\n\n        .date-time-picker {\n            position: absolute;\n            width: 35px;\n            height: 35px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            top: 50%;\n            right: 12px;\n            transform: translateY(-50%);\n            background-color: rgba(var(--box-bg), 1);\n            border-radius: 100%;\n            z-index: 1;\n            .icon {\n                --Iconsax-Color: rgba(var(--content-color), 1);\n                --Iconsax-Size: 22px;\n            }\n            [dir=\"rtl\"] & {\n                left: 12px;\n                right: unset;\n            }\n        }\n    }\n}\n\n.home-banner {\n    padding-inline: 20px;\n    .slider-img {\n        width: 100%;\n        border-radius: 10px;\n    }\n}\n\n.categories-list {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 15px;\n    li {\n        width: 100%;\n        height: 100%;\n        .categories-box {\n            width: 100%;\n            height: 100%;\n            display: block;\n            text-align: center;\n            padding: 15px;\n            border-radius: 12px;\n            background-color: rgba(var(--box-bg), 1);\n            @media (max-width: 600px) {\n                padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n            }\n            .categories-img {\n                width: 100%;\n                height: 50px;\n                object-fit: contain;\n            }\n            h6 {\n                margin-top: 10px;\n                font-weight: 500;\n                color: rgba(var(--title-color), 1);\n                @media (max-width: 600px) {\n                    margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (600 - 320)));\n                }\n            }\n        }\n    }\n}\n\n.coupon-box {\n    position: relative;\n    display: flex;\n    height: 100%;\n    padding: 10px;\n    background-color: rgba(var(--white), 1);\n    border: 1px solid rgba(var(--line-color), 1);\n    border-radius: 8px;\n    filter: drop-shadow(0px 4px 20px rgba(var(--title-color), 0.01));\n\n    .coupon-discount {\n        background-image: url(../images/background/coupon-bg.png);\n        background-repeat: no-repeat;\n        background-position: center;\n        background-size: cover;\n        position: relative;\n        writing-mode: vertical-rl;\n        text-align: center;\n        padding: 20px 25px;\n        color: rgba(var(--title-color), 1);\n        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (600 - 320)));\n        border-radius: 10px 0 0 10px;\n        [dir=\"rtl\"] & {\n            border-radius: 0 10px 10px 0;\n        }\n        @media (max-width: 600px) {\n            padding: calc(15px + (20 - 15) * ((100vw - 320px) / (600 - 320)))\n                calc(15px + (25 - 15) * ((100vw - 320px) / (600 - 320)));\n        }\n    }\n\n    .coupon-details {\n        width: calc(100% - 51px);\n        padding-left: 10px;\n        [dir=\"rtl\"] & {\n            padding-left: unset;\n            padding-right: 10px;\n        }\n        .coupon-content {\n            padding-bottom: 10px;\n            display: flex;\n            justify-content: space-between;\n            gap: 5px;\n            border-bottom: 1px dashed rgba(var(--line-color), 1);\n\n            .coupon-name {\n                display: flex;\n                align-items: center;\n                gap: 10px;\n\n                .coupon-img {\n                    width: 25px;\n                    height: 25px;\n                    object-fit: cover;\n                    border-radius: 100%;\n                }\n            }\n            .rating {\n                display: flex;\n                align-items: center;\n                gap: 5px;\n                h6 {\n                    font-weight: 400;\n                    color: rgba(var(--title-color), 1);\n                }\n                .star {\n                    width: 10px;\n                    height: 10px;\n                }\n            }\n        }\n\n        p {\n            margin: 0;\n            padding: 0;\n            font-weight: 400;\n            color: rgba(var(--title-color), 1);\n            padding: 10px 0 5px;\n            border-bottom: 1px dashed rgba(var(--dashed-line), 1);\n\n            span {\n                color: rgba(var(--title-color), 1);\n                font-weight: 500;\n            }\n        }\n        .content-list {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            li {\n                display: flex;\n                align-items: center;\n                gap: 5px;\n                color: rgba(var(--content-color), 1);\n                .icon {\n                    --Iconsax-Color: rgba(var(--content-color), 1);\n                    --Iconsax-Size: 22px;\n                    @media (max-width: 600px) {\n                        --Iconsax-Size: calc(16px + (22 - 16) * ((100vw - 320px) / (600 - 320)));\n                    }\n                }\n            }\n        }\n    }\n}\n\n.total-ride-list {\n    margin-top: 15px;\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 10px;\n    @media (max-width: 600px) {\n        padding: calc(5px + (10 - 5) * ((100vw - 320px) / (600 - 320)));\n    }\n    li {\n        background-color: rgba(var(--box-bg), 1);\n        border-radius: 8px;\n\n        .ride-box {\n            display: block;\n            width: 100%;\n            padding: 15px;\n\n            @media (max-width: 600px) {\n                padding: calc(8px + (15 - 8) * ((100vw - 320px) / (600 - 320)));\n            }\n            h4 {\n                margin-bottom: 10px;\n                font-weight: 700;\n                color: rgba(var(--title-color), 1);\n                @media (max-width: 600px) {\n                    margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (600 - 320)));\n                }\n            }\n            h6 {\n                font-weight: 400;\n                color: rgba(var(--content-color), 1);\n            }\n            .arrow-icon {\n                --Iconsax-Color: rgba(var(--content-color), 1);\n                --Iconsax-Size: 16px;\n            }\n        }\n    }\n}\n\n.upcoming-ride-section {\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 8px;\n}\n\n.date-time-section {\n    .heading-part {\n        position: relative;\n        z-index: 1;\n        h4 {\n            position: relative;\n            z-index: 1;\n        }\n    }\n}\n","/*=====================\n  5.6  location CSS start\n==========================*/\n.location-section {\n    border-radius: 0px 0px 20px 20px;\n    background-color: rgba(var(--box-bg), 1);\n    padding-bottom: 20px;\n    .pickup-location-listing {\n        width: 100%;\n        border-radius: 6px;\n        background-color: rgba(var(--white), 1);\n        li {\n            width: 100%;\n            padding: 0 15px;\n            width: 100%;\n            position: relative;\n            z-index: 0;\n            &::before {\n                content: \"\";\n                position: absolute;\n                top: 30px;\n                left: 25px;\n                z-index: -1;\n                width: 2px;\n                height: calc(100% - 20px);\n                border-left: 1px dashed rgba(var(--title-color), 1);\n                [dir=\"rtl\"] & {\n                    left: unset;\n                    right: 25px;\n                    border-left: unset;\n                    border-right: 1px dashed rgba(var(--title-color), 1);\n                }\n            }\n\n            &::after {\n                content: \"\";\n                position: absolute;\n                bottom: 0;\n                right: 0;\n                width: calc(100% - 20px - 5px);\n                [dir=\"rtl\"] & {\n                    right: unset;\n                    left: 0;\n                }\n            }\n            &:last-child {\n                &::before,\n                &::after {\n                    content: unset;\n                }\n            }\n            .location-box {\n                display: flex;\n                align-items: center;\n                gap: 10px;\n                &:focus-visible {\n                    outline: unset;\n                }\n                .icon {\n                    position: relative;\n                    --Iconsax-Color: rgba(var(--title-color), 1);\n                    --Iconsax-Size: 18px;\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        bottom: 10px;\n                        left: 0;\n                        width: 25px;\n                        border: 1px dashed rgba(var(--line-color), 1);\n                        transform: rotate(90deg);\n                        [dir=\"rtl\"] & {\n                            right: 0;\n                            left: unset;\n                        }\n                    }\n                }\n                .form-control {\n                    padding: 15px 0;\n                    background-color: rgba(var(--white), 1);\n                    border-top: none;\n                    border-left: none;\n                    border-right: none;\n                    border-bottom: 1px solid rgba(var(--line-color), 1);\n                    border-radius: 0;\n                    @media (max-width: 600px) {\n                        padding: calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320))) 0;\n                    }\n                    &::placeholder {\n                        color: rgba(121, 125, 131, 1);\n                    }\n                    &:focus {\n                        box-shadow: none;\n                    }\n                }\n                .add-stop {\n                    padding-left: 10px;\n                    border-left: 1px solid rgba(var(--line-color), 1);\n                    --Iconsax-Color: rgba(var(--title-color), 1);\n                    --Iconsax-Size: 24px;\n                    [dir=\"rtl\"] & {\n                        padding-right: 10px;\n                        padding-left: unset;\n                        border-left: unset;\n                        border-right: 1px solid rgba(var(--line-color), 1);\n                    }\n                }\n            }\n        }\n    }\n}\n\n.categories-place-list {\n    display: flex;\n    align-items: center;\n    li {\n        padding-inline: 15px;\n        border-right: 1px solid rgba(var(--line-color), 1);\n        [dir=\"rtl\"] & {\n            border-right: unset;\n            border-left: 1px solid rgba(var(--line-color), 1);\n        }\n\n        &:last-child {\n            border-right: none;\n            [dir=\"rtl\"] & {\n                border-left: none;\n                border-right: unset;\n            }\n        }\n        .categories-place-box {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            .place-icon {\n                width: 35px;\n                height: 35px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background-color: rgba(var(--box-bg), 1);\n                border-radius: 100%;\n            }\n            h5 {\n                font-weight: 400;\n                color: rgba(var(--title-color), 1);\n            }\n        }\n    }\n}\n\n.recent-place-list {\n    li {\n        width: 100%;\n        border-bottom: 1px solid rgba(var(--line-color), 1);\n\n        &:last-child {\n            border-bottom: none;\n        }\n\n        .recent-box {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            padding: 15px 0;\n            background-color: rgba(var(--white), 1);\n        }\n        h5 {\n            font-weight: 500;\n            color: rgba(var(--title-color), 1);\n        }\n\n        p {\n            margin-top: 5px;\n            line-height: 1.2;\n            font-weight: 300;\n            color: rgba(var(--content-color), 1);\n        }\n    }\n}\n.contact-list {\n    li {\n        width: 100%;\n        padding-block: 20px;\n        border-bottom: 1px solid rgba(var(--content-color), 0.15);\n        @media (max-width: 600px) {\n            padding-block: calc(10px + (20 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n        &:first-child {\n            padding-top: 0;\n        }\n\n        &:last-child {\n            padding-bottom: 0;\n            border-bottom: none;\n        }\n\n        .option-icon {\n            --Iconsax-Color: rgba(var(--title-color), 1);\n            --Iconsax-Size: 20px;\n        }\n\n        .contact-box {\n            display: flex;\n            width: 100%;\n            align-items: center;\n            justify-content: space-between;\n            cursor: pointer;\n\n            .contact-details {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                gap: 10px;\n\n                .img {\n                    width: 50px;\n                    height: 50px;\n                    object-fit: cover;\n                    background-color: rgba(var(--title-color), 1);\n                    border-radius: 100%;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n\n                    .icon {\n                        --Iconsax-Color: rgba(var(--white), 1);\n                    }\n                }\n\n                h5 {\n                    font-weight: 400;\n                    color: rgba(var(--title-color), 1);\n                }\n\n                h6 {\n                    display: flex;\n                    align-items: center;\n                    gap: 5px;\n                    margin-top: 4px;\n                    color: rgba(var(--content-color), 1);\n                }\n            }\n            i {\n                --Iconsax-Color: rgba(var(--content-color), 1);\n                --Iconsax-Size: 18px;\n                line-height: 1;\n            }\n\n            a {\n                z-index: 1;\n\n                .icon-btn {\n                    --Iconsax-Color: rgba(var(--title-color), 1);\n                    --Iconsax-Size: 20px;\n                    width: 40px;\n                    height: 40px;\n                    line-height: 1;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    border: 1px solid rgba(var(--content-color), 0.15);\n                    box-shadow: 0px 2px 15px 0px rgba(var(--title-color), 0.01);\n                    background-color: rgba(var(--white), 1);\n                    border-radius: 8px;\n\n                    @media (max-width: 600px) {\n                        --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (600 - 320)));\n                        width: calc(35px + (40 - 35) * ((100vw - 320px) / (600 - 320)));\n                        height: calc(35px + (40 - 35) * ((100vw - 320px) / (600 - 320)));\n                    }\n                }\n            }\n        }\n    }\n}\n","/*=============================\n  5.7  notification CSS start\n===============================*/\n.notification-list {\n    li {\n        width: 100%;\n        margin-bottom: 15px;\n        &:last-child {\n            margin-bottom: 0;\n        }\n        .notification-box {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 5px;\n            padding: 15px;\n            background-color: rgba(var(--white), 1);\n            border: 1px solid rgba(var(--line-color), 0.6);\n            border-radius: 10px;\n            box-shadow: 0px 4px 16px 0px rgba(var(--title-color), 0.06);\n            &.unread {\n                background-color: rgba(var(--box-bg), 1);\n                border: none;\n                box-shadow: none;\n                .notification-icon {\n                    .icon {\n                        background-color: rgba(var(--white), 1);\n                    }\n                }\n            }\n            h5 {\n                font-weight: 500;\n                color: rgba(var(--title-color), 1);\n            }\n\n            p {\n                margin-top: 5px;\n                line-height: 1.5;\n                font-weight: 300;\n                color: rgba(var(--content-color), 1);\n            }\n            .notification-icon {\n                .icon {\n                    padding: 6px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    width: 35px;\n                    height: 35px;\n                    background-color: rgba(var(--box-bg), 1);\n                    border-radius: 100%;\n                    --Iconsax-Color: rgba(var(--title-color), 1);\n                    --Iconsax-Size: 18px;\n                }\n            }\n        }\n    }\n}\n","/*========================\n   5.9 outstation CSS start\n==========================*/\n.notes-part {\n    margin: 15px 20px;\n    padding: 10px;\n    background-color: rgba(var(--error-color), 0.1);\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    .icon {\n        --Iconsax-Color: rgba(var(--error-color), 1);\n        --Iconsax-Size: 14px;\n    }\n    h6 {\n        font-weight: 400;\n        color: rgba(var(--error-color), 1);\n    }\n    &.rental-note {\n        text-align: center;\n        background-color: rgba(var(--success-color), 0.1);\n        h6 {\n            line-height: 1.3;\n            color: rgba(var(--success-color), 1);\n        }\n    }\n}\n.timer-part {\n    margin-top: 15px;\n    padding: 15px;\n    background-color: rgba(var(--title-color), 1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    .timing {\n        font-size: 14px;\n        line-height: 1;\n        color: rgba(var(--white), 1);\n    }\n}\n\n.poster-part {\n    padding: 15px;\n    background-color: rgba(var(--title-color), 1);\n    text-align: center;\n    border-radius: 10px;\n    p {\n        font-weight: 400;\n        line-height: 1.5;\n        color: rgba(var(--white), 1);\n    }\n}\n\n.private-ride {\n    margin-top: 15px;\n    padding: 15px;\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 6px;\n    .ride-head {\n        padding-bottom: 15px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        border-bottom: 1px solid rgba(var(--line-color), 1);\n    }\n    .ride-content {\n        padding-block: 15px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        border-bottom: 1px solid rgba(var(--line-color), 1);\n    }\n    .pickup-location-listing {\n        width: 100%;\n\n        li {\n            width: 100%;\n            background-color: rgba(var(--box-bg), 1);\n\n            .location-box {\n                display: flex;\n                align-items: center;\n                gap: 10px;\n                .icon {\n                    position: relative;\n                    --Iconsax-Color: rgba(var(--title-color), 1);\n                    --Iconsax-Size: 18px;\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        bottom: 10px;\n                        left: 0;\n                        width: 25px;\n                        border: 1px dashed rgba(var(--line-color), 1);\n                        transform: rotate(90deg);\n                        [dir=\"rtl\"] & {\n                            left: unset;\n                            right: 0;\n                        }\n                    }\n                }\n                .form-control {\n                    padding: 15px 0;\n                    background-color: rgba(var(--white), 1);\n                    border-top: none;\n                    border-left: none;\n                    border-right: none;\n                    border-bottom: 1px solid rgba(var(--line-color), 1);\n                    border-radius: 0;\n                    @media (max-width: 600px) {\n                        padding: calc(10px + (15 - 10) * ((100vw - 320px) / (768 - 320))) 0;\n                    }\n                    &::placeholder {\n                        font-size: 14px;\n                        color: rgba(121, 125, 131, 1);\n                    }\n\n                    &:focus {\n                        box-shadow: none;\n                        border: none;\n                    }\n                }\n                .add-stop {\n                    padding-left: 10px;\n                    border-left: 1px solid rgba(var(--line-color), 1);\n                    --Iconsax-Color: rgba(var(--title-color), 1);\n                    --Iconsax-Size: 24px;\n                }\n            }\n        }\n    }\n}\n\n.vehicle-content {\n    padding: 15px 20px;\n    background-color: rgba(var(--box-bg), 1);\n    .content-title {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding-bottom: 12px;\n        border-bottom: 1px solid rgba(var(--line-color), 1);\n    }\n\n    .details-list {\n        li {\n            margin-top: 15px;\n            padding-inline-start: 20px;\n            h5 {\n                display: list-item;\n                list-style-type: disc;\n                font-weight: 400;\n                color: rgba(var(--title-color), 1);\n            }\n            h6 {\n                font-weight: 400;\n                margin-top: 5px;\n                color: rgba(var(--content-color), 1);\n            }\n        }\n    }\n}\n\n.condition-part {\n    padding: 20px;\n    .condition-list {\n        li {\n            margin-top: 15px;\n            padding-inline-start: 20px;\n            h5 {\n                display: list-item;\n                list-style-type: disc;\n                font-weight: 400;\n                color: rgba(var(--title-color), 1);\n            }\n            p {\n                font-weight: 400;\n                margin-top: 5px;\n                color: rgba(var(--content-color), 1);\n            }\n        }\n    }\n}\n\n.rental-car-img {\n    margin-top: 20px;\n    width: 100%;\n    border-radius: 10px;\n}\n","/*=============================\n  5.8  onboarding CSS start\n===============================*/\n.onboarding-section {\n    width: 100%;\n    height: 100%;\n\n    .onboarding-wrapper {\n        position: relative;\n        width: 100%;\n        height: 100vh;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n\n        &.user-intro {\n            background-image: url(../images/background/intro-bg.png);\n            background-position: bottom center;\n            background-repeat: no-repeat;\n            background-size: cover;\n            width: 100%;\n            height: calc(100vh - 400px);\n            position: relative;\n            display: grid;\n            grid-template-columns: 1fr 1fr 1fr;\n        }\n\n        img {\n            position: absolute;\n            width: 200px;\n            height: 200px;\n            object-fit: contain;\n            animation-iteration-count: infinite;\n            animation-duration: 20s;\n            transition: 0.15s ease-in-out;\n\n            @media (max-width: 600px) {\n                width: calc(100px + (200 - 100) * ((100vw - 320px) / (600 - 320)));\n                height: calc(100px + (200 - 100) * ((100vw - 320px) / (600 - 320)));\n            }\n        }\n\n        .vehicle1 {\n            top: 30px;\n            left: -50px;\n            animation-name: moveObject1;\n        }\n\n        .vehicle2 {\n            top: 30px;\n            right: -50px;\n            animation-name: moveObject2;\n        }\n\n        .vehicle3 {\n            left: 50%;\n            top: 115px;\n            transform: translateX(-50%);\n            animation-name: moveObject3;\n        }\n\n        .onboarding-slider {\n            &.slider1 {\n                background-image: url(../images/onboarding/intro1.png);\n                background-position: bottom center;\n                background-repeat: no-repeat;\n                background-size: cover;\n                width: 100%;\n                height: calc(100vh - 320px);\n                position: relative;\n            }\n\n            &.slider2 {\n                background-image: url(../images/onboarding/intro2.png);\n                background-position: bottom center;\n                background-repeat: no-repeat;\n                background-size: cover;\n                width: 100%;\n                height: calc(100vh - 320px);\n                position: relative;\n            }\n\n            .onboarding-content-box {\n                position: fixed;\n                left: 50%;\n                transform: translateX(-50%);\n                max-width: 600px;\n                width: calc(100% - 40px);\n                bottom: 20px;\n                padding: 40px 20px 20px 20px;\n                text-align: center;\n                background-color: rgba(var(--white), 1);\n                border-radius: 10px;\n\n                @media (max-width: 600px) {\n                    padding: calc(40px + (60 - 40) * ((100vw - 320px) / (768 - 320))) 20px 20px 20px;\n                }\n\n                .union-img {\n                    display: block;\n                    position: absolute;\n                    top: -123px;\n                    left: 50%;\n                    width: 100%;\n                    height: 100%;\n                    transform: translateX(-50%);\n                    z-index: 0;\n\n                    @media (max-width: 425px) {\n                        top: -113px;\n                    }\n                }\n\n                .union-img-dark {\n                    display: none;\n                }\n\n                h2 {\n                    font-weight: 600;\n                    color: rgba(var(--title-color), 1);\n                }\n\n                p {\n                    margin-top: 10px;\n                    font-weight: 400;\n                    font-size: 14px;\n                    line-height: 1.5;\n                    color: rgba(var(--content-color), 1);\n                }\n\n                .onboarding-next {\n                    position: relative;\n\n                    @media (max-width: 600px) {\n                        margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (600 - 320)));\n                    }\n\n                    .icon {\n                        width: 50px;\n                        height: 50px;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        padding: 10px;\n                        margin: 30px auto 0;\n                        --Iconsax-Color: rgba(var(--white), 1);\n                        --Iconsax-Size: 26px;\n                        background-color: rgba(var(--title-color), 1);\n                        border-radius: 100%;\n\n                        @media (max-width: 600px) {\n                            width: calc(40px + (50 - 40) * ((100vw - 320px) / (600 - 320)));\n                            height: calc(40px + (50 - 40) * ((100vw - 320px) / (600 - 320)));\n                            margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (600 - 320)));\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    .user-onboarding-content-box {\n        position: fixed;\n        left: 50%;\n        transform: translateX(-50%);\n        max-width: 600px;\n        width: calc(100% - 40px);\n        bottom: 20px;\n        padding: 80px 20px 20px 20px;\n        text-align: center;\n        background-color: rgba(var(--white), 1);\n        border-radius: 10px;\n\n        @media (max-width: 600px) {\n            padding: calc(40px + (80 - 40) * ((100vw - 320px) / (768 - 320))) 20px 20px 20px;\n        }\n\n        .union-img {\n            display: block;\n            position: absolute;\n            top: -137px;\n            left: 50%;\n            width: 100%;\n            height: 100%;\n            transform: translateX(-50%);\n            z-index: 0;\n\n            @media (max-width: 500px) {\n                top: -117px;\n            }\n\n            @media (max-width: 375px) {\n                top: -110px;\n            }\n\n            @media (max-width: 320px) {\n                top: -112px;\n            }\n        }\n\n        .union-img-dark {\n            display: none;\n        }\n\n        h2 {\n            font-weight: 600;\n            color: rgba(var(--title-color), 1);\n        }\n\n        p {\n            margin-top: 10px;\n            font-weight: 400;\n            font-size: 14px;\n            line-height: 1.5;\n            color: rgba(var(--content-color), 1);\n        }\n\n        .onboarding-next {\n            position: relative;\n\n            @media (max-width: 600px) {\n                margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (600 - 320)));\n            }\n\n            .icon {\n                width: 50px;\n                height: 50px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                padding: 10px;\n                margin: 30px auto 0;\n                --Iconsax-Color: rgba(var(--white), 1);\n                --Iconsax-Size: 26px;\n                background-color: rgba(var(--title-color), 1);\n                border-radius: 100%;\n\n                @media (max-width: 600px) {\n                    width: calc(40px + (50 - 40) * ((100vw - 320px) / (600 - 320)));\n                    height: calc(40px + (50 - 40) * ((100vw - 320px) / (600 - 320)));\n                    margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (600 - 320)));\n                }\n            }\n        }\n    }\n}\n","/*=============================\n  5.10  Page-listing CSS start\n===============================*/\n.element-title {\n    margin-top: 20px;\n    background-color: rgba(var(--title-color), 0.05);\n    border-radius: 8px;\n\n    h3 {\n        font-size: 18px;\n        padding: 15px;\n        color: rgba(var(--title-color), 1);\n        @media (max-width: 600px) {\n            font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (600 - 320)));\n        }\n    }\n}\n\n.element-menu {\n    margin-top: 10px;\n    .navigation {\n        .pages {\n            display: block;\n            width: calc(100% - 20px);\n            padding-block: 10px;\n            margin-inline: 10px;\n            border-bottom: 1px dashed rgba(var(--line-color), 0.8);\n            &:last-child {\n                padding-bottom: 0;\n                border-bottom: none;\n            }\n\n            h4 {\n                font-size: 16px;\n                @media (max-width: 600px) {\n                    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (600 - 320)));\n                }\n            }\n\n            a {\n                width: 100%;\n                font-size: 16px;\n                font-weight: 400;\n                text-transform: capitalize;\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                color: rgba(var(--content-color), 1);\n                @media (max-width: 600px) {\n                    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (600 - 320)));\n                }\n                i {\n                    --Iconsax-Color: rgba(var(--content-color), 1);\n                    --Iconsax-Size: 18px;\n                    line-height: 1;\n\n                    [dir=\"rtl\"] & {\n                        transform: scaleX(-1);\n                    }\n                }\n            }\n        }\n    }\n}\n","/*========================\n   5.11 profile CSS start\n==========================*/\n.profile-section {\n    .profile-bg {\n        border-radius: 6px;\n    }\n    .profile-image {\n        width: 100px;\n        height: 100px;\n        margin: 0 auto;\n        @media (max-width: 600px) {\n            width: calc(80px + (100 - 80) * ((100vw - 320px) / (600 - 320)));\n            height: calc(80px + (100 - 80) * ((100vw - 320px) / (600 - 320)));\n        }\n        .profile-pic {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            margin-top: -70px;\n            border: 3px solid rgba(var(--white), 1);\n            border-radius: 100%;\n        }\n    }\n    .profile-name {\n        text-align: center;\n        margin-top: -50px;\n        font-weight: 500;\n        color: rgba(var(--title-color), 1);\n    }\n}\n\n.setting-bg {\n    background-image: url(../images/background/setting-bg.jpg);\n    background-position: top center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    width: 100%;\n    height: 200px;\n    position: absolute;\n    top: 55px;\n    z-index: -1;\n}\n\n.setting-section {\n    position: relative;\n    margin-top: 100px;\n    background-color: rgba(var(--white), 1);\n    border-radius: 20px 20px 0 0;\n    z-index: 1;\n    @media (max-width: 600px) {\n        margin-top: calc(60px + (100 - 60) * ((100vw - 320px) / (600 - 320)));\n    }\n    &.profile-setting-section {\n        .auth-content-bg {\n            padding-top: 35px;\n            .profile-section {\n                padding-bottom: 25px;\n                border-bottom: 1px solid rgba(var(--line-color), 1);\n                .profile-image {\n                    position: relative;\n                    margin: 0 auto;\n                    .profile-pic {\n                        margin-top: 0;\n                    }\n                    .upload-icon {\n                        position: absolute;\n                        bottom: 0;\n                        right: 0;\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        padding: 5px;\n                        --Iconsax-Color: rgba(var(--title-color), 1);\n                        --Iconsax-Size: 16px;\n                        background-color: rgba(var(--white), 1);\n                        border-radius: 100%;\n                        z-index: 1;\n\n                        [dir=\"rtl\"] & {\n                            right: unset;\n                            left: 0;\n                        }\n                    }\n\n                    #file {\n                        position: absolute;\n                        bottom: 0;\n                        right: 0;\n                        width: 26px;\n                        height: 26px;\n                        z-index: 2;\n                        opacity: 0;\n                        cursor: pointer;\n                        [dir=\"rtl\"] & {\n                            right: unset;\n                            left: 0;\n                        }\n                    }\n                }\n            }\n            .auth-form {\n                margin-top: 20px;\n            }\n        }\n    }\n}\n\n.wallet-part {\n    background-image: url(../images/background/wallet-bg.png);\n    background-position: top center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    width: calc(100% - 40px);\n    text-align: center;\n    margin: 20px 20px 0;\n    padding: 15px;\n    border-radius: 10px;\n    h6 {\n        font-weight: 400;\n        color: rgba(var(--title-color), 0.6);\n    }\n\n    h5 {\n        margin-top: 5px;\n        font-weight: 600;\n        line-height: 1;\n        color: rgba(var(--title-color), 1);\n    }\n    .arrow-img {\n        margin-top: 5px;\n        line-height: 1;\n    }\n}\n\n.profile-list {\n    padding: 15px;\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 12px;\n    .setting-listing {\n        li {\n            padding-block: 12px;\n            border-bottom: 1px solid rgba(var(--line-color), 1);\n            &:first-child {\n                padding-top: 0;\n            }\n            &:last-child {\n                padding-bottom: 0;\n                border-bottom: none;\n            }\n            .setting-box {\n                display: flex;\n                align-items: center;\n                gap: 10px;\n                .setting-icon {\n                    width: 40px;\n                    height: 40px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    background-color: rgba(var(--white), 1);\n                    border: 1px solid rgba(var(--line-color), 1);\n                    border-radius: 100%;\n                    .icon {\n                        --Iconsax-Color: rgba(var(--title-color), 1);\n                        --Iconsax-Size: 18px;\n                    }\n                }\n                .setting-content {\n                    width: calc(100% - 40px - 10px);\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    h5 {\n                        line-height: 1;\n                        font-weight: 400;\n                        color: rgba(var(--title-color), 1);\n                    }\n                    h6 {\n                        margin-top: 5px;\n                        font-weight: 400;\n                        color: rgba(var(--content-color), 1);\n                    }\n                    .icon {\n                        --Iconsax-Color: rgba(var(--content-color), 1);\n                        --Iconsax-Size: 18px;\n                        [dir=\"rtl\"] & {\n                            transform: rotate(180deg);\n                        }\n                    }\n                    .switch-btn {\n                        display: flex;\n                        input[type=\"checkbox\"] {\n                            position: relative;\n                            width: 37px;\n                            height: 22px;\n                            appearance: none;\n                            background-color: rgba(var(--white), 1);\n                            outline: none;\n                            border-radius: 50px;\n                            cursor: pointer;\n\n                            &:checked {\n                                background: rgba(var(--title-color), 1);\n\n                                &::before {\n                                    transform: translateX(80%) translateY(-50%);\n                                    background: rgba(var(--white), 1);\n                                }\n                            }\n\n                            &:before {\n                                content: \"\";\n                                width: 15px;\n                                height: 15px;\n                                border-radius: 50%;\n                                background: rgba(var(--content-color), 0.5);\n                                position: absolute;\n                                top: 50%;\n                                left: 5px;\n                                transform: translateY(-50%);\n                                transition: 0.5s;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n    &.alert-list {\n        background-color: rgba(var(--error-color), 0.1);\n        .setting-listing {\n            li {\n                .setting-box {\n                    .setting-icon {\n                        background-color: rgba(var(--error-color), 0.1);\n                        border: none;\n                        .icon {\n                            --Iconsax-Color: rgba(var(--error-color), 1);\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.location-list {\n    li {\n        .address-box {\n            padding: 15px;\n            background-color: rgba(var(--box-bg), 1);\n            border-radius: 10px;\n            .location-head {\n                display: flex;\n                align-items: center;\n                gap: 10px;\n                padding-bottom: 15px;\n                .location-icon {\n                    width: 40px;\n                    height: 40px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    background-color: rgba(var(--white), 1);\n                    border-radius: 100%;\n                    .icon {\n                        --Iconsax-Color: rgba(var(--title-color), 1);\n                        --Iconsax-Size: 20px;\n                    }\n                }\n\n                .location-head-content {\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    width: calc(100% - 40px - 10px);\n                    h5 {\n                        font-weight: 400;\n                        color: rgba(var(--title-color), 1);\n                    }\n                    h6 {\n                        margin-top: 5px;\n                        font-weight: 400;\n                        color: rgba(var(--content-color), 1);\n                    }\n                    .icon {\n                        --Iconsax-Color: rgba(var(--title-color), 1);\n                        --Iconsax-Size: 18px;\n                    }\n                    .error-icon {\n                        --Iconsax-Color: rgba(var(--error-color), 1);\n                        --Iconsax-Size: 18px;\n                    }\n                }\n            }\n\n            .pickup-location-listing {\n                width: 100%;\n                background-color: rgba(var(--white), 1);\n                border: 1px solid rgba(var(--line-color), 1);\n                border-radius: 6px;\n                padding: 15px;\n                .location-box {\n                    display: flex;\n                    align-items: flex-start;\n                    gap: 5px;\n                    width: 100%;\n                    position: relative;\n                    padding-bottom: 7px;\n                    margin-bottom: 7px;\n                    z-index: 0;\n                    &::before {\n                        content: \"\";\n                        position: absolute;\n                        top: 10px;\n                        left: 10px;\n                        z-index: -1;\n                        width: 2px;\n                        height: calc(100% + 8px);\n                        border-left: 1px dashed rgba(var(--title-color), 1);\n                        [dir=\"rtl\"] & {\n                            left: unset;\n                            right: 10px;\n                            border-right: 1px dashed rgba(var(--title-color), 1);\n                            border-left: unset;\n                        }\n                    }\n\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        bottom: 0;\n                        right: 0;\n                        width: calc(100% - 20px - 5px);\n                        height: 1px;\n                        border-top: 1px dashed rgba(var(--line-color), 1);\n                        [dir=\"rtl\"] & {\n                            left: 0;\n                            right: unset;\n                        }\n                    }\n\n                    &:last-child {\n                        padding: 0;\n                        margin: 0;\n                        border: unset;\n                        &::before,\n                        &::after {\n                            content: unset;\n                        }\n                    }\n\n                    img {\n                        background-color: rgba(var(--white), 1);\n                    }\n\n                    h5 {\n                        width: calc(100% - 20px - 5px);\n                    }\n                }\n            }\n        }\n    }\n}\n\n.promo-code-list {\n    li {\n        width: 100%;\n        margin-bottom: 15px;\n        .promo-code-box {\n            position: relative;\n            padding: 15px 30px;\n            width: 100%;\n            @media (max-width: 600px) {\n                padding: 15px calc(15px + (30 - 15) * ((100vw - 320px) / (600 - 320)));\n            }\n\n            .coupon-bg {\n                position: absolute;\n                top: 0;\n                left: 0;\n                z-index: -1;\n                width: 100%;\n                height: 100%;\n            }\n            h4 {\n                font-weight: 600;\n                color: rgba(var(--title-color), 1);\n            }\n            .code {\n                margin-top: 5px;\n                font-weight: 500;\n                color: rgba(var(--secondary-color), 1);\n            }\n            p {\n                padding: 6px 0 15px 0;\n                color: rgba(var(--content-color), 1);\n                border-bottom: 1px dashed rgba(var(--line-color), 1);\n                @media (max-width: 600px) {\n                    padding: 6px 0 calc(8px + (15 - 8) * ((100vw - 320px) / (768 - 320))) 0;\n                }\n            }\n            .validity {\n                font-weight: 400;\n                color: rgba(var(--content-color), 1);\n            }\n            .use-btn {\n                text-decoration: underline;\n                font-weight: 400;\n                font-size: 13px;\n                color: rgba(var(--title-color), 1);\n            }\n        }\n    }\n}\n\n.balance-background {\n    background-image: url(../images/background/balance-bg.png);\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n    border-radius: 10px;\n\n    .balance-details {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 15px;\n        h6 {\n            font-weight: 400;\n            color: rgba(var(--content-color), 1);\n        }\n\n        h4 {\n            font-weight: 600;\n            color: rgba(255, 255, 255, 1);\n        }\n        .balance-btn {\n            padding: 6px 10px;\n            font-weight: 500;\n            color: rgba(var(--title-color), 1);\n            background-color: rgba(var(--secondary-color), 1);\n        }\n    }\n}\n\n.earning-list {\n    margin-top: 25px;\n    li {\n        width: 100%;\n        margin-bottom: 15px;\n        border-radius: 8px;\n        border: 1px solid rgba(var(--black), 0.05);\n        background: rgba(var(--white), 1);\n        box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.06);\n        padding: 12px;\n        &:last-child {\n            margin-bottom: 0;\n        }\n        .earning-box {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n\n            .profile-image {\n                width: 40px;\n                height: 40px;\n                border-radius: 100%;\n                object-fit: cover;\n            }\n\n            .icon {\n                width: 40px;\n                height: 40px;\n                object-fit: contain;\n            }\n\n            .earning-content {\n                display: flex;\n                justify-content: space-between;\n                flex-direction: column;\n                width: calc(100% - 40px - 10px);\n            }\n        }\n    }\n}\n\n.alart-part {\n    padding-block: 25px;\n}\n\n.payment-list {\n    margin: 15px 0 20px;\n    padding-bottom: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    border-bottom: 1px solid rgba(var(--line-color), 1);\n    .payment-box {\n        width: 100%;\n        padding: 15px;\n        background-color: rgba(var(--white), 1);\n        border: 1px solid rgba(var(--line-color), 0.6);\n        border-radius: 10px;\n        box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.06);\n\n        .payment-detail {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            width: 100%;\n\n            .payment-img {\n                width: 35px;\n                height: 30px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n            }\n\n            h5 {\n                color: rgba(var(--title-color), 1);\n            }\n\n            .form-check {\n                .payment-img {\n                    width: 35px;\n                    height: 30px;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                }\n                .form-check-input {\n                    box-shadow: none;\n                    width: 20px;\n                    height: 20px;\n                    margin: 0;\n                    &:focus {\n                        border-color: rgba(var(--line-color), 1);\n                    }\n                }\n\n                .form-check-input:checked {\n                    position: relative;\n                    background-color: rgba(var(--box-bg), 1);\n                    border-color: rgba(var(--title-color), 1);\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        left: 50%;\n                        top: 50%;\n                        transform: translate(-50%, -50%);\n                        width: 10px;\n                        height: 10px;\n                        background-color: rgba(var(--title-color), 1);\n                        border-radius: 100%;\n                    }\n                }\n            }\n        }\n    }\n}\n\n.offer-listing {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    li {\n        .offer-box {\n            padding: 15px;\n            background-color: rgba(var(--white), 1);\n            border: 1px solid rgba(var(--line-color), 1);\n            border-radius: 10px;\n            box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.06);\n            @media (max-width: 600px) {\n                padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n            }\n            .offer-head {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                padding-bottom: 15px;\n                border-bottom: 1px dashed rgba(var(--line-color), 1);\n                @media (max-width: 600px) {\n                    padding-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n                }\n                .profile-part {\n                    display: flex;\n                    align-items: center;\n                    gap: 10px;\n                    .profile-pic {\n                        width: 25px;\n                        height: 25px;\n                        object-fit: cover;\n                        border-radius: 100%;\n                    }\n                    h6 {\n                        font-weight: 400;\n                        color: rgba(var(--title-color), 1);\n                    }\n                }\n\n                h4 {\n                    font-weight: 600;\n                    color: rgba(var(--title-color), 1);\n                }\n                .icon {\n                    height: 30px;\n                    width: 30px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    background-color: rgba(var(--box-bg), 1);\n                    --Iconsax-Color: rgba(var(--title-color), 1);\n                    --Iconsax-Size: 16px;\n                    border-radius: 100%;\n\n                    &.error-icon {\n                        background-color: rgba(var(--error-color), 0.1);\n                        --Iconsax-Color: rgba(var(--error-color), 1);\n                        --Iconsax-Size: 16px;\n                    }\n                }\n            }\n\n            .offer-content {\n                padding-block: 15px;\n                border-bottom: 1px dashed rgba(var(--line-color), 1);\n                @media (max-width: 600px) {\n                    padding-block: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n                }\n                h6 {\n                    line-height: 1.3;\n                }\n                .ride-info-list {\n                    .info-content {\n                        padding-inline: 5px;\n                        border-left: 1px solid rgba(var(--line-color), 1);\n                        &:first-child {\n                            padding-left: 0;\n                            border-left: 0;\n                        }\n                        &:last-child {\n                            padding-right: 0;\n                        }\n                        .icon {\n                            --Iconsax-Color: rgba(var(--title-color), 0.5);\n                            --Iconsax-Size: 14px;\n                        }\n                        span {\n                            font-weight: 300;\n                            font-size: 12px;\n                            color: rgba(var(--title-color), 1);\n                        }\n                    }\n                }\n                .validity {\n                    font-weight: 400;\n                    font-size: 12px;\n                    color: rgba(var(--content-color), 1);\n                }\n            }\n\n            .active-part {\n                padding-top: 15px;\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                @media (max-width: 600px) {\n                    padding-top: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n                }\n\n                .switch-btn {\n                    display: flex;\n                    input[type=\"checkbox\"] {\n                        position: relative;\n                        width: 37px;\n                        height: 22px;\n                        appearance: none;\n                        background-color: rgba(var(--box-bg), 1);\n                        outline: none;\n                        border-radius: 50px;\n                        cursor: pointer;\n                        transition: all 0.5s ease-in-out;\n\n                        &:checked {\n                            background: rgba(var(--title-color), 1);\n\n                            &::before {\n                                transform: translateX(80%) translateY(-50%);\n                                background: rgba(var(--white), 1);\n                            }\n                        }\n\n                        &:before {\n                            content: \"\";\n                            width: 15px;\n                            height: 15px;\n                            border-radius: 50%;\n                            background: rgba(var(--content-color), 0.5);\n                            position: absolute;\n                            top: 50%;\n                            left: 5px;\n                            transform: translateY(-50%);\n                            transition: 0.5s;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n.active-offer {\n    padding-top: 15px;\n    border-top: 1px dashed rgba(var(--line-color), 1);\n    .offer {\n        padding: 15px;\n        background-color: rgba(var(--white), 1);\n        border-radius: 8px;\n        .switch-btn {\n            display: flex;\n            input[type=\"checkbox\"] {\n                position: relative;\n                width: 37px;\n                height: 22px;\n                appearance: none;\n                background-color: rgba(var(--box-bg), 1);\n                outline: none;\n                border-radius: 50px;\n                cursor: pointer;\n\n                &:checked {\n                    background: rgba(var(--title-color), 1);\n\n                    &::before {\n                        transform: translateX(80%) translateY(-50%);\n                        background: rgba(var(--white), 1);\n                    }\n                }\n\n                &:before {\n                    content: \"\";\n                    width: 15px;\n                    height: 15px;\n                    border-radius: 50%;\n                    background: rgba(var(--content-color), 0.5);\n                    position: absolute;\n                    top: 50%;\n                    left: 5px;\n                    transform: translateY(-50%);\n                    transition: 0.5s;\n                }\n            }\n        }\n    }\n}\n\n.bank-details-list {\n    margin-bottom: 20px;\n    padding: 15px;\n    background-color: rgba(var(--white), 1);\n    border: 1px solid rgba(var(--line-color), 0.6);\n    border-radius: 10px;\n    box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.04);\n    li {\n        padding-bottom: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        &:last-child {\n            padding-bottom: 0;\n        }\n        h5 {\n            font-weight: 400;\n            color: rgba(var(--content-color), 1);\n        }\n    }\n}\n\n.amount-title {\n    padding-top: 20px;\n    border-top: 1px dashed rgba(var(--line-color), 1);\n}\n","/*========================\n  5.12  ride CSS start\n==========================*/\n.theme-content-bg {\n    position: fixed;\n    bottom: 0;\n    width: 100%;\n    max-width: 600px;\n    height: auto;\n    padding: 20px 0 0;\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 20px 20px 0px 0px;\n    max-height: calc(100vh - 160px);\n    overflow: auto;\n    h5 {\n        padding-inline: 20px;\n        font-weight: 500;\n        color: rgba(var(--title-color), 1);\n    }\n\n    .package-list {\n        margin: 15px auto;\n        padding-inline: 20px;\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 10px;\n        border-radius: 6px;\n        overflow: auto;\n        li {\n            .package-box {\n                width: 70px;\n                height: 70px;\n                padding: 0;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                background-color: rgba(var(--white), 1);\n                border-radius: 6px;\n                @media (max-width: 600px) {\n                    width: calc(60px + (70 - 60) * ((100vw - 320px) / (600 - 320)));\n                    height: calc(60px + (70 - 60) * ((100vw - 320px) / (600 - 320)));\n                }\n                .time {\n                    padding: 0;\n                    font-size: 14px;\n                    font-weight: 500;\n                    color: rgba(var(--title-color), 1);\n                }\n\n                .distance {\n                    font-size: 13px;\n                    font-weight: 400;\n                    color: rgba(var(--content-color), 1);\n                }\n            }\n        }\n    }\n\n    .my-ride-box {\n        .my-ride-head {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            padding-bottom: 15px;\n            border-bottom: 1px dashed rgba(var(--line-color), 1);\n            @media (max-width: 600px) {\n                padding-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n            }\n            .my-ride-img {\n                width: 25px;\n                height: 25px;\n                background-color: rgba(var(--title-color), 0.1);\n                border-radius: 100%;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                .profile-img {\n                    width: 100%;\n                    height: 100%;\n                    border-radius: 100%;\n                }\n\n                .my-ride-icon {\n                    color: rgba(var(--title-color), 1);\n                }\n            }\n\n            .my-ride-content {\n                display: flex;\n                justify-content: space-between;\n                width: calc(100% - 25px - 10px);\n                .star {\n                    width: 10px;\n                    height: 10px;\n                }\n                span {\n                    font-weight: 400;\n                    font-size: 13px;\n                    display: list-item;\n                    list-style-type: disc;\n                    &.success {\n                        color: rgba(var(--success-color), 1);\n                    }\n                    &.reject {\n                        color: rgba(var(--error-color), 1);\n                    }\n                }\n            }\n        }\n\n        .my-ride-details {\n            .ride-info {\n                padding-block: 15px;\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                @media (max-width: 600px) {\n                    padding-block: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n                }\n                .communication-icon {\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    padding: 8px;\n                    background-color: rgba(var(--box-bg), 1);\n                    border-radius: 100%;\n                }\n                .icon {\n                    --Iconsax-Color: rgba(var(--content-color), 1);\n                    --Iconsax-Size: 14px;\n                }\n            }\n\n            .ride-location-listing {\n                padding: 15px;\n                background-color: rgba(var(--box-bg), 1);\n                border-radius: 8px;\n                @media (max-width: 600px) {\n                    padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n                }\n                li {\n                    width: 100%;\n                    position: relative;\n                    padding-bottom: 7px;\n                    margin-bottom: 7px;\n                    z-index: 0;\n                    &::before {\n                        content: \"\";\n                        position: absolute;\n                        top: 12px;\n                        left: 10px;\n                        z-index: -1;\n                        width: 2px;\n                        height: calc(100% + -4px);\n                        border-left: 1px dashed rgba(var(--title-color), 1);\n                        [dir=\"rtl\"] & {\n                            left: unset;\n                            right: 10px;\n                        }\n                    }\n\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        bottom: 0;\n                        right: 0;\n                        width: calc(100% - 20px - 5px);\n                        height: 1px;\n                        border-top: 1px dashed rgba(var(--line-color), 1);\n                        [dir=\"rtl\"] & {\n                            left: 0;\n                            right: unset;\n                        }\n                    }\n                    &:last-child {\n                        padding: 0;\n                        margin: 0;\n                        border: unset;\n                        &::before,\n                        &::after {\n                            content: unset;\n                        }\n                    }\n\n                    .location-box {\n                        display: flex;\n                        align-items: center;\n                        gap: 5px;\n                        img {\n                            background-color: rgba(var(--box-bg), 1);\n                        }\n\n                        h5 {\n                            width: calc(100% - 20px - 5px);\n                        }\n                    }\n                }\n\n                &.driver-location-list {\n                    border-radius: 8px;\n                }\n            }\n        }\n    }\n}\n\n.price-content {\n    padding: 8px 12px;\n    color: rgba(var(--title-color), 1);\n    background-color: rgba(var(--content-color), 0.08);\n    width: 90%;\n    padding-inline: 20px;\n    margin: 15px auto 0;\n    text-align: center;\n    border: 1px solid rgba(var(--line-color), 1);\n    border-radius: 6px;\n    @media (max-width: 600px) {\n        padding: 8px calc(10px + (12 - 10) * ((100vw - 320px) / (600 - 320)));\n    }\n    @media (max-width: 375px) {\n        width: 90%;\n    }\n}\n.ride-content-bg {\n    max-width: 600px;\n    padding: 20px;\n    margin-top: 15px;\n    background-color: rgba(var(--white), 1);\n    border-radius: 20px 20px 0px 0px;\n    @media (max-width: 600px) {\n        padding: calc(15px + (20 - 15) * ((100vw - 320px) / (600 - 320)));\n    }\n    .details-title {\n        padding-bottom: 15px;\n        border-bottom: 1px solid rgba(var(--line-color), 1);\n        @media (max-width: 600px) {\n            padding-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n    }\n    .profile-head {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-top: 20px;\n        @media (max-width: 600px) {\n            margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n\n        .profile-img {\n            width: 45px;\n            height: 45px;\n            object-fit: cover;\n            border-radius: 100%;\n        }\n        .profile-content {\n            width: calc(100% - 45px - 10px);\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            justify-content: space-between;\n            h5 {\n                font-weight: 500;\n                line-height: 1.5;\n                color: rgba(var(--title-color), 1);\n            }\n            .star {\n                width: 10px;\n            }\n            span {\n                font-size: 13px;\n            }\n            .icon {\n                --Iconsax-Color: rgba(var(--content-color), 1);\n                --Iconsax-Size: 14px;\n            }\n            .comm-icon {\n                width: 35px;\n                height: 35px;\n                padding: 8px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background-color: rgba(var(--box-bg), 1);\n                border-radius: 100%;\n                .icon-btn {\n                    width: 100%;\n                    height: 100%;\n                    object-fit: cover;\n                }\n            }\n        }\n    }\n    .vehicle-info {\n        padding-block: 15px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        border-bottom: 1px solid rgba(var(--line-color), 1);\n        @media (max-width: 600px) {\n            padding-block: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n\n        .pin-code {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            gap: 5px;\n            li {\n                width: 20px;\n                height: 20px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background-color: rgba(var(--secondary-color), 1);\n                border-radius: 100%;\n            }\n        }\n    }\n    .location-part {\n        width: 100%;\n        margin-top: 20px;\n        padding: 15px;\n        border-radius: 6px;\n        background-color: rgba(var(--box-bg), 1);\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        @media (max-width: 600px) {\n            padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n            margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n        span {\n            font-size: 13px;\n            text-decoration: underline;\n        }\n\n        .location {\n            position: relative;\n            &::after {\n                content: \"\";\n                position: absolute;\n                width: 3px;\n                height: 3px;\n                left: -8px;\n                top: 50%;\n                transform: translate(-50%, -50%);\n                background-color: rgba(var(--content-color), 1);\n                border-radius: 100%;\n            }\n        }\n\n        &.fare-amount {\n            margin-top: 0;\n            padding: 12px;\n            .icon {\n                --Iconsax-Color: rgba(var(--success-color), 1);\n                --Iconsax-Size: 24px;\n            }\n            .dollar-icon {\n                --Iconsax-Color: rgba(var(--success-color), 1);\n                --Iconsax-Size: 24px;\n            }\n            .img {\n                width: 30px;\n            }\n        }\n    }\n    .amount-part {\n        padding: 0 !important;\n        width: 100%;\n        margin-top: 20px;\n        padding: 15px;\n        border-radius: 6px;\n        background-color: rgba(var(--box-bg), 1);\n        @media (max-width: 600px) {\n            padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n            margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n        .total {\n            padding: 12px;\n            border-bottom: 1px solid rgba(var(--line-color), 1);\n            h4 {\n                font-size: 16px;\n                @media (max-width: 600px) {\n                    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (600 - 320)));\n                }\n            }\n\n            .pay-btn {\n                font-size: 13px;\n            }\n        }\n    }\n    .pickup-location-listing {\n        width: 100%;\n        padding: 0 10px;\n        background-color: rgba(var(--box-bg), 1);\n        border-radius: 6px;\n\n        .location-box {\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            background-color: rgba(var(--box-bg), 1);\n            width: 100%;\n            position: relative;\n            padding-bottom: 7px;\n            margin-bottom: 7px;\n            z-index: 0;\n            &::before {\n                content: \"\";\n                position: absolute;\n                top: 0;\n                left: 10px;\n                z-index: -1;\n                width: 2px;\n                height: calc(100% + 8px);\n                border-left: 1px dashed rgba(var(--title-color), 1);\n                [dir=\"rtl\"] & {\n                    left: unset;\n                    right: 10px;\n                    border-left: unset;\n                    border-right: 1px dashed rgba(var(--title-color), 1);\n                }\n            }\n\n            &::after {\n                content: \"\";\n                position: absolute;\n                bottom: 0;\n                right: 0;\n                width: calc(100% - 20px - 5px);\n                height: 1px;\n                border-top: 1px dashed rgba(var(--line-color), 1);\n                [dir=\"rtl\"] & {\n                    left: 0;\n                    right: unset;\n                }\n            }\n            &:last-child {\n                padding: 0;\n                margin: 0;\n                border: unset;\n                &::before,\n                &::after {\n                    content: unset;\n                }\n            }\n            .icon {\n                position: relative;\n                --Iconsax-Color: rgba(var(--title-color), 1);\n                --Iconsax-Size: 18px;\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    bottom: 10px;\n                    left: 0;\n                    width: 25px;\n                    border: 1px dashed rgba(var(--line-color), 1);\n                    transform: rotate(90deg);\n                    [dir=\"rtl\"] & {\n                        left: unset;\n                        right: 0;\n                    }\n                }\n            }\n            .form-control {\n                padding: 10px 0;\n                font-size: 13px;\n                background-color: rgba(var(--box-bg), 1);\n                border-top: none;\n                border-left: none;\n                border-right: none;\n                border-bottom: 1px solid rgba(var(--line-color), 1);\n                border-radius: 0;\n\n                &::placeholder {\n                    color: rgba(121, 125, 131, 1);\n                    font-size: 14px;\n                }\n                &:focus {\n                    box-shadow: none;\n                    border: none;\n                }\n            }\n            .add-stop {\n                padding-left: 10px;\n                border-left: 1px solid rgba(var(--line-color), 1);\n                --Iconsax-Color: rgba(var(--title-color), 1);\n                --Iconsax-Size: 24px;\n                [dir=\"rtl\"] & {\n                    padding-left: unset;\n                    padding-right: 10px;\n                    border-left: unset;\n                    border-right: 1px solid rgba(var(--line-color), 1);\n                }\n            }\n        }\n    }\n\n    .ride-location-listing {\n        padding: 15px;\n        background-color: rgba(var(--box-bg), 1);\n        border-radius: 8px;\n        @media (max-width: 600px) {\n            padding-block: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n        li {\n            width: 100%;\n            position: relative;\n            padding-bottom: 7px;\n            margin-bottom: 7px;\n            z-index: 0;\n            &::before {\n                content: \"\";\n                position: absolute;\n                top: 12px;\n                left: 10px;\n                z-index: -1;\n                width: 2px;\n                height: calc(100% + -4px);\n                border-left: 1px dashed rgba(var(--title-color), 1);\n                [dir=\"rtl\"] & {\n                    padding-left: unset;\n                    padding-right: 10px;\n                    border-left: unset;\n                    border-right: 1px solid rgba(var(--line-color), 1);\n                }\n            }\n\n            &::after {\n                content: \"\";\n                position: absolute;\n                bottom: 0;\n                right: 0;\n                width: calc(100% - 20px - 5px);\n                height: 1px;\n                border-top: 1px dashed rgba(var(--line-color), 1);\n                [dir=\"rtl\"] & {\n                    padding-left: 0;\n                    padding-right: unset;\n                }\n            }\n            &:last-child {\n                padding: 0;\n                margin: 0;\n                border: unset;\n                &::before,\n                &::after {\n                    content: unset;\n                }\n            }\n\n            .location-box {\n                display: flex;\n                align-items: center;\n                gap: 5px;\n                img {\n                    background-color: rgba(var(--box-bg), 1);\n                }\n\n                h5 {\n                    width: calc(100% - 20px - 5px);\n                }\n            }\n        }\n\n        &.driver-location-list {\n            border-radius: 8px;\n        }\n    }\n\n    .verification-part {\n        padding-top: 15px;\n        border-top: 1px solid rgba(var(--line-color), 1);\n    }\n\n    .current-location-box {\n        padding: 15px;\n        background-color: rgba(var(--box-bg), 1);\n        border-radius: 8px;\n        .location-icon {\n            width: 30px;\n            height: 30px;\n            padding: 6px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background-color: rgba(var(--white), 1);\n            border-radius: 100%;\n            .icon {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n        }\n\n        p {\n            font-weight: 400;\n            line-height: 1.5;\n            padding-left: 40px;\n            color: rgba(var(--content-color), 1);\n            [dir=\"rtl\"] & {\n                padding-left: unset;\n                padding-right: 40px;\n            }\n        }\n    }\n    .successful-img {\n        .success-img {\n            width: 135px;\n            height: 135px;\n        }\n    }\n}\n\n.driver-request {\n    .map-image {\n        margin-top: -25px;\n        .map-img {\n            max-width: 600px;\n        }\n\n        &::after {\n            content: \"\";\n            position: fixed;\n            max-width: 600px;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.5);\n        }\n    }\n\n    .driver-list {\n        position: relative;\n        padding-top: 25px;\n\n        li {\n            width: 100%;\n            padding-top: 15px;\n\n            .driver-box {\n                border-radius: 10px;\n                background: rgba(var(--white), 1);\n                padding: 12px;\n                .profile-head {\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    .profile-img {\n                        width: 32px;\n                        height: 32px;\n                        object-fit: cover;\n                        border-radius: 100%;\n                    }\n                    h5 {\n                        font-weight: 500;\n                        color: rgba(var(--title-color), 1);\n                    }\n                    .icon {\n                        --Iconsax-Color: rgba(var(--content-color), 1);\n                        --Iconsax-Size: 14px;\n                    }\n                }\n                span {\n                    font-size: 14px;\n                }\n                .clock {\n                    width: 20px;\n                    filter: invert(1);\n                }\n                .star {\n                    width: 10px;\n                }\n\n                .grid-btn {\n                    gap: 20px;\n                    .btn {\n                        padding: 6px;\n                    }\n                }\n                .progress {\n                    height: 3px;\n                    --bs-progress-bg: rgba(var(--box-bg), 1);\n                    .progress-bar {\n                        background-color: rgba(var(--secondary-color), 1);\n                    }\n                }\n                &.outstation-driver-box {\n                    border: 1px solid rgba(var(--line-color), 1);\n                    box-shadow: 0px 4px 20px 0px rgba(var(--title-color), 0.06);\n                }\n            }\n        }\n    }\n}\n\n.driver-info-box {\n    position: fixed;\n    padding: 12px;\n    top: 100px;\n    left: 50%;\n    width: 90%;\n    max-width: 560px;\n    transform: translateX(-50%);\n    display: flex;\n    justify-content: space-between;\n    background-color: rgba(var(--title-color), 1);\n    border-radius: 6px;\n    box-shadow: 0px 0px 18px 0px rgba(var(--black), 0.1);\n\n    h5 {\n        color: rgba(var(--white), 1);\n    }\n    h3 {\n        color: rgba(var(--white), 1);\n    }\n}\n\n.driver-info {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    li {\n        width: 100%;\n        .info-box {\n            width: 100%;\n            height: 95px;\n            padding: 15px;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            background-color: rgba(var(--box-bg), 1);\n            border-radius: 8px;\n            @media (max-width: 600px) {\n                height: calc(75px + (95 - 75) * ((100vw - 320px) / (600 - 320)));\n                padding: calc(8px + (15 - 8) * ((100vw - 320px) / (600 - 320)));\n            }\n\n            h2 {\n                font-size: 20px;\n                @media (max-width: 600px) {\n                    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (600 - 320)));\n                }\n            }\n        }\n    }\n}\n\n.car-info-box {\n    margin-top: 25px;\n    padding: 15px;\n    display: flex;\n    -webkit-box-align: center;\n    align-items: flex-end;\n    justify-content: space-between;\n    background-color: rgba(var(--box-bg), 1);\n    border-radius: 8px;\n    @media (max-width: 600px) {\n        padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n    }\n    .code {\n        font-size: 18px;\n        @media (max-width: 600px) {\n            font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (600 - 320)));\n        }\n    }\n    .car-img {\n        transform: rotateY(180deg);\n        height: 50px;\n        @media (max-width: 600px) {\n            height: calc(45px + (50 - 45) * ((100vw - 320px) / (600 - 320)));\n        }\n    }\n    .icon {\n        --Iconsax-Color: rgba(var(--content-color), 1);\n        --Iconsax-Size: 18px;\n    }\n\n    h5 {\n        color: rgba(var(--title-color), 1);\n    }\n\n    h3 {\n        color: rgba(var(--title-color), 1);\n    }\n}\n\n.reasons-list {\n    margin-top: 30px;\n    li {\n        width: 100%;\n        padding-bottom: 12px;\n        &:last-child {\n            padding-bottom: 0;\n        }\n\n        .reasons-box {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            padding: 12px;\n            background-color: rgba(var(--box-bg), 1);\n            border-radius: 6px;\n            h4 {\n                padding-left: 10px;\n                font-weight: 400;\n                line-height: 1.3;\n                color: rgba(var(--title-color), 1);\n                border-left: 1px solid rgba(var(--line-color), 1);\n                [dir=\"rtl\"] & {\n                    padding-left: unset;\n                    padding-right: 10px;\n                    border-left: unset;\n                    border-right: 1px solid rgba(var(--line-color), 1);\n                }\n            }\n        }\n    }\n}\n\n.rating-box {\n    margin-bottom: 15px;\n    padding: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: rgba(var(--white), 1);\n    border: 1px solid rgba(var(--line-color), 0.8);\n    border-radius: 10px;\n    box-shadow: 0px 4px 18px 0px rgba(var(--title-color), 0.05);\n    .rating-list {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        @media (max-width: 600px) {\n            gap: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n        li {\n            .star {\n                width: 20px;\n                height: 20px;\n            }\n        }\n    }\n    h4 {\n        padding-left: 12px;\n        border-left: 1px solid rgba(var(--line-color), 1);\n        [dir=\"rtl\"] & {\n            padding-left: unset;\n            padding-right: 12px;\n            border-left: unset;\n            border-right: 1px solid rgba(var(--line-color), 1);\n        }\n    }\n}\n\n.tip-part {\n    border-top: 1px solid rgba(var(--line-color), 1);\n    .tip-list {\n        margin-top: 10px;\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 10px;\n        width: 100%;\n        .tip-amount-box {\n            input[type=\"radio\"] {\n                display: none;\n            }\n            input[type=\"radio\"]:checked + label {\n                background-color: rgba(var(--theme-color), 1);\n                color: rgba(255, 255, 255, 1);\n            }\n            .check-label {\n                padding: 10px 15px;\n                display: inline-block;\n                color: rgba(var(--content-color), 1);\n                background-color: rgba(var(--white), 1);\n                border-radius: 10px;\n                cursor: pointer;\n            }\n        }\n    }\n    .form-control {\n        color: rgba(var(--title-color), 1);\n        background-color: rgba(var(--white), 1);\n        border: none;\n\n        &:focus {\n            box-shadow: none;\n            border: none;\n        }\n        &:focus-visible {\n            outline: none;\n        }\n        &::placeholder {\n            color: rgba(121, 125, 131, 1);\n        }\n    }\n}\n\n.my-ride-list {\n    margin-top: 25px;\n    li {\n        width: 100%;\n        border: 1px solid rgba(var(--black), 0.05);\n        border-radius: 8px;\n        box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);\n        &:last-child {\n            margin-bottom: 0;\n        }\n        .my-ride-box {\n            padding: 12px;\n            .my-ride-head {\n                display: flex;\n                align-items: center;\n                gap: 10px;\n                padding-bottom: 15px;\n                border-bottom: 1px dashed rgba(var(--line-color), 1);\n                @media (max-width: 600px) {\n                    padding-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n                }\n                .my-ride-img {\n                    width: 40px;\n                    height: 40px;\n                    padding: 5px;\n                    background-color: rgba(var(--title-color), 0.1);\n                    border-radius: 6px;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    font-size: 24px;\n                    .my-ride-icon {\n                        color: rgba(var(--title-color), 1);\n                    }\n                }\n                .my-ride-content {\n                    display: flex;\n                    justify-content: space-between;\n                    width: calc(100% - 40px - 10px);\n                    span {\n                        font-weight: 400;\n                        font-size: 13px;\n                        display: list-item;\n                        list-style-type: disc;\n                        &.success {\n                            color: rgba(var(--success-color), 1);\n                        }\n                        &.reject {\n                            color: rgba(var(--error-color), 1);\n                        }\n                    }\n                }\n            }\n\n            .my-ride-details {\n                .ride-info {\n                    margin-block: 15px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    gap: 10px;\n                    @media (max-width: 600px) {\n                        margin-block: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n                    }\n                    .ride-info-content {\n                        width: calc(100% - 40px - 10px);\n                        .star {\n                            width: 14px;\n                            height: 14px;\n                        }\n                        .count {\n                            font-size: 14px;\n                            line-height: 1;\n                        }\n                    }\n                    .profile-img {\n                        width: 40px;\n                        height: 40px;\n                        object-fit: cover;\n                        border-radius: 100%;\n                    }\n                }\n                .ride-location-listing {\n                    width: 100%;\n                    padding: 15px;\n                    background-color: rgba(var(--box-bg), 1);\n                    border-radius: 6px;\n                    @media (max-width: 600px) {\n                        padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n                    }\n                    .location-box {\n                        position: relative;\n                        width: 100%;\n                        display: flex;\n                        align-items: flex-start;\n                        gap: 5px;\n                        padding-bottom: 7px;\n                        margin-bottom: 7px;\n                        background-color: rgba(var(--box-bg), 1);\n                        box-shadow: none;\n                        border: none;\n                        z-index: 0;\n                        &::before {\n                            content: \"\";\n                            position: absolute;\n                            top: 12px;\n                            left: 10px;\n                            z-index: -1;\n                            width: 2px;\n                            height: calc(100% + 8px);\n                            border-left: 1px dashed rgba(var(--title-color), 1);\n                            [dir=\"rtl\"] & {\n                                left: unset;\n                                right: 10px;\n                                border-left: unset;\n                                border-right: 1px solid rgba(var(--line-color), 1);\n                            }\n                        }\n\n                        &::after {\n                            content: \"\";\n                            position: absolute;\n                            bottom: 0;\n                            right: 0;\n                            width: calc(100% - 20px - 5px);\n                            height: 1px;\n                            border-top: 1px dashed rgba(var(--line-color), 1);\n                            [dir=\"rtl\"] & {\n                                left: 0;\n                                right: unset;\n                            }\n                        }\n\n                        &:last-child {\n                            padding: 0;\n                            margin: 0;\n                            border: unset;\n                            &::before,\n                            &::after {\n                                content: unset;\n                            }\n                        }\n                        .icon {\n                            position: relative;\n                            --Iconsax-Color: rgba(var(--title-color), 1);\n                            --Iconsax-Size: 18px;\n                            background-color: rgba(var(--box-bg), 1);\n                            &::after {\n                                content: \"\";\n                                position: absolute;\n                                bottom: 10px;\n                                left: 0;\n                                width: 25px;\n                                border: 1px dashed rgba(var(--line-color), 1);\n                                transform: rotate(90deg);\n                                [dir=\"rtl\"] & {\n                                    left: unset;\n                                    right: 0;\n                                }\n                            }\n                        }\n\n                        .form-control {\n                            padding: 10px 0;\n                            font-size: 13px;\n                            background-color: rgba(var(--box-bg), 1);\n                            border-top: none;\n                            border-left: none;\n                            border-right: none;\n                            border-bottom: 1px solid rgba(var(--line-color), 1);\n                            border-radius: 0;\n\n                            &::placeholder {\n                                color: rgba(121, 125, 131, 1);\n                                font-size: 14px;\n                            }\n                            &:focus {\n                                box-shadow: none;\n                                border: none;\n                            }\n                        }\n                        .add-stop {\n                            padding-left: 10px;\n                            border-left: 1px solid rgba(var(--line-color), 1);\n                            --Iconsax-Color: rgba(var(--title-color), 1);\n                            --Iconsax-Size: 24px;\n                            [dir=\"rtl\"] & {\n                                padding-left: unset;\n                                padding-right: 10px;\n                                border-left: unset;\n                                border-right: 1px solid rgba(var(--line-color), 1);\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    &.driver-ride-list {\n        li {\n            margin-bottom: 10px;\n            &:last-child {\n                margin-bottom: 0;\n            }\n\n            .my-ride-box {\n                .my-ride-head {\n                    .price {\n                        border-left: 1px solid rgba(var(--line-color), 1);\n                        [dir=\"rtl\"] & {\n                            border-left: unset;\n                            border-right: 1px solid rgba(var(--line-color), 1);\n                        }\n                    }\n\n                    .my-ride-img {\n                        width: 25px;\n                        height: 25px;\n                        padding: 0;\n                        background-color: transparent;\n                        .profile-img {\n                            width: 100%;\n                            height: 100%;\n                            border-radius: 100%;\n                        }\n                    }\n\n                    .my-ride-content {\n                        width: calc(100% - 25px - 10px);\n                        .star {\n                            width: 10px;\n                            height: 10px;\n                        }\n                        span {\n                            list-style-type: unset;\n                        }\n\n                        .icon {\n                            --Iconsax-Color: rgba(var(--content-color), 1);\n                            --Iconsax-Size: 14px;\n                        }\n                    }\n                }\n                .my-ride-details {\n                    .ride-location-listing {\n                        width: 100%;\n                        padding: 15px;\n                        background-color: rgba(var(--box-bg), 1);\n                        border-radius: 6px;\n                        @media (max-width: 600px) {\n                            padding: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n                        }\n                        li {\n                            width: 100%;\n                            display: flex;\n                            align-items: center;\n                            gap: 5px;\n                            .location-box {\n                                position: relative;\n                                padding-bottom: 7px;\n                                margin-bottom: 7px;\n                                background-color: transparent;\n                                box-shadow: none;\n                                border: none;\n                                z-index: 0;\n                                &::before {\n                                    content: \"\";\n                                    position: absolute;\n                                    top: 10px;\n                                    left: 10px;\n                                    z-index: -1;\n                                    width: 2px;\n                                    height: calc(100% + 8px);\n                                    border-left: 1px dashed rgba(var(--title-color), 1);\n                                    [dir=\"rtl\"] & {\n                                        left: unset;\n                                        right: 10px;\n                                        border-left: unset;\n                                        border-right: 1px solid rgba(var(--line-color), 1);\n                                    }\n                                }\n\n                                &::after {\n                                    content: \"\";\n                                    position: absolute;\n                                    bottom: 0;\n                                    right: 0;\n                                    width: calc(100% - 20px - 5px);\n                                    height: 1px;\n                                    border-top: 1px dashed rgba(var(--line-color), 1);\n                                    [dir=\"rtl\"] & {\n                                        left: 0;\n                                        right: unset;\n                                    }\n                                }\n                                &:last-child {\n                                    padding: 0;\n                                    margin: 0;\n                                    border: unset;\n\n                                    &::before,\n                                    &::after {\n                                        content: unset;\n                                    }\n                                }\n\n                                .icon {\n                                    position: relative;\n                                    --Iconsax-Color: rgba(var(--title-color), 1);\n                                    --Iconsax-Size: 18px;\n                                    background-color: rgba(var(--box-bg), 1);\n                                    &::after {\n                                        content: \"\";\n                                        position: absolute;\n                                        bottom: 10px;\n                                        left: 0;\n                                        width: 25px;\n                                        border: 1px dashed rgba(var(--line-color), 1);\n                                        transform: rotate(90deg);\n                                        [dir=\"rtl\"] & {\n                                            left: unset;\n                                            right: 0;\n                                        }\n                                    }\n                                }\n\n                                .form-control {\n                                    padding: 10px 0;\n                                    font-size: 13px;\n                                    background-color: rgba(var(--box-bg), 1);\n                                    border-top: none;\n                                    border-left: none;\n                                    border-right: none;\n                                    border-bottom: 1px solid rgba(var(--line-color), 1);\n                                    border-radius: 0;\n\n                                    &::placeholder {\n                                        color: rgba(121, 125, 131, 1);\n                                        font-size: 14px;\n                                    }\n                                    &:focus {\n                                        box-shadow: none;\n                                        border: none;\n                                    }\n                                }\n                                .add-stop {\n                                    padding-left: 10px;\n                                    border-left: 1px solid rgba(var(--line-color), 1);\n                                    --Iconsax-Color: rgba(var(--title-color), 1);\n                                    --Iconsax-Size: 24px;\n                                    [dir=\"rtl\"] & {\n                                        padding-left: unset;\n                                        padding-right: 10px;\n                                        border-left: unset;\n                                        border-right: 1px solid rgba(var(--line-color), 1);\n                                    }\n                                }\n                            }\n                        }\n                    }\n\n                    .ride-info {\n                        .comm-icon {\n                            width: 35px;\n                            height: 35px;\n                            padding: 8px;\n                            display: flex;\n                            align-items: center;\n                            justify-content: center;\n                            background-color: rgba(var(--box-bg), 1);\n                            border-radius: 100%;\n                            .icon-btn {\n                                width: 100%;\n                                height: 100%;\n                                object-fit: cover;\n                            }\n                        }\n\n                        .icon {\n                            --Iconsax-Color: rgba(var(--content-color), 1);\n                            --Iconsax-Size: 14px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.my-ride-details-page {\n    margin-top: 20px;\n    .profile-head {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        &.driver-profile-head {\n            border-bottom: 1px solid rgba(var(--line-color), 1);\n        }\n        .profile-img {\n            width: 40px;\n            height: 40px;\n            object-fit: cover;\n            border-radius: 100%;\n        }\n        .profile-content {\n            width: calc(100% - 40px - 10px);\n            display: flex;\n            align-items: flex-start;\n            gap: 5px;\n            justify-content: space-between;\n            h5 {\n                font-weight: 500;\n                color: rgba(var(--title-color), 1);\n            }\n            .star {\n                width: 10px;\n            }\n            span {\n                font-size: 13px;\n            }\n            .status {\n                font-size: 13px;\n                line-height: 1;\n                display: list-item;\n                list-style-type: disc;\n            }\n            .icon {\n                --Iconsax-Color: rgba(var(--content-color), 1);\n                --Iconsax-Size: 14px;\n            }\n            .icon-btn {\n                width: 35px;\n                height: 35px;\n                padding: 8px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background-color: rgba(var(--box-bg), 1);\n                border-radius: 100%;\n            }\n        }\n    }\n    .rating-part {\n        padding-bottom: 15px;\n        border-bottom: 1px solid rgba(var(--line-color), 1);\n        .rating-box {\n            border-bottom: 1px solid rgba(var(--line-color), 1);\n        }\n    }\n    .pin-code {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        gap: 5px;\n        li {\n            width: 20px;\n            height: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background-color: rgba(var(--secondary-color), 1);\n            border-radius: 100%;\n        }\n    }\n    .payment-method-part {\n        padding-bottom: 15px;\n        border-bottom: 1px solid rgba(var(--line-color), 1);\n        @media (max-width: 600px) {\n            padding-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (600 - 320)));\n        }\n    }\n}\n\n.bill-details {\n    position: relative;\n    margin-top: 30px;\n    @media (max-width: 600px) {\n        margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (600 - 320)));\n    }\n\n    .bill-title {\n        padding-inline: 20px;\n    }\n    .total-detail {\n        position: relative;\n        background-color: rgba(var(--box-bg), 1);\n        padding: 20px;\n        margin-bottom: 0;\n\n        .sub-total {\n            display: flex;\n            justify-content: space-between;\n        }\n\n        h5 {\n            color: rgba(var(--title-color), 1);\n        }\n\n        .free {\n            color: rgba(var(--title-color), 1);\n            position: absolute;\n            top: 54px;\n            right: 20px;\n\n            [dir=\"rtl\"] & {\n                right: unset;\n                left: 20px;\n            }\n        }\n\n        .delivery-info {\n            width: 70%;\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .grand-total {\n            display: flex;\n            justify-content: space-between;\n            border-top: 1px solid rgba(var(--line-color), 1);\n            padding: 10px 0 0;\n\n            h5 {\n                color: rgba(var(--title-color), 1);\n            }\n\n            .amount {\n                color: rgba(var(--title-color), 1);\n            }\n        }\n\n        .dots-design {\n            position: absolute;\n            bottom: 0;\n            width: 95%;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n    }\n}\n\n.ride-location-listing {\n    li {\n        width: 100%;\n        position: relative;\n        padding-bottom: 7px;\n        margin-bottom: 7px;\n        z-index: 0;\n        &::before {\n            content: \"\";\n            position: absolute;\n            top: 12px;\n            left: 10px;\n            z-index: -1;\n            width: 2px;\n            height: calc(100% + -1px);\n            border-left: 1px dashed rgba(var(--line-color), 1);\n            [dir=\"rtl\"] & {\n                left: unset;\n                right: 10px;\n                border-left: unset;\n                border-right: 1px dashed rgba(var(--line-color), 1);\n            }\n        }\n\n        &::after {\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            right: 0;\n            width: calc(100% - 20px - 5px);\n            height: 1px;\n            border-top: 1px dashed rgba(var(--line-color), 1);\n            [dir=\"rtl\"] & {\n                right: unset;\n                left: 10px;\n            }\n        }\n        &:last-child {\n            padding: 0;\n            margin: 0;\n            border: unset;\n            &::before,\n            &::after {\n                content: unset;\n            }\n        }\n\n        .location-box {\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            .icon {\n                position: relative;\n                --Iconsax-Color: rgba(var(--title-color), 1);\n                --Iconsax-Size: 18px;\n                background-color: rgba(var(--box-bg), 1);\n                &::after {\n                    content: \"\";\n                    position: absolute;\n                    bottom: 10px;\n                    left: 0;\n                    width: 25px;\n                    border: 1px dashed rgba(var(--line-color), 1);\n                    transform: rotate(90deg);\n                    [dir=\"rtl\"] & {\n                        right: 0;\n                        left: unset;\n                    }\n                }\n            }\n\n            h5 {\n                width: calc(100% - 20px - 5px);\n            }\n        }\n    }\n\n    &.driver-location-list {\n        border-radius: 8px;\n    }\n}\n\n.reasons-link {\n    margin-top: 15px;\n    font-size: 14px;\n    line-height: 1;\n    color: rgba(var(--title-color), 1);\n}\n\n.reason-part {\n    p {\n        margin-top: 5px;\n        padding: 15px;\n        color: rgba(var(--error-color), 1);\n        background-color: rgba(var(--error-color), 0.1);\n        border-radius: 8px;\n    }\n}\n\n.download-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    .icon {\n        --Iconsax-Color: rgba(var(--theme-color), 1);\n        --Iconsax-Size: 18px;\n        transform: rotate(90deg);\n    }\n}\n\n.payment-method-list {\n    padding-top: 30px;\n    @media (max-width: 600px) {\n        padding-top: calc(15px + (30 - 15) * ((100vw - 320px) / (600 - 320)));\n    }\n    li {\n        margin-bottom: 20px;\n        box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);\n\n        &:last-child {\n            margin-bottom: 0;\n        }\n\n        .payment-list-box {\n            width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 10px;\n            padding: 10px;\n            background-color: rgba(var(--white), 1);\n            border-radius: 8px;\n\n            .form-check-input {\n                width: 20px;\n                height: 20px;\n                margin: 0px;\n                background-color: rgba(var(--white), 1);\n                border: 1px solid rgba(var(--content-color), 0.5) !important;\n                border-radius: 100%;\n                box-shadow: 0px 2px 15px 0px rgba(78, 160, 247, 0.08);\n                transition: all 0.5s ease;\n\n                &:focus {\n                    border-color: transparent;\n                    box-shadow: none;\n                }\n                &:checked {\n                    position: relative;\n                    background-color: rgba(var(--box-bg), 1);\n                    border-color: rgba(var(--theme-color), 1);\n                    float: unset;\n                    &::after {\n                        content: \"\";\n                        position: absolute;\n                        left: 50%;\n                        top: 50%;\n                        transform: translate(-50%, -50%);\n                        width: 10px;\n                        height: 10px;\n                        background-color: rgba(var(--title-color), 1);\n                        border-radius: 100%;\n                    }\n                }\n            }\n            .form-check-label {\n                color: rgba(var(--title-color), 1);\n                display: flex;\n                align-items: center;\n                gap: 10px;\n                .img {\n                    width: 35px;\n                    height: 35px;\n                    object-fit: contain;\n                }\n            }\n        }\n    }\n}\n","/*=====================\n   6.1 Dark CSS start\n==========================*/\nbody {\n    &.dark {\n        .offcanvas {\n            &.addtohome-popup {\n                .btn-close {\n                    filter: invert(1);\n                }\n            }\n        }\n\n        .navbar-menu {\n            ul {\n                li {\n                    &.active {\n                        .icon {\n                            .active {\n                                filter: invert(1) grayscale(1);\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        .auth-content-bg {\n            .auth-title {\n                .line {\n                    filter: invert(1) grayscale(1);\n                }\n            }\n        }\n        .sidebar-offcanvas {\n            .offcanvas-header {\n                .sidebar-logo {\n                    .logo-dark {\n                        display: block;\n                        width: 120px;\n                    }\n                    .logo {\n                        display: none;\n                    }\n                }\n            }\n        }\n\n        .auth-content-bg {\n            .line-design {\n                li {\n                    &.active {\n                        color: rgba(var(--content-color), 1);\n                    }\n                }\n            }\n        }\n\n        .auth-header {\n            .logo-dark {\n                display: block;\n                position: absolute;\n                height: 25px;\n                margin-top: 5px;\n                left: 50%;\n                top: 50%;\n                transform: translateX(-50%);\n            }\n            .logo {\n                display: none;\n            }\n        }\n\n        .main-header {\n            .header-panel {\n                .logo-dark {\n                    display: block;\n                    position: absolute;\n                    height: 25px;\n                    margin-top: 5px;\n                    left: 50%;\n                    transform: translateX(-50%);\n                }\n                .logo {\n                    display: none;\n                }\n            }\n        }\n\n        .my-ride-list {\n            li {\n                .my-ride-box {\n                    .my-ride-details {\n                        .ride-location-listing {\n                            .location-box {\n                                .icon {\n                                    filter: invert(1) grayscale(1);\n                                    background-color: transparent;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        .ride-content-bg {\n            .profile-head {\n                .profile-content {\n                    a {\n                        .icon-btn {\n                            filter: invert(1) grayscale(1);\n                        }\n                    }\n                }\n            }\n\n            .vehicle-info {\n                .share-icon {\n                    filter: invert(1) grayscale(1);\n                }\n            }\n            .location-part {\n                .icon {\n                    filter: invert(1) grayscale(1);\n                }\n            }\n        }\n        .ride-location-listing {\n            li {\n                .location-box {\n                    .icon {\n                        filter: invert(1) grayscale(1);\n                        background-color: transparent;\n                    }\n                }\n            }\n        }\n        .wallet-part {\n            .arrow-img {\n                filter: invert(1) grayscale(1);\n            }\n        }\n\n        .bill-details .total-detail .dots-design {\n            filter: invert(0.9);\n        }\n\n        .categories-place-list {\n            li {\n                .categories-place-box {\n                    .place-icon {\n                        .icon-btn {\n                            filter: invert(1) grayscale(1);\n                        }\n                    }\n                }\n            }\n        }\n\n        .main-header {\n            &.inner-page-header {\n                .header-panel {\n                    a {\n                        .icon-btn {\n                            &.add-icon {\n                                filter: invert(1) grayscale(1);\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        .ride-content-bg {\n            .current-location-box {\n                .location-icon {\n                    .icon {\n                        filter: invert(1) grayscale(1);\n                    }\n                }\n            }\n        }\n\n        .my-ride-list {\n            &.driver-ride-list {\n                li {\n                    .my-ride-box {\n                        .my-ride-details {\n                            .ride-info {\n                                .icon {\n                                    filter: invert(1) grayscale(1);\n                                }\n                                .comm-icon {\n                                    .icon-btn {\n                                        filter: invert(1) grayscale(1);\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        .reasons-list {\n            li {\n                .reasons-box {\n                    img {\n                        filter: invert(1) grayscale(1);\n                    }\n                }\n            }\n        }\n\n        .theme-content-bg {\n            .my-ride-box {\n                .my-ride-details {\n                    .ride-info {\n                        .icon {\n                            filter: invert(1) grayscale(1);\n                        }\n                    }\n                }\n            }\n        }\n        .location-section {\n            .pickup-location-listing {\n                li {\n                    .location-box {\n                        .icon {\n                            filter: invert(1) grayscale(1);\n                        }\n                    }\n                }\n            }\n        }\n        .location-bg {\n            background-color: rgba(var(--box-bg), 1);\n        }\n\n        .ride-offcanvas {\n            .offcanvas-header {\n                .btn-close {\n                    filter: invert(1);\n                }\n            }\n        }\n        .navbar-menu {\n            background-color: rgba(var(--box-bg), 1);\n        }\n\n        .promo-code-list {\n            li {\n                .promo-code-box {\n                    .coupon-bg {\n                        filter: invert(1);\n                    }\n                }\n            }\n        }\n\n        .ride-offcanvas {\n            .offcanvas-body {\n                .form-check {\n                    .form-check-input {\n                        background-color: rgba(var(--theme-color), 1);\n                        &:checked {\n                            border: 1px solid rgba(var(--title-color), 1);\n                            &::after {\n                                background-color: rgba(var(--title-color), 1);\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        .delete-modal {\n            .modal-content {\n                .modal-body {\n                    .icon {\n                        filter: invert(1);\n                    }\n                }\n            }\n        }\n\n        .otp-form {\n            .form-input {\n                .form-control {\n                    &:focus {\n                        border: 1px solid rgba(var(--title-color), 1);\n                    }\n                }\n            }\n        }\n\n        .onboarding-section {\n            .user-onboarding-content-box {\n                .union-img-dark {\n                    display: block;\n                    position: absolute;\n                    top: -137px;\n                    left: 50%;\n                    width: 100%;\n                    height: 100%;\n                    transform: translateX(-50%);\n                    z-index: 0;\n                    @media (max-width: 500px) {\n                        top: -117px;\n                    }  \n                    @media (max-width: 375px) {\n                        top: -110px;\n                    } \n                }\n               \n                .union-img {\n                    display: none;\n                }\n            }\n        }\n        .element-modal {\n            .modal-header {\n                .btn-close {\n                    filter: invert(1);\n                }\n            }\n        }\n\n        .element-list {\n            li {\n                .theme-outline-btn {\n                    color: rgba(var(--title-color), 1);\n                    border: 1px solid rgba(var(--title-color), 1);\n                }\n            }\n        }\n\n        .main-categories-list {\n            li {\n                .main-categories-box {\n                    .main-categories-content {\n                        .arrow-icon {\n                            --Iconsax-Color: rgba(255, 255, 255, 1);\n                        }\n                    }\n                }\n            }\n        }\n\n        .poster-part {\n            background-color: rgba(var(--box-bg), 1);\n        }\n        .vehicle-content {\n            .content-title {\n                .members {\n                    filter: invert(1);\n                }\n            }\n        }\n    }\n}\n"]}