:root {
    --danger-color: #dc3545;
}

@font-face {
    font-family: 'opensans-regular';
    src: url('open_sans/static/opensans-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('BudgetFonts/Nunito_Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('BudgetFonts/Nunito_Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 200 1000;
    font-display: swap;
}

.loyality-club-section .loyality-list-group, .monthly-subscription-section .nav {
    display: grid;
    gap: 5px;
    grid-template-columns: auto auto
}

h1, h2, h3, h4, h5, h6, p, a, span, input[type="text"], b, strong, button, label, li, th, td {
    font-family: "Nunito Sans", sans-serif;
}

.Profile, .d-atr li, .new-car-card-details .details-card .details-footer ul li, .no-list-style {
    list-style: none
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    background: transparent !important;
    color: #000 !important;
}

.overflow-location label {
    overflow: hidden;
    white-space: nowrap;
    width: 120px;
    text-overflow: ellipsis;
}

label {
    text-transform: capitalize !important
}

.h5-style {
    font-size: 1rem;
    font-weight: 500;
    padding: 0;
    text-align: end;
    border: 0;
    background-color: transparent !important;
}

.slick-next.slick-arrow, .slick-prev.slick-arrow {
    display: none !important
}

.accessory-card p {
    font-size: 14px;
    text-align: start
}

#MonthlySubscriptionLoader {
    margin-top: 12rem
}

.grid-option {
    padding: 15px;
    height: 100%;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #C1C1C1;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.gradient-text {
    background: linear-gradient(90deg, var(--secondary-color), var(--hover-color));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}


.grid-option:hover {
    background: #e2e6ea;
}

.car-card-price-subsc, .d-atr, .monthly-subscription-section .nav {
    grid-template-columns: auto auto
}

body, header, html, main {
    overflow-x: hidden;
    width: 100%
}

.text-decoration-none {
    text-decoration: none !important
}

.links a, .sidenav a {
    text-decoration: none
}

.slick-track {
    margin-left: unset;
    margin-right: unset;
}

.fixed-header {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    right: 0;
    left: 0;
    background-color: #fff;
    overflow: visible
}

.price-aligment {
    text-align: end;
    padding-right: 4rem !important
}

p {
    margin-bottom: 0 !important
}

.bg-grey, .business-lease-section, .loyality-club-section, .wizard-header, header {
    background-color: #eeeff1
}

    header .nav-link {
        font-size: 15px;
        color: #000;
        font-weight: 500
    }

#infowindow-content, .filepond--credits, .login-tab, .show-on-mobile, .show-on-select-city, .the-branch-location, .the-return-location, input[type=radio][name="RequestModel.TripId"] {
    display: none
}

.carousel-item img {
    width: 400px
}

.no-list-style {
    padding: 0
}

.text-green {
    color: var(--bs-teal)
}

.btn-w-m {
    min-width: 120px;
    text-align: center !important
}

.mobile-view {
    background-image: url(../images/mobile-bg.jpg);
    padding: 12rem 1rem 6rem;
    background-size: cover;
    background-repeat: no-repeat
}

main {
    padding: 7em 0
}

.loyality-image {
    width: 28rem
}

.navbar-brand img {
    width: 180px
}

.avis-d-none {
    display: none !important
}

footer .text-avis, footer .text-body-secondary {
    color: #fff !important
}

.business_lease_wizard .sw-theme-dots > .nav .nav-link.active, .text-primary {
    color: var(--primary-color) !important
}

footer {
    background-color: #eee
}

.footerDiv {
    text-align: end !important
}

.form-check-input:focus, .form-control:focus, .navbar-toggler:focus {
    box-shadow: none
}

#pr-box.light p, .bg-primary, .business_lease_wizard .sw-theme-dots > .nav .nav-link.active::after, .business_lease_wizard .sw-theme-dots > .nav-progress::after, .daterangepicker td.active, .daterangepicker td.active:hover, .text-bg-primary {
    background-color: var(--primary-color) !important
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important
}

.btn.btn-outline-primary, legend {
    color: var(--primary-color)
}

    .btn.btn-outline-primary, .btn.btn-outline-primary:hover {
        border: 1px solid var(--secondary-color);
        background-color: #fff
    }

#pr-box.light ul li span.pr-ok, .btn.btn-primary {
    background-color: var(--secondary-color) !important
}

.radios-filter .btn.btn-outline-primary {
    color: #000;
    background-color: #fff;
    border: 1px solid #000
}

.radios-filter .ClassId:checked ~ .btn.btn-outline-primary {
    color: #fff
}

.btn.btn-primary {
    border: 1px solid var(--secondary-color) !important
}

    .btn.btn-primary:hover {
        background-color: var(--hover-color) !important;
        border: 1px solid var(--hover-color) !important
    }

.fixed-header .navbar-nav.fw-bold .nav-item:hover {
    border-bottom: 2px solid var(--primary-color)
}

.text-with-line {
    position: relative;
    display: inline-block
}

    .text-with-line::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 30px;
        height: 4px;
        background-color: var(--primary-color)
    }

.grey-section {
    background-color: #eeeff1;
    position: relative
}

.bg-home, .bl-input label {
    left: 0;
    position: absolute
}

.location-icon {
    height: 26px
}

.bg-home {
    top: -131px;
    width: 35rem;
    z-index: 0
}

#msform, #progressbar li, #progressbar li:before, .radio-tile-group .input-container {
    position: relative
}

.grey-section p {
    width: 100%
}

.nav-pills, .tab-content {
    position: relative;
    z-index: 2
}

main .nav {
    --bs-nav-link-color: #000;
    --bs-nav-link-hover-color: var(--primary-color)
}

    main .nav .nav-item {
        background-color: #fff;
        border: 1px solid #000;
        border-radius: 10px;
        min-width: 150px;
        text-align: center
    }

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--primary-color)
}

.book-section {
    background-color: #fff;
    box-shadow: var(--bs-box-shadow);
    width: 100%;
    padding: 1rem 1.5rem;
    border-radius: 10px;
    margin-top: 1rem
}

.cardSlider .slick-dots {
    display: none !important
}

.multiple-cards .card .card-body {
    height: 147px;
}

.monthly-subscription-section .nav-link {
    color: #fff;
    background-color: #000
}

.multiple-cards .card {
    cursor: grab
}

.cardHeader {
    display: flex;
    justify-content: space-between;
}

.card-price {
    color: var(--primary-color);
}

.car-type {
    background: #000;
}

.car-duration {
    background: var(--primary-color);
}

.footerLink {
    color: var(--danger-color);
}

.chauffeur-service-section {
    padding: 3.5rem 0
}

    .chauffeur-service-section .btn {
        border-radius: 25px
    }

    .chauffeur-service-section .card img {
        width: 188px;
        height: 100px;
        object-fit: scale-down;
        margin: auto
    }

.loyality-club-section .loyality-list-group {
    list-style: none;
    padding: 0
}

    .loyality-club-section .loyality-list-group li, .portal-profile-page .profile_username, .profile_wallet {
        font-size: 16px;
        font-weight: 500
    }

    .car-card .car-card-description .car-card-description-icons .description-icon img, .loyality-club-section .loyality-list-group img {
        width: 25px
    }

.wizard-header .step-card {
    background-color: #fff;
    border-radius: 10px;
    padding: .5rem;
    border: 1px solid #d9d9d9
}

    .wizard-header .step-card h6 {
        color: #a6a6a6;
        display: inline-flex
    }

    .wizard-header .step-card p {
        margin: 0;
        font-size: 13px
    }

    .wizard-header .step-card .circle-number {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #a6a6a6;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 700
    }

.car-card {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background-color: #fff
}

    .car-card .car-card-image img {
        width: 100%;
        object-fit: scale-down;
        height: 130px;
        padding: 0 2rem
    }

    .car-card .car-card-description .car-card-description-icons {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center
    }

        .car-card .car-card-description .car-card-description-icons .description-icon {
            font-size: 19px
        }

.car-card-price p {
    font-size: 17px
}

.car-card-description-icons, .more-class-description div {
    margin: 1rem 0
}

.table img {
    width: 40px
}

.table td, img, svg {
    vertical-align: middle
}

.pay-now-buttons {
    background-color: #eeeff1;
    border-radius: 10px;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.table.table-hover.table-bordered thead tr th {
    background-color: #E1DED9
}

input[readonly] {
    background-color: #eee
}

.de-item-list {
    display: table;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 9px rgb(164 164 186 / .2);
    border-radius: 6px;
    -moz-border-radius: 6px;
    width: 100%;
    -webkit-border-radius: 6px
}

    .de-item-list .d-img, .de-item-list .d-info, .de-item-list .d-price {
        display: table-cell;
        vertical-align: middle
    }

.d-atr {
    display: grid;
    padding: 0;
    row-gap: .5rem;
    column-gap: 5rem
}

.d-info {
    width: 100%;
    display: block !important
}

.filter-icon, .gift-box, .new-car-card-details .details-card .details-footer ul li img {
    width: 20px
}

#heroSectionSlider {
    height: 375px;
    padding-top: 7rem
}

.car-card-price-subsc {
    display: grid;
    gap: 10px
}

    .car-card-price-subsc .btn {
        border-radius: 0;
        font-weight: 700;
        padding: .4rem 2rem
    }

    .car-card-price-subsc .btn-secondary {
        background-color: #f2f2f2;
        border: 1px solid #f2f2f2;
        color: #000
    }

    .car-card-price-subsc .btn-black {
        background-color: #000;
        border: 1px solid #000;
        color: #fff
    }

.show-on-mobile-container {
    margin: 4rem
}

.card-block {
    padding: 1.25rem
}

.text-c-yellow {
    color: #fe9365
}

.bg-c-green {
    background: -webkit-gradient(linear,left top,right top,from(#0ac282),to(#0df3a3));
    background: linear-gradient(to right,#0ac282,#0df3a3)
}

.text-c-green {
    color: #0ac282
}

.bg-c-pink {
    background: -webkit-gradient(linear,left top,right top,from(#fe5d70),to(#fe909d));
    background: linear-gradient(to right,#fe5d70,#fe909d)
}

.bg-c-blue, .bg-c-purple {
    background: -webkit-gradient(linear,left top,right top,from(#01a9ac),to(#01dbdf))
}

.text-c-pink {
    color: #fe5d70
}

.bg-c-blue {
    background: linear-gradient(to right,#01a9ac,#01dbdf)
}

.bg-c-purple {
    background: linear-gradient(to right,#7630a1,#8b66e3)
}

.text-c-purple {
    color: #7630a1
}

.bg-c-dark-blue {
    background: -webkit-gradient(linear,left top,right top,from(#01a9ac),to(#01dbdf));
    background: linear-gradient(to right,#191da9,#5956d7)
}

.text-c-dark-blue {
    color: #191da9
}

.text-c-blue {
    color: #01a9ac
}

.portal-dashboard .card .fa, .portal-dashboard .card .fa-regular {
    font-size: 30px
}

.dataTables_filter {
    margin-bottom: 1rem
}

.dataTables_empty {
    font-size: 27px;
    padding: 4rem 0 !important;
    color: red !important
}

.step-card.active .the-text .circle-number, .swal2-confirm.swal2-styled {
    background-color: var(--primary-color)
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: #000
}

#heroSectionSlider .carousel-control-prev {
    top: 13rem;
    left: -5rem
}

#heroSectionSlider .carousel-control-next {
    left: 1rem;
    top: 13rem
}

tr.bg-muted td {
    background-color: var(--bs-gray-300)
}

tr.bg-secondary td {
    background-color: var(--bs-gray-500)
}

tr.bg-dark td {
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity));
    color: #fff
}

#login-tab-btn, #register-tab-btn, .cursor-pointer {
    cursor: pointer
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #727272 !important
}

.select2-container--default {
    margin-bottom: 0 !important
}

.the-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -11px !important
}

.the-form .select2-container .select2-selection--single {
    height: 41px !important
}

.text-grey {
    color: #bbb7b7 !important
}

.gift-box {
    height: 20px
}

fieldset {
    border: 2px dashed var(--bs-danger);
    padding: 1rem
}

legend {
    font-weight: 700;
    float: unset;
    width: unset;
    padding: unset;
    margin-bottom: unset;
    font-size: unset;
    line-height: unset
}

.from-to-details {
    background-color: var(--primary-color);
    border-radius: 10px;
    padding: 1rem;
    color: #fff
}

    .from-to-details h5 {
        color: var(--secondary-color)
    }

#checkout_map {
    height: 250px;
    width: 100%
}

.radio-tile-group .input-container .radio-button {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer
}

.radio-tile-group .input-container .radio-tile {
    text-align: center;
    width: 100%;
    height: 100%;
    border: 1px solid #E1DED9;
    padding: 1rem
}


.radio-tile-group .input-container .icon svg {
    fill: #079ad9;
    width: 2rem;
    height: 2rem
}

.radio-tile-group .input-container .radio-tile-label {
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #079ad9
}

.radio-tile-group .input-container .radio-button:checked + .radio-tile {
    background-color: var(--primary-color);
    border: 2px solid var(--hover-color);
    color: #fff !important
}

    .radio-tile-group .input-container .radio-button:checked + .radio-tile h4 {
        color: var(--secondary-color)
    }

    .radio-tile-group .input-container .radio-button:checked + .radio-tile .icon svg, .radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
        background-color: #079ad9
    }

.more-class-description {
    border: 1px solid #E1DED9;
    border-radius: 10px;
    padding: 1rem 1.5rem;
    color: #64666b;
    font-weight: 500
}

.img-class {
    width: 100%;
    height: 150px;
    object-fit: contain
}

#de-preloader .text, .forget-password-text, .step-card.active .the-text, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: var(--primary-color)
}

.business_lease_wizard .sw .toolbar > .sw-btn {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

.business_lease_wizard .sw-theme-dots > .nav .nav-link.done::after {
    background-color: #e98488
}

.business_lease_wizard .sw-theme-dots > .nav .nav-link.done {
    color: #e98488
}

.bl-input email, .bl-input input, .bl-input select, .bl-input textarea {
    background: #E1DED9;
    border: 2.5px solid #fff0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #181a1f;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    text-overflow: ellipsis;
    width: 100%;
    padding: 28px calc(4px + 40px) 8px 10px
}

.bl-input label {
    background: #fff0;
    color: #64666b;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .1px;
    line-height: 20px;
    margin: 0;
    padding-left: 12px;
    padding-top: 8px;
    text-transform: none;
    top: 0
}

#description, #pac-input, .pac-controls label {
    font-family: Roboto;
    font-weight: 300
}

.example {
    font-weight: 500
}

.gap-10 {
    display: flex;
    gap: 10px
}

#msform {
    width: 100%;
    margin: 50px auto;
    text-align: center
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step
}

.form-control {
    background-color: #f0f0f0 !important
}

#progressbar li {
    list-style-type: none;
    color: #E1DED9;
    font-size: 16px;
    width: 25%;
    float: left
}

    #progressbar li:before {
        content: counter(step);
        counter-increment: step;
        width: 30px;
        line-height: 30px;
        display: block;
        font-size: 15px;
        color: #333;
        background: #E1DED9;
        border-radius: 50%;
        margin: 0 auto 5px;
        z-index: 99
    }

#pr-box.light ul li span, #pr-box.light ul li span.pr-ok {
    border: 3px solid var(--primary-color) !important
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #E1DED9;
    position: absolute;
    left: -50%;
    top: 14px;
    z-index: 9
}

#progressbar li:first-child:after {
    content: none
}

#progressbar li.active:after, #progressbar li.active:before, #progressbar li.done:after, #progressbar li.done:before {
    background: var(--primary-color);
    color: #fff
}

.iti {
    display: block !important
}

.alert.alert-warning {
    position: fixed;
    display: none;
    z-index: 999999999999999999999999999999999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: fit-content
}

.form-check-input {
    border: 2px solid #a8a5a5;
    width: 1.1em;
    height: 1.1em
}

.bl-journey-card {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.offcanvas.offcanvas-start {
    width: 600px
}

.forget-password-text {
    font-size: 15px;
    font-weight: 700;
    text-decoration: none
}

.popoverContainer {
    position: absolute;
    width: max-content;
    padding: 1rem;
    background: #fff;
    top: 40px;
    right: -67px;
    display: none
}

#pr-box i {
    border-bottom: 7px solid var(--primary-color) !important
}

.new-car-card-details .details-card {
    border-radius: 10px;
    border: 1px solid #000;
    background-color: #fff
}

    .new-car-card-details .details-card .details-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #000
    }

        .new-car-card-details .details-card .details-header img {
            width: 200px
        }

    .new-car-card-details .details-card .details-body .distance, .new-car-card-details .details-card .details-body .the-car {
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 20px
    }

        .new-car-card-details .details-card .details-body .the-car img {
            width: 300px;
            height: 200px;
            object-fit: contain;
            padding: 1rem
        }

        .new-car-card-details .details-card .details-body .distance img {
            width: 70px
        }

    .new-car-card-details .details-card .details-footer {
        border-top: 1px solid #000
    }

.the-small {
    font-size: 16px;
    font-weight: 400
}

.chat-messages .offers-cards .item {
    width: 100% !important
}

.chat-messages .py-2.px-3.bg-white.text-white, .chat-messages del.h5.text-white {
    display: none
}

.my-reservations-table thead th {
    width: 12%;
    vertical-align: middle
}

.trip-car-details {
    display: flex;
    gap: 35px;
    align-items: center
}

    .trip-car-details img {
        width: 250px
    }

#map {
    height: 600px
}

#description {
    font-size: 15px
}

#infowindow-content .title {
    font-weight: 700
}

#map #infowindow-content {
    display: inline
}

.pac-card {
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 4px -1px rgb(0 0 0 / .3);
    margin: 10px;
    padding: .5rem 1rem;
    font: 400 18px Roboto;
    overflow: hidden;
    width: 50%
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px
}

    .pac-controls label {
        font-size: 13px
    }

#pac-input {
    background-color: #fff;
    font-size: 15px;
    text-overflow: ellipsis
}

    #pac-input:focus {
        border-color: #4d90fe
    }

#title {
    color: #fff;
    background-color: #4d90fe;
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px
}

.pac-container {
    z-index: 999999
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 5rem;
    background-image: none
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 70px;
    left: 0;
    overflow-x: hidden;
    transition: .5s;
    padding-top: 60px
}

    .sidenav a {
        padding: 8px 8px 8px 32px;
        font-size: 20px;
        color: #000;
        display: block;
        transition: .3s
    }

        .sidenav a:hover {
            color: #f1f1f1
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 55px;
        margin-left: 50px
    }

.sidebar-auth-btns {
    /*    position: absolute;
    bottom: 110px;*/
    width: 100%
}

    .sidebar-auth-btns a {
        margin: 1rem;
        padding: 8px;
        color: #fff
    }

.step-card.active {
    border: 1px solid var(--primary-color)
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background-color: var(--primary-color) !important;
    box-shadow: var(--primary-color) 0 1px 3px 0 inset !important
}

.bg-muted {
    background-color: #eeeff1 !important
}

.social-media-links {
    display: flex;
    gap: 5px
}

.car-detail, .portal-profile-page .profile_name, .portal-profile-page .profile_username, .spacer-20 {
    display: block
}

.notifications-icon img {
    width: 35px;
    height: 35px
}

.multiple-cards .card-img-top {
    width: 200px;
    height: 130px;
    margin: auto;
    object-fit: contain
}

.the-van {
    width: 80%
}

.scroll-down {
    margin-top: 0 !important
}

.bl-hero {
    background-image: url(../images/hero-lease.png);
    padding: 12rem 0;
    background-size: cover;
    background-position: center
}

    .bl-hero h2 {
        font-size: 4rem;
        font-weight: 700
    }

    .bl-hero h1 {
        font-size: 5rem;
        font-weight: 700
    }

.bl-hassle img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    margin-bottom: 1rem;
    object-fit: cover
}

.bl-hassle p {
    width: 100px;
    font-size: 18px;
    margin: auto
}

.bl-brands img, .form-group label {
    margin: .5rem 0
}

.why-rent2you p {
    font-size: 24px;
    text-align: justify
}

#manufacturers-list {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto
}

.bl-services, .why-rent2you {
    margin: 4rem 0;
    background-color: #eeeff1;
    padding: 3rem 0
}

.bl-brands img {
    width: 140px;
    height: 100px;
    object-fit: contain
}

.bl-services .service-card {
    border-radius: 15px;
    padding: 2rem 0;
    text-align: center;
    background-color: #fff;
    margin-top: 1.5rem
}

    .bl-services .service-card img {
        width: 85px;
        height: 85px
    }

.bl-services h5 {
    text-transform: uppercase
}

.navbar-brand img {
    margin-right: .25rem
}

.navbar {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: .5625rem;
    padding-bottom: .5rem
}


.portal-profile-page .profile_avatar {
    text-align: center
}

    .portal-profile-page .profile_avatar img {
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        width: 150px;
        height: auto;
        margin-bottom: 10px
    }

.portal-profile-page .profile_name h4 {
    font-size: 20px;
    line-height: 1.3em;
    margin: 0
}

.portal-profile-page .text-gray {
    color: #acacac
}

.spacer-20 {
    width: 100%;
    height: 20px;
    clear: both
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #f5ebeb !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
        color: var(--primary-color) !important;
    }

.portal-profile-page .card button {
    text-align: start;
    font-size: 15px
}

.item_filter_group {
    font-size: 15px;
    border: 1px solid;
    margin-bottom: 25px;
    padding: 25px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 3px 3px 9px rgb(164 164 186 / .2)
}

    .item_filter_group h4 {
        font-size: 18px
    }

.the-cars-cards .de-item-list {
    display: table;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 9px rgb(164 164 186 / .2);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px
}

.car .strike, .car-detail {
    position: absolute;
    background: var(--primary-color)
}

.the-cars-cards .mb30 {
    margin-bottom: 30px
}

.the-cars-cards .de-item-list .d-img {
    width: 30%
}

.the-cars-cards .de-item-list .d-img, .the-cars-cards .de-item-list .d-info, .the-cars-cards .de-item-list .d-price {
    display: table-cell !important;
    vertical-align: middle !important
}

.the-cars-cards .de-item-list img {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 3px 3px 9px rgb(164 164 186 / .5);
    width: 250px;
    height: 200px;
    object-fit: contain
}

.the-cars-cards .img-fluid, .the-cars-cards .img-thumbnail {
    max-width: 100%;
    height: auto
}

.the-cars-cards .de-item-list .d-info {
    width: 40%;
    padding-left: 30px
}

.the-cars-cards .de-item-list .d-price {
    width: 30%;
    padding-left: 30px;
    text-align: center
}

    .the-cars-cards .de-item-list .d-price span {
        display: block;
        font-weight: 700;
        font-size: 28px;
        margin-bottom: 10px;
        color: #111
    }

.portal-profile-page .profile_avatar .car_img img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 260px;
    height: auto;
    margin-bottom: 10px
}

@keyframes spin {
    0% {
        transform: translate(2px,1px) rotate(0)
    }

    10% {
        transform: translate(-1px,-3px) rotate(36deg)
    }

    20% {
        transform: translate(-2px,0) rotate(72deg)
    }

    30% {
        transform: translate(1px,2px) rotate(108deg)
    }

    40% {
        transform: translate(1px,-1px) rotate(144deg)
    }

    50% {
        transform: translate(-1px,3px) rotate(180deg)
    }

    60% {
        transform: translate(-1px,1px) rotate(216deg)
    }

    70% {
        transform: translate(3px,1px) rotate(252deg)
    }

    80% {
        transform: translate(-2px,-1px) rotate(288deg)
    }

    90% {
        transform: translate(2px,1px) rotate(324deg)
    }

    100% {
        transform: translate(1px,-2px) rotate(360deg)
    }
}

@keyframes speed {
    0%,90% {
        transform: translate(2px,1px) rotate(0)
    }

    10% {
        transform: translate(-1px,-3px) rotate(-1deg)
    }

    20% {
        transform: translate(-2px,0) rotate(1deg)
    }

    30% {
        transform: translate(1px,2px) rotate(0)
    }

    40% {
        transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        transform: translate(-1px,3px) rotate(-1deg)
    }

    60% {
        transform: translate(-1px,1px) rotate(0)
    }

    70% {
        transform: translate(3px,1px) rotate(-1deg)
    }

    80% {
        transform: translate(-2px,-1px) rotate(1deg)
    }

    100% {
        transform: translate(1px,-2px) rotate(-1deg)
    }
}

@keyframes strikes {
    from {
        left: 25px
    }

    to {
        left: -80px;
        opacity: 0
    }
}

@keyframes dots {
    from {
        width: 0
    }

    to {
        width: 15px
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#de-preloader {
    margin: auto;
}

    #de-preloader .text {
        font-size: 16px;
        position: absolute;
        width: 100%;
        top: 60px;
        margin: 0 auto;
        font-weight: 700
    }

    #de-preloader .dots {
        display: inline-block;
        width: 5px;
        overflow: hidden;
        vertical-align: bottom;
        animation: 1.5s linear infinite dots
    }

#de-preloader, .car, .custom-loader-image, .de-preloader {
    width: 117px;
    height: 42px
}

    .car .strike {
        width: 11px;
        height: 1px;
        animation: .2s linear infinite strikes
    }

    .car .strike2 {
        top: 11px;
        animation-delay: 50ms
    }

    .car .strike3 {
        top: 22px;
        animation-delay: .1s
    }

    .car .strike4 {
        top: 33px;
        animation-delay: .15s
    }

    .car .strike5 {
        top: 44px;
        animation-delay: .2s
    }

.car-detail {
    animation: .5s linear infinite speed
}

    .car-detail.spoiler {
        width: 0;
        height: 0;
        top: 7px;
        background: 0 0;
        border: 20px solid #fff0;
        border-bottom: 8px solid var(--primary-color);
        border-left: 20px solid var(--primary-color)
    }

    .car-detail.back {
        height: 20px;
        width: 92px;
        top: 15px;
        left: 0
    }

    .car-detail.center {
        height: 35px;
        width: 75px;
        left: 12px;
        border-top-left-radius: 30px;
        border-top-right-radius: 45px 40px;
        border: 4px solid var(--primary-color);
        background: 0 0;
        box-sizing: border-box
    }

    .car-detail.center1 {
        height: 35px;
        width: 35px;
        left: 12px;
        border-top-left-radius: 30px
    }

    .car-detail.front {
        height: 20px;
        width: 50px;
        top: 15px;
        left: 67px;
        border-top-right-radius: 50px 40px;
        border-bottom-right-radius: 10px
    }

    .car-detail.wheel {
        height: 20px;
        width: 20px;
        border-radius: 50%;
        top: 20px;
        left: 12px;
        border: 3px solid var(--primary-color);
        background: linear-gradient(45deg,transparent 45%,#fff 46%,#fff 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,#fff 46%,#fff 54%,transparent 55%),linear-gradient(90deg,transparent 45%,#fff 46%,#fff 54%,transparent 55%),linear-gradient(0deg,transparent 45%,#fff 46%,#fff 54%,transparent 55%),radial-gradient(#fff 29%,transparent 30%,transparent 50%,#fff 51%),var(--primary-color);
        animation-name: spin
    }

.dark-scheme .car-detail.wheel {
    background: linear-gradient(45deg,transparent 45%,#111 46%,#111 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,#111 46%,#111 54%,transparent 55%),linear-gradient(90deg,transparent 45%,#111 46%,#111 54%,transparent 55%),linear-gradient(0deg,transparent 45%,#111 46%,#111 54%,transparent 55%),radial-gradient(#111 29%,transparent 30%,transparent 50%,#111 51%),var(--primary-color)
}

.car-detail.wheel2 {
    left: 82px
}

.requierd-field {
    display: none;
    color: black;
    font-size: 13px
}

.select-extras-table tr td:nth-child(3) {
    padding-right: 12rem
}

.border-top-primary {
    border-bottom: 1px solid var(--primary-color) !important
}

.border-bottom-primary {
    border-top: 1px solid var(--primary-color) !important
}

.invalid, .is-invalid {
    border-color: #dc3545 !important
}

.terms-paynow {
    text-align: end
}

.loader-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none
}
/* Start new filter design on Vehicles fleet page */
#vehicles_fleet_design .vehicle-card {
    transition: transform 0.3s ease;
}

    #vehicles_fleet_design .vehicle-card:hover {
        transform: scale(1.03);
    }

#vehicles_fleet_design .card-img-top {
    height: 200px;
    object-fit: cover;
}

/* Vehicle class buttons custom styles */
#vehicles_fleet_design .vehicle-class-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    padding-bottom: 5px; /* Space for scroll shadow */
}

    #vehicles_fleet_design .vehicle-class-wrapper::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }

#vehicles_fleet_design .vehicle-class-container {
    display: inline-flex;
    gap: 0.5rem;
    padding: 0.25rem;
    min-width: min-content;
}

#vehicles_fleet_design .vehicle-class-btn {
    min-width: 120px;
    white-space: nowrap;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

    #vehicles_fleet_design .vehicle-class-btn:hover {
        transform: translateY(-2px);
        color: #fff;
        background-color: var(--bs-gray-600)
    }

        #vehicles_fleet_design .vehicle-class-btn:hover .bi {
            color: #fff;
        }

    #vehicles_fleet_design .vehicle-class-btn i {
        font-size: 1.2rem;
    }

/* Ion.RangeSlider Custom Styles */
#vehicles_fleet_design .irs--flat {
    height: 40px;
}

    #vehicles_fleet_design .irs--flat .irs-line {
        height: 6px;
        background-color: #e9ecef;
        border-radius: 3px;
    }

    #vehicles_fleet_design .irs--flat .irs-bar {
        height: 6px;
        background-color: #dc3545;
    }

    #vehicles_fleet_design .irs--flat .irs-handle {
        top: 19px;
        width: 16px;
        height: 16px;
        border: 3px solid #dc3545;
        background-color: white;
        border-radius: 50%;
        cursor: pointer;
    }

        #vehicles_fleet_design .irs--flat .irs-handle > i:first-child {
            display: none;
        }

    #vehicles_fleet_design .irs--flat .irs-from,
    #vehicles_fleet_design .irs--flat .irs-to,
    #vehicles_fleet_design .irs--flat .irs-single {
        background-color: #dc3545;
        border-radius: 4px;
        font-size: 12px;
        padding: 2px 6px;
        top: -1px;
    }

        #vehicles_fleet_design .irs--flat .irs-from:before,
        #vehicles_fleet_design .irs--flat .irs-to:before,
        #vehicles_fleet_design .irs--flat .irs-single:before {
            border-top-color: #dc3545;
        }

    #vehicles_fleet_design .irs--flat .irs-grid-text {
        font-size: 11px;
        color: #6c757d;
        top: 18px
    }

/* Scrollbar styles for modern browsers */
@supports (scrollbar-gutter: stable) {
    #vehicles_fleet_design .vehicle-class-wrapper {
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: var(--bs-gray-500) var(--bs-gray-200);
    }

        #vehicles_fleet_design .vehicle-class-wrapper::-webkit-scrollbar {
            display: block;
            height: 4px;
        }

        #vehicles_fleet_design .vehicle-class-wrapper::-webkit-scrollbar-track {
            background: #e9ecef;
            border-radius: 2px;
        }

        #vehicles_fleet_design .vehicle-class-wrapper::-webkit-scrollbar-thumb {
            background: #dc3545;
            border-radius: 2px;
        }
}
/* End new filter design on Vehicles fleet page */
@media only screen and (max-width:840px) {
    .link-body-emphasis img {
        width: 230px !important
    }

    .select-extras-table tr td:nth-child(3) {
        padding-right: 0
    }

    .hide-on-mobile {
        display: none !important
    }

    .show-on-mobile {
        display: block
    }

    .fixed-header {
        background-color: #fff
    }

    main {
        padding: 7em 0 0 !important
    }

    .loyality-image {
        width: 23rem
    }

    /*    .radios-filter {
        display: flex;
        gap: 5px;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto
    }*/

    #LoadV {
        width: 100%
    }

    .cars-list-mobile.d-flex.justify-content-between {
        flex-direction: column;
        width: 100%;
        padding: 0 !important
    }

    .pay-now-buttons {
        flex-direction: column;
        gap: 10px
    }

    .radios-filter .col-2 {
        flex: unset;
        width: unset
    }

    .table img {
        width: 30px
    }

    .mobile-text-table {
        font-size: 12px;
        font-weight: 700;
        text-align: start
    }

    .mobile-text-table-prices {
        font-size: 13px !important;
        font-weight: 700 !important;
        text-align: start
    }

    .navbar-brand img {
        width: 100px
    }

    main .nav .nav-item {
        min-width: 156px
    }

    .car-card-price .PriceDaysText, .car-card-price h5 {
        font-size: 15px
    }

    .car-card-price .Total, .car-card-price .TotalNet {
        font-size: 17px;
        margin: 0
    }

    .h2-mobile {
        font-size: 18px;
        font-weight: 700
    }

    header.header-mobile {
        overflow: visible;
        height: 13%
    }

    .center-mobile {
        text-align: center !important
    }

    .new-wizard {
        margin: 2rem 1rem
    }

    .alert.alert-warning {
        right: 2rem;
        left: 16%;
        transform: unset
    }

    #payframe, #progressbar {
        padding: 0 !important
    }

        #progressbar li {
            font-size: 14px
        }

    #msform {
        margin: 0
    }

    .radio-tile img {
        width: 100px
    }

    #iframe {
        width: 85% !important
    }

    #MonthlyRental {
        width: 100%;
        display: grid;
        grid-template-columns: auto auto
    }

        #MonthlyRental .nav-item {
            font-size: 14px;
            border-radius: .375rem
        }

            #MonthlyRental .nav-item a {
                border-radius: 5px
            }

    #RequestsList, #Reservations_list {
        overflow: hidden;
        overflow-x: scroll
    }

    .fixed-header .navbar.navbar-expand-sm {
        justify-content: space-around
    }

    .navbar-expand-sm .navbar-collapse {
        flex-direction: column
    }

    header .nav-link {
        font-weight: 400
    }

    .business_lease_wizard {
        margin-top: 5rem
    }

    #manufacturers-list {
        grid-template-columns: auto auto auto auto auto;
        justify-content: center;
        gap: 10px
    }
}

@media only screen and (max-width:440px) {
    .fixed-header {
        height: 80px
    }

    #manufacturers-list {
        grid-template-columns: auto auto
    }

    .bl-journey-card {
        flex-direction: column
    }

    .car-card {
        text-align: center
    }

    .flex-mobile {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .hidden-on-mobile {
        display: none
    }

    .new-car-card-details .details-card .details-body .the-car {
        flex-direction: column;
        justify-content: center
    }

    #MonthlyRental {
        grid-template-columns: auto
    }

    .form-check {
        margin-top: 1rem
    }

    .h-110 {
        height: auto !important
    }

    .terms-paynow {
        text-align: start
    }

    .sidenav a:hover {
        color: #000
    }

    .dropdown-menu[data-bs-popper] {
        left: 50px
    }

    .sign-up-btn {
        margin-bottom: 1rem
    }

    .seo #neogate_checkout {
        width: 350px
    }

    .justify-center-mobile {
        justify-content: center
    }
}

@media screen and (max-height:450px) {
    .sidenav {
        padding-top: 15px
    }

        .sidenav a {
            font-size: 18px
        }
}

@media (max-width:1400px) and (min-width:840px) {
    header .nav-link {
        font-size: 14px
    }

    .navbar-brand img {
        width: 115px
    }
}

@media (max-width: 767.98px) {
    #filtersCard {
        display: none;
    }
}

/* ==========================================
   BUDGET HEADER - PIXEL CLOSER MATCH
   Paste this AFTER the old stylesheet
   ========================================== */

header.budget-header,
header.budget-header.fixed-header {
    --bh-main: #00285f;
    --bh-accent: #ed5505;
    --bh-text: #111827;
    --bh-muted: #f5f5f5;
    --bh-border: #e5e7eb;
    --bh-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
    position: sticky !important;
    top: 0 !important;
    left: 0;
    right: 0;
    z-index: 1050 !important;
    width: 100% !important;
    background: #fff !important;
    overflow: visible !important;
    border-bottom: 1px solid #e7e7e7 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12) !important;
    font-family: "Nunito Sans", sans-serif !important;
}

    header.budget-header,
    header.budget-header *,
    header.budget-header *::before,
    header.budget-header *::after {
        box-sizing: border-box;
    }

        header.budget-header h1,
        header.budget-header h2,
        header.budget-header h3,
        header.budget-header h4,
        header.budget-header h5,
        header.budget-header h6,
        header.budget-header p,
        header.budget-header a,
        header.budget-header span,
        header.budget-header button,
        header.budget-header label,
        header.budget-header li,
        header.budget-header summary {
            font-family: "Nunito Sans", sans-serif !important;
            letter-spacing: 0 !important;
        }

        header.budget-header ul {
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
        }

        header.budget-header a,
        header.budget-header button,
        header.budget-header label,
        header.budget-header summary {
            text-decoration: none !important;
            outline: none !important;
            box-shadow: none !important;
        }

            header.budget-header button,
            header.budget-header label.btn {
                appearance: none;
                -webkit-appearance: none;
                background: transparent;
            }

        header.budget-header label {
            text-transform: none !important;
        }

        header.budget-header .capitalize {
            text-transform: capitalize !important;
        }

        header.budget-header .uppercase {
            text-transform: none !important;
        }

        header.budget-header .hidden {
            display: none !important;
        }

        header.budget-header .z-50 {
            z-index: 1050 !important;
        }

        header.budget-header .sticky {
            position: sticky !important;
        }

        header.budget-header .top-0 {
            top: 0 !important;
        }

        header.budget-header .drawer {
            position: relative;
        }

        header.budget-header .drawer-toggle {
            display: none !important;
        }

        header.budget-header .drawer-content {
            position: relative;
            z-index: 2;
            background: #fff !important;
        }

        header.budget-header .drawer-side {
            position: fixed;
            inset: 0;
            z-index: 1100;
            visibility: hidden;
            pointer-events: none;
        }

        header.budget-header .drawer-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, .45) !important;
            opacity: 0;
            transition: opacity .25s ease;
            cursor: pointer;
        }

        header.budget-header .drawer-panel {
            position: absolute;
            top: 0;
            right: -320px;
            width: 320px;
            max-width: 92vw;
            min-height: 100%;
            height: 100%;
            overflow-y: auto;
            background: var(--bh-muted) !important;
            box-shadow: -8px 0 24px rgba(0, 0, 0, .12);
            transition: right .25s ease;
        }

        header.budget-header .drawer-toggle:checked ~ .drawer-side {
            visibility: visible;
            pointer-events: auto;
        }

            header.budget-header .drawer-toggle:checked ~ .drawer-side .drawer-overlay {
                opacity: 1;
            }

            header.budget-header .drawer-toggle:checked ~ .drawer-side .drawer-panel {
                right: 0;
            }

        header.budget-header .bg-white {
            background: #fff !important;
        }

        header.budget-header .bg-transparent {
            background: transparent !important;
        }

        header.budget-header .bg-base-100 {
            background: #fff !important;
        }

        header.budget-header .bg-base-200 {
            background: var(--bh-muted) !important;
        }

        header.budget-header .bg-gray-300 {
            background: #d1d5db !important;
        }

        header.budget-header .text-main {
            color: var(--bh-main) !important;
        }

        header.budget-header .text-black {
            color: #000 !important;
        }

        header.budget-header .text-base-content {
            color: var(--bh-text) !important;
        }

        header.budget-header .text-\[13px\] {
            font-size: 13px !important;
        }

        header.budget-header .text-\[15px\] {
            font-size: 15px !important;
        }

        header.budget-header [class~="!text-sm"] {
            font-size: 14px !important;
        }

        header.budget-header .font-semibold {
            font-weight: 600 !important;
        }

        header.budget-header .py-3 {
            padding-top: 12px !important;
            padding-bottom: 9px !important;
        }

        header.budget-header .p-2 {
            padding: 8px !important;
        }

        header.budget-header .px-5 {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        header.budget-header .me-2 {
            margin-inline-end: 0 !important;
        }

        header.budget-header .ms-3 {
            margin-inline-start: 14px !important;
        }

        header.budget-header .mt-15 {
            margin-top: 58px !important;
        }

        header.budget-header .w-full {
            width: 100% !important;
        }

        header.budget-header .w-80 {
            width: 20rem !important;
        }

        header.budget-header .w-\[120px\] {
            width: 120px !important;
        }

        header.budget-header .w-\[200px\] {
            width: 196px !important;
        }

        header.budget-header .w-\[300px\] {
            width: 300px !important;
        }

        header.budget-header .w-\[30px\] {
            width: 30px !important;
        }

        header.budget-header .h-\[30px\] {
            height: 30px !important;
        }

        header.budget-header .min-h-full {
            min-height: 100% !important;
        }

        header.budget-header .rounded-\[0px\] {
            border-radius: 0 !important;
        }

        header.budget-header .rounded-full {
            border-radius: 9999px !important;
        }

        header.budget-header .rounded-t-none {
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important;
        }

        header.budget-header .border-orange-500 {
            border-color: var(--bh-accent) !important;
        }

        header.budget-header .border-b-2 {
            border: 0 !important;
            border-bottom: 2px solid var(--bh-accent) !important;
        }

        header.budget-header .relative {
            position: relative !important;
        }

        header.budget-header .absolute {
            position: absolute !important;
        }

        header.budget-header .top-3 {
            top: 12px !important;
        }

        header.budget-header .left-4 {
            left: 16px !important;
        }

        header.budget-header .overflow-hidden {
            overflow: hidden !important;
        }

        header.budget-header .cursor-pointer {
            cursor: pointer !important;
        }

        header.budget-header .flex {
            display: flex !important;
        }

        header.budget-header .justify-between {
            justify-content: space-between !important;
        }

        header.budget-header .justify-center {
            justify-content: center !important;
        }

        header.budget-header .items-center {
            align-items: center !important;
        }

        header.budget-header .text-end {
            text-align: right !important;
        }

        header.budget-header .btn,
        header.budget-header .btn:hover,
        header.budget-header .btn:focus,
        header.budget-header .btn:active {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: .5rem .75rem !important;
            line-height: 1 !important;
            border-radius: 0 !important;
            background: transparent !important;
            color: inherit !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        header.budget-header nav {
            background: #fff !important;
        }

        header.budget-header .logo {
            display: inline-flex !important;
            align-items: center !important;
            flex-shrink: 0;
            margin: 0 !important;
            margin-left: 2px !important;
            padding: 0 !important;
            transform: translateY(-1px);
        }

            header.budget-header .logo img {
                display: block !important;
                width: auto;
                max-width: 100%;
                height: auto;
                margin: 0 !important;
            }

        header.budget-header .items {
            display: flex !important;
            align-items: center !important;
            gap: 0 !important;
            min-height: 34px;
            padding-right: 17px !important;
        }

        header.budget-header .top-bar {
            margin-bottom: 7px !important;
            line-height: 1 !important;
            padding-right: 19px !important;
            transform: translateY(-1px);
        }

            header.budget-header .top-bar .menu-horizontal {
                display: flex !important;
                justify-content: flex-end !important;
                align-items: center !important;
                gap: 25px !important;
            }

                header.budget-header .top-bar .menu-horizontal > li {
                    margin: 0 !important;
                    padding: 0 !important;
                }

                    header.budget-header .top-bar .menu-horizontal > li > a,
                    header.budget-header .top-bar .menu-horizontal > li > button {
                        display: inline-block !important;
                        padding: 0 !important;
                        margin: 0 !important;
                        color: var(--bh-accent) !important;
                        background: transparent !important;
                        border: 0 !important;
                        font-family: "Nunito Sans", sans-serif !important;
                        font-size: 16px !important;
                        font-weight: 700 !important;
                        line-height: 1.15 !important;
                        text-transform: capitalize !important;
                    }

        header.budget-header .menu-horizontal {
            /*display: flex !important;*/
            align-items: center !important;
            gap: 18px !important;
        }

            header.budget-header .menu-horizontal > li,
            header.budget-header .menu > li {
                position: relative;
                margin: 0 !important;
                padding: 0 !important;
            }

                header.budget-header .menu-horizontal > li > a,
                header.budget-header .menu-horizontal > li > button {
                    display: block !important;
                    padding: 0 !important;
                    margin: 0 !important;
                    color: var(--bh-main) !important;
                    background: transparent !important;
                    border: 0 !important;
                    font-size: 20px !important;
                    font-weight: 800 !important;
                    line-height: 1.15 !important;
                    text-transform: capitalize !important;
                    white-space: nowrap;
                }

        header.budget-header .items > .menu-horizontal > li > a,
        header.budget-header .items > .menu-horizontal > li > button {
            transform: translateY(-3px);
        }

        header.budget-header .menu-horizontal > li > a:hover,
        header.budget-header .menu-horizontal > li > button:hover {
            color: var(--bh-main) !important;
        }

        header.budget-header .menu {
            display: block;
        }

            header.budget-header .menu > li > a,
            header.budget-header .menu > li > button,
            header.budget-header .menu > li > summary,
            header.budget-header .menu > li > label {
                display: block !important;
                width: 100% !important;
                padding: 13px 12px !important;
                text-align: left !important;
                color: var(--bh-text) !important;
                background: transparent !important;
                border: 0 !important;
                font-size: 15px !important;
                font-weight: 500 !important;
                line-height: 1.2 !important;
                text-transform: capitalize !important;
                cursor: pointer !important;
            }

            header.budget-header .menu a:hover,
            header.budget-header .menu button:hover,
            header.budget-header .menu label:hover,
            header.budget-header .menu summary:hover {
                color: var(--bh-main) !important;
            }

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

        header.budget-header .dropdown-content {
            display: none;
            position: absolute;
            top: calc(80% + 5px);
            left: 0;
            z-index: 1200;
            min-width: 300px;
            padding: 8px !important;
            background: #fff !important;
            border: 1px solid rgba(0, 0, 0, .04);
            border-radius: 0 !important;
            box-shadow: var(--bh-shadow) !important;
        }

        header.budget-header .dropdown-end .dropdown-content {
            left: auto;
            right: 0;
        }

        header.budget-header .dropdown-content li a,
        header.budget-header .dropdown-content li button {
            display: block !important;
            width: 100% !important;
            padding: 12px 14px !important;
            color: var(--bh-text) !important;
            background: transparent !important;
            border: 0 !important;
            text-align: left !important;
            white-space: nowrap;
            font-size: 15px !important;
            font-weight: 500 !important;
            line-height: 1.2 !important;
            text-transform: none !important;
        }

            header.budget-header .dropdown-content li a:hover,
            header.budget-header .dropdown-content li button:hover {
                background: #f9fafb !important;
                color: var(--bh-main) !important;
            }

        header.budget-header details > summary {
            list-style: none !important;
        }

            header.budget-header details > summary::-webkit-details-marker {
                display: none !important;
            }

            header.budget-header details > summary::after {
                content: "▾";
                float: right;
                font-size: 12px;
                font-weight: 700;
                margin-top: 2px;
            }

        header.budget-header details[open] > summary::after {
            content: "▴";
        }

        header.budget-header details > ul {
            margin-top: 2px !important;
        }

        header.budget-header .drawer-panel .menu > li > details > ul > li > a {
            padding-left: 16px !important;
        }

        header.budget-header .drawer-panel .menu > li > a,
        header.budget-header .drawer-panel .menu > li > button,
        header.budget-header .drawer-panel .menu > li > summary,
        header.budget-header .drawer-panel .menu > li > label {
            font-size: 16px !important;
            font-weight: 500 !important;
        }

        header.budget-header .drawer-close-btn {
            border: 0 !important;
            line-height: 1 !important;
            font-size: 18px !important;
            color: #000 !important;
        }

        header.budget-header .shadow-sm {
            box-shadow: 0 1px 4px rgba(0, 0, 0, .12) !important;
        }

@media (min-width: 768px) {
    header.budget-header .md\:inline-flex {
        display: inline-flex !important;
    }

    header.budget-header .md\:py-2 {
        padding-top: 12px !important;
        padding-bottom: 9px !important;
    }

    header.budget-header .md\:w-\[200px\] {
        width: 196px !important;
    }
}

@media (min-width: 992px) {
    header.budget-header .lg\:block {
        display: block !important;
    }

    header.budget-header .lg\:inline-block {
        display: flex !important;
    }

    header.budget-header .lg\:hidden {
        display: none !important;
    }

    header.budget-header .dropdown:hover > .dropdown-content,
    header.budget-header .dropdown:focus-within > .dropdown-content {
        display: block !important;
    }
}

@media (max-width: 1199.98px) {

    header.budget-header .top-bar .menu-horizontal {
        gap: 24px !important;
    }

    header.budget-header .menu-horizontal {
        gap: 22px !important;
    }

        header.budget-header .menu-horizontal > li > a,
        header.budget-header .menu-horizontal > li > button {
            font-size: 18px !important;
        }
}

@media (max-width: 991.98px) {
    header.budget-header .top-bar {
        display: none !important;
    }

    header.budget-header .items {
        align-items: center !important;
        gap: 8px !important;
        padding-right: 0 !important;
    }

    header.budget-header [name="navbar-mobile-sign-in"],
    header.budget-header [name="navbar-menu"] {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    header.budget-header [name="navbar-mobile-sign-in"] {
        padding: 0 !important;
        color: var(--bh-main) !important;
        font-size: 15px !important;
        font-weight: 700 !important;
    }

    header.budget-header [name="navbar-menu"] {
        margin-inline-start: 4px !important;
        padding: 0 !important;
        color: var(--bh-main) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    header.budget-header .logo {
        margin-left: 0 !important;
        transform: none;
    }

        header.budget-header .logo img {
            width: 120px !important;
        }

    header.budget-header .menu-horizontal {
        gap: 16px !important;
    }
}


/* =========================================================
   BUDGET FILTER - FINAL FLAT MATCH + HERO BACKGROUND
   Put this at the VERY END of your stylesheet
   Remove older budget-filter override blocks first
========================================================= */

:root {
    --budget-orange: #f78b00;
    --budget-blue: #00285f;
    --budget-blue-hover: #00224f;
    --budget-white: #ffffff;
    --budget-input-bg: #f8f8f8;
    --budget-input-border: #e3e3e3;
    --budget-input-radius: 4px;
    --budget-field-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --budget-text: #222222;
    --budget-muted: #111827;
    --budget-tab-bg: rgba(255,255,255,.08);
    --budget-tab-border: rgba(255,255,255,.28);
    --budget-panel-max-width: 1200px;
    --budget-tab-h: 42px;
    --budget-input-h: 40px;
    --budget-option-h: 30px;
    --budget-btn-h: 53px;
    --budget-gap: 8px;
}
/* ---------- hero / section ---------- */
#section-hero,
#section-hero.jarallax.full-height.vertical-center {
    position: relative;
    overflow: visible !important;
    min-height: max(760px, calc(100vh - 90px)) !important;
    height: auto !important;
    padding: 90px 0 120px !important;
    background-image: url('../../images/budget-bg.jpg') !important;
    background-size: cover !important;
    background-position: center 31% !important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4rem
}

    #section-hero::before {
        content: none !important;
        position: absolute;
        inset: 0;
        background: transparent !important;
        pointer-events: none;
    }

    #section-hero > *,
    #section-hero .chauffeur-hero-section,
    #section-hero .container,
    #section-hero .row,
    #section-hero .col-12 {
        position: relative;
        z-index: 1;
    }

.chauffeur-hero-section.budget-hero,
.chauffeur-hero-section.budget-hero.main-p.hero {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    width: 100%;
    transform: translateY(59px);
}

    .chauffeur-hero-section.budget-hero.main-p.hero.border-b-5 {
        border-bottom: 0 !important;
    }

    .chauffeur-hero-section.budget-hero .container {
        max-width: 1280px !important;
    }

/* ---------- main orange panel ---------- */
.budget-filter-card {
    position: relative;
    width: 100%;
    max-width: var(--budget-panel-max-width);
    margin: 0 auto;
    padding: 16px 16px 1px !important;
    background: var(--budget-orange) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

    .budget-filter-card::before,
    .budget-filter-card::after {
        content: none !important;
    }

/* ---------- tabs ---------- */
.budget-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--budget-gap);
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

    .budget-tabs .nav-item {
        margin: 0 !important;
        padding: 0 !important;
    }

    .budget-tabs .trip-type-label {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: var(--budget-tab-h) !important;
        min-height: var(--budget-tab-h) !important;
        margin: 0 !important;
        padding: 8px 12px !important;
        background: var(--budget-tab-bg) !important;
        border: 1px solid var(--budget-tab-border) !important;
        border-radius: 0 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-align: center;
        cursor: pointer;
        box-shadow: none !important;
        transition: .15s ease;
    }

        .budget-tabs .trip-type-label:hover {
            background: rgba(255,255,255,.12) !important;
            border-color: rgba(255,255,255,.34) !important;
        }

        .budget-tabs .trip-type-label.active,
        .budget-tabs .trip-type-radio:checked + .trip-type-label {
            background: #fff !important;
            color: var(--budget-orange) !important;
            border-color: #fff !important;
        }

    .budget-tabs .trip-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

        .budget-tabs .trip-icon svg,
        .budget-tabs .trip-icon i {
            width: 16px !important;
            height: 16px !important;
            fill: currentColor;
            color: currentColor;
        }

/* ---------- body ---------- */
.budget-filter-body {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* ---------- round trip switch ---------- */
.budget-switch-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 2px 0 12px !important;
    color: #fff;
}

.budget-switch-text {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

.budget-switch {
    position: relative;
    display: inline-flex;
    width: 50px;
    height: 28px;
    margin: 0;
}

    .budget-switch input {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

.budget-switch-ui {
    position: relative;
    display: block;
    width: 50px;
    height: 28px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 999px;
    box-shadow: none !important;
}

    .budget-switch-ui::after {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        width: 20px;
        height: 20px;
        background: #000;
        border-radius: 50%;
        transition: .18s ease;
    }

.budget-switch input:checked + .budget-switch-ui::after {
    transform: translateX(22px);
}

/* ---------- city drive row ---------- */
.budget-citydrive-row {
    margin: 0 0 10px !important;
}

    .budget-citydrive-row .form-check {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        padding: 8px 12px;
        min-height: 0 !important;
        background: rgba(255,255,255,.08);
        border: 1px solid rgba(255,255,255,.24);
        border-radius: 0 !important;
    }

    .budget-citydrive-row .form-check-input {
        width: 16px;
        height: 16px;
        margin: 0;
        border: 1px solid #d0d0d0;
        border-radius: 0 !important;
        background: #fff;
        box-shadow: none !important;
    }

        .budget-citydrive-row .form-check-input:checked {
            background-color: var(--budget-blue);
            border-color: var(--budget-blue);
        }

    .budget-citydrive-row .form-check-label {
        margin: 0 !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
    }

/* ---------- grids ---------- */
.budget-main-grid,
.budget-secondary-grid,
.budget-airport-grid {
    gap: var(--budget-gap) !important;
}

.budget-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1.55fr) 180px 180px;
    align-items: start;
    margin-bottom: 10px !important;
}

.budget-secondary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    margin-bottom: 10px !important;
}

.budget-airport-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    margin-bottom: 10px !important;
}

/* ---------- fields ---------- */
.budget-field {
    position: relative;
    min-width: 0;
}

    .budget-field .form-control,
    .budget-field .budget-input {
        width: 100%;
        height: var(--budget-input-h) !important;
        min-height: var(--budget-input-h) !important;
        padding: 7px 14px !important;
        background: var(--budget-input-bg) !important;
        border: 1px solid var(--budget-input-border) !important;
        border-radius: var(--budget-input-radius) !important;
        color: var(--budget-text) !important;
        font-family: var(--budget-field-font) !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        box-shadow: none !important;
        outline: none !important;
    }

        .budget-field .form-control:hover,
        .budget-field .budget-input:hover {
            background: #efefef !important;
        }

        .budget-field .form-control:focus,
        .budget-field .budget-input:focus {
            background: #fff !important;
            border-color: #cfcfcf !important;
            box-shadow: none !important;
            outline: none !important;
        }

    .budget-field input[readonly] {
        cursor: pointer;
    }

    .budget-field .form-control::placeholder,
    .budget-field .budget-input::placeholder {
        color: var(--budget-muted) !important;
        font-family: var(--budget-field-font) !important;
        opacity: 1;
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    /* ---------- native select arrow ---------- */
    .budget-field select.form-control,
    .budget-field select.budget-input {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-right: 40px !important;
        background-image: linear-gradient(45deg, transparent 50%, #666 50%), linear-gradient(135deg, #666 50%, transparent 50%);
        background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 13px) calc(50% - 2px);
        background-size: 5px 5px, 5px 5px;
        background-repeat: no-repeat;
    }

    /* ---------- select2 ---------- */
    .budget-field .select2-container {
        width: 100% !important;
    }

        .budget-field .select2-container .select2-selection--single {
            height: var(--budget-input-h) !important;
            min-height: var(--budget-input-h) !important;
            background: var(--budget-input-bg) !important;
            border: 1px solid var(--budget-input-border) !important;
            border-radius: var(--budget-input-radius) !important;
            box-shadow: none !important;
        }

    .budget-field .select2-container--default .select2-selection--single .select2-selection__rendered {
        height: var(--budget-input-h) !important;
        line-height: var(--budget-input-h) !important;
        padding-left: 14px !important;
        padding-right: 36px !important;
        color: var(--budget-text) !important;
        font-family: var(--budget-field-font) !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .budget-field .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: var(--budget-muted) !important;
        font-family: var(--budget-field-font) !important;
        font-weight: 400 !important;
    }

#mainBookingRow.budget-main-grid .budget-input {
    border-radius: var(--budget-input-radius) !important;
    font-family: var(--budget-field-font) !important;
}

#mainBookingRow.budget-main-grid .pickup-location-field.input-group > input.form-control,
#mainBookingRow.budget-main-grid .dropoff-location-field.input-group > input.form-control,
#mainBookingRow.budget-main-grid .airport-location.input-group > select.form-control,
#mainBookingRow.budget-main-grid .airport-location.input-group > select.airport-option-ddl,
#mainBookingRow.budget-main-grid .airport-location.input-group > input.airport-option-ddl,
#mainBookingRow.budget-main-grid .airport-location.input-group > input.airport-map-search-input {
    height: var(--budget-input-h) !important;
    min-height: var(--budget-input-h) !important;
    border-radius: var(--budget-input-radius) !important;
    font-family: var(--budget-field-font) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

#section-hero #mainBookingRow.budget-main-grid .budget-input,
#section-hero #mainBookingRow.budget-main-grid input.form-control,
#section-hero #mainBookingRow.budget-main-grid select.form-control {
    border-radius: var(--budget-input-radius) !important;
    font-family: var(--budget-field-font) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;
}

    #section-hero #mainBookingRow.budget-main-grid .budget-input::placeholder,
    #section-hero #mainBookingRow.budget-main-grid input.form-control::placeholder {
        color: var(--budget-muted) !important;
        font-family: var(--budget-field-font) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        opacity: 1 !important;
    }

.budget-field .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: var(--budget-input-h) !important;
    right: 8px !important;
}

    .budget-field .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #666 transparent transparent transparent !important;
        border-width: 5px 5px 0 5px !important;
        margin-left: -5px !important;
        margin-top: -2px !important;
    }

.budget-field .select2-container--default.select2-container--focus .select2-selection--single,
.budget-field .select2-container--default.select2-container--open .select2-selection--single {
    background: #fff !important;
    border-color: #cfcfcf !important;
    box-shadow: none !important;
}

/* ---------- options row ---------- */
.budget-options-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 2px 0 0 !important;
}

.budget-option-card {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    height: var(--budget-option-h) !important;
    min-height: var(--budget-option-h) !important;
    padding: 4px 12px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 0 !important;
    color: #fff !important;
    box-shadow: none !important;
}

    .budget-option-card .form-check-input {
        width: 16px !important;
        height: 16px !important;
        margin: 0 !important;
        background: #fff;
        border: 1px solid #d0d0d0;
        border-radius: 0 !important;
        box-shadow: none !important;
        cursor: pointer;
    }

        .budget-option-card .form-check-input:checked {
            background-color: var(--budget-blue);
            border-color: var(--budget-blue);
        }

    .budget-option-card .form-check-label {
        margin: 0 !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        cursor: pointer;
    }

/* ---------- validation ---------- */
.budget-field .requierd-field {
    display: none;
    margin: 6px 0 0 2px !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/* ---------- alert reset inside budget card ---------- */
.budget-filter-card .alert.alert-warning {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    z-index: 1 !important;
    width: 100% !important;
    display: none !important;
    margin: 10px 0 0 !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.18) !important;
    color: #fff !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

    .budget-filter-card .alert.alert-warning.show,
    .budget-filter-card .alert.alert-warning[style*="display:block"],
    .budget-filter-card .alert.alert-warning[style*="display: block"],
    .budget-filter-card .alert.alert-warning[style*="display:flex"],
    .budget-filter-card .alert.alert-warning[style*="display: flex"] {
        display: flex !important;
        align-items: center;
        gap: 8px;
    }

    .budget-filter-card .alert.alert-warning svg {
        fill: #fff;
        flex: 0 0 auto;
    }

/* ---------- no vehicles ---------- */
#priceNotFoundD {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-top: 12px !important;
}

/* ---------- submit wrap ---------- */
.budget-submit-wrap {
    width: 100%;
    max-width: var(--budget-panel-max-width);
    margin: 0 auto !important;
    text-align: center;
    position: relative;
    z-index: 3;
}

/* ---------- button ---------- */
.budget-search-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 233px !important;
    min-width: 233px !important;
    height: var(--budget-btn-h) !important;
    min-height: var(--budget-btn-h) !important;
    margin-top: 20px !important;
    padding: 0 20px !important;
    background: var(--budget-blue) !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase;
    letter-spacing: 0;
    box-shadow: none !important;
    transition: background-color .15s ease;
}

    .budget-search-btn:hover,
    .budget-search-btn:focus {
        background: var(--budget-blue-hover) !important;
        color: #fff !important;
        box-shadow: none !important;
        outline: none !important;
        transform: none !important;
    }

/* ---------- kill inherited junk ---------- */
.budget-filter-card,
.budget-filter-card * {
    backdrop-filter: none !important;
}

    .budget-filter-card .nav,
    .budget-filter-card .nav-pills,
    .budget-filter-card .nav-link,
    .budget-filter-card .row,
    .budget-filter-card .col,
    .budget-filter-card .col-12 {
        box-shadow: none !important;
    }

    .budget-filter-card .form-check {
        min-height: 0 !important;
        margin-top: 0 !important;
    }

    .budget-filter-card .form-check-input:focus {
        box-shadow: none !important;
    }

    .budget-filter-card label {
        text-transform: none !important;
    }

    .budget-filter-card .form-control {
        background-color: var(--budget-input-bg) !important;
    }

        .budget-filter-card .form-control:focus {
            background-color: #fff !important;
        }

/* ---------- responsive ---------- */
@media (max-width: 1399.98px) {
    .budget-main-grid {
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.4fr) 170px 170px;
    }
}

@media (max-width: 1199.98px) {
    .budget-filter-card,
    .budget-submit-wrap {
        max-width: 100%;
    }

    .budget-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .budget-main-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .budget-secondary-grid,
    .budget-airport-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    #section-hero,
    #section-hero.jarallax.full-height.vertical-center {
        min-height: auto !important;
        padding: 60px 0 90px !important;
    }

    .chauffeur-hero-section.budget-hero,
    .chauffeur-hero-section.budget-hero.main-p.hero {
        transform: none;
    }

    .budget-main-grid,
    .budget-secondary-grid,
    .budget-airport-grid {
        grid-template-columns: 1fr !important;
    }

    .budget-options-row {
        gap: 8px !important;
    }
}

@media (max-width: 767.98px) {
    #section-hero,
    #section-hero.jarallax.full-height.vertical-center {
        min-height: auto !important;
        overflow-x: hidden !important;
        padding: 32px 0 56px !important;
        background-position: center center !important;
    }

        .chauffeur-hero-section.budget-hero .container,
        #section-hero .chauffeur-hero-section.budget-hero .container {
            width: 100% !important;
            max-width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 12px !important;
            padding-right: 12px !important;
            box-sizing: border-box !important;
        }

        #section-hero .chauffeur-hero-section.budget-hero .row,
        #section-hero .chauffeur-hero-section.budget-hero .col-12 {
            width: 100% !important;
            max-width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }

    .budget-filter-card,
    .budget-submit-wrap {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .budget-tabs {
        grid-template-columns: 1fr;
        gap: 8px !important;
    }

        .budget-tabs .trip-type-label {
            justify-content: flex-start;
            text-align: left;
            height: 40px !important;
            min-height: 40px !important;
            font-size: 13px !important;
        }

    .budget-field .form-control,
    .budget-field .budget-input,
    .budget-field .select2-container .select2-selection--single {
        height: 38px !important;
        min-height: 38px !important;
        font-size: 13px !important;
    }

    .budget-field .select2-container--default .select2-selection--single .select2-selection__rendered,
    .budget-field .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 38px !important;
        line-height: 38px !important;
        font-size: 13px !important;
    }

    .budget-option-card {
        width: 100%;
        justify-content: flex-start;
    }

    .budget-search-btn {
        width: 100% !important;
        min-width: 0 !important;
        height: 46px !important;
        min-height: 46px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 575.98px) {
    .chauffeur-hero-section.budget-hero .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .budget-filter-card {
        padding: 12px !important;
    }

    .budget-tabs .trip-type-label {
        padding: 8px 10px !important;
    }

    .budget-field .form-control,
    .budget-field .budget-input {
        padding: 6px 10px !important;
    }

    .budget-search-btn {
        margin-top: 18px !important;
    }
}

@media (max-width: 575.98px) {
    header.budget-header .flex.justify-between.items-center.w-full {
        position: relative !important;
        min-height: 56px !important;
    }

    header.budget-header .logo img {
        width: 112px !important;
    }

    header.budget-header .items {
        position: absolute !important;
        top: 50% !important;
        right: 12px !important;
        transform: translateY(-50%) !important;
        gap: 6px !important;
        padding-right: 0 !important;
    }

    header.budget-header [name="navbar-mobile-sign-in"] {
        font-size: 14px !important;
        position: fixed !important;
        top: 28px !important;
        right: 58px !important;
        z-index: 1060 !important;
    }

    header.budget-header [name="navbar-menu"] {
        margin-inline-start: 2px !important;
        font-size: 13px !important;
        position: fixed !important;
        top: 28px !important;
        right: 12px !important;
        z-index: 1060 !important;
    }

    #section-hero #mainBookingRow.budget-main-grid .airport-location .airport-list-btn {
        right: 34px !important;
        width: 26px !important;
        min-width: 26px !important;
        height: 26px !important;
        border-radius: 6px !important;
    }

    #section-hero #mainBookingRow.budget-main-grid .pickup-location-field .pin-location-btn,
    #section-hero #mainBookingRow.budget-main-grid .dropoff-location-field .pin-location-btn,
    #section-hero #mainBookingRow.budget-main-grid .airport-location .pin-location-btn {
        right: 6px !important;
        width: 26px !important;
        min-width: 26px !important;
        height: 26px !important;
        border-radius: 6px !important;
    }

    #section-hero #mainBookingRow.budget-main-grid .airport-location.input-group > input.airport-option-ddl,
    #section-hero #mainBookingRow.budget-main-grid .airport-location.input-group > input.airport-map-search-input {
        padding-right: 66px !important;
    }
}

.avis-footer[data-v-ce4ed6c7] {
    background: #00285f
}

.avis-footer ul li[data-v-ce4ed6c7] {
    margin-top: 12px
}

.avis-footer .select option[data-v-ce4ed6c7] {
    background-color: #fff;
    color: #000
}

.avis-footer .collapse[data-v-ce4ed6c7] {
    border-color: #ffffff43
}

.avis-footer .divider[data-v-ce4ed6c7]:after, .avis-footer .divider[data-v-ce4ed6c7]:before {
    background-color: #ffffff43;
    height: 1px
}

/* Plain versions without Vue scope attributes */
.avis-footer {
    background: #00285f
}

    .avis-footer ul li {
        margin-top: 12px
    }

    .avis-footer .select option {
        background-color: #fff;
        color: #000
    }

    .avis-footer .collapse {
        border-color: #ffffff43
    }

    .avis-footer .divider:after, .avis-footer .divider:before {
        background-color: #ffffff43;
        height: 1px
    }

    /* ------------------------------------ */
    /* Tiny reset needed because no Tailwind */
    /* ------------------------------------ */
    .avis-footer ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .avis-footer a {
        color: inherit;
        text-decoration: inherit;
    }

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

    /* ------------------------ */
    /* Utility classes used here */
    /* ------------------------ */
    .avis-footer .container {
        margin-inline: auto;
        max-width: 1700px;
        padding-inline: 0.75rem;
    }

    .avis-footer .mx-auto {
        margin-inline: auto;
    }

    .avis-footer .hidden {
        display: none;
    }

    .avis-footer .grid {
        display: grid;
    }

    .avis-footer .gap-8 {
        gap: 2rem;
    }

    .avis-footer .px-4 {
        padding-inline: 1rem;
    }

    .avis-footer .px-6 {
        padding-inline: 1.5rem;
    }

    .avis-footer.pt-6 {
        padding-top: 4.5rem;
    }

    .avis-footer .py-2 {
        padding-block: 0.5rem;
    }

    .avis-footer .py-8 {
        padding-block: 2rem;
    }

    .avis-footer .\!pb-0 {
        padding-bottom: 0 !important;
    }

    .avis-footer .mb-4 {
        margin-bottom: 1rem;
    }

    .avis-footer .mt-25 {
        margin-top: 6.25rem;
    }

    .avis-footer .space-y-1 > :not(:last-child) {
        margin-block-end: 0.25rem;
    }

    .avis-footer .font-bold {
        font-weight: 700;
    }

    .avis-footer .text-white {
        color: #fff;
    }

    .avis-footer .text-gray-300 {
        color: oklch(.872 .01 258.338);
    }

    .avis-footer .text-\[12px\] {
        font-size: 12px;
    }

    .avis-footer .capitalize {
        text-transform: capitalize;
    }

    .avis-footer .bg-black {
        background-color: #09346e !important
    }

    .avis-footer .relative {
        position: relative;
    }

    .avis-footer .absolute {
        position: absolute;
    }

    .avis-footer .overflow-hidden {
        overflow: hidden;
    }

    .avis-footer .border-b {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .avis-footer .rounded-none {
        border-radius: 0;
    }

    .avis-footer .cursor-pointer {
        cursor: pointer;
    }

    .avis-footer .start-0 {
        inset-inline-start: 0;
    }

    .avis-footer .bottom-0 {
        bottom: 0;
    }

    .avis-footer .w-\[80px\] {
        width: 80px;
    }

    .avis-footer .ms-\[100px\] {
        margin-inline-start: 100px;
    }

    .avis-footer .hover\:underline:hover {
        text-decoration: underline;
    }

    /* ---------------------------- */
    /* DaisyUI collapse rules needed */
    /* ---------------------------- */
    .avis-footer .collapse {
        border-radius: 0.5rem;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: max-content 0fr;
        isolation: isolate;
        overflow: hidden;
        position: relative;
        width: 100%;
        transition: grid-template-rows 0.2s;
    }

        .avis-footer .collapse:is(details) {
            width: 100%;
        }

            .avis-footer .collapse:is(details) summary {
                display: block;
                position: relative;
                outline: none;
            }

                .avis-footer .collapse:is(details) summary::-webkit-details-marker {
                    display: none;
                }

    .avis-footer .collapse-title {
        grid-column-start: 1;
        grid-row-start: 1;
        min-height: 1lh;
        padding: 1rem;
        padding-inline-end: 3rem;
        position: relative;
        transition: background-color 0.2s ease-out;
        width: 100%;
        cursor: pointer;
    }

    .avis-footer .collapse-content {
        grid-column-start: 1;
        grid-row-start: 2;
        min-height: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        content-visibility: visible;
    }

    .avis-footer .collapse[open] {
        grid-template-rows: max-content 1fr;
    }

        .avis-footer .collapse[open] > .collapse-content {
            padding-bottom: 1rem;
        }

    .avis-footer .collapse-arrow > .collapse-title:after {
        content: "";
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        position: absolute;
        inset-inline-end: 1.4rem;
        top: 50%;
        pointer-events: none;
        box-shadow: 2px 2px;
        transform: translateY(-100%) rotate(45deg);
        transform-origin: 75% 75%;
        transition: all 0.2s cubic-bezier(.4,0,.2,1);
    }

    .avis-footer .collapse[open].collapse-arrow > .collapse-title:after {
        transform: translateY(-50%) rotate(225deg);
    }



/* ---------------------------------- */
/* Visual fixes to match the live site */
/* ---------------------------------- */
.avis-footer {
    font-family: "opensans-regular";
    font-size: 16px;
    line-height: 1.35;
    color: #fff;
    background-repeat: repeat;
}

    .avis-footer h3,
    .avis-footer .collapse-title,
    .avis-footer a,
    .avis-footer li,
    .avis-footer p,
    .avis-footer summary {
        font-family: "opensans-regular";
        letter-spacing: normal;
        text-transform: none;
    }

        .avis-footer h3.font-bold,
        .avis-footer .collapse-title {
            font-size: inherit;
            line-height: 1.25;
            margin: 0 0 1.125rem;
        }

    .avis-footer ul li {
        margin-top: 0.95rem;
        font-size: 16px;
        line-height: 1.35;
    }

    .avis-footer a {
        font-size: 16px;
        line-height: 1.35;
    }

    .avis-footer .container.mx-auto.px-4 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .avis-footer .hidden.md\:grid {
        align-items: start;
    }

    .avis-footer .bg-black {
        position: relative;
        min-height: 82px;
        display: flex;
        align-items: flex-end;
    }

        .avis-footer .bg-black > img[alt="app"] {
            display: none;
        }

        .avis-footer .bg-black::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 78px;
            height: 164px;
            background-image: url('../../images/appall.png');
            background-repeat: no-repeat;
            background-position: left bottom;
            background-size: contain;
            z-index: 9;
        }

        .avis-footer .bg-black p,
        .avis-footer .bg-black .hidden-lg {
            display: block;
            position: relative;
            z-index: 2;
            margin-bottom: 0;
            padding-bottom: 0;
            line-height: 1;
        }

            .avis-footer .bg-black p a {
                font-size: 12px;
                font-weight: 700;
                line-height: 1;
                display: inline-block;
            }
/* ===== MODAL SHELL ===== */
#loginModal .modal-dialog {
    max-width: 606px;
    margin: 1.75rem auto;
}

#loginModal .modal-content.avis-login-modal {
    position: relative;
    background: #fff;
    border: 2px solid #222;
    border-radius: 10px;
    box-shadow: none;
    overflow: hidden;
}

#loginModal .avis-login-body {
    padding: 26px 38px 28px;
}

#loginModal .avis-close {
    position: absolute;
    top: 12px;
    right: 18px;
    z-index: 3;
    border: 0;
    background: transparent;
    color: #222;
    font-size: 42px;
    line-height: 1;
    font-weight: 300;
    cursor: pointer;
    padding: 0;
}

/* ===== TITLE ===== */
.avis-login-title {
    margin: 0 0 28px;
    color: #112847;
    font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: .2px;
    text-transform: uppercase;
}

/* ===== FORM ===== */
.avis-login-form {
    margin: 0;
}

.avis-form-group {
    margin-bottom: 22px;
}

.avis-label {
    display: block;
    margin-bottom: 10px;
    color: #5d6470;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
}

.avis-input {
    width: 100%;
    height: 42px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    background: #fff;
    color: #222;
    font-size: 14px;
    font-weight: 400;
    box-shadow: none;
    padding: 10px 16px;
}

    .avis-input::placeholder {
        color: #a7a7a7;
        opacity: 1;
    }

    .avis-input:focus {
        border-color: #c9c9c9;
        box-shadow: none;
        outline: none;
    }

    /* kill the Chrome autofill blue monster */
    .avis-input:-webkit-autofill,
    .avis-input:-webkit-autofill:hover,
    .avis-input:-webkit-autofill:focus,
    .avis-input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
        -webkit-text-fill-color: #222 !important;
        transition: background-color 9999s ease-in-out 0s;
    }

/* ===== PASSWORD ===== */
.avis-password-wrap {
    position: relative;
}

.avis-password-input {
    padding-right: 42px;
}

.avis-eye-btn {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #808898;
    font-size: 18px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
}

/* ===== REMEMBER / FORGOT ===== */
.avis-row-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4px 0 24px;
    gap: 16px;
}

.avis-remember {
    display: flex;
    align-items: center;
    gap: 12px;
}

.avis-remember-text {
    font-size: 14px;
    color: #222;
    line-height: 1;
}

.avis-forgot-link {
    color: var(--secondary-color);
    font-size: 14px;
    text-decoration: none;
}

    .avis-forgot-link:hover {
        color: var(--secondary-color);
        text-decoration: none;
    }

/* ===== SWITCH ===== */
.avis-switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    margin: 0;
}

    .avis-switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.avis-switch-slider {
    position: absolute;
    inset: 0;
    border-radius: 50px;
    background: #cfcfcf;
    transition: .2s ease;
}

    .avis-switch-slider:before {
        content: "";
        position: absolute;
        left: 3px;
        top: 3px;
        width: 22px;
        height: 22px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        transition: .2s ease;
    }

.avis-switch input:checked + .avis-switch-slider {
    background: #2b2b2b;
}

    .avis-switch input:checked + .avis-switch-slider:before {
        transform: translateX(18px);
    }

/* ===== INFO BOX ===== */
.avis-info-box {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: #f7f7f7;
    border: 1px solid #ededed;
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 22px;
}

.avis-info-icon {
    color: #1aa7ff;
    font-size: 18px;
    line-height: 1;
    margin-top: 2px;
}

.avis-info-text {
    color: #2f3a49;
    font-size: 13px;
    line-height: 1.45;
}

    .avis-info-text a:first-of-type {
        color: #f29b2b;
        text-decoration: none;
    }

    .avis-info-text a:last-of-type {
        color: var(--secondary-color);
        text-decoration: none;
    }

/* ===== MAIN LOGIN BUTTON ===== */
.avis-login-btn {
    display: block;
    width: 100%;
    height: 52px;
    border: 0;
    border-radius: 2px;
    background: var(--dark-budget-color);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: none;
    margin: 0;
}

    .avis-login-btn:hover,
    .avis-login-btn:focus {
        background: var(--secondary-color);
        color: #fff;
        box-shadow: none;
    }

/* ===== OR ===== */
.avis-or {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 22px 0 20px;
}

    .avis-or::before,
    .avis-or::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #dddddd;
    }

    .avis-or span {
        color: #333;
        font-size: 14px;
        font-weight: 400;
    }

/* ===== GOOGLE BUTTON ===== */
.avis-google-btn {
    width: 100%;
    height: 50px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background: #fff;
    color: #2c2c2c;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

    .avis-google-btn:hover {
        color: #2c2c2c;
        text-decoration: none;
        background: #fff;
    }

/* ===== CREATE ACCOUNT ===== */
.avis-create-wrap {
    margin-top: 18px;
    text-align: center;
}

.avis-create-text {
    color: #222;
    font-size: 14px;
    margin-bottom: 12px;
}

.avis-create-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border: 1px solid var(--secondary-color);
    border-radius: 3px;
    background: #fff;
    color: var(--secondary-color);
    font-size: 14px;
    text-decoration: none;
}

    .avis-create-btn:hover {
        color: var(--secondary-color);
        text-decoration: none;
        background: #fff;
    }

/* ===== REMOVE BOOTSTRAP SIDE EFFECTS ===== */
.avis-login-form .btn,
.avis-login-form .form-control {
    box-shadow: none !important;
}

    .avis-login-form .form-control:focus {
        box-shadow: none !important;
    }

/* ===== MOBILE ===== */
@media (max-width: 767px) {
    #loginModal .modal-dialog {
        max-width: calc(100% - 24px);
    }

    #loginModal .avis-login-body {
        padding: 22px 20px 24px;
    }

    .avis-login-title {
        font-size: 28px;
    }

    .avis-row-between {
        flex-direction: column;
        align-items: flex-start;
    }

    #loginModal .avis-close {
        right: 14px;
    }
}

@media (max-width: 767.98px) {
    .avis-footer .container.mx-auto.px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .avis-footer .bg-black {
        min-height: 64px;
    }

        .avis-footer .bg-black::before {
            width: 56px;
            height: 118px;
        }

        .avis-footer .bg-black p,
        .avis-footer .bg-black .hidden-lg {
            margin-inline-start: 70px !important;
            margin-bottom: 0.15rem;
        }

    .avis-footer .collapse-title {
        margin-bottom: 0;
        font-size: 18px;
    }
}

/* ---------------------------- */
/* Responsive classes from file */
/* ---------------------------- */
@media (min-width: 768px) {
    .avis-footer .md\:grid {
        display: grid;
    }

    .avis-footer .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .avis-footer .md\:px-0 {
        padding-inline: 0;
    }

    .avis-footer .md\:pt-9 {
        padding-top: 2.25rem;
    }

    .avis-footer .md\:hidden {
        display: none;
    }
}

@media (min-width: 1024px) {
    .avis-footer .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .avis-footer .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .avis-footer .container {
        max-width: 1280px;
    }
}

@media (min-width: 1700px) {
    .avis-footer .container {
        max-width: 1700px;
    }
}


#chauffeur-series-class-page {
    --page-primary: var(--secondary-color);
    --page-primary-dark: #b50f16;
    --page-text: #121212;
    --page-muted: #5f6672;
    --page-border: #d7dce2;
    --page-border-light: #e6e9ee;
    --page-bg-soft: #f7f7f7;
    --page-bg-summary: #ffffff;
    padding-top: 18px;
    padding-bottom: 30px;
}

    #chauffeur-series-class-page .new-wizard {
        max-width: 1580px;
        margin: 0 auto;
    }

    /* =========================
           Wizard progress bar fix
           ========================= */

    #chauffeur-series-class-page #msform {
        margin-bottom: 34px !important;
    }

    #chauffeur-series-class-page #progressbar {
        counter-reset: wizard-step;
        list-style: none !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

        #chauffeur-series-class-page #progressbar li {
            float: none !important;
            flex: 1 1 0 !important;
            width: auto !important;
            max-width: none !important;
            min-width: 0 !important;
            list-style: none !important;
            position: relative !important;
            display: block !important;
            margin: 0 !important;
            padding: 0 18px 0 22px !important;
            min-height: 34px !important;
            background: transparent !important;
            border: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            text-align: left !important;
            color: #aeb6c2 !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            line-height: 1.2 !important;
            white-space: nowrap !important;
            overflow: visible !important;
            z-index: 1 !important;
        }

            #chauffeur-series-class-page #progressbar li span,
            #chauffeur-series-class-page #progressbar li a {
                color: inherit !important;
            }

            #chauffeur-series-class-page #progressbar li::before,
            #chauffeur-series-class-page #progressbar li:before {
                counter-increment: wizard-step;
                content: counter(wizard-step) !important;
                position: absolute !important;
                top: 0 !important;
                left: 0 !important;
                width: auto !important;
                height: auto !important;
                margin: 0 !important;
                padding: 0 !important;
                background: transparent !important;
                border: none !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                color: inherit !important;
                font-size: 18px !important;
                font-weight: 500 !important;
                line-height: 1 !important;
                z-index: 3 !important;
            }

            #chauffeur-series-class-page #progressbar li::after,
            #chauffeur-series-class-page #progressbar li:after {
                content: "" !important;
                position: absolute !important;
                top: 26px !important;
                left: 0 !important;
                right: 10px !important;
                width: auto !important;
                height: 3px !important;
                margin: 0 !important;
                background: #cfd5de !important;
                border: none !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                transform: none !important;
                z-index: 1 !important;
            }

            #chauffeur-series-class-page #progressbar li:last-child {
                padding-right: 0 !important;
            }

                #chauffeur-series-class-page #progressbar li:last-child::after,
                #chauffeur-series-class-page #progressbar li:last-child:after {
                    right: 0 !important;
                }

            #chauffeur-series-class-page #progressbar li.active {
                color: var(--secondary-color) !important;
            }

                #chauffeur-series-class-page #progressbar li.active::before,
                #chauffeur-series-class-page #progressbar li.active:before {
                    color: var(--secondary-color) !important;
                }

                #chauffeur-series-class-page #progressbar li.active::after,
                #chauffeur-series-class-page #progressbar li.active:after {
                    background: var(--secondary-color) !important;
                }

            #chauffeur-series-class-page #progressbar li *::before,
            #chauffeur-series-class-page #progressbar li *::after {
                box-shadow: none !important;
            }

    /* trip summary */
    #chauffeur-series-class-page .from-to-details {
        background: var(--page-bg-summary);
        border: 1px solid var(--page-border-light);
        border-radius: 4px;
        padding: 0;
        margin-bottom: 22px !important;
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
    }

    #chauffeur-series-class-page .trip-summary-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    #chauffeur-series-class-page .trip-summary-item {
        padding: 16px 16px 18px;
        min-height: 88px;
    }

        #chauffeur-series-class-page .trip-summary-item + .trip-summary-item {
            border-left: 1px solid var(--page-border-light);
        }

    #chauffeur-series-class-page .trip-label {
        display: block;
        color: var(--page-primary);
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 2px;
    }

    #chauffeur-series-class-page .trip-location {
        display: block;
        color: #1f2937;
        font-size: 14px;
        margin-bottom: 4px;
        line-height: 1.35;
    }

    #chauffeur-series-class-page .trip-date {
        display: block;
        color: #111827;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.35;
    }

    #chauffeur-series-class-page .trip-summary-single {
        padding: 16px 16px 18px;
    }

        #chauffeur-series-class-page .trip-summary-single .trip-date {
            margin-bottom: 4px;
        }

    #chauffeur-series-class-page .trip-extra {
        display: block;
        color: #1f2937;
        font-size: 14px;
        margin-top: 4px;
    }

    #chauffeur-series-class-page .price-note {
        font-size: 15px;
        color: #1f2937;
        margin: 0 0 14px;
    }

    /* cards */
    #chauffeur-series-class-page .radio-tile-group {
        margin-top: 0 !important;
    }

    #chauffeur-series-class-page .input-container {
        position: relative;
        height: 100%;
    }

    #chauffeur-series-class-page .radio-button {
        position: absolute;
        inset: 0;
        opacity: 0;
        z-index: 5;
        cursor: pointer;
        margin: 0;
    }

    #chauffeur-series-class-page .radio-tile {
        position: relative;
        height: 100%;
        min-height: 506px;
        display: flex;
        flex-direction: column;
        background: #fff;
        border: 1px solid #cfd5de;
        border-radius: 0;
        overflow: hidden;
        transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }

    #chauffeur-series-class-page .input-container:hover .radio-tile {
        border-color: #bfc6d1;
        box-shadow: 0 8px 18px rgba(16, 24, 40, 0.06);
        transform: translateY(-1px);
    }

    #chauffeur-series-class-page .radio-button:checked + .radio-tile {
        border-color: var(--page-primary);
        box-shadow: 0 0 0 1px var(--page-primary), 0 8px 20px rgba(215, 25, 32, 0.08);
    }

    #chauffeur-series-class-page .card-badge {
        display: block;
        width: 68%;
        margin: 0 !important;
        align-self: flex-start;
        background: #000;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.2;
        padding: 10px 12px 11px;
        clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
        flex: 0 0 auto;
    }

    #chauffeur-series-class-page .tile-content {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        padding: 14px 18px 16px;
    }

    #chauffeur-series-class-page .tile-head {
        position: relative;
        margin-bottom: 8px;
        padding-right: 0;
    }

        #chauffeur-series-class-page .tile-head::after {
            content: none;
            display: none;
        }

    #chauffeur-series-class-page .class-title {
        margin: 0 0 6px;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.25;
        color: #111827;
        text-align: left;
    }

    #chauffeur-series-class-page .class-subtitle {
        margin: 0 0 4px;
        font-size: 13px;
        color: #2f3640;
        line-height: 1.35;
        min-height: 18px;
        text-align: left;
    }

    #chauffeur-series-class-page .class-info {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 16px;
        font-size: 14px;
        color: #111827;
        margin-bottom: 8px;
    }

        #chauffeur-series-class-page .class-info span {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }

        #chauffeur-series-class-page .class-info svg {
            flex: 0 0 auto;
        }

    #chauffeur-series-class-page .class-image-wrap {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 235px;
        padding: 14px 10px 20px;
    }

    #chauffeur-series-class-page .img-class,
    #chauffeur-series-class-page .radio-tile img {
        display: block;
        max-width: 100%;
        width: auto;
        max-height: 190px;
        object-fit: contain;
    }

    #chauffeur-series-class-page .class-price {
        margin-top: auto;
        padding-top: 14px;
        text-align: center;
    }

        #chauffeur-series-class-page .class-price h4 {
            margin: 0;
            font-size: 18px;
            font-weight: 500;
            color: #111827;
        }

    #chauffeur-series-class-page .continue-wrap {
        margin-top: 22px;
    }

    #chauffeur-series-class-page #continueLink {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-height: 54px;
        border: none;
        border-radius: 0;
        background: var(--page-primary);
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        box-shadow: none;
        transition: background .2s ease;
    }

        #chauffeur-series-class-page #continueLink:hover,
        #chauffeur-series-class-page #continueLink:focus {
            background: var(--page-primary-dark);
            color: #fff;
        }

    /* info box */
    #chauffeur-series-class-page .more-class-description {
        margin-top: 26px !important;
        background: #fff;
        border: 1px solid var(--page-border-light);
        border-radius: 16px;
        padding: 22px 20px;
    }

        #chauffeur-series-class-page .more-class-description > p {
            margin-bottom: 14px;
            color: #111827;
            font-weight: 600;
        }

        #chauffeur-series-class-page .more-class-description > div {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 12px;
            line-height: 1.55;
            color: #1f2937;
        }

        #chauffeur-series-class-page .more-class-description ol,
        #chauffeur-series-class-page .more-class-description ul {
            margin: 6px 0 0;
            padding-inline-start: 20px;
        }

        #chauffeur-series-class-page .more-class-description hr {
            margin: 16px 0;
            opacity: .14;
        }

    #chauffeur-series-class-page .remixicon-icon.InfoList_icon__K7lI0 {
        margin-top: 2px;
        flex: 0 0 auto;
    }

[dir="rtl"] #chauffeur-series-class-page #progressbar li {
    text-align: right !important;
    padding: 0 22px 0 18px !important;
}

    [dir="rtl"] #chauffeur-series-class-page #progressbar li::before,
    [dir="rtl"] #chauffeur-series-class-page #progressbar li:before {
        left: auto !important;
        right: 0 !important;
    }

    [dir="rtl"] #chauffeur-series-class-page #progressbar li::after,
    [dir="rtl"] #chauffeur-series-class-page #progressbar li:after {
        left: 10px !important;
        right: 0 !important;
    }

    [dir="rtl"] #chauffeur-series-class-page #progressbar li:last-child::after,
    [dir="rtl"] #chauffeur-series-class-page #progressbar li:last-child:after {
        left: 0 !important;
    }

[dir="rtl"] #chauffeur-series-class-page .trip-summary-item + .trip-summary-item {
    border-left: none;
    border-right: 1px solid var(--page-border-light);
}

[dir="rtl"] #chauffeur-series-class-page .tile-head {
    padding-right: 0;
    padding-left: 0;
}

[dir="rtl"] #chauffeur-series-class-page .card-badge {
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
}

@media (max-width: 1199.98px) {
    #chauffeur-series-class-page .radio-tile {
        min-height: 470px;
    }

    #chauffeur-series-class-page .class-image-wrap {
        min-height: 210px;
    }
}

@media (max-width: 991.98px) {
    #chauffeur-series-class-page .trip-summary-grid {
        grid-template-columns: 1fr;
    }

    #chauffeur-series-class-page .trip-summary-item + .trip-summary-item {
        border-left: none;
        border-top: 1px solid var(--page-border-light);
    }

    [dir="rtl"] #chauffeur-series-class-page .trip-summary-item + .trip-summary-item {
        border-right: none;
    }

    #chauffeur-series-class-page .radio-tile {
        min-height: 450px;
    }

    #chauffeur-series-class-page .card-badge {
        width: 74%;
    }
}

@media (max-width: 767.98px) {
    #chauffeur-series-class-page {
        padding-top: 10px;
    }

        #chauffeur-series-class-page #progressbar li {
            font-size: 12px !important;
            padding-left: 18px !important;
            padding-right: 8px !important;
        }

            #chauffeur-series-class-page #progressbar li::before,
            #chauffeur-series-class-page #progressbar li:before {
                font-size: 16px !important;
                top: 0 !important;
            }

            #chauffeur-series-class-page #progressbar li::after,
            #chauffeur-series-class-page #progressbar li:after {
                top: 22px !important;
                right: 6px !important;
            }

            #chauffeur-series-class-page #progressbar li:last-child::after,
            #chauffeur-series-class-page #progressbar li:last-child:after {
                right: 0 !important;
            }

        #chauffeur-series-class-page .trip-date {
            font-size: 16px;
        }

        #chauffeur-series-class-page .class-title {
            font-size: 18px;
        }

        #chauffeur-series-class-page .card-badge {
            font-size: 16px;
            width: 78%;
        }

        #chauffeur-series-class-page .tile-content {
            padding: 14px 14px 16px;
        }

        #chauffeur-series-class-page .class-image-wrap {
            min-height: 180px;
            padding: 10px 8px 16px;
        }
}

#chauffeur-additional-info-page {
    --page-primary: var(--secondary-color);
    --page-primary-dark: #b50f16;
    --page-text: #121212;
    --page-muted: #5f6672;
    --page-border: #d7dce2;
    --page-border-light: #e6e9ee;
    --page-bg-soft: #f7f7f7;
    --page-bg-summary: #ffffff;
    padding-top: 18px;
    padding-bottom: 30px;
}

    #chauffeur-additional-info-page .new-wizard {
        max-width: 1580px;
        margin: 0 auto;
    }

    /* =========================
           Wizard progress bar fix
           ========================= */

    #chauffeur-additional-info-page #msform {
        margin-bottom: 34px !important;
    }

    #chauffeur-additional-info-page #progressbar {
        counter-reset: wizard-step;
        list-style: none !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

        #chauffeur-additional-info-page #progressbar li {
            float: none !important;
            flex: 1 1 0 !important;
            width: auto !important;
            max-width: none !important;
            min-width: 0 !important;
            list-style: none !important;
            position: relative !important;
            display: block !important;
            margin: 0 !important;
            padding: 0 18px 0 22px !important;
            min-height: 34px !important;
            background: transparent !important;
            border: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            text-align: left !important;
            color: #aeb6c2 !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            line-height: 1.2 !important;
            white-space: nowrap !important;
            overflow: visible !important;
            z-index: 1 !important;
        }

            #chauffeur-additional-info-page #progressbar li span,
            #chauffeur-additional-info-page #progressbar li a {
                color: inherit !important;
            }

            #chauffeur-additional-info-page #progressbar li::before,
            #chauffeur-additional-info-page #progressbar li:before {
                counter-increment: wizard-step;
                content: counter(wizard-step) !important;
                position: absolute !important;
                top: 0 !important;
                left: 0 !important;
                width: auto !important;
                height: auto !important;
                margin: 0 !important;
                padding: 0 !important;
                background: transparent !important;
                border: none !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                color: inherit !important;
                font-size: 18px !important;
                font-weight: 500 !important;
                line-height: 1 !important;
                z-index: 3 !important;
            }

            #chauffeur-additional-info-page #progressbar li::after,
            #chauffeur-additional-info-page #progressbar li:after {
                content: "" !important;
                position: absolute !important;
                top: 26px !important;
                left: 0 !important;
                right: 10px !important;
                width: auto !important;
                height: 3px !important;
                margin: 0 !important;
                background: #cfd5de !important;
                border: none !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                transform: none !important;
                z-index: 1 !important;
            }

            #chauffeur-additional-info-page #progressbar li:last-child {
                padding-right: 0 !important;
            }

                #chauffeur-additional-info-page #progressbar li:last-child::after,
                #chauffeur-additional-info-page #progressbar li:last-child:after {
                    right: 0 !important;
                }

            #chauffeur-additional-info-page #progressbar li.active,
            #chauffeur-additional-info-page #progressbar li.done {
                color: var(--secondary-color) !important;
            }

                #chauffeur-additional-info-page #progressbar li.active::before,
                #chauffeur-additional-info-page #progressbar li.active:before,
                #chauffeur-additional-info-page #progressbar li.done::before,
                #chauffeur-additional-info-page #progressbar li.done:before {
                    color: var(--secondary-color) !important;
                }

                #chauffeur-additional-info-page #progressbar li.active::after,
                #chauffeur-additional-info-page #progressbar li.active:after,
                #chauffeur-additional-info-page #progressbar li.done::after,
                #chauffeur-additional-info-page #progressbar li.done:after {
                    background: var(--secondary-color) !important;
                }

            #chauffeur-additional-info-page #progressbar li *::before,
            #chauffeur-additional-info-page #progressbar li *::after {
                box-shadow: none !important;
            }

    /* trip summary */
    #chauffeur-additional-info-page .from-to-details {
        background: var(--page-bg-summary);
        border: 1px solid var(--page-border-light);
        border-radius: 4px;
        padding: 0;
        margin-bottom: 22px !important;
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
    }

    #chauffeur-additional-info-page .trip-summary-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    #chauffeur-additional-info-page .trip-summary-item {
        padding: 16px 16px 18px;
        min-height: 88px;
    }

        #chauffeur-additional-info-page .trip-summary-item + .trip-summary-item {
            border-left: 1px solid var(--page-border-light);
        }

    #chauffeur-additional-info-page .trip-label {
        display: block;
        color: var(--page-primary);
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 2px;
    }

    #chauffeur-additional-info-page .trip-location {
        display: block;
        color: #1f2937;
        font-size: 14px;
        margin-bottom: 4px;
        line-height: 1.35;
    }

    #chauffeur-additional-info-page .trip-date {
        display: block;
        color: #111827;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.35;
    }

    #chauffeur-additional-info-page .trip-summary-single {
        padding: 16px 16px 18px;
    }

        #chauffeur-additional-info-page .trip-summary-single .trip-date {
            margin-bottom: 4px;
        }

    #chauffeur-additional-info-page .trip-extra {
        display: block;
        color: #1f2937;
        font-size: 14px;
        margin-top: 4px;
    }

    /* keep rest of page clean */
    #chauffeur-additional-info-page h2 {
        margin: 6px 0 10px;
        color: #1a1a1a;
    }

[dir="rtl"] #chauffeur-additional-info-page #progressbar li {
    text-align: right !important;
    padding: 0 22px 0 18px !important;
}

    [dir="rtl"] #chauffeur-additional-info-page #progressbar li::before,
    [dir="rtl"] #chauffeur-additional-info-page #progressbar li:before {
        left: auto !important;
        right: 0 !important;
    }

    [dir="rtl"] #chauffeur-additional-info-page #progressbar li::after,
    [dir="rtl"] #chauffeur-additional-info-page #progressbar li:after {
        left: 10px !important;
        right: 0 !important;
    }

    [dir="rtl"] #chauffeur-additional-info-page #progressbar li:last-child::after,
    [dir="rtl"] #chauffeur-additional-info-page #progressbar li:last-child:after {
        left: 0 !important;
    }

[dir="rtl"] #chauffeur-additional-info-page .trip-summary-item + .trip-summary-item {
    border-left: none;
    border-right: 1px solid var(--page-border-light);
}

@media (max-width: 991.98px) {
    #chauffeur-additional-info-page .trip-summary-grid {
        grid-template-columns: 1fr;
    }

    #chauffeur-additional-info-page .trip-summary-item + .trip-summary-item {
        border-left: none;
        border-top: 1px solid var(--page-border-light);
    }

    [dir="rtl"] #chauffeur-additional-info-page .trip-summary-item + .trip-summary-item {
        border-right: none;
    }
}

@media (max-width: 767.98px) {
    #chauffeur-additional-info-page {
        padding-top: 10px;
    }

        #chauffeur-additional-info-page #progressbar li {
            font-size: 12px !important;
            padding-left: 18px !important;
            padding-right: 8px !important;
        }

            #chauffeur-additional-info-page #progressbar li::before,
            #chauffeur-additional-info-page #progressbar li:before {
                font-size: 16px !important;
                top: 0 !important;
            }

            #chauffeur-additional-info-page #progressbar li::after,
            #chauffeur-additional-info-page #progressbar li:after {
                top: 22px !important;
                right: 6px !important;
            }

            #chauffeur-additional-info-page #progressbar li:last-child::after,
            #chauffeur-additional-info-page #progressbar li:last-child:after {
                right: 0 !important;
            }

        #chauffeur-additional-info-page .trip-date {
            font-size: 16px;
        }
}

:root {
    --checkout-primary: #d90429;
    --checkout-primary-dark: #b10322;
    --checkout-text: #111827;
    --checkout-muted: #6b7280;
    --checkout-border: #e5e7eb;
    --checkout-soft: #f8f9fb;
    --checkout-soft-2: #f3f4f6;
    --checkout-shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
    --checkout-radius: 0px;
}

#chauffeur-checkout-page {
    padding-top: 18px;
    padding-bottom: 32px;
    color: var(--checkout-text);
}

#chauffeur-checkout-page.container {
    max-width: 1400px;
}

    #chauffeur-checkout-page .checkout-shell {
        max-width: 1400px;
        margin: 0 auto;
    }

.checkout-section-title {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -.02em;
    margin-bottom: 1.25rem;
    color: var(--checkout-text);
}

.checkout-card {
    background: #fff;
    border: 1px solid var(--checkout-border);
    border-radius: 0 !important;
    box-shadow: var(--checkout-shadow);
    overflow: hidden;
}

.checkout-card-body {
    padding: 1.5rem;
}

.checkout-card + .checkout-card {
    margin-top: 1.25rem;
}

.checkout-meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--checkout-border);
}

.checkout-datetime {
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--checkout-text);
}

    .checkout-datetime small {
        display: block;
        font-size: .95rem;
        font-weight: 500;
        color: var(--checkout-muted);
        margin-top: .35rem;
    }

.ride-map-wrap {
    border-radius: 0 !important;
    overflow: hidden;
    border: 1px solid var(--checkout-border);
    background: var(--checkout-soft);
    margin-bottom: 1.25rem;
}

#checkout_map {
    width: 100%;
    height: 300px;
    min-height: 300px;
}

.ride-locations {
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
}

.ride-location-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--checkout-border);
    border-radius: 0 !important;
    background: #fff;
}

.ride-location-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    font-weight: 800;
    color: #fff;
    background: var(--secondary-color);
    box-shadow: 0 8px 16px rgba(217, 4, 41, 0.22);
}

.ride-location-label {
    font-size: .82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--checkout-muted);
    margin-bottom: .2rem;
}

.ride-location-value {
    font-size: 1rem;
    font-weight: 700;
    color: var(--checkout-text);
    line-height: 1.4;
}

.ride-summary-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 1.25rem;
}

.ride-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 0 !important;
    background: var(--checkout-soft);
    border: 1px solid var(--checkout-border);
    font-weight: 700;
    color: var(--checkout-text);
}

.vehicle-card {
    margin-top: 1.5rem;
    border-top: 1px solid var(--checkout-border);
    padding-top: 1.5rem;
}

.vehicle-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 24px;
    align-items: center;
}

.vehicle-name {
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: 1rem;
    color: var(--checkout-text);
}

.vehicle-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.vehicle-spec {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 0 !important;
    background: var(--checkout-soft);
    border: 1px solid var(--checkout-border);
    font-weight: 700;
}

.vehicle-image-wrap {
    background: linear-gradient(180deg, #fafafa, #f4f4f5);
    border: 1px solid var(--checkout-border);
    border-radius: 0 !important;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

    .vehicle-image-wrap img {
        max-width: 100%;
        max-height: 120px;
        object-fit: contain;
        border-radius: 0 !important;
    }

.payment-sidebar {
    position: sticky;
    top: 24px;
}

.payment-title {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -.02em;
    margin-bottom: 1.25rem;
}

.price-card {
    border: 1px solid var(--checkout-border);
    border-radius: 0 !important;
    box-shadow: var(--checkout-shadow);
    background: #fff;
    overflow: hidden;
}

.price-card-top {
    padding: 1.25rem 1.5rem 0;
    display: flex;
    justify-content: flex-end;
}

.price-card-body {
    padding: 1rem 1.5rem 1.5rem;
}

.price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    color: var(--checkout-text);
}

    .price-row:not(:last-child) {
        border-bottom: 1px solid var(--checkout-border);
    }

.price-label {
    color: var(--checkout-muted);
    font-weight: 600;
    font-size: 1rem;
}

.price-value {
    font-size: 1.05rem;
    font-weight: 800;
    white-space: nowrap;
}

.price-total {
    margin-top: .5rem;
    padding-top: 1rem;
    border-top: 2px solid var(--checkout-text);
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
}

    .price-total .price-label {
        font-size: 1.05rem;
        color: var(--checkout-text);
        font-weight: 800;
    }

    .price-total .price-value {
        font-size: 2rem;
        line-height: 1;
        color: var(--secondary-color);
    }

.checkout-book-btn {
    height: 56px;
    border-radius: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.15rem;
    font-weight: 800;
    border: none;
    background: var(--secondary-color);
    box-shadow: 0 12px 24px rgba(217, 4, 41, 0.22);
    transition: all .2s ease;
}

    .checkout-book-btn:hover,
    .checkout-book-btn:focus {
        background: var(--checkout-primary-dark);
        transform: translateY(-1px);
    }

.terms-note {
    margin-top: 14px;
    color: var(--checkout-muted);
    font-size: .98rem;
    line-height: 1.6;
}

    .terms-note a {
        color: var(--checkout-text);
        font-weight: 700;
        text-decoration: underline;
    }

#chauffeur-checkout-page #msform {
    margin-bottom: 34px !important;
}

#chauffeur-checkout-page #progressbar {
    counter-reset: wizard-step;
    list-style: none !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

    #chauffeur-checkout-page #progressbar li {
        float: none !important;
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        list-style: none !important;
        position: relative !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 18px 0 22px !important;
        min-height: 34px !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        text-align: left !important;
        color: #aeb6c2 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        z-index: 1 !important;
    }

        #chauffeur-checkout-page #progressbar li span,
        #chauffeur-checkout-page #progressbar li a {
            color: inherit !important;
        }

        #chauffeur-checkout-page #progressbar li::before,
        #chauffeur-checkout-page #progressbar li:before {
            counter-increment: wizard-step;
            content: counter(wizard-step) !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: auto !important;
            height: auto !important;
            margin: 0 !important;
            padding: 0 !important;
            background: transparent !important;
            border: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            color: inherit !important;
            font-size: 18px !important;
            font-weight: 500 !important;
            line-height: 1 !important;
            z-index: 3 !important;
        }

        #chauffeur-checkout-page #progressbar li::after,
        #chauffeur-checkout-page #progressbar li:after {
            content: "" !important;
            position: absolute !important;
            top: 26px !important;
            left: 0 !important;
            right: 10px !important;
            width: auto !important;
            height: 3px !important;
            margin: 0 !important;
            background: #cfd5de !important;
            border: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            transform: none !important;
            z-index: 1 !important;
        }

        #chauffeur-checkout-page #progressbar li:last-child {
            padding-right: 0 !important;
        }

            #chauffeur-checkout-page #progressbar li:last-child::after,
            #chauffeur-checkout-page #progressbar li:last-child:after {
                right: 0 !important;
            }

        #chauffeur-checkout-page #progressbar li.active,
        #chauffeur-checkout-page #progressbar li.done {
            color: var(--secondary-color) !important;
        }

            #chauffeur-checkout-page #progressbar li.active::before,
            #chauffeur-checkout-page #progressbar li.active:before,
            #chauffeur-checkout-page #progressbar li.done::before,
            #chauffeur-checkout-page #progressbar li.done:before {
                color: var(--secondary-color) !important;
            }

            #chauffeur-checkout-page #progressbar li.active::after,
            #chauffeur-checkout-page #progressbar li.active:after,
            #chauffeur-checkout-page #progressbar li.done::after,
            #chauffeur-checkout-page #progressbar li.done:after {
                background: var(--secondary-color) !important;
            }

        #chauffeur-checkout-page #progressbar li *::before,
        #chauffeur-checkout-page #progressbar li *::after {
            box-shadow: none !important;
        }

[dir="rtl"] #chauffeur-checkout-page #progressbar li {
    text-align: right !important;
    padding: 0 22px 0 18px !important;
}

    [dir="rtl"] #chauffeur-checkout-page #progressbar li::before,
    [dir="rtl"] #chauffeur-checkout-page #progressbar li:before {
        left: auto !important;
        right: 0 !important;
    }

    [dir="rtl"] #chauffeur-checkout-page #progressbar li::after,
    [dir="rtl"] #chauffeur-checkout-page #progressbar li:after {
        left: 10px !important;
        right: 0 !important;
    }

    [dir="rtl"] #chauffeur-checkout-page #progressbar li:last-child::after,
    [dir="rtl"] #chauffeur-checkout-page #progressbar li:last-child:after {
        left: 0 !important;
    }

.currency-switch {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    user-select: none;
}

    .currency-switch input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
        padding: 0;
        margin: -1px;
    }

.currency-track {
    position: relative;
    width: 108px;
    height: 44px;
    border-radius: 0 !important;
    background: #f1f3f5;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08);
    transition: background .2s ease, border-color .2s ease;
    cursor: pointer;
}

.currency-thumb {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 52px;
    height: 36px;
    border-radius: 0 !important;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(0,0,0,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    letter-spacing: .4px;
    transition: transform .22s ease;
}

.currency-label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    font-size: 12px;
    opacity: .65;
    transition: opacity .2s ease;
    pointer-events: none;
}

    .currency-label.usd {
        left: 14px;
    }

    .currency-label.egp {
        right: 14px;
    }

#currencyToggle:checked + label .currency-thumb {
    transform: translateX(52px);
}

#currencyToggle:checked + label .currency-label.usd {
    opacity: .45;
}

#currencyToggle:not(:checked) + label .currency-label.egp {
    opacity: .45;
}

#currencyToggle:focus-visible + label .currency-track {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    border-color: rgba(13,110,253,.35);
}

#currencyToggle:not(:checked) + label .currency-track {
    background: linear-gradient(90deg, rgba(13,110,253,.12), rgba(0,0,0,0));
}

#currencyToggle:checked + label .currency-track {
    background: linear-gradient(270deg, rgba(25,135,84,.14), rgba(0,0,0,0));
}

.modal-content,
.modal-header,
.modal-footer,
.btn,
.card,
.rounded,
.rounded-1,
.rounded-2,
.rounded-3,
.rounded-4,
.rounded-5,
.form-control,
.form-select,
.accordion-item,
.accordion-button {
    border-radius: 0 !important;
}

@media (max-width: 991.98px) {
    .payment-sidebar {
        position: static;
        margin-top: 1.5rem;
    }

    .vehicle-layout {
        grid-template-columns: 1fr;
    }

    #checkout_map {
        height: 260px;
        min-height: 260px;
    }

    .checkout-datetime,
    .payment-title,
    .checkout-section-title {
        font-size: 1.65rem;
    }
}

@media (max-width: 767.98px) {
    #chauffeur-checkout-page {
        padding-top: 10px;
    }

        #chauffeur-checkout-page #progressbar li {
            font-size: 12px !important;
            padding-left: 18px !important;
            padding-right: 8px !important;
        }

            #chauffeur-checkout-page #progressbar li::before,
            #chauffeur-checkout-page #progressbar li:before {
                font-size: 16px !important;
                top: 0 !important;
            }

            #chauffeur-checkout-page #progressbar li::after,
            #chauffeur-checkout-page #progressbar li:after {
                top: 22px !important;
                right: 6px !important;
            }

            #chauffeur-checkout-page #progressbar li:last-child::after,
            #chauffeur-checkout-page #progressbar li:last-child:after {
                right: 0 !important;
            }

    .price-total .price-value {
        font-size: 1.6rem;
    }

    .ride-location-row {
        padding: 12px;
    }
}

@media (max-width: 575.98px) {
    .checkout-card-body,
    .price-card-body {
        padding: 1rem;
    }

    .price-card-top {
        padding: 1rem 1rem 0;
    }
}

/* Wrapper is optional, but nice for centering/anchoring */
.custom-pin-wrap {
    position: relative;
    width: 44px;
    height: 44px;
}

/* Main pin */
.custom-pin {
    --yellow: #ffd600;
    --cyan: #00e5ff;
    --border: #1f2937;
    --inner: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    /* Classic map-pin shape */
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    /* Two-color split */
    background: linear-gradient(135deg, var(--yellow) 0 50%, var(--cyan) 50% 100%);
    border: 3px solid var(--border);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

    /* White center circle */
    .custom-pin::before {
        content: "";
        position: absolute;
        width: 18px;
        height: 18px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        border-radius: 50%;
        background: var(--inner);
        border: 2px solid var(--border);
        box-sizing: border-box;
    }

    /* Small glossy highlight */
    .custom-pin::after {
        content: "";
        position: absolute;
        width: 10px;
        height: 6px;
        top: 8px;
        left: 10px;
        transform: rotate(45deg);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.45);
    }

/* Optional hover effect */
.custom-pin-wrap:hover .custom-pin {
    filter: brightness(1.05);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

/* Optional active/click effect */
.custom-pin-wrap:active .custom-pin {
    transform: rotate(-45deg) scale(0.96);
}

#chauffeur-checkout-page {
    padding-top: 18px;
    padding-bottom: 32px;
    color: var(--checkout-text);
}

#chauffeur-checkout-page.container {
    max-width: 1400px;
}

    #chauffeur-checkout-page .checkout-shell {
        max-width: 1400px;
        margin: 0 auto;
    }

.checkout-section-title {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -.02em;
    margin-bottom: 1.25rem;
    color: var(--checkout-text);
}

.checkout-card {
    background: #fff;
    border: 1px solid var(--checkout-border);
    border-radius: 0 !important;
    box-shadow: var(--checkout-shadow);
    overflow: hidden;
}

.checkout-card-body {
    padding: 1.5rem;
}

.checkout-card + .checkout-card {
    margin-top: 1.25rem;
}

.checkout-meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--checkout-border);
}

.checkout-datetime {
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--checkout-text);
}

    .checkout-datetime small {
        display: block;
        font-size: .95rem;
        font-weight: 500;
        color: var(--checkout-muted);
        margin-top: .35rem;
    }

.ride-map-wrap {
    border-radius: 0 !important;
    overflow: hidden;
    border: 1px solid var(--checkout-border);
    background: var(--checkout-soft);
    margin-bottom: 1.25rem;
}

#checkout_map {
    width: 100%;
    height: 300px;
    min-height: 300px;
}

.ride-locations {
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
}

.ride-location-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--checkout-border);
    border-radius: 0 !important;
    background: #fff;
}

.ride-location-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    font-weight: 800;
    color: #fff;
    background: var(--checkout-primary);
    box-shadow: 0 8px 16px rgba(217, 4, 41, 0.22);
}

.ride-location-label {
    font-size: .82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--checkout-muted);
    margin-bottom: .2rem;
}

.ride-location-value {
    font-size: 1rem;
    font-weight: 700;
    color: var(--checkout-text);
    line-height: 1.4;
}

.ride-summary-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 1.25rem;
}

.ride-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 0 !important;
    background: var(--checkout-soft);
    border: 1px solid var(--checkout-border);
    font-weight: 700;
    color: var(--checkout-text);
}

.vehicle-card {
    margin-top: 1.5rem;
    border-top: 1px solid var(--checkout-border);
    padding-top: 1.5rem;
}

.vehicle-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 24px;
    align-items: center;
}

.vehicle-name {
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: 1rem;
    color: var(--checkout-text);
}

.vehicle-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.vehicle-spec {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 0 !important;
    background: var(--checkout-soft);
    border: 1px solid var(--checkout-border);
    font-weight: 700;
}

.vehicle-image-wrap {
    background: linear-gradient(180deg, #fafafa, #f4f4f5);
    border: 1px solid var(--checkout-border);
    border-radius: 0 !important;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

    .vehicle-image-wrap img {
        max-width: 100%;
        max-height: 120px;
        object-fit: contain;
        border-radius: 0 !important;
    }

.payment-sidebar {
    position: sticky;
    top: 24px;
}

.payment-title {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -.02em;
    margin-bottom: 1.25rem;
}

.price-card {
    border: 1px solid var(--checkout-border);
    border-radius: 0 !important;
    box-shadow: var(--checkout-shadow);
    background: #fff;
    overflow: hidden;
}

.price-card-top {
    padding: 1.25rem 1.5rem 0;
    display: flex;
    justify-content: flex-end;
}

.price-card-body {
    padding: 1rem 1.5rem 1.5rem;
}

.price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
    color: var(--checkout-text);
}

    .price-row:not(:last-child) {
        border-bottom: 1px solid var(--checkout-border);
    }

.price-label {
    color: var(--checkout-muted);
    font-weight: 600;
    font-size: 1rem;
}

.price-value {
    font-size: 1.05rem;
    font-weight: 800;
    white-space: nowrap;
}

.price-total {
    margin-top: .5rem;
    padding-top: 1rem;
    border-top: 2px solid var(--checkout-text);
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
}

    .price-total .price-label {
        font-size: 1.05rem;
        color: var(--checkout-text);
        font-weight: 800;
    }

    .price-total .price-value {
        font-size: 2rem;
        line-height: 1;
        color: var(--checkout-text);
    }

.checkout-book-btn {
    height: 56px;
    border-radius: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.15rem;
    font-weight: 800;
    border: none;
    background: var(--checkout-primary);
    box-shadow: 0 12px 24px rgba(217, 4, 41, 0.22);
    transition: all .2s ease;
}

    .checkout-book-btn:hover,
    .checkout-book-btn:focus {
        background: var(--checkout-primary-dark);
        transform: translateY(-1px);
    }

.terms-note {
    margin-top: 14px;
    color: var(--checkout-muted);
    font-size: .98rem;
    line-height: 1.6;
}

    .terms-note a {
        color: var(--checkout-text);
        font-weight: 700;
        text-decoration: underline;
    }

#chauffeur-checkout-page #msform {
    margin-bottom: 34px !important;
}

#chauffeur-checkout-page #progressbar {
    counter-reset: wizard-step;
    list-style: none !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

    #chauffeur-checkout-page #progressbar li {
        float: none !important;
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        list-style: none !important;
        position: relative !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 18px 0 22px !important;
        min-height: 34px !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        text-align: left !important;
        color: #aeb6c2 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        z-index: 1 !important;
    }

        #chauffeur-checkout-page #progressbar li span,
        #chauffeur-checkout-page #progressbar li a {
            color: inherit !important;
        }

        #chauffeur-checkout-page #progressbar li::before,
        #chauffeur-checkout-page #progressbar li:before {
            counter-increment: wizard-step;
            content: counter(wizard-step) !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: auto !important;
            height: auto !important;
            margin: 0 !important;
            padding: 0 !important;
            background: transparent !important;
            border: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            color: inherit !important;
            font-size: 18px !important;
            font-weight: 500 !important;
            line-height: 1 !important;
            z-index: 3 !important;
        }

        #chauffeur-checkout-page #progressbar li::after,
        #chauffeur-checkout-page #progressbar li:after {
            content: "" !important;
            position: absolute !important;
            top: 26px !important;
            left: 0 !important;
            right: 10px !important;
            width: auto !important;
            height: 3px !important;
            margin: 0 !important;
            background: #cfd5de !important;
            border: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            transform: none !important;
            z-index: 1 !important;
        }

        #chauffeur-checkout-page #progressbar li:last-child {
            padding-right: 0 !important;
        }

            #chauffeur-checkout-page #progressbar li:last-child::after,
            #chauffeur-checkout-page #progressbar li:last-child:after {
                right: 0 !important;
            }

        #chauffeur-checkout-page #progressbar li.active,
        #chauffeur-checkout-page #progressbar li.done {
            color: var(--secondary-color) !important;
        }

            #chauffeur-checkout-page #progressbar li.active::before,
            #chauffeur-checkout-page #progressbar li.active:before,
            #chauffeur-checkout-page #progressbar li.done::before,
            #chauffeur-checkout-page #progressbar li.done:before {
                color: var(--secondary-color) !important;
            }

            #chauffeur-checkout-page #progressbar li.active::after,
            #chauffeur-checkout-page #progressbar li.active:after,
            #chauffeur-checkout-page #progressbar li.done::after,
            #chauffeur-checkout-page #progressbar li.done:after {
                background: var(--secondary-color) !important;
            }

        #chauffeur-checkout-page #progressbar li *::before,
        #chauffeur-checkout-page #progressbar li *::after {
            box-shadow: none !important;
        }

[dir="rtl"] #chauffeur-checkout-page #progressbar li {
    text-align: right !important;
    padding: 0 22px 0 18px !important;
}

    [dir="rtl"] #chauffeur-checkout-page #progressbar li::before,
    [dir="rtl"] #chauffeur-checkout-page #progressbar li:before {
        left: auto !important;
        right: 0 !important;
    }

    [dir="rtl"] #chauffeur-checkout-page #progressbar li::after,
    [dir="rtl"] #chauffeur-checkout-page #progressbar li:after {
        left: 10px !important;
        right: 0 !important;
    }

    [dir="rtl"] #chauffeur-checkout-page #progressbar li:last-child::after,
    [dir="rtl"] #chauffeur-checkout-page #progressbar li:last-child:after {
        left: 0 !important;
    }

/* Fixed currency switch */
.currency-switch {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

    .currency-switch input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
        border: 0;
        padding: 0;
        margin: -1px;
    }

.currency-track {
    position: relative;
    width: 112px;
    height: 44px;
    border-radius: 0 !important;
    background: #f1f3f5;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08);
    cursor: pointer;
    overflow: hidden;
}

.currency-label {
    position: absolute;
    top: -25px;
    width: 56px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    pointer-events: none;
    z-index: 1;
    transition: opacity .2s ease;
}

    .currency-label.egp {
        left: 0;
    }

    .currency-label.usd {
        right: 0;
    }

.currency-thumb {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 50px;
    height: 36px;
    border-radius: 0 !important;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(0,0,0,.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    letter-spacing: .4px;
    z-index: 2;
    transition: transform .22s ease;
}

#currencyToggle:checked + label .currency-thumb {
    transform: translateX(54px);
}

/* Hide active-side background text to avoid EGP EGP / USD USD duplication */
#currencyToggle:not(:checked) + label .currency-label.egp {
    opacity: 0;
}

#currencyToggle:not(:checked) + label .currency-label.usd {
    opacity: .45;
}

#currencyToggle:checked + label .currency-label.usd {
    opacity: 0;
}

#currencyToggle:checked + label .currency-label.egp {
    opacity: .45;
}

#currencyToggle:focus-visible + label .currency-track {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    border-color: rgba(13,110,253,.35);
}

#currencyToggle:not(:checked) + label .currency-track {
    background: linear-gradient(90deg, rgba(13,110,253,.12), rgba(0,0,0,0));
}

#currencyToggle:checked + label .currency-track {
    background: linear-gradient(270deg, rgba(25,135,84,.14), rgba(0,0,0,0));
}

.modal-content,
.modal-header,
.modal-footer,
.btn,
.card,
.rounded,
.rounded-1,
.rounded-2,
.rounded-3,
.rounded-4,
.rounded-5,
.form-control,
.form-select,
.accordion-item,
.accordion-button {
    border-radius: 0 !important;
}

@media (max-width: 991.98px) {
    .payment-sidebar {
        position: static;
        margin-top: 1.5rem;
    }

    .vehicle-layout {
        grid-template-columns: 1fr;
    }

    #checkout_map {
        height: 260px;
        min-height: 260px;
    }

    .checkout-datetime,
    .payment-title,
    .checkout-section-title {
        font-size: 1.65rem;
    }
}

@media (max-width: 767.98px) {
    #chauffeur-checkout-page {
        padding-top: 10px;
    }

        #chauffeur-checkout-page #progressbar li {
            font-size: 12px !important;
            padding-left: 18px !important;
            padding-right: 8px !important;
        }

            #chauffeur-checkout-page #progressbar li::before,
            #chauffeur-checkout-page #progressbar li:before {
                font-size: 16px !important;
                top: 0 !important;
            }

            #chauffeur-checkout-page #progressbar li::after,
            #chauffeur-checkout-page #progressbar li:after {
                top: 22px !important;
                right: 6px !important;
            }

            #chauffeur-checkout-page #progressbar li:last-child::after,
            #chauffeur-checkout-page #progressbar li:last-child:after {
                right: 0 !important;
            }

    .price-total .price-value {
        font-size: 1.6rem;
    }

    .ride-location-row {
        padding: 12px;
    }
}

/* Start Match Identical styles */
@media (min-width: 1700px) {
    .container {
        max-width: 1700px !important;
    }
}
/* End Match Identical styles */

/* =====================================================================
   BUDGET RESPONSIVE HEADER, NAVIGATION AND HERO FIELD WIDTHS
   Applies to the Budget tenant layout.
   Existing hero-field UI and the existing Search button are unchanged.
   ===================================================================== */

@media (max-width: 991.98px) {
    /* Header */
    .budget-reference-header {
        position: sticky !important;
        top: 0 !important;
        width: 100% !important;
        min-height: 58px !important;
        background: #FFFFFF !important;
        border-bottom: 1px solid rgba(0, 40, 95, .12) !important;
        box-shadow: none !important;
        overflow: visible !important;
        z-index: 2000 !important;
    }

        .budget-reference-header .budget-reference-navbar {
            width: 100% !important;
            min-height: 58px !important;
            margin: 0 !important;
            padding: 0 !important;
            background: #FFFFFF !important;
            box-shadow: none !important;
        }

        .budget-reference-header .budget-header-container {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 12px !important;
            box-sizing: border-box !important;
        }

        .budget-reference-header .budget-header-shell {
            width: 100% !important;
        }

        .budget-reference-header .top-bar {
            display: none !important;
        }

        .budget-reference-header .budget-header-main-row {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            width: 100% !important;
            min-height: 58px !important;
            margin: 0 !important;
            padding: 0 !important;
            position: relative !important;
        }

        .budget-reference-header .budget-reference-logo {
            display: inline-flex !important;
            align-items: center !important;
            flex: 0 0 auto !important;
            margin: 0 !important;
            padding: 0 !important;
        }

            .budget-reference-header .budget-reference-logo img {
                display: block !important;
                width: 170px !important;
                max-width: 170px !important;
                height: auto !important;
                margin: 0 !important;
            }

        .budget-reference-header .budget-mobile-actions {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            position: static !important;
            top: auto !important;
            right: auto !important;
            left: auto !important;
            margin: 0 0 0 auto !important;
            padding: 0 !important;
            transform: none !important;
            z-index: auto !important;
        }

    [dir="rtl"] .budget-reference-header .budget-mobile-actions {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    .budget-reference-header .budget-mobile-sign-in {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 0 2px !important;
        color: #ED5505 !important;
        background: transparent !important;
        border: 0 !important;
        font-family: "Nunito Sans", sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        text-transform: capitalize !important;
        white-space: nowrap !important;
        box-shadow: none !important;
        transform: none !important;
        z-index: auto !important;
    }

        .budget-reference-header .budget-mobile-sign-in:hover,
        .budget-reference-header .budget-mobile-sign-in:focus {
            color: #ED5505 !important;
            background: transparent !important;
            box-shadow: none !important;
            outline: none !important;
        }

    .budget-reference-header .budget-mobile-menu-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: 60px !important;
        min-width: 60px !important;
        height: 36px !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #ED5505 !important;
        background: #FFFFFF !important;
        border: 1px solid #ED5505 !important;
        border-radius: 0 !important;
        font-family: "Nunito Sans", sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 34px !important;
        text-align: center !important;
        text-transform: capitalize !important;
        box-shadow: none !important;
        transform: none !important;
        z-index: auto !important;
    }

        .budget-reference-header .budget-mobile-menu-button:hover,
        .budget-reference-header .budget-mobile-menu-button:focus,
        .budget-reference-header .budget-mobile-menu-button:active {
            color: #ED5505 !important;
            background: #FFFFFF !important;
            border-color: #ED5505 !important;
            box-shadow: none !important;
            outline: none !important;
            transform: none !important;
        }

    /* Right navigation drawer */
    .budget-reference-offcanvas {
        --bs-offcanvas-width: 280px;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: 280px !important;
        max-width: calc(100vw - 48px) !important;
        height: 100vh !important;
        color: #00285F !important;
        background: #FFFFFF !important;
        border: 0 !important;
        box-shadow: -8px 0 24px rgba(0, 0, 0, .18) !important;
        z-index: 2105 !important;
    }

    [dir="rtl"] .budget-reference-offcanvas {
        right: auto !important;
        left: 0 !important;
        box-shadow: 8px 0 24px rgba(0, 0, 0, .18) !important;
    }

    .budget-reference-offcanvas-header {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 64px !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .budget-reference-offcanvas-title {
        display: none !important;
    }

    .budget-reference-offcanvas .budget-reference-close {
        position: absolute !important;
        top: 12px !important;
        left: 14px !important;
        right: auto !important;
        width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        padding: 7px !important;
        background-color: rgba(0, 40, 95, .08) !important;
        background-size: 10px 10px !important;
        border: 0 !important;
        border-radius: 50% !important;
        box-shadow: none !important;
        opacity: 1 !important;
    }

    [dir="rtl"] .budget-reference-offcanvas .budget-reference-close {
        left: auto !important;
        right: 14px !important;
    }

    .budget-reference-offcanvas-body {
        width: 100% !important;
        margin: 0 !important;
        padding: 6px 20px 28px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

        .budget-reference-offcanvas-body .menu {
            display: block !important;
            width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
            background: transparent !important;
        }

            .budget-reference-offcanvas-body .menu + .menu {
                margin-top: 8px !important;
            }

            .budget-reference-offcanvas-body .menu li {
                display: block !important;
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
            }

            .budget-reference-offcanvas-body .menu a,
            .budget-reference-offcanvas-body .menu button,
            .budget-reference-offcanvas-body .menu summary {
                display: flex !important;
                align-items: center !important;
                width: 100% !important;
                min-height: 39px !important;
                margin: 0 !important;
                padding: 8px 14px !important;
                color: #00285F !important;
                background: transparent !important;
                border: 0 !important;
                border-radius: 0 !important;
                font-family: "Nunito Sans", sans-serif !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                line-height: 1.25 !important;
                text-align: left !important;
                text-decoration: none !important;
                text-transform: uppercase !important;
                box-shadow: none !important;
                cursor: pointer !important;
            }

    [dir="rtl"] .budget-reference-offcanvas-body .menu a,
    [dir="rtl"] .budget-reference-offcanvas-body .menu button,
    [dir="rtl"] .budget-reference-offcanvas-body .menu summary {
        text-align: right !important;
    }

    .budget-reference-offcanvas-body .menu a:hover,
    .budget-reference-offcanvas-body .menu a:focus,
    .budget-reference-offcanvas-body .menu button:hover,
    .budget-reference-offcanvas-body .menu button:focus,
    .budget-reference-offcanvas-body .menu summary:hover,
    .budget-reference-offcanvas-body .menu summary:focus {
        color: #00285F !important;
        background: rgba(0, 40, 95, .08) !important;
        outline: none !important;
    }

    .budget-reference-offcanvas-body details {
        display: block !important;
        width: 100% !important;
    }

        .budget-reference-offcanvas-body details > summary {
            position: relative !important;
            padding-right: 34px !important;
            list-style: none !important;
        }

    [dir="rtl"] .budget-reference-offcanvas-body details > summary {
        padding-right: 14px !important;
        padding-left: 34px !important;
    }

    .budget-reference-offcanvas-body details > summary::-webkit-details-marker {
        display: none !important;
    }

    .budget-reference-offcanvas-body details > summary::after,
    .budget-reference-offcanvas-body [name="drawer-reservation"]::after,
    .budget-reference-offcanvas-body [name="drawer-cars-services"]::after,
    .budget-reference-offcanvas-body [name="drawer-locations"]::after {
        content: "" !important;
        width: 6px !important;
        height: 6px !important;
        margin-left: auto !important;
        border-right: 1.5px solid #00285F !important;
        border-bottom: 1.5px solid #00285F !important;
        transform: rotate(45deg) translateY(-2px) !important;
        transform-origin: center !important;
        flex: 0 0 auto !important;
    }

    [dir="rtl"] .budget-reference-offcanvas-body details > summary::after,
    [dir="rtl"] .budget-reference-offcanvas-body [name="drawer-reservation"]::after,
    [dir="rtl"] .budget-reference-offcanvas-body [name="drawer-cars-services"]::after,
    [dir="rtl"] .budget-reference-offcanvas-body [name="drawer-locations"]::after {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    .budget-reference-offcanvas-body details[open] > summary::after {
        transform: rotate(225deg) translate(-1px, -1px) !important;
    }

    .budget-reference-offcanvas-body .bg-base-100,
    .budget-reference-offcanvas-body .dropdown-content {
        display: block !important;
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 0 4px 12px !important;
        background: #FFFFFF !important;
        border: 0 !important;
        box-shadow: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    [dir="rtl"] .budget-reference-offcanvas-body .bg-base-100,
    [dir="rtl"] .budget-reference-offcanvas-body .dropdown-content {
        padding-right: 12px !important;
        padding-left: 0 !important;
    }

    .budget-reference-offcanvas-body .bg-base-100 a,
    .budget-reference-offcanvas-body .dropdown-content a {
        min-height: 32px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
    }

    .budget-reference-offcanvas-body [name="drawer-sign-in"],
    .budget-reference-offcanvas-body [name="drawer-register"],
    .budget-reference-offcanvas-body [name="drawer-customer-care"] {
        color: #ED5505 !important;
    }

        .budget-reference-offcanvas-body [name="drawer-sign-in"]:hover,
        .budget-reference-offcanvas-body [name="drawer-sign-in"]:focus,
        .budget-reference-offcanvas-body [name="drawer-register"]:hover,
        .budget-reference-offcanvas-body [name="drawer-register"]:focus,
        .budget-reference-offcanvas-body [name="drawer-customer-care"]:hover,
        .budget-reference-offcanvas-body [name="drawer-customer-care"]:focus {
            color: #ED5505 !important;
            background: rgba(237, 85, 5, .08) !important;
        }

    .offcanvas-backdrop.show {
        background: #000000 !important;
        opacity: .55 !important;
        z-index: 2100 !important;
    }
}

/* Tablet and small-laptop hero widths only */
@media (min-width: 576px) and (max-width: 991.98px) {
    #section-hero #mainBookingRow.budget-main-grid,
    #section-hero #mainBookingRow.budget-main-grid.round-trip-layout,
    #section-hero #mainBookingRow.budget-main-grid.has-hours {
        display: grid !important;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: var(--budget-gap) !important;
        align-items: start !important;
    }

        #section-hero #mainBookingRow.budget-main-grid > * {
            width: 100% !important;
            min-width: 0 !important;
        }

        #section-hero #mainBookingRow.budget-main-grid .pickup-location-field {
            grid-column: 1 !important;
            grid-row: 1 !important;
        }

        #section-hero #mainBookingRow.budget-main-grid .pickup-date-field {
            grid-column: 2 !important;
            grid-row: 1 !important;
        }

        #section-hero #mainBookingRow.budget-main-grid .pickup-time-field {
            grid-column: 3 !important;
            grid-row: 1 !important;
        }

        #section-hero #mainBookingRow.budget-main-grid .dropoff-location-field {
            grid-column: 1 !important;
            grid-row: 2 !important;
        }

        #section-hero #mainBookingRow.budget-main-grid .return-date-field {
            grid-column: 2 !important;
            grid-row: 2 !important;
        }

        #section-hero #mainBookingRow.budget-main-grid .return-time-field {
            grid-column: 3 !important;
            grid-row: 2 !important;
        }

        #section-hero #mainBookingRow.budget-main-grid #hoursWrapper {
            grid-column: 1 / -1 !important;
            grid-row: 3 !important;
        }

        #section-hero #mainBookingRow.budget-main-grid.by-hour-layout {
            grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) !important;
        }

            #section-hero #mainBookingRow.budget-main-grid.by-hour-layout #hoursWrapper {
                grid-column: 1 / -1 !important;
                grid-row: 2 !important;
            }
}

@media (max-width: 575.98px) {
    .budget-reference-header .budget-header-container {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .budget-reference-header .budget-reference-logo img {
        width: 132px !important;
        max-width: 132px !important;
    }

    .budget-reference-header .budget-mobile-actions {
        gap: 8px !important;
    }

    .budget-reference-header .budget-mobile-sign-in {
        font-size: 13px !important;
    }

    .budget-reference-header .budget-mobile-menu-button {
        width: 56px !important;
        min-width: 56px !important;
        height: 34px !important;
        min-height: 34px !important;
        font-size: 13px !important;
        line-height: 32px !important;
    }
}


/* =====================================================================
   FINAL BUDGET.EG RESPONSIVE HEADER + NAVIGATION MATCH
   Header/navigation only. Hero fields and Search button are untouched.
   ===================================================================== */
@media (max-width: 991.98px) {
    html body header.budget-reference-header {
        position: sticky !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 56px !important;
        min-height: 56px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #FFFFFF !important;
        border: 0 !important;
        border-bottom: 1px solid #E6E6E6 !important;
        box-shadow: none !important;
        overflow: visible !important;
        z-index: 2050 !important;
    }

        html body header.budget-reference-header nav.budget-reference-navbar {
            display: block !important;
            width: 100% !important;
            height: 56px !important;
            min-height: 56px !important;
            margin: 0 !important;
            padding: 0 !important;
            background: #FFFFFF !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        html body header.budget-reference-header .budget-header-container {
            width: 100% !important;
            max-width: none !important;
            height: 56px !important;
            margin: 0 !important;
            padding: 0 14px !important;
            box-sizing: border-box !important;
        }

        html body header.budget-reference-header .budget-header-shell,
        html body header.budget-reference-header .budget-header-main-row {
            width: 100% !important;
            height: 56px !important;
            min-height: 56px !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        html body header.budget-reference-header .budget-header-main-row {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
        }

        html body header.budget-reference-header .top-bar {
            display: none !important;
        }

        html body header.budget-reference-header a.budget-reference-logo {
            display: inline-flex !important;
            align-items: center !important;
            flex: 0 0 auto !important;
            width: auto !important;
            height: 56px !important;
            margin: 0 !important;
            padding: 0 !important;
            line-height: 1 !important;
        }

            html body header.budget-reference-header a.budget-reference-logo img {
                display: block !important;
                width: auto !important;
                min-width: 0 !important;
                max-width: none !important;
                height: 39px !important;
                min-height: 39px !important;
                max-height: 39px !important;
                margin: 0 !important;
                padding: 0 !important;
                object-fit: contain !important;
            }

        html body header.budget-reference-header .budget-mobile-actions {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            gap: 12px !important;
            position: static !important;
            width: auto !important;
            height: 56px !important;
            margin: 0 0 0 auto !important;
            padding: 0 !important;
            transform: none !important;
        }

    [dir="rtl"] body header.budget-reference-header .budget-mobile-actions {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    html body header.budget-reference-header button.budget-mobile-sign-in {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: static !important;
        width: auto !important;
        min-width: 0 !important;
        height: 36px !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 0 1px !important;
        color: #ED5505 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        font-family: "Nunito Sans", sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 36px !important;
        text-align: center !important;
        text-transform: capitalize !important;
        white-space: nowrap !important;
        box-shadow: none !important;
        outline: 0 !important;
        transform: none !important;
    }

        html body header.budget-reference-header button.budget-mobile-sign-in:hover,
        html body header.budget-reference-header button.budget-mobile-sign-in:focus,
        html body header.budget-reference-header button.budget-mobile-sign-in:active {
            color: #ED5505 !important;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
            outline: 0 !important;
            transform: none !important;
        }

    html body header.budget-reference-header button.budget-mobile-menu-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: static !important;
        width: 60px !important;
        min-width: 60px !important;
        height: 36px !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #ED5505 !important;
        background: #FFFFFF !important;
        border: 1px solid #ED5505 !important;
        border-radius: 0 !important;
        font-family: "Nunito Sans", sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 34px !important;
        text-align: center !important;
        text-transform: none !important;
        box-shadow: none !important;
        outline: 0 !important;
        transform: none !important;
    }

        html body header.budget-reference-header button.budget-mobile-menu-button:hover,
        html body header.budget-reference-header button.budget-mobile-menu-button:focus,
        html body header.budget-reference-header button.budget-mobile-menu-button:active {
            color: #ED5505 !important;
            background: #FFFFFF !important;
            border-color: #ED5505 !important;
            box-shadow: none !important;
            outline: 0 !important;
            transform: none !important;
        }

    html body #mobileMenu.budget-reference-offcanvas {
        --bs-offcanvas-width: 280px !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
        height: 100vh !important;
        height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #00285F !important;
        background: #FFFFFF !important;
        border: 0 !important;
        box-shadow: none !important;
        z-index: 2110 !important;
    }

    [dir="rtl"] body #mobileMenu.budget-reference-offcanvas {
        right: auto !important;
        left: 0 !important;
    }

    html body #mobileMenu .budget-reference-offcanvas-header {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 64px !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    html body #mobileMenu .budget-reference-offcanvas-title {
        display: none !important;
    }

    html body #mobileMenu button.budget-reference-close {
        position: absolute !important;
        top: 11px !important;
        left: 14px !important;
        right: auto !important;
        display: block !important;
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;
        min-height: 27px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #EEF0F3 !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 50% !important;
        box-shadow: none !important;
        opacity: 1 !important;
    }

    [dir="rtl"] body #mobileMenu button.budget-reference-close {
        left: auto !important;
        right: 14px !important;
    }

    html body #mobileMenu button.budget-reference-close::before,
    html body #mobileMenu button.budget-reference-close::after {
        content: "" !important;
        position: absolute !important;
        top: 12.5px !important;
        left: 7px !important;
        width: 13px !important;
        height: 1.5px !important;
        background: #68717D !important;
        border-radius: 2px !important;
        transform-origin: center !important;
    }

    html body #mobileMenu button.budget-reference-close::before {
        transform: rotate(45deg) !important;
    }

    html body #mobileMenu button.budget-reference-close::after {
        transform: rotate(-45deg) !important;
    }

    html body #mobileMenu .budget-reference-offcanvas-body {
        width: 100% !important;
        height: calc(100dvh - 64px) !important;
        margin: 0 !important;
        padding: 5px 20px 28px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

        html body #mobileMenu .budget-reference-offcanvas-body ul.menu {
            display: block !important;
            width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            background: transparent !important;
            list-style: none !important;
        }

            html body #mobileMenu .budget-reference-offcanvas-body ul.menu > li {
                display: block !important;
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
            }

            html body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > a,
            html body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > details > summary {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                width: 100% !important;
                min-height: 39px !important;
                margin: 0 !important;
                padding: 8px 14px !important;
                box-sizing: border-box !important;
                color: #00285F !important;
                background: transparent !important;
                border: 0 !important;
                border-radius: 0 !important;
                font-family: "Nunito Sans", sans-serif !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                line-height: 23px !important;
                text-align: left !important;
                text-decoration: none !important;
                text-transform: uppercase !important;
                box-shadow: none !important;
                outline: 0 !important;
                cursor: pointer !important;
                list-style: none !important;
            }

    [dir="rtl"] body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > a,
    [dir="rtl"] body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > details > summary {
        text-align: right !important;
    }

    html body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > a:hover,
    html body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > a:focus,
    html body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > details > summary:hover,
    html body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > details > summary:focus {
        color: #00285F !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    html body #mobileMenu .budget-reference-offcanvas-body details,
    html body #mobileMenu .budget-reference-offcanvas-body details > summary {
        width: 100% !important;
    }

        html body #mobileMenu .budget-reference-offcanvas-body details > summary::-webkit-details-marker {
            display: none !important;
        }

    html body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > a[name="drawer-reservation"]::after,
    html body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > a[name="drawer-cars-services"]::after,
    html body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > a[name="drawer-locations"]::after,
    html body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > details > summary::after {
        content: "" !important;
        display: block !important;
        flex: 0 0 auto !important;
        width: 6px !important;
        height: 6px !important;
        margin-left: auto !important;
        border: 0 !important;
        border-right: 1.5px solid #00285F !important;
        border-bottom: 1.5px solid #00285F !important;
        background: transparent !important;
        transform: rotate(45deg) translateY(-2px) !important;
        transform-origin: center !important;
    }

    [dir="rtl"] body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > a[name="drawer-reservation"]::after,
    [dir="rtl"] body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > a[name="drawer-cars-services"]::after,
    [dir="rtl"] body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > a[name="drawer-locations"]::after,
    [dir="rtl"] body #mobileMenu .budget-reference-offcanvas-body ul.menu:first-of-type > li > details > summary::after {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    html body #mobileMenu .budget-reference-offcanvas-body details[open] > summary::after {
        transform: rotate(225deg) translate(-1px, -1px) !important;
    }

    html body #mobileMenu .budget-reference-offcanvas-body details > ul {
        position: static !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 0 4px 14px !important;
        background: #FFFFFF !important;
        border: 0 !important;
        box-shadow: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    [dir="rtl"] body #mobileMenu .budget-reference-offcanvas-body details > ul {
        padding-right: 14px !important;
        padding-left: 0 !important;
    }

    html body #mobileMenu .budget-reference-offcanvas-body details > ul a {
        display: flex !important;
        align-items: center !important;
        min-height: 32px !important;
        padding: 5px 14px !important;
        color: #00285F !important;
        background: transparent !important;
        border: 0 !important;
        font-family: "Nunito Sans", sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        text-transform: none !important;
    }

    html body #mobileMenu .budget-reference-offcanvas-body ul.menu:nth-of-type(2) {
        margin-top: 14px !important;
    }

    html body #mobileMenu .budget-reference-offcanvas-body ul.menu:nth-of-type(3) {
        margin-top: 12px !important;
    }

    html body #mobileMenu [name="drawer-sign-in"],
    html body #mobileMenu [name="drawer-register"],
    html body #mobileMenu [name="drawer-customer-care"] {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 7px 14px !important;
        color: #ED5505 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        font-family: "Nunito Sans", sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 24px !important;
        text-align: left !important;
        text-decoration: none !important;
        text-transform: capitalize !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    [dir="rtl"] body #mobileMenu [name="drawer-sign-in"],
    [dir="rtl"] body #mobileMenu [name="drawer-register"],
    [dir="rtl"] body #mobileMenu [name="drawer-customer-care"] {
        text-align: right !important;
    }

    html body #mobileMenu [name="drawer-sign-in"]:hover,
    html body #mobileMenu [name="drawer-sign-in"]:focus,
    html body #mobileMenu [name="drawer-register"]:hover,
    html body #mobileMenu [name="drawer-register"]:focus,
    html body #mobileMenu [name="drawer-customer-care"]:hover,
    html body #mobileMenu [name="drawer-customer-care"]:focus {
        color: #ED5505 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    html body .offcanvas-backdrop.show {
        background: #000000 !important;
        opacity: .38 !important;
        z-index: 2100 !important;
    }
}

@media (max-width: 575.98px) {
    html body header.budget-reference-header .budget-header-container {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    html body header.budget-reference-header a.budget-reference-logo img {
        height: 37px !important;
        min-height: 37px !important;
        max-height: 37px !important;
    }

    html body header.budget-reference-header .budget-mobile-actions {
        gap: 10px !important;
    }

    html body header.budget-reference-header button.budget-mobile-sign-in {
        font-size: 13px !important;
    }

    html body header.budget-reference-header button.budget-mobile-menu-button {
        width: 58px !important;
        min-width: 58px !important;
        height: 35px !important;
        min-height: 35px !important;
        font-size: 13px !important;
        line-height: 33px !important;
    }

    html body #mobileMenu.budget-reference-offcanvas {
        width: 280px !important;
        min-width: 280px !important;
        max-width: calc(100vw - 36px) !important;
    }
}
.avis-profile-page.budget-profile-theme {
    --profile-primary: #c54100;
    --profile-primary-light: #ed5505;
    --profile-accent: #ed5505;
    --profile-accent-hover: #c54100;
    --profile-ink: #00285f;
    --profile-muted: #667085;
    --profile-border: #dce2ea;
    --profile-page: #f9fafb;
    --profile-action-text: #111827;
    --profile-soft: #fff2ec;
    --profile-soft-hover: #ffe4d6;
    --profile-hero-base: #b5704b;
    --profile-hero-image: none;
    --profile-hero-overlay: linear-gradient( 180deg, rgba(181, 112, 75, 1) 0%, rgba(181, 112, 75, 1) 100% );
    --profile-font: "Nunito Sans", Arial, Helvetica, sans-serif !important;
}