@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
    --app-height: 100vh;
    --bs-success-rgb: 47, 141, 3;
    --bs-danger-rgb: 240, 114, 119;
}

* {
    padding: 0;
    margin: 0;
    border: none;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

body.menu-open,
body.filter-modal-open {
    overflow: hidden;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

u {
    text-decoration: underline;
}

a {
    text-decoration: none;
    transition: color 0.4s ease-in-out;
    -webkit-transition: color 0.4s ease-in-out;
    -moz-transition: color 0.4s ease-in-out;
    -ms-transition: color 0.4s ease-in-out;
    -o-transition: color 0.4s ease-in-out;
}

*:focus {
    outline: none;
}

button[type="button"]:focus {
    outline: none;
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
}

p:last-child {
    margin-bottom: 0;
}

a {
    color: #074289;
    transition: all 0.4s ease-in-out;
}

a:hover {
    color: #000;
    text-decoration: none;
    outline: none !important;
}

a:focus {
    text-decoration: none;
    outline: none !important;
}

html {
    scroll-behavior: auto !important;
}

body {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: "Poppins", sans-serif;
    color: #000;
    position: relative;
    background-color: #ecf0f3;
}

textarea {
    resize: none;
}

.text-danger-2 {
    color: #dd0707;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
}

.container {
    max-width: 1600px;
}

.common-sec {
    padding-top: 70px;
    padding-bottom: 70px;
}

.sec-head {
    margin-bottom: 15px;
}

.sec-head .sec-title {
    color: #333333;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
}

.btn-link {
    --bs-btn-color: #074289;
    --bs-btn-hover-color: #000;
    text-decoration-color: #074289;
    font-size: 14px;
    font-weight: 600;
}

.btn {
    --bs-btn-padding-y: 11px;
    --bs-btn-font-size: 18px;
    --bs-btn-font-weight: 600;
    --bs-btn-border-radius: 15px;
    --bs-btn-border-width: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}

.btn-sm {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 12px;
    --bs-btn-font-weight: 600;
    --bs-btn-font-size: 16px;
    --bs-btn-border-radius: 8px;
    min-width: 134px;
}

.btn-light {
    --bs-btn-color: #074289;
    --bs-btn-bg: #fff;
}

.btn-primary {
    background: linear-gradient(90deg, #074289 0%, #021123 100%);
    box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.5);
}

.btn-primary.style-2 {
    box-shadow: none;
}

.btn-primary.style-2,
.btn-primary.style-3 {
    background: #00468d;
}

.btn-outline-primary {
    --bs-btn-color: #00468d;
    --bs-btn-border-color: #00468d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00468d;
    --bs-btn-hover-border-color: #00468d;
    --bs-btn-border-width: 1px;
}

.btn-danger {
    --bs-btn-bg: #ff6060;
    --bs-btn-color: #fff;
    --bs-btn-border-color: #ff6060;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff6060;
    --bs-btn-hover-border-color: #ff6060;
}

.btn-danger.color-2 {
    --bs-btn-bg: #f07277;
    --bs-btn-border-color: #f07277;
    --bs-btn-hover-bg: #f07277;
    --bs-btn-hover-border-color: #f07277;
}

.btn-secondary {
    --bs-btn-bg: #ecf0f3;
    --bs-btn-color: #333333;
    --bs-btn-border-color: #ecf0f3;
    --bs-btn-hover-color: #333333;
    --bs-btn-hover-bg: #ecf0f3;
    --bs-btn-hover-border-color: #ecf0f3;
}

.btn-secondary.color-2 {
    --bs-btn-bg: #d9d9d9;
    --bs-btn-color: #6c6c6c;
    --bs-btn-border-color: #d9d9d9;
    --bs-btn-hover-color: #6c6c6c;
    --bs-btn-hover-bg: #d9d9d9;
    --bs-btn-hover-border-color: #d9d9d9;
}

.popover {
    --bs-popover-font-size: 10px;
    --bs-popover-body-padding-x: 10px;
    --bs-popover-body-padding-y: 3px;
    --bs-popover-arrow-width: 10px;
    --bs-popover-arrow-height: 8px;
}

i {
    display: inline-block;
    aspect-ratio: 1;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    background-color: currentColor;
}

.icon-arrow-right {
    mask-image: url(../images/svg/arrow-right.svg);
}

.icon-arrow-right-white {
    mask-image: url(../images/svg/arrow-right-white.svg);
}

.icon-lock {
    mask-image: url(../images/svg/lock.svg);
}

.icon-visibility {
    mask-image: url(../images/svg/visibility.svg);
}

.icon-visibility-off {
    mask-image: url(../images/svg/visibility-off.svg);
}

.icon-person {
    mask-image: url(../images/svg/person.svg);
}

.icon-email {
    mask-image: url(../images/svg/email.svg);
}

.icon-transgender {
    mask-image: url(../images/svg/transgender.svg);
}

.icon-camera {
    mask-image: url(../images/svg/camera.svg);
}

.icon-user {
    mask-image: url(../images/svg/user.svg);
}

.icon-call {
    mask-image: url(../images/svg/call.svg);
}

.icon-schedule {
    mask-image: url(../images/svg/schedule.svg);
}

.icon-chevron-down {
    mask-image: url(../images/svg/chevron-down.svg);
}

.icon-home {
    mask-image: url(../images/svg/home.svg);
}

.icon-campaigns {
    mask-image: url(../images/svg/campaigns.svg);
}

.icon-wallet {
    mask-image: url(../images/svg/wallet.svg);
}

.icon-statistics {
    mask-image: url(../images/svg/statistics.svg);
}

.icon-currency-rupee-circle {
    mask-image: url(../images/svg/currency-rupee-circle.svg);
}

.icon-delete {
    mask-image: url(../images/svg/delete.svg);
}

.icon-logout {
    mask-image: url(../images/svg/logout.svg);
}

.icon-notification {
    mask-image: url(../images/svg/notification.svg);
}

.icon-sound-sampler {
    mask-image: url(../images/svg/sound-sampler.svg);
}

.icon-trending-up {
    mask-image: url(../images/svg/trending-up.svg);
}

.icon-trending-down {
    mask-image: url(../images/svg/trending-down.svg);
}

.icon-add-new {
    mask-image: url(../images/svg/add-new.svg);
}

.icon-prev-arrow {
    mask-image: url(../images/svg/prev-arrow.svg);
}

.icon-next-arrow {
    mask-image: url(../images/svg/next-arrow.svg);
}

.icon-kilometers {
    mask-image: url(../images/svg/kilometers.svg);
}

.icon-calender {
    mask-image: url(../images/svg/calender.svg);
}

.icon-files {
    mask-image: url(../images/svg/files.svg);
}

.icon-download {
    mask-image: url(../images/svg/download.svg);
}

.icon-bike-scooter {
    mask-image: url(../images/svg/bike-scooter.svg);
}


.icon-vehicle-registration {
    mask-image: url(../images/svg/vehicle-registration.svg);
}

.icon-vehicle-name {
    mask-image: url(../images/svg/vehicle-name.svg);
}

.icon-location-on {
    mask-image: url(../images/svg/location-on.svg);
}

.icon-gallery-thumbnail {
    mask-image: url(../images/svg/gallery-thumbnail.svg);
}

.icon-my-location {
    mask-image: url(../images/svg/my-location.svg);
}

.icon-info {
    mask-image: url(../images/svg/info.svg);
}

.icon-search {
    mask-image: url(../images/svg/search.svg);
}

.icon-star {
    mask-image: url(../images/svg/star.svg);
}

.icon-star-half {
    mask-image: url(../images/svg/star-half.svg);
}

.icon-star-blank {
    mask-image: url(../images/svg/star-blank.svg);
}

.icon-electric-rickshaw {
    mask-image: url(../images/svg/electric-rickshaw.svg);
}

.icon-fire-truck {
    mask-image: url(../images/svg/fire-truck.svg);
}

.icon-bus-transportation {
    mask-image: url(../images/svg/bus-transportation.svg);
}

.icon-airport-shuttle {
    mask-image: url(../images/svg/airport-shuttle.svg);
}

.icon-local-shipping {
    mask-image: url(../images/svg/local-shipping.svg);
}

.icon-image {
    mask-image: url(../images/svg/image.svg);
}

.icon-close {
    mask-image: url(../images/svg/close.svg);
}

.icon-tune {
    mask-image: url(../images/svg/tune.svg);
}

.icon-filter {
    mask-image: url(../images/svg/filter-icon.svg);
}

.icon-two-wheeler {
    mask-image: url(../images/svg/two-wheeler.svg);
}

.icon-directions-bus {
    mask-image: url(../images/svg/directions-bus.svg);
}

.icon-directions-car {
    mask-image: url(../images/svg/directions-car.svg);
}

.icon-delete-filled {
    mask-image: url(../images/svg/delete-filled.svg);
}

.icon-edit {
    mask-image: url(../images/svg/edit.svg);
}

.icon-edit-location {
    mask-image: url(../images/svg/edit-location.svg);
}

.icon-edit-portfolios {
    mask-image: url(../images/svg/portfolio.svg);
}


.icon-delete-2 {
    mask-image: url(../images/svg/delete-2.svg);
}

.icon-list-alt-add {
    mask-image: url(../images/svg/list-alt-add.svg);
}

.icon-arrow-right-alt {
    mask-image: url(../images/svg/arrow-right-alt.svg);
}

.icon-add-a-photo {
    mask-image: url(../images/svg/add-a-photo.svg);
}

.icon-id-card {
    mask-image: url(../images/svg/id-card.svg);
}

.icon-bank-account {
    mask-image: url(../images/svg/bank-Account.svg);
}

.icon-traffic-jam {
    mask-image: url(../images/svg/traffic-jam.svg);
}

.icon-right-arrow-simple {
    mask-image: url(../images/svg/right-arrow.svg);
}

.icon-arrow-right,
.icon-lock,
.icon-visibility,
.icon-visibility-off,
.icon-person,
.icon-email,
.icon-transgender,
.icon-camera,
.icon-user,
.icon-schedule,
.icon-chevron-down,
.icon-currency-rupee-circle,
.icon-delete,
.icon-logout,
.icon-notification,
.icon-trending-up,
.icon-trending-down,
.icon-add-new,
.icon-kilometers,
.icon-calender,
.icon-files,
.icon-download,
.icon-search,
.icon-electric-rickshaw,
.icon-fire-truck,
.icon-two-wheeler,
.icon-directions-bus,
.icon-directions-car,
.icon-list-alt-add,
.icon-arrow-right-alt,
.icon-arrow-right-white,
.icon-id-card,
.icon-edit-location,
.icon-edit-portfolios,
.icon-traffic-jam,
.icon-status-tab {
    width: 24px;
}

.icon-bike-scooter,
.icon-vehicle-registration,
.icon-vehicle-name,
.icon-location-on,
.icon-scroll,
.icon-close {
    width: 16px;
}

.icon-info,
.icon-search,
.icon-star,
.icon-gallery-thumbnail,
.icon-my-location,
.icon-tune,
.icon-edit,
.icon-call,
.icon-delete-2 {
    width: 20px;
}

.icon-home,
.icon-campaigns,
.icon-wallet,
.icon-statistics,
.icon-bus-transportation,
.icon-airport-shuttle,
.icon-local-shipping {
    width: 30px;
}

.icon-right-arrow-simple,
.icon-delete-filled {
    width: 36px;
}

.icon-sound-sampler,
.icon-add-a-photo {
    width: 40px;
}

.icon-image {
    width: 42px;
}

.icon-prev-arrow,
.icon-next-arrow {
    mask-size: contain;
    width: 18px;
}

.auth-sec {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 70px;
    padding-right: 70px;
    min-height: var(--app-height);
    background: linear-gradient(151.11deg, #074289 1.38%, #021123 85.27%);
}

.auth-con {
    max-width: 495px;
    text-align: center;
}

.auth-logo img {
    max-height: 97px;
    margin-left: auto;
    margin-right: auto;
}

.auth-title {
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 800;
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    line-height: 1.5;
}

.auth-con p {
    margin-bottom: 40px;
    color: #fff;
}

.auth-sec .btn,
.register-success-con .btn,
.edit-profile-form .btn,
.change-password-form .btn,
.help-support-form .btn,
.top-up-wallet-form .btn,
.out-of-range-modal-wrap .btn {
    min-width: 378px;
}

.auth-box {
    padding: 70px 40px;
    background-color: #ecf0f3;
    box-shadow: 0px 0px 6px rgba(7, 66, 137, 0.25);
    border-radius: 24px;
    width: 594px;
}

.auth-box-head {
    margin-bottom: 40px;
}

.auth-box-title {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
    color: #2e343b;
}

.auth-box-head p {
    font-weight: 500;
    font-size: 16px;
    color: #2e343b;
}

.form-group {
    margin-bottom: 25px;
}

.form-label {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
}

.form-group .form-control,
.form-group .form-select {
    border: none;
    box-shadow: none;
    padding: 13px 20px;
    border-radius: 15px;
    background-color: #fff;
    color: #000;
}

.form-group .form-select {
    padding-right: 60px;
}

.form-group .form-select {
    --bs-form-select-bg-img: url(../images/svg/chevron-down.svg);
    background-size: 24px;
    background-position: right 20px center;
}

.form-group .form-control::placeholder {
    color: #aba8ae !important;
}

.auth-input-box {
    position: relative;
}

.auth-input-icon-box,
.auth-input-toggle-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.auth-input-icon-box {
    left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #074289;
    border-right: 1px solid #074289;
}

.auth-input-box.type-mobile .auth-input-icon-box {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 12px;
}

.no-data-found {
    text-align: center;
    font-size: 22px;
    font-weight: 500;

}

.auth-input-box.type-mobile select {
    font-size: 16px;
    color: #000000;
    background-image: url(../images/svg/arrow-drop-down.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
}

.auth-input-toggle-btn {
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #074289;
}

.auth-input-box .form-control,
.auth-input-box .form-select {
    padding-left: 80px;
    padding-right: 40px;
}

.box-style .form-group .form-control,
.box-style .form-group .form-select {
    background-color: #ecf0f3;
}

.auth-input-box.type-mobile .form-control {
    padding-left: 99px;
    padding-right: 20px;
}

.auth-input-box.type-password .form-control {
    padding-right: 60px;
}

.auth-box-featured-link {
    margin-bottom: 80px;
}

.form-check {
    margin-bottom: 0;
    padding-left: 34px;
}

.form-check-input {
    width: 24px;
    height: 24px;
}

.form-check .form-check-input {
    margin-left: -34px;
    box-shadow: none;
    border: none;
    background-color: transparent;
    --bs-form-check-bg-image: url(../images/svg/check-box.svg);
}

.form-check-label {
    font-size: 14px;
    font-weight: 500;
    line-height: 2.2;
}

.form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: url(../images/svg/check-box-tick.svg);
}

.form-check .form-check-input[type="radio"] {
    --bs-form-check-bg-image: url(../images/svg/radio-unchecked.svg);
}

.form-check .form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url(../images/svg/radio-checked.svg);
}

.auth-box.style-2 {
    padding: 30px 50px;
}

.auth-box.style-2 .auth-box-featured-link {
    margin-bottom: 30px;
}

.auth-box-upload-wrap {
    width: 96px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    background-color: #fff;
    color: #074289;
    box-shadow: 0px 0px 6px rgba(6, 66, 137, 0.5);
    border-radius: 200px;
}

.auth-box-upload-wrap .icon-user {
    width: 48px;
}

.auth-box-upload-btn,
.edit-profile-upload-btn {
    right: 7px;
    bottom: -2px;
    width: 24px;
    aspect-ratio: 1;
    background-color: #012f6a;
    color: #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-box-upload-btn i,
.edit-profile-upload-btn i {
    width: 14px;
}

.otp-input {
    display: flex;
    column-gap: 20px;
    margin-bottom: 20px;
}

.otp-input .form-control {
    min-width: unset;
    width: 16.667%;
    aspect-ratio: 1;
    background-color: #fff;
    border: none;
    border-radius: 10px;
    text-align: center;
}

.otp-input .form-control:focus {
    box-shadow: 0 0 0 1px #074289;
}

.otp-expire-timeout {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 18px;
}

.otp-expire-timeout i {
    color: #074289;
}

.otp-expire-info {
    margin-bottom: 120px;
}

.otp-expire-info p {
    color: #333333;
}

.otp-expire-info p:not(:last-child) {
    margin-bottom: 15px;
}

.modal-backdrop {
    --bs-backdrop-bg: #33333345;
    backdrop-filter: blur(4px);
    --bs-backdrop-opacity: 1;
}

.offcanvas-backdrop {
    background-color: rgba(51, 51, 51, 0.5);
    backdrop-filter: blur(6px);
}

.offcanvas-backdrop.show {
    opacity: 1;
}

.register-success-modal {
    --bs-modal-width: 842px;
    --bs-modal-padding: 0;
    --bs-modal-margin: 70px;
}

.register-success-modal .modal-body {
    padding-bottom: 90px;
}

.register-success-img img {
    margin-left: auto;
    margin-right: auto;
}

.register-success-title {
    font-size: 30px;
    font-weight: 700;
    color: #074289;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
}

.register-success-con p {
    font-size: 18px;
    color: #2e343b;
    margin-bottom: 50px;
}

.auth-box.forgot-password-page .auth-box-submit-wrap {
    margin-top: 200px;
}

.auth-box.reset-password-page .auth-box-submit-wrap {
    margin-top: 80px;
}

.header {
    background: linear-gradient(90deg, #021123 0%, #074289 100%);
    box-shadow: 0px 0px 6px rgba(7, 66, 137, 0.25);
    position: relative;
}

.header-logo {
    display: inline-block;
}

.header-logo img {
    max-height: 45px;
}

.header-nav-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-nav {
    padding: 7px 20px;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(255, 255, 255, 0.25);
    border-radius: 27px;
}

.header-nav ul li {
    display: inline-block;
}

.header-nav ul li+li {
    margin-left: 24px;
}

.header-nav ul li a {
    display: flex;
    align-items: center;
    column-gap: 5px;
    color: #333333;
    font-size: 18px;
    padding: 5px 10px;
    padding-right: 15px;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
}

.header-nav ul li a.active,
.header-nav ul li a:hover {
    color: #fff;
    background-color: #074289;
}

.header-action-wrap {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.header-notification-dropdown {
    position: relative;
}

.header-notification-dropdown-btn {
    color: #074289;
    background-color: #e9f2fd;
    width: 30px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.header-notification-dropdown-box {
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 400px;
    padding: 26px 15px;
    background-color: #fff;
    backdrop-filter: blur(65px);
    border-radius: 13px 3px 13px 13px;
    margin-top: 22px;
}

.header-notification-dropdown-box::before {
    content: "";
    width: 37px;
    height: 14px;
    background-image: url(../images/svg/dropdown-pointing-top.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 9;
    transform: translateY(-100%);
}

.header-notification-dropdown-item {
    display: flex;
    align-items: center;
    column-gap: 10px;
    background-color: #ecf0f3;
    padding: 10px;
    border-radius: 12px;
}

.header-notification-dropdown-item+.header-notification-dropdown-item {
    margin-top: 20px;
}

.header-notification-dropdown-icon {
    aspect-ratio: 1;
    min-width: 40px;
    width: 40px;
    border-radius: 50px;
    color: #ecf0f3;
    background-color: #074289;
    box-shadow: 0px 0px 6px rgba(6, 66, 137, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-notification-dropdown-item p {
    line-height: 1.2;
    font-size: 14px;
}

.header-account-dropdown {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-account-dropdown-btn {
    background-color: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.header-account-dropdown-btn span {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    text-decoration-line: underline;
    color: #e5daf3;
    display: flex;
    align-items: center;
    column-gap: 7px;
}

.header-account-img img {
    width: 60px;
    aspect-ratio: 1;
    border-radius: 100px;
    object-fit: cover;
}

.header-account-img img.fullscreen {
    object-fit: none;
}

.header-account-dropdown-box {
    position: absolute;
    top: 100%;
    background-color: #fff;
    padding: 20px 15px;
    min-width: 274px;
    right: 0;
}

.header-account-wallet-balance {
    padding: 15px 10px;
    background-image: url(../images/wallet-balance.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    column-gap: 15px;
}

.header-account-wallet-balance span {
    display: flex;
    align-items: center;
    column-gap: 7px;
    font-weight: 500;
}

.header-account-wallet-balance h5 {
    font-weight: 600;
    font-size: 18px;
}

.header-account-dropdown-item {
    margin-top: 20px;
    display: flex;
    align-items: center;
    column-gap: 20px;
    color: #333333;
    font-weight: 500;
}

.header-account-dropdown-item:hover {
    font-weight: 700;
    text-decoration: underline;
}

.header-account-dropdown-item-icon {
    aspect-ratio: 1;
    width: 30px;
    color: #074289;
    background-color: #e9f2fd;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 6px rgba(6, 66, 137, 0.5);
    border-radius: 8px;
}

.header-account-dropdown-item-icon i {
    width: 24px;
}

.header-account-dropdown-item.style-2,
.style-2 .header-account-dropdown-item-icon {
    color: #ff6060;
}

.header-notification-dropdown-box,
.header-account-dropdown-box {
    z-index: 9;
    /* opacity: 0;
    visibility: hidden; */
    transform: translateX(10px);
    transition: all 0.2s ease-in;
    display: none;
}

/* .header-notification-dropdown:hover .header-notification-dropdown-box,
.header-account-dropdown:hover .header-account-dropdown-box {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
} */

/*
.header-account-dropdown-box.active {
    opacity: 1;
    visibility: visible;
} */

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    display: none;
}

.no-scrollbar {
    overflow: -moz-scrollbars-none;
    -webkit-overflow-scrolling: touch;
}

.edit-profile-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.edit-profile-left-column,
.edit-profile-right-column {
    padding-left: 10px;
    padding-right: 10px;
}

.edit-profile-left-column {
    width: 78%;
}

.edit-profile-right-column {
    width: 22%;
}

.box-style {
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(7, 66, 137, 0.25);
    border-radius: 24px;
}

.edit-profile-form {
    padding: 40px 20px;
}

.edit-profile-upload-wrap {
    width: 90px;
    aspect-ratio: 1;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.edit-profile-upload-img {
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(7, 66, 137, 0.25),
        inset 0px 0px 6px rgba(7, 66, 137, 0.25);
    border-radius: 100px;
    padding: 5px;
}

.edit-profile-upload-img img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.edit-profile-form .btn {
    margin-top: 20px;
}

.edit-profile-featured-step {
    display: flex;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.edit-profile-featured-step+.edit-profile-featured-step {
    margin-top: 20px;
}

.edit-profile-featured-step-video {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135.53deg, #074289 0.45%, #021123 99.55%);
    min-width: 100px;
    position: relative;
}

.edit-profile-featured-step-video a {
    color: #fff;
}

.edit-profile-featured-step-video span {
    font-size: 10px;
    position: absolute;
    bottom: 10px;
    left: 5px;
    z-index: 2;
    color: #fff;
}

.edit-profile-featured-step-con {
    padding: 10px 15px;
}

.edit-profile-featured-step-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1.4;
}

.edit-profile-featured-step-con p {
    font-size: 12px;
    color: #7a7a7a;
}

.change-password-modal,
.confirm-modal,
.top-up-wallet-modal,
.low-balance-modal,
.wrap-cost-modal,
.company-profile-update-modal {
    --bs-modal-width: 654px;
    --bs-modal-padding: 70px;
}

.modal-content {
    border-radius: 12px;
    box-shadow: none;
    border: none;
}

.change-password-modal .sec-head,
.top-up-wallet-modal .sec-head {
    margin-bottom: 30px;
}

.confirm-modal-wrap {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.confirm-modal-img img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.confirm-modal-con {
    margin-bottom: 32px;
}

.confirm-modal-title {
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
}

.confirm-modal-con p {
    color: #79776d;
}

.confirm-modal-btns {
    display: flex;
    justify-content: center;
    column-gap: 27px;
}

.confirm-modal-btns .btn {
    --bs-btn-padding-y: 14px;
    --bs-btn-font-size: 16px;
    --bs-btn-border-radius: 12px;
    min-width: 180px;
}

.confirm-modal-btns .btn-outline-primary {
    --bs-btn-border-width: 1px;
}

.wallet-sec.common-sec,
.edit-profile-sec.common-sec,
.common-sec.pt-20 {
    padding-top: 20px;
}

.wallet-balance-info-wrap {
    display: flex;
    border-radius: 12px;
    overflow: hidden;
}

.wallet-balance-info {
    background-image: url(../images/wallet-balance-lg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding: 9px 20px;
    padding-right: 60px;
    color: #fff;
    column-gap: 15px;
}

.wallet-balance-info-label {
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-weight: 500;
}

.wallet-balance-info-value {
    font-size: 18px;
    font-weight: 600;
}

.wallet-cash-in-btn {
    padding-left: 12px;
    padding-right: 12px;
    background-color: #fff;
    font-weight: 500;
    color: #074289;
}

.wallet-con.box-style {
    padding: 30px 40px;
}

.wallet-cards-wrap {
    padding: 17px;
    background-color: #f4f4f5;
    border-radius: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.wallet-card-items {
    display: flex;
    align-items: center;
    flex: 1;
    flex-wrap: wrap;
    column-gap: 30px;
}

.wallet-card-item {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
    border: 1px solid #d0d3d9;
    background-color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

.wallet-card-item.selected {
    border-color: #074289;
    box-shadow: 0px 0px 6px rgba(7, 66, 137, 0.25);
}

.wallet-cards-wrap .btn {
    font-size: 12px;
    font-weight: 500;
    --bs-btn-padding-x: 25px;
    --bs-btn-border-radius: 6px;
}

.nav-pills {
    --bs-nav-pills-border-radius: 0;
    --bs-nav-pills-link-active-color: #272937;
    --bs-nav-pills-link-active-bg: #fff;
    --bs-nav-link-padding-x: 12px;
    --bs-nav-link-padding-y: 12px;
    --bs-nav-link-font-weight: 600;
    --bs-nav-link-color: #272937;
    display: inline-flex;
    padding: 7px;
    background-color: #e2e6ea;
    border-radius: 4px;
    margin-bottom: 23px;
}

.wallet-con .nav-pills {
    background-color: #f4f4f5;
}

.nav-pills .nav-item:last-child .nav-link,
.nav-pills .nav-item:has(+ .nav-item .nav-link.active) .nav-link,
.nav-pills .nav-link.active {
    border-right: none;
}

.nav-pills .nav-link {
    min-width: 130px;
    border-right: 1px solid rgb(39 41 55 / 12%);
}

.wallet-con .nav-pills .nav-link {
    min-width: 180px;
}

.nav-pills .nav-link.active {
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
}

.wallet-transactions-label-items,
.wallet-transactions-value-items {
    display: flex;
    align-items: center;
}

.wallet-transactions-label-item,
.wallet-transactions-value-item {
    display: flex;
    align-items: center;
    min-height: 54px;
}

.wallet-transactions-label-item {
    background-color: #f4f4f5;
}

.wallet-transactions-value-item {
    background-color: #ecf0f3;
}

.wallet-transactions-label-item:first-child,
.wallet-transactions-value-item:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.wallet-transactions-label-item:last-child,
.wallet-transactions-value-item:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.wallet-transactions-label-item:not(:first-child),
.wallet-transactions-value-item:not(:first-child) {
    flex: 1;
    justify-content: center;
    word-break: break-all;
}

.wallet-transactions-label-item:first-child,
.wallet-transactions-value-item:first-child {
    min-width: 60px;
    width: 60px;
}

.wallet-transactions-label-item {
    font-weight: 600;
}

.wallet-transactions-value-items {
    margin-top: 20px;
    background: #ecf0f3;
    border-radius: 12px;
}

.wallet-transactions-type {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    width: 40px;
    background-color: #2f8d03;
    color: #fff;
    border-radius: 12px;
    margin-left: auto;
}

.wallet-transactions-type.style-2 {
    background-color: #ff6060;
}

.wallet-transactions-value-item {
    font-weight: 500;
    letter-spacing: -0.4px;
}

.top-up-wallet-form .btn {
    margin-top: 50px;
}

.add-card-sidebar {
    --bs-offcanvas-width: 458px;
    --bs-offcanvas-padding-x: 34px;
    --bs-offcanvas-padding-y: 50px;
    --bs-offcanvas-color: #000;
    --bs-offcanvas-bg: #ecf0f3;
}

.add-card-sidebar form,
.add-card-wrap {
    height: 100%;
}

.add-card-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.add-card-sidebar .sec-head {
    margin-bottom: 30px;
}

.add-card-sidebar .sec-head .sec-title {
    font-size: 18px;
}

.add-card-img img {
    width: 100%;
    margin-bottom: 20px;
}

.campaigns-boxes .row {
    --bs-gutter-y: 30px;
}

.campaigns-box {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 30px;
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    column-gap: 20px;
    position: relative;
}

.campaigns-box-badge {
    position: absolute;
    top: 0;
    right: 20px;
    min-width: 92px;
    min-height: 30px;
    color: #fff;
    text-transform: capitalize;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 6px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%);
}

.status-pending {
    background-color: #e18308;
}

.status-ongoing {
    background-color: #074289;
}

.status-inprogress {
    background-color: #BC9500;
}

.status-completed,
.status-approved {
    background-color: #2f8d03;
}

.status-cancelled,
.status-rejected {
    background-color: #f07277;
}

.campaigns-box-img {
    width: 100px;
    height: 60px;
    flex-shrink: 0;
}

.campaigns-box-img img {
    width: 100%;
    height: 100%;
    /* max-height: 60px;
    max-width: 100px; */
    border-radius: 12px;
    object-fit: cover;
}

.campaigns-box-con {
    flex: 1;
}

.campaigns-box-title {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
    padding-bottom: 2px;
}

.campaigns-box-title2 {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    word-break: break-all;
}

.campaigns-box-con span {
    display: flex;
    align-items: center;
    font-size: 14px;
    column-gap: 10px;
}

.campaigns-box-con span+span {
    margin-top: 5px;
}

.campaigns-box-con span i {
    color: #074289;
}

.campaigns-box-price {
    font-weight: 700;
    font-size: 14px;
    color: #074289;
}

.pagination-wrap {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 24px;
}

.pagination-wrap a {
    width: 46px;
    aspect-ratio: 1;
    color: #6b737c;
    background-color: #fff;
    border: 1px solid #d3d7dc;
    border-radius: 12px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.pagination-wrap a.active,
.pagination-wrap a:hover {
    color: #fff;
    border-color: #074289;
    background-color: #074289;
}

.campaigns-details-con>.row>[class*="col-"]:first-child,
.home-con>.row>[class*="col-"]:first-child,
.set-route-sec .row>[class*="col-"]:first-child,
.eligibility-campaign-con>.row>[class*="col-"]:first-child {
    padding-right: 50px;
}

.campaigns-details-slider,
.campaigns-details-route,
.campaigns-details-box,
.campaigns-details-drivers,
.campaigns-details-statistics,
.campaigns-details-pricing {
    margin-bottom: 25px;
}

.campaigns-details-note {
    margin-bottom: 30px;
}

.campaigns-details-slide img {
    width: 100%;
    aspect-ratio: 1 / 0.408;
    border-radius: 12px;
    object-fit: cover;
    object-position: center;
}

.slick-dots {
    margin-top: 10px;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li+li {
    margin-left: 4px;
}

.slick-dots li button {
    font-size: 0;
    padding: 0;
    min-height: 5px;
    min-width: 10px;
    background-color: #333333;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
}

.slick-dots li.slick-active button {
    min-width: 24px;
    background-color: #074289;
}

.campaigns-details-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.campaigns-details-title {
    display: block;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.campaigns-details-route-map iframe {
    aspect-ratio: 1/0.7;
    width: 100%;
    border: 1px solid #074289;
    border-radius: 12px;
}

.campaigns-details-card {
    border-radius: 12px;
    background-color: #fff;
    padding: 20px;
}

.campaigns-details-note p {
    font-size: 14px;
    line-height: 1.6;
}

.campaigns-details-con .btn,
.low-balance-modal-wrap .btn,
.gallery-boxes .btn,
.create-campaigns-alert-modal-wrap .btn,
.company-profile-form .btn.style-3,
.default-img-sec .btn,
.set-route-details .btn.style-3,
.set-wrapper-sec .btn.style-3,
.upload-wrap-photos-con .btn.style-3,
.select-drivers-sec .btn.style-3,
.driver-list-sec .btn.style-3 {
    min-width: 460px;
}

.campaigns-details-box {
    position: relative;
}

.campaigns-details-box .campaigns-box-badge {
    min-height: 39px;
    font-size: 14px;
}

.campaigns-details-box .campaigns-box-title {
    margin-bottom: 15px;
}

.campaigns-details-media-items,
.campaigns-details-info-items {
    margin-bottom: 15px;
}

.campaigns-details-media-item {
    position: relative;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    column-gap: 15px;
    background-color: #ecf0f3;
    border-radius: 12px;
}

.campaigns-details-media-item span {
    font-size: 14px;
}

.campaigns-details-media-item>i {
    color: #074289;
}

.campaigns-details-media-item-download-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    min-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #074289;
    border-radius: 12px;
}

.campaigns-details-info-items {
    background-color: #ecf0f3;
    border-radius: 12px;
    padding: 20px;
}

.campaigns-details-info-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #074289;
}

.campaigns-details-info-item-value {
    font-weight: 500;
}

.campaigns-details-info-item:not(:last-child) {
    margin-bottom: 10px;
}

.campaigns-details-vehicles-types {
    padding: 10px 20px;
    background-color: #ecf0f3;
    border-radius: 12px;
}

.campaigns-details-vehicles-types span {
    font-weight: 500;
    display: block;
    margin-bottom: 18px;
}

.campaigns-details-vehicles-type {
    display: inline-block;
    color: #fff;
    background-color: #074289;
    border-radius: 8px;
    padding: 5px 8px;
    line-height: 1;
    font-size: 14px;
}

.campaigns-details-vehicles-type+.campaigns-details-vehicles-type {
    margin-left: 15px;
}

.campaigns-details-drivers-item {
    padding: 15px 20px;
    border-radius: 12px;
    background-color: #fff;
    display: flex;
    column-gap: 16px;
    position: relative;
    height: 100%;
}

.campaigns-details-drivers-item-img {
    min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background-color: #f1f2f4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.campaigns-details-drivers-item-img img {
    max-height: 30px;
}

.campaigns-details-drivers-item-title {
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 3px;
}

.campaigns-details-drivers-item-rating {
    display: flex;
    align-items: center;
    font-size: 10px;
    column-gap: 3px;
    margin-bottom: 3px;
}

.campaigns-details-drivers-item-detail {
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-size: 12px;
}

.campaigns-details-drivers-item-detail+.campaigns-details-drivers-item-detail {
    margin-top: 3px;
}

.campaigns-details-drivers-item-detail i {
    color: #074289;
}

.campaigns-details-drivers-item-rides {
    display: flex;
    column-gap: 20px;
    row-gap: 20px;
    margin-top: 20px;
}

.campaigns-details-drivers-item-ride {
    padding: 10px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    min-width: 130px;
}

.campaigns-details-drivers-item-ride.color-1 {
    background-color: #2f8d03;
}

.campaigns-details-drivers-item-ride.color-2 {
    background-color: #f07277;
}

.campaigns-details-drivers-item-ride.color-3 {
    background-color: #074289;
}

.campaigns-details-drivers-item-ride h5 {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
}

.campaigns-details-drivers-item-ride span {
    font-size: 10px;
}

.campaigns-details-drivers-item-btns {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    column-gap: 15px;
}

.campaigns-details-drivers-item-btns a,
.box-nav-btn {
    aspect-ratio: 1;
    width: 30px;
    background-color: #ecf0f3;
    box-shadow: inset 0px 0px 6px rgba(7, 66, 137, 0.25);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.campaigns-details-statistics .campaigns-details-card {
    display: flex;
    align-items: center;
}

.campaigns-details-statistics-chart {
    height: 210px;
}

.campaigns-details-pricing-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 12px;
}

.campaigns-details-pricing-item+.campaigns-details-pricing-item {
    margin-top: 3px;
}

.campaigns-details-pricing-item-label {
    display: flex;
    align-items: center;
}

.campaigns-details-pricing-item-label>i {
    color: #074289;
}

.campaigns-details-pricing-item-label span {
    margin-left: 12px;
    margin-right: 7px;
}

.campaigns-details-pricing-item-label button {
    background-color: transparent;
    color: #817d86;
}

.campaigns-details-pricing-item-label span,
.campaigns-details-pricing-item-value {
    font-weight: 500;
}

.campaigns-details-pricing-seprator {
    display: block;
    height: 1px;
    background-color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
}

.campaigns-details-action-btns {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}

.campaigns-details-action-btns .row {
    --bs-gutter-y: 25px;
}

.campaigns-details-action-btns .btn {
    min-width: unset;
    width: 100%;
}

.low-balance-modal-con {
    text-align: center;
    max-width: 332px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
}

.low-balance-modal-title,
.low-balance-modal-con p {
    font-size: 20px;
    color: #4a4a4a;
}

.low-balance-modal-title {
    font-weight: 700;
}

.low-balance-modal-img img {
    margin-left: auto;
    margin-right: auto;
}

.wrap-cost-modal .modal-body {
    padding-left: 20px;
    padding-right: 20px;
}

.wrap-cost-modal-title {
    text-align: center;
    margin-bottom: 25px;
    font-weight: 700;
    color: #4a4a4a;
}

.campaigns-details-pricing-item:not(:last-child) {
    font-size: 14px;
}

.driver-list-filters {
    margin-bottom: 40px;
}

.driver-list-filters .row {
    --bs-gutter-x: 40px;
}

.driver-list-filters-search {
    display: flex;
    column-gap: 20px;
}

.driver-list-filters-search .form-control {
    font-size: 18px;
    min-width: 540px;
}

.driver-list-filters-search button {
    min-width: 54px;
    width: 54px;
    background-color: #074289;
    border-radius: 12px;
    color: #fff;
}

.driver-list-filters-sorting {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 15px;
}

.driver-list-filters-sorting span {
    color: #333333;
}

.driver-list-filters-sorting button {
    padding: 19px 14px;
    color: #333333;
    background-color: #fff;
    border-radius: 12px;
}

.driver-list-filters-sorting button.active {
    font-weight: 600;
    background-color: #074289;
    color: #fff;
}

.driver-list-wrap .row {
    --bs-gutter-y: 30px;
}

.driver-list-wrap .campaigns-details-drivers-item {
    display: block;
    height: 100%;
}

.campaigns-details-drivers-item-top {
    display: flex;
    column-gap: 16px;
}

.driver-list-wrap .campaigns-details-drivers-item-ride {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 120px;
    letter-spacing: -0.3px;
}

.campaigns-details-drivers-item-status {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid #074289;
    min-height: 58px;
    column-gap: 10px;
}

.campaigns-details-drivers-item-status-con {
    letter-spacing: -0.3px;
}

.campaigns-details-drivers-item-status-con h5 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

.campaigns-details-drivers-item-status-con p {
    margin-top: 5px;
    font-size: 12px;
}

.campaigns-details-drivers-item-status .btn {
    --bs-btn-font-size: 12px;
    --bs-btn-font-weight: 500;
    --bs-btn-padding-y: 6px;
    --bs-btn-border-radius: 12px;
    white-space: nowrap;
}

.campaigns-details-drivers-item-price {
    font-weight: 500;
    font-size: 14px;
    color: #074289;
    display: block;
    margin-bottom: 10px;
}

.campaigns-details-drivers-item-cost {
    position: absolute;
    top: 35px;
    right: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #074289;
}

.give-review-con .row {
    --bs-gutter-x: 70px;
}

.give-review-img {
    background-color: #fff;
    border-radius: 12px;
    padding: 63px 51px;
}

.give-review-img img {
    width: 100%;
}

.give-review-input-title {
    letter-spacing: -0.3px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}

.give-reviews-stars {
    margin-bottom: 20px;
    padding: 15px 34px;
    background-color: #fff;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    display: flex;
    justify-content: space-between;
}

.give-review-star {
    position: relative;
    cursor: pointer;
}

.give-review-star input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.give-review-star.filled i {
    color: #f99f00;
}

.give-review-star i {
    width: 50px;
    color: #616369;
}

.give-review-form .form-group .form-control {
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
}

.give-review-form .btn {
    max-width: calc(100% - 32px);
}

.driving-history-con .row {
    --bs-gutter-x: 50px;
}

.driving-history-map iframe {
    aspect-ratio: 1/0.75;
    width: 100%;
    border: 1px solid #074289;
    border-radius: 12px;
}

.driving-history-log-items {
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 50px;
}

.driving-history-log-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    padding-right: 0;
    background-color: #ecf0f3;
    border-radius: 12px;
    column-gap: 15px;
}

.driving-history-log-item-title {
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 500;
}

.driving-history-log-item-con p {
    display: flex;
    align-items: center;
    font-size: 12px;
    column-gap: 5px;
}

.driving-history-log-item-con p i {
    min-width: 16px;
    color: #074289;
}

.driving-history-log-item+.driving-history-log-item {
    margin-top: 20px;
}

.driving-history-log-item-btn {
    width: 40px;
    aspect-ratio: 1;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #074289;
}

.driving-history-btns .btn {
    min-width: 220px;
}

.driving-history-btns .btn+.btn {
    margin-left: 18px;
}

.gallery-boxes .row {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 25px;
}

.gallery-box img {
    width: 100%;
    border-radius: 12px;
    aspect-ratio: 1 / 0.539;
}

.gallery-boxes .btn {
    margin-top: 32px;
}

.campaigns-route-boxes .row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 30px;
}

.campaigns-route-box {
    position: relative;
}

.campaigns-route-box iframe {
    width: 100%;
    aspect-ratio: 1 / 0.413;
    border: 1px solid #074289;
    border-radius: 12px;
}

.campaigns-route-box-con {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 12px 30px;
    font-weight: 500;
    background-color: #fff;
}

.campaigns-route-box-con span {
    color: #b8b8b8;
}

.campaigns-route-box-con span::before {
    content: "( ";
    color: #000;
}

.campaigns-route-box-con span::after {
    content: " )";
    color: #000;
}

.home-featured-slider,
.home-choose-statistics,
.home-off-road-drivers-map {
    margin-bottom: 20px;
}

.home-balance-boxes,
.home-create-campaign,
.home-campaigns,
.home-warning-message-items {
    margin-bottom: 25px;
}

.home-featured-slider .slick-list {
    margin: -10px -12px;
}

.home-featured-slide {
    padding: 10px 12px;
}

.home-featured-slide img {
    filter: drop-shadow(0px 0px 6px rgba(7, 66, 137, 0.25));
    border-radius: 24px;
    width: 100%;
}

.home-choose-statistics .form-label {
    font-size: 18px;
    font-weight: 700;
}

.home-choose-statistics .form-select {
    padding-top: 21px;
    padding-bottom: 21px;
    padding-left: 115px;
    font-size: 18px;
    font-weight: 600;
    box-shadow: 0px 0px 6px rgba(7, 66, 137, 0.25);
    border-radius: 12px;
}

.home-choose-statistics-img {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 20px;
}

.home-choose-statistics-img img {
    border-radius: 12px;
}

.home-off-road-drivers-map iframe {
    aspect-ratio: 1/0.35;
    width: 100%;
    border: 1px solid #074289;
    border-radius: 12px;
}

.home-wallet-balance {
    background-image: url(../images/wallet-balance-square.jpg);
    padding: 20px;
    padding-right: 35px;
    box-shadow: 0px 0px 6px 2px rgba(7, 66, 137, 0.25);
    border-radius: 12px;
    color: #fff;
    height: 100%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-wallet-balance-title {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 5px;
}

.home-wallet-balance-value {
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
}

.home-wallet-balance .btn {
    --bs-btn-padding-y: 8px;
    --bs-btn-padding-x: 35px;
    --bs-btn-font-size: 16px;
    --bs-btn-font-weight: 500;
    --bs-btn-border-radius: 12px;
}

.home-balance-box {
    color: #333333;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(6, 66, 137, 0.5);
    border-radius: 12px;
    padding: 11px 14px;
    display: flex;
    align-items: center;
    column-gap: 15px;
    height: 100%;
    min-height: 70px;
}

.home-balance-box.style-2 {
    flex-direction: column;
    align-items: baseline;
    justify-content: space-between;
}

.home-balance-box.style-3 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 100%;
}

.home-balance-box span {
    display: block;
    font-size: 14px;
    line-height: 1.3;
}

.home-balance-box.style-2 span,
.home-balance-box.style-3 span {
    margin-bottom: 5px;
}

.home-balance-box h5 {
    font-size: 18px;
    font-weight: 600;
}

.home-create-campaign-boxes {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
}

.home-create-campaign-box {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: 13px 20px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 6px rgba(7, 66, 137, 0.25);
}

.home-create-campaign-box i {
    color: #074289;
    width: 30px;
}

.home-campaigns-box {
    background-color: #ffffff;
    box-shadow: 0px 0px 6px rgba(7, 66, 137, 0.25);
    border-radius: 12px;
    padding: 15px;
}

.home-campaigns-box-img img {
    aspect-ratio: 1 / 0.65;
    object-fit: cover;
    border-radius: 12px;
}

.home-campaigns-box-inr {
    padding-top: 15px;
}

.home-campaigns-box-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.home-campaigns-box-head .campaigns-box-title {
    margin-bottom: 0;
}

.home-campaigns-box-badge {
    padding: 8px 12px;
    color: #fff;
    border-radius: 50px;
    font-size: 12px;
}

.home-campaigns-box-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-campaigns-box-body span {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-size: 14px;
}

.home-campaigns-box-body span i {
    color: #074289;
}

.home-campaigns-box-body span+span {
    margin-top: 7px;
}

.home-campaigns-box-price {
    font-weight: 700;
    color: #074289;
}

.create-campaigns-alert-modal {
    --bs-modal-padding: 30px;
}

.create-campaigns-alert-modal-img img {
    margin-left: auto;
    margin-right: auto;
}

.create-campaigns-alert-modal-wrap p {
    text-align: center;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    color: #dd0707;
    margin-bottom: 35px;
}

.upload-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 161px;
    padding: 24px;
    gap: 14px;
    background-color: #fff;
    border: 1px dashed #074289;
    border-radius: 12px;
    flex-direction: column;
}

.upload-box.style-2 {
    border: none;
    background-color: #ecf0f3;
    color: #074289;
}

.upload-wrap-photos-box {
    margin-bottom: 80px;
    min-height: 288px;
}

.upload-box-title {
    font-size: 14px;
}

.upload-box .btn {
    --bs-btn-padding-y: 6px;
    --bs-btn-padding-x: 12px;
    --bs-btn-font-weight: 600;
    --bs-btn-font-size: 12px;
    --bs-btn-border-radius: 8px;
}

.upload-box-delete-btn {
    width: 20px;
    aspect-ratio: 1;
    background-color: #074289;
    color: #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
}

.upload-box-or-seprater {
    min-width: 201px;
    text-align: center;
    position: relative;
    color: #6d6d6d;
    font-size: 12px;
}

.upload-box-or-seprater::before,
.upload-box-or-seprater::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 40%;
    height: 1px;
    background-color: #e7e7e7;
}

.upload-box-or-seprater::after {
    right: 0;
    left: unset;
}

.company-profile-update-modal .modal-body {
    padding-top: 0;
}

.company-profile-update-modal-wrap p {
    max-width: 331px;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    color: #074289;
    margin-left: auto;
    margin-right: auto;
    font-style: italic;
}

.create-campaigns-upload-boxes {
    max-height: 400px;
    overflow: auto;
    padding: 20px;
    box-shadow: 0px 0px 6px rgba(7, 66, 137, 0.25);
    border-radius: 12px;
}

.create-campaigns-upload-boxes::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.create-campaigns-upload-boxes::-webkit-scrollbar-track {
    background: transparent;
}

.create-campaigns-upload-boxes::-webkit-scrollbar-thumb {
    background: #b3b3b3;
    border-radius: 50px;
}

.create-campaigns-upload-boxes,
.upload-wrap-photos-boxes {
    margin-bottom: 30px;
}

.with-tooltip {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.with-tooltip .icon-info {
    color: #817d86;
    cursor: pointer;
}

.create-campaigns-form .btn.style-3 {
    min-width: 365px;
}

.create-campaigns-form>.row>[class*="col-"]:nth-child(2) {
    padding-left: 50px;
}

.create-campaigns-wrap-types {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.create-campaigns-wrap-type {
    background-color: #fff;
    border-radius: 12px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    cursor: pointer;
}

.create-campaigns-wrap-type-img {
    padding-left: 10px;
    padding-right: 10px;
}

.create-campaigns-wrap-type-img img {
    margin-left: auto;
    margin-right: auto;
}

.create-campaigns-wrap-type span {
    display: block;
    border-top: 1px solid #074289;
    padding-top: 5px;
    margin-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    color: #074289;
}

.create-campaigns-vehicle-types {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.create-campaigns-vehicle-type {
    box-shadow: 0px 0px 6px rgba(7, 66, 137, 0.25);
    border-radius: 12px;
    background-color: #fff;
    display: flex;
    align-items: center;
    column-gap: 15px;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    border: 1px solid #fff;
}

.create-campaigns-vehicle-type i {
    width: 30px;
    color: #074289;
}

.create-campaigns-vehicle-type.selected {
    border-color: #074289;
}

.upload-source-modal {
    --bs-modal-width: 473px;
    --bs-modal-padding: 50px;
}

.upload-source-box {
    padding: 34px 50px;
    background-color: #ecf0f3;
    border-radius: 12px;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    cursor: pointer;
}

.upload-source-box span {
    font-size: 18px;
    font-weight: 500;
}

.default-img-boxes {
    margin-bottom: 40px;
}

.default-img-box {
    position: relative;
}

.default-img-box-src img {
    aspect-ratio: 1 / 0.6;
    object-fit: cover;
    border-radius: 12px;
    width: 100%;
}

.default-img-box .form-check {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
    padding: 10px;
    aspect-ratio: 1;
    border-radius: 12px;
    margin-bottom: 0;
}

.default-img-box .form-check .form-check-input {
    margin-left: 0;
    margin-top: 0;
    width: 17px;
    height: 17px;
}

.set-route-map iframe {
    aspect-ratio: 1/0.6;
    width: 100%;
    border: 1px solid #074289;
    border-radius: 12px;
}

.box-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.box-nav-title {
    font-weight: 500;
}

.set-route-filter-modal {
    --bs-modal-width: 470px;
    --bs-modal-padding: 40px;
}

.set-route-filter-modal-wrap .sec-head {
    margin-bottom: 20px;
}

.set-route-filter-modal-wrap .sec-head .sec-title {
    font-size: 18px;
    font-weight: 600;
    color: #074289;
}

.set-route-filter-modal-form .form-check {
    background-color: #ecf0f3;
    border-radius: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 50px;
}

.set-route-filter-modal-form .form-check+.form-check {
    margin-top: 15px;
}

.set-route-filter-modal-form .form-check-label {
    font-size: 16px;
    font-weight: 600;
    line-height: 2;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.filter-by-area-modal-btns {
    margin-top: 30px;
    display: flex;
    column-gap: 20px;
}

.filter-by-area-modal-btns .btn {
    flex: 1;
}

.set-route-details .campaigns-details-drivers-item-con {
    display: flex;
    column-gap: 10px;
    row-gap: 10px;
    flex: 1;
    justify-content: space-between;
}

.campaigns-details-drivers-item-reviews {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.campaigns-details-drivers-item-reviews .form-check {
    padding-left: 19px;
}

.campaigns-details-drivers-item-reviews .form-check .form-check-input {
    margin-left: -20px;
    width: 16px;
    height: 16px;
    margin-top: 6px;
}

.campaigns-details-drivers-item-reviews .form-check-label {
    font-size: 12px;
    font-weight: 500;
    line-height: 2.4;
}

.campaigns-details-drivers-item-reviews-box {
    border-radius: 5px;
    background-color: #ecf0f3;
    padding: 5px;
}

.campaigns-details-drivers-item-reviews-rating {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
}

.campaigns-details-drivers-item-reviews-rating span {
    font-size: 10px;
    color: #333333;
    vertical-align: middle;
}

.campaigns-details-drivers-item-reviews-box-stars {
    display: flex;
    column-gap: 5px;
}

.campaigns-details-drivers-item-reviews-box-stars i {
    width: 13px;
    color: #ffc62b;
}

.set-route-filter-modal-form {
    position: relative;
}

.set-route-filter-modal-form .btn-link {
    position: absolute;
    right: 0;
    top: -36px;
    color: #074289;
    text-decoration-color: #074289;
    background-color: transparent;
}

.set-route-filter-modal-form.style-2 .form-check {
    padding-left: 15px;
    padding-right: 15px;
}

.set-route-filter-modal-form.style-2 .form-check .form-check-input {
    float: right;
    margin-left: 0;
}

.set-route-filter-modal-form .form-check-label i {
    color: #074289;
}

.remove-driver-modal {
    --bs-modal-padding: 0;
    --bs-modal-width: 378px;
}

.remove-driver-modal-img {
    width: 73px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #f07277;
    border-radius: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    margin-top: 40px;
}

.remove-driver-modal-img i {
    mask-size: contain;
}

.remove-driver-modal-con {
    text-align: center;
    margin-bottom: 35px;
}

.remove-driver-modal-title {
    display: block;
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 600;
}

.remove-driver-modal-btns {
    border-top: 1px solid #d3d7dc;
    display: flex;
    align-items: center;
    padding-top: 14px;
    padding-bottom: 14px;
}

.remove-driver-modal-btns .btn-link {
    font-size: 16px;
    font-weight: 600;
    background-color: transparent;
    text-decoration: none;
    flex: 1;
    padding-top: 6px;
    padding-bottom: 6px;
}

.remove-driver-modal-btns .btn-link:first-child {
    border-right: 1px solid #d3d7dc;
}

.my-vehicles-form {
    padding: 20px;
}

.my-vehicles-form .btn-primary {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.my-vehicles-upload-boxes {
    padding-right: 40px;
}

.my-vehicles-box {
    background-color: #fff;
    border-radius: 12px;
    padding: 15px 20px;
    padding-right: 85px;
    position: relative;
}

.my-vehicles-box+.my-vehicles-box {
    margin-top: 20px;
}

.my-vehicles-box .campaigns-box-badge {
    right: 15px;
    min-height: 32px;
}

.my-vehicles-box-info {
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}

.my-vehicles-box-btns {
    position: absolute;
    right: 15px;
    display: flex;
    flex-direction: column;
    bottom: 20px;
    row-gap: 15px;
}

.my-vehicles-box-btns a {
    width: 30px;
    aspect-ratio: 1;
    background-color: #f2f2f7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.my-vehicles-box .form-check .form-check-label {
    color: #6e6f72;
    font-size: 16px;
    line-height: 2;
}

.my-documents-con .row {
    --bs-gutter-x: 40px;
}

.my-documents-card {
    padding: 25px;
    height: 100%;
}

.my-documents-card-title {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

.my-documents-card.style-2 .upload-box {
    max-width: 562px;
    margin-left: auto;
    margin-right: auto;
}

.my-documents-img-group {
    display: flex;
    justify-content: center;
    column-gap: 20px;
}

.my-documents-img img {
    margin-top: 30px;
    border-radius: 12px;
    max-height: 249px;
    margin-left: auto;
    margin-right: auto;
}

.wallet-withdraw-wrap {
    color: #fff;
    background-color: #074289;
    border-radius: 12px;
    padding: 14px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.wallet-withdraw-items {
    display: flex;
    column-gap: 50px;
}

.wallet-withdraw-item-label {
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}

.wallet-withdraw-item-value {
    font-weight: 500;
    font-size: 20px;
}

.add-card-form.style-2 .form-group .form-control,
.add-card-form.style-2 .form-group .form-select {
    border: 1px solid #074289;
}

.input-with-btn .form-control {
    padding-right: 50px;
}

.home-balance-boxes.style-2 .home-balance-box.style-2 {
    height: unset;
    width: 100%;
}

.home-balance-boxes.style-2 .home-balance-box.style-2+.home-balance-box {
    margin-top: 20px;
}

.home-ratings-box {
    background-color: #fff;
    height: 100%;
    border-radius: 12px;
    padding: 20px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-ratings-box-title {
    font-weight: 600;
}

.home-ratings-box-stars {
    display: flex;
    column-gap: 5px;
}

.home-ratings-box-stars i {
    color: #dfdfdf;
    width: 26px;
}

.home-ratings-box-stars i.filled {
    color: #ffc62b;
}

.home-ratings-box-count span {
    font-weight: 500;
    color: #074289;
}

.home-warning-message-item {
    color: #dd0707;
    background-color: rgba(240, 114, 119, 0.7);
    box-shadow: 0px 0px 6px rgba(7, 66, 137, 0.25);
    padding: 12px 30px;
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.home-warning-message-item+.home-warning-message-item {
    margin-top: 20px;
}

.home-warning-message-item>i {
    min-width: 24px;
}

.home-warning-message-item p {
    margin-bottom: 0;
    flex: 1;
}

.home-warning-message-btn {
    width: 30px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #dd0707;
    color: #fff;
    border-radius: 50px;
}

.upload-wrap-photos-con {
    padding: 30px;
}

.add-card-bottom.style-2 {
    display: flex;
    column-gap: 15px;
}

.add-card-bottom.style-2 .btn {
    flex: 1;
}

.cancel-reason-form .form-check {
    margin-bottom: 15px;
}

.cancel-reason-form .form-check .form-check-input {
    --bs-form-check-bg-image: url(../images/svg/check-box-dark.svg);
}

.cancel-reason-form .form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: url(../images/svg/check-box-tick-dark.svg);
}

.select-drivers-sec .btn.style-3,
.driver-list-sec .btn.style-3 {
    margin-top: 40px;
}

.select-drivers-sec .driver-list-filters-search .form-control {
    background-image: url(../images/svg/search.svg);
    background-position: left 25px center;
    background-size: 24px;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 65px;
}

.select-drivers-sec .driver-list-filters-search button {
    min-width: 67px;
    width: 67px;
}

.select-drivers-sec .driver-list-filters-search button i {
    width: 28px;
}

.auth-reg {
    margin-top: 80px;
}

.form-reg label {
    font-weight: 700;
}

/*remove default eye icon in edge browser*/
input::-ms-reveal,
input::-ms-clear {
    display: none;
}