/* Link Font Family Helvetica Neue */
/*@import url('https://fonts.cdnfonts.com/css/helvetica-neue-55');*/

/* Link Helvetica Font Family */
/*@font-face {
    font-family: "Helvetica";
    src: url("https://candyfonts.com/wp-data/2018/10/26/11538/HELR45W.ttf") format("woff"), url("https://candyfonts.com/wp-data/2018/10/26/11538/HELR45W.ttf") format("opentype"), url("https://candyfonts.com/wp-data/2018/10/26/11538/HELR45W.ttf") format("truetype");
} */
/* Link Montserrat Font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    /*font-family: "Montserrat", "Helvetica Neue", "Helvetica", sans-serif !important;*/
    /*font-family: "Montserrat", "Helvetica", sans-serif !important;*/
    font-family: "Montserrat", serif !important;
    font-weight:500 !important;
}
.alert-warning ul{
    padding-left:0 !important;
    margin-bottom:0;
    margin-left:0 !important;
}
.rentalCar-city {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -5px;
    gap: 10px 0px;
    margin-bottom: 0px !important;
}

    .rentalCar-city .form-group,
    .rentalCar-city .formGroup-box {
        width: 100%;
        flex: 0 0 auto;
        padding-inline: 5px;
    }

.form-group.activeform-group {
    width: 50%;
    display: block !important;
}

.formGroup-box {
    display: flex;
    align-items: center;
    gap: 0px 5px;
    margin-bottom: 10px;
}

    .formGroup-box lable {
        font-size: 13px;
        font-weight: 700;
    }

    .formGroup-box input[type=checkbox] {
        width: 16px;
        height: 16px;
    }

.rentalCar ul.formContent li {
    width: 25%;
}

ul.rentalAdditional {
    list-style: none;
    padding-left: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-inline: -10px;
    margin-bottom: 0px;
}

    ul.rentalAdditional li {
        width: 50%;
        flex: 0 0 auto;
        padding-inline: 10px;
    }

.rentalBox-cover {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -15px;
    align-items: center;
}

.rentalCar-formSubmitCol,
.rentalCar-additionalCol {
    width: 50%;
    flex: 0 0 auto;
    padding-inline: 15px;
}

.rentalCar-formSubmitBox {
    width: 100%;
    height: 100%;
    display:flex;
    justify-content:flex-end;
}

    .rentalCar-formSubmitBox a.custom-btn {
        margin-bottom: 0px;
        width: auto;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        padding: 13px 15px;
        font-size: 18px;
        font-weight: 400;
        border-radius:3px;
    }

.rentalCar-additionalBox .formGroup-box {
    margin-bottom: 0px;
}

.rentalCar-additionalBox {
    background-color: #f2f2f2;
    padding: 9px 5px;
    height: 100%;
}



/*Css for Rental Car  Start*/
.rentalFilter-box .formGroup h3 {
    margin-bottom: 7px;
}

.typeFilter-heading h3 {
    font-weight: bold;
    color: #000;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 12px !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
}

.typeFilter-row {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -15px;
    margin-top: 15px;
}

    .typeFilter-row .typeFilter-col + .typeFilter-col {
        margin-top: 20px !important;
    }

.typeFilter-col {
    width: 100%;
    flex: 0 0 auto;
    padding-inline: 20px;
}

.rentalFilter-box input.filterCheck-box {
    width: 15px;
    height: 15px;
    border: 2px solid rgb(79, 111, 143);
    cursor: pointer;
    padding: 0px !important;
    display: inline-block !important;
}

.rentalFilter-box .typeFilterContent-box label.filterLabel, .typeFilter-count span {
    margin-bottom: 0px;
    color: rgb(0, 24, 51);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    width: calc(100% - 20px);
}

.typeFilter-content ul {
    margin-bottom: 0px !important;
}

.typeFilter-content ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:0px 10px;
}

.typeFilter-content ul li .typeFilterContent-box {
    display: inline-flex;
    align-items: center;
    gap: 0px 7px;
}

.typeFilter-content ul li:nth-child(1) label.filterLabel,
.typeFilter-content ul li:nth-child(1) span {
    font-weight: 800 !important;
    color: #001833 !important;
}

.typeFilter-content ul li + li {
    margin-top: 15px;
}

.rentalCar-viewImage {
    /*display: none;*/
    height: 100%;
    width: 100%;
}

.rentalContainer-cover .rentalCar-viewImage {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin:15px 0;
}

/*.rentalContainer-cover ul li:hover .rentalCar-viewContent {
    display: none !important;
}*/

/*.rentalContainer-cover ul li:nth-child(1) .rentalCar-viewImage {
    background: url(https://s1.pclncdn.com/rc-static/vehicles/domestic_134x72_p/CCAR.png?opto&auto=webp) center center / contain no-repeat transparent;
}

.rentalContainer-cover ul li:nth-child(2) .rentalCar-viewImage {
    background: url("https://s1.pclncdn.com/rc-static/vehicles/domestic_134x72_p/SCAR.png?opto&auto=webp") center center / contain no-repeat transparent;
}

.rentalContainer-cover ul li:nth-child(3) .rentalCar-viewImage {
    background: url("https://s1.pclncdn.com/rc-static/vehicles/domestic_134x72_p/PCAR.png?opto&auto=webp") center center / contain no-repeat transparent;
}

.rentalContainer-cover ul li:nth-child(4) .rentalCar-viewImage {
    background: url("https://s1.pclncdn.com/rc-static/vehicles/domestic_134x72_p/PFAR.png?opto&auto=webp") center center / contain no-repeat transparent;
}

.rentalContainer-cover ul li:nth-child(5) .rentalCar-viewImage {
    background: url("https://s1.pclncdn.com/rc-static/vehicles/domestic_134x72_p/STAR.png?opto&auto=webp") center center / contain no-repeat transparent;
}

.rentalContainer-cover ul li:nth-child(6) .rentalCar-viewImage {
    background: url("https://s1.pclncdn.com/rc-static/vehicles/domestic_134x72_p/FVAR.png?opto&auto=webp") center center / contain no-repeat transparent;
}

.rentalContainer-cover ul li:nth-child(7) .rentalCar-viewImage {
    background: url("https://s1.pclncdn.com/rc-static/vehicles/domestic_134x72_p/LCAR.png?opto&auto=webp") center center / contain no-repeat transparent;
}
*/
.rentalContainer-heading h2 {
    font-size: 22px;
    font-weight: 700 !important;
    color: #000000;
    margin-bottom: 20px;
    line-height: normal;
}

.rentalContainer-cover {
    /*box-shadow: rgba(0, 0, 0, 0.03) 0px -1px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 2px 0px, rgba(0, 0, 0, 0.12) 0px 4px 2px -2px, rgba(0, 0, 0, 0.16) 0px 4px 8px -1px;*/
    margin-bottom: 16px;
    border-radius: 15px;
    border: 2px solid #CCCCCC;
}

    .rentalContainer-cover ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 0px;
    }

        .rentalContainer-cover ul li {
            width: 14.285%;
            flex: 0 0 auto;
            padding: 10px 0px;
        }

            .rentalContainer-cover ul li + li {
                border-left: 1px solid #c0cad5;
            }

a.rentalCar-viewLink {
    /*min-height: 135px;*/
    display: inline-flex;
    width: 100%;
    height: auto;
    color:#000000;
}

.rentalCar-view {
    width: 100%;
    padding: 0px 12px;
}

.rentalCar-viewContent h3 {
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 8px;
}
.rentalCar-view:hover .rentalCar-viewContent h3 {
    text-decoration: underline;
}

    .rentalCar-viewContent p {
        font-size: 12px;
        text-transform: capitalize;
        color: rgb(79, 111, 143);
        margin-bottom: 0px;
        font-weight: 600 !important;
    }

    .rentalCar-viewContent p + p {
        margin-top: 21px;
    }

span.rentalView-price {
    font-size: 14px;
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    gap: 0px 3px;
    color: #000;
    font-weight:600 !important;
}

.rentalCar-viewContent {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.rentalCar-image {
    width: 200px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px 0px;
    justify-content: end;
    position: relative;
}

.activeform-group ul.autocomplete-results, ul.autocomplete-results {
    margin-bottom: 0px;
}

.rentalCar-content {
    width: calc(100% - 200px);
    padding-left: 15px;
    border-left: 1px solid #ccc;
}

.rentalCar-contentBox {
    display: flex;
    /*box-shadow: rgba(0, 0, 0, 0.03) 0px -1px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 2px 0px, rgba(0, 0, 0, 0.12) 0px 4px 2px -2px, rgba(0, 0, 0, 0.16) 0px 4px 8px -1px;*/
    border-radius: 16px;
    background-color: rgb(255, 255, 255);
    border: solid 2px #CCCCCC;
}

    .rentalCar-contentBox:hover {
        /*box-shadow: rgba(0, 0, 0, 0.03) 0px -1px 0px 0px, rgba(0, 0, 0, 0.16) 0px 2px 8px 0px, rgba(0, 0, 0, 0.16) 0px 10px 8px -5px, rgba(0, 0, 0, 0.16) 0px 12px 32px -2px;*/
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    .rentalCar-contentBox:hover .rentalTittle{
        text-decoration:underline;
    }

        .partner-image img {
            height: 35px;
        }

span.text-rc {
    display: inline-flex;
    font-size: 12px;
    color: #1f5099;
    font-weight: 600;
    background-color: #d0dfea;
    padding: 2px 10px;
    border-radius: 16px;
    margin-bottom: 15px;
}

.rentalCar-coverBox {
    padding-block: 15px;
    width: calc(100% - 240px);
}

ul.rentalCar-detailList {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 0px 9px;
}

.rentalCar-feature {
    display: flex;
    align-items: center;
    gap: 0px 5px;
}

span.rentalFeature-icon {
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    span.rentalFeature-icon svg {
        width: 100% !important;
        height: 100% !important;
    }

        span.rentalFeature-icon svg path {
            fill: rgb(0, 24, 51);
        }

span.rentalFeature-iconContent {
    font-size: 14px;
    font-weight: 500 !important;
    color: rgb(0, 24, 51) !important;
}

a.rentalTittle {
    font-size: 20px;
    color: #001833 !important;
}

.rentalCar-detailContent p {
    font-size: 14px;
    font-weight: 600 !important;
    color: rgb(79, 111, 143) !important;
}

p.rideLocation {
    color: rgb(0, 24, 51);
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 4px;
}

p.address {
    color: #043CAE;
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: 600 !important;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

p.address span {
    color: rgb(79, 111, 143);
}
p.address i{
    font-size:16px;
}

    span.ratingCount-rental {
        display: inline-block;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        padding: 4px 8px;
        color: #fff;
        background-color: rgb(240, 111, 32);
        text-transform: uppercase;
        letter-spacing: 0.025em;
        border-radius: 8px;
        margin-right: 8px;
    }

.rentalCar {
    margin-top: 15px;
}

.rentalCar-detail {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -10px;
}

.rentalCar-detailContent,
.rentalCar-featureList,
.rentalCar {
    flex: 0 0 auto;
    padding-inline: 10px;
}

.rentalCar-detailContent {
    width: 50%;
}

.rentalCar-featureList {
    width: 50%;
}

.rentalCar {
    width: 50%;
}

.rentalCar-featureList ul {
    margin-bottom: 0px;
}

    .rentalCar-featureList ul li {
        color: rgb(0, 24, 51);
        font-weight:700 !important;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 0px 5px;
    }

        .rentalCar-featureList ul li::before {
            content: "\f00c";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            color: rgb(0, 170, 0);
            font-size:14px;
        }

.rentalCar-contentCover {
    display: flex;
    height:100%;
}

.rentalCar-priceBox {
    width: 240px;
    padding: 15px 25px;
    display: flex;
    flex-direction: column;
    gap: 10px 0px;
    border-left: 1px solid #ccc;
    justify-content: center;
    position: relative;
}

.rentalBook-btnBox {
    width: 100%;
}


.rentalCar-priceContent h3.descriveDesktop {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    text-align: end;
    margin-bottom: 5px;
}

.rentalCar-priceContent {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .rentalCar-priceContent h3.descriveDesktop span.currencyCount.priceValueAnimate {
        font-weight: 500;
        font-size: 16px;
        line-height: normal;
        color: #000;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 8px;
        text-align: center;
        justify-content: end;
        display: flex !important;
        margin-bottom: 0px;
        width: 100%;
        text-transform: capitalize;
    }

.rental-priceContentBox span.priceValid {
    text-align: center;
}

.rentalCar-typeBox span {
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-flex;
    width: 100%;
    justify-content: center;
}

.rentalCar-typeBox p {
    color: rgb(0, 24, 51);
    font-weight: 700;
    text-align: center;
    font-size: 14px;
}

.rentalCar-typeBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

a.rentalTittle {
    font-weight: 700 !important;
    font-size: 20px !important;
}

.rentalCar-priceContent .rentalBook-btn {
    width: 100%;
    text-align: center;
    border-radius: 8px;
    color: rgb(255, 255, 255);
    margin-bottom: 0px !important;
    background-color: #043CAE;
    padding: 12px 0;
    font-size: 16px;
    text-transform:uppercase;
}
    .rentalCar-priceContent .rentalBook-btn:hover, .rentalCar-priceContent .rentalBook-btn:focus {
        outline: solid 1px #043CAE;
        background-color: #ffffff !important;
        color: #043CAE !important;
    }
 /*   .rentalCar-listBox .rentalCar-colBox + .rentalCar-colBox .rentalCar-contentBox {
        border-top: 0px;
    }*/

.rentalCar-colBox + .rentalCar-colBox {
    margin-top: 16px;
}

.rentalContainer-row {
    margin-bottom: 30px;
}

.rentalContainer-heading:has(.sortOption) .sortOption {
    width: fit-content !important;
}

span.priceValid.mobPriceValid {
    display: none;
}

.rental-priceContentBox {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    width: 100%;
    margin:10px 0;
}

.summary-billingCover .headingBox-cover h3 {
    margin-bottom: 0px;
}

.summary-billingCover .infoSection-heading {
    margin-bottom: 0px !important;
}



/* Rental Booking Css Start */
.rentalCar-brand img {
    height: 30px;
}

.rentalBooking-detail {
    display: flex;
}

    .rentalBooking-detail .rentalCar-image {
        width: 150px;
    }

.rentalCar-bookingContent {
    width: calc(100% - 150px);
    padding: 15px;
}

.rentalCar-detailBooking h3 {
    color: rgb(0, 24, 51);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.rentalCar-detailBooking p {
    color: rgb(79, 111, 143);
    font-size: 14px;
    margin-bottom: 5px;
    font-weight:500;
}

.rentalCar-featureList.rentalCar-detailFeature {
    width: 100% !important;
    padding: 0px;
}

.rentalBooking-detailCover {
    background-color: #fff;
    box-shadow: none;
    border-radius: 10px;
    border: solid 1px #000000;
}
.rentalBooking-detailCover .card {
    border: 1px solid #000000;
    border-radius: 10px;
}
.rentalBooking-detailCover .card-body {
    border-radius: 10px;
}
.rentalBooking-detailCover .card-header:first-child {
    border-radius: 10px 10px 0 0;
}
.card-header {
    border-bottom: 1px solid #000000;
}
span.locationHeading {
    color: rgb(79, 111, 143);
    font-size: 14px;
    margin-bottom: 4px;
    display: inline-block;
    font-weight: 500;
}

h3.locationHeading-content {
    color: rgb(0, 24, 51);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

p.locationContent {
    color: rgb(0, 24, 51);
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
}

.rentalBooking-carColDetailCover {
    padding: 15px;
}

.rentalBooking-carColDetail {
    padding: 15px;
    background-color: #f0f8ff;
    border-radius: 10px;
}

.rentalBooking-instruct {
    padding: 15px;
}

.instruct-heading h3 {
    color: rgb(0, 24, 51);
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 2px;
}

.instruct-heading span {
    color: #193E89;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.instruct-heading ul li p {
    color: rgb(0, 24, 51);
    font-size: 14px;
}

.instruct-heading ul li + li {
    margin-top: 7px;
}

.driverInfo-Cover {
    padding: 15px;
}
.driverInfo-Cover .form-control {
    border: solid 1px #000000;
}
.driverInfo .btn-group{
    gap:10px;
}
.driverInfo .btn-group .btn {
    border: solid 1px #000000;
    border-radius: 0.25rem !important;
}
    .rentalBooking-detailCover + .rentalBooking-detailCover,
    .formRental-booking {
        margin-top: 20px;
    }

.headingBox-cover h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #000;
}

.infoSub-heading h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #000;
}

    .headingBox-cover h3 span,
    .infoSub-heading h4 span {
        font-weight: 400;
        font-size: 14px;
    }

.headingBox-cover p {
    color: #000000;
    font-size: 14px;
    margin-bottom: 0px;
}

.inforDriver {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    color: rgb(0, 104, 239);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .inforDriver:hover {
        text-decoration: none;
    }

.infoSection-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.infoSection-heading {
    margin-bottom: 10px;
}

.rentalBooking-detailCover .form-group input.form-control,
.formCountry-select select.form-select, .rentalForm-boxRow select.form-select {
    height: 40px;
    width: 100%;
    padding: 5px 10px;
    cursor: auto;
    color: #555555;
    font-size: 14px;
    background-color: white;
    border: 1px solid #000000;
    outline: none;
    border-radius: 5px !important;
    font-weight:500;
}

.rentalBooking-detailCover .form-group {
    margin-bottom: 0px !important;
}

    .rentalBooking-detailCover .form-group + .form-group {
        margin-top: 10px;
    }

.paymentCover h3 {
    margin-bottom: 10px !important;
}

.paymentCover p {
    font-weight: 700;
}

.infoSection-heading:has(.paymentCover) {
    margin-bottom: 0px !important;
}

.infoSub-heading {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-top: 5px;
}

.childBooking-booster input.form-checkBox {
    width: 16px;
    height: 16px;
    display: block !important;
}

.childInfo-heading span.headingCheck-box {
    font-weight: 700;
    font-size: 14px;
    color: #000;
}

.childInfo-heading p {
    font-size: 12px;
    color: rgb(0, 24, 51);
    margin-bottom: 0px;
}

.childBooking-booster {
    display: flex;
    align-items: center;
}

.childInfo-heading {
    width: calc(100% - 16px);
    padding-left: 15px;
}

.childBooking-groupCover {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px;
}

.childBooking-boosterContent {
    display: flex;
    align-items: center;
}

.bookingPrice-slideBtn {
    display: flex;
    align-items: center;
    padding-left: 15px;
    gap: 0px 4px;
}

    .bookingPrice-slideBtn button.priceBtn {
        width: 30px;
        height: 30px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: 0px;
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid #dd0717;
    }

        .bookingPrice-slideBtn button.priceBtn svg {
            fill: #dd0717;
        }

.rentalBooking-childBox ul li .form-group {
    background-color: #ccc;
}

.rentalBooking-childBox ul li + li {
    margin-top: 5px;
}

.rentalBooking-childBox ul li .form-group .childBooking-groupCover {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.03) 0px -1px 0px 0px, rgba(0, 0, 0, 0.24) 0px 0px 1px 0px, rgba(0, 0, 0, 0.16) 0px 2px 1px -1px, rgba(0, 0, 0, 0.12) 0px 2px 4px 0px;
    border: 0px;
}

.bookingPrice-slideBtn input.bookingPrice-count {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #ccc;
    text-align: center;
    padding: 0px;
}

span.childPrice {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.rentalBooking-childBox ul {
    margin-top: 15px;
}

    .rentalBooking-childBox ul li + li {
        margin-top: 11px;
    }

    .rentalBooking-childBox ul li .form-group:has(input[type="checkbox"]:checked) .childBooking-groupCover {
        background-color: rgb(246 242 242);
    }

.formInput-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-inline: -5px;
}

.formCountry-select {
    width: 150px;
    flex: 0 0 auto;
    padding-inline: 5px;
}

.mobileInput {
    width: calc(100% - 150px);
    padding-inline: 5px;
    flex: 0 0 auto;
}

.rentalForm-boxRow {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -5px;
}

    .rentalForm-boxRow .form-group {
        width: 50%;
        flex: 0 0 auto;
        padding-inline: 5px;
    }

        .rentalForm-boxRow .form-group + .form-group {
            margin-top: 0px;
        }

ul.infoList {
    margin-bottom: 0px;
    padding-left: 16px;
}

.font-weight-600 {
    font-weight: 600;
}

ul.infoList li + li {
    margin-top: 3px;
}

.driverInfo-Cover .custom-btn {
    border: 0px;
    width: 100%;
    margin-bottom: 0px;
}

.rentalBooking-detailCover:has(.custom-btn) {
    position: relative;
    bottom: 0px;
    border: none;
}
.driverInfo-Cover:has(.custom-btn) {
    padding: 0px;
}
.summary-billingCover .driverInfo-Cover {
    border-bottom: 1px solid #000000;
}

.summaryDetail-bill {
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

    .summaryDetail-bill ul {
        margin-block: 0px;
    }

.summaryDetail-billCover ul.list-unstyled {
    margin-block: 0px;
}

.summaryDetail-billCover {
    padding: 15px;
}

span.summaryhead-count {
    font-size: 16px !important;
    color: #000;
}

span.summaryhead-priceContent {
    font-size: 16px;
    color: #000;
}

.summaryDay {
    display: flex;
    justify-content: space-between;
}
    .summaryDay .font-bold{
        font-weight:800;
    }

    .summaryDetail-bill ul li + li {
        margin-top: 10px;
    }

.summaryDetail-billCover ul li + li {
    padding-top: 15px;
    border-top: 1px solid #ccc;
    margin-top: 15px;
}

.summaryDetail-billCover ul.list-unstyled {
    margin-inline: -15px;
}

    .summaryDetail-billCover ul.list-unstyled li {
        padding-inline: 15px;
    }

.rentalBooking-wrapper {
    margin-top: 150px;
}

.formRental-booking {
    margin-bottom: 30px;
}

.rentalBooking-childBox ul li .form-group, .rentalBooking-childBox ul li .form-group .childBooking-groupCover {
    border-radius: 8px !important;
}

/*Oct-17-2024 Css*/
.tabForm.rentalCar {
    padding-inline: 0px;
    width: 100% !important;
}

ul#rentalCarCityDropdown {
    margin-block: 0px;
}

.formGroup-box > label {
    margin-bottom: 0px;
}

ul#rentalCarCityReturnDropdown {
    margin-block: 0px;
}

a.rentalTittle {
    margin-bottom: 0px !important;
}

.rentalFilter-box.filterBox {
    width: 300px;
}

.hotelList-contentBox.rentalCarList-contentBox {
    width: calc(100% - 300px);
}
span.ratingCount-rentalc {
    padding: 4px 8px;
    background-color: rgb(240, 111, 32);
    border-radius: 8px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}
a.totalRating {
    font-size: 13px;
    font-weight: 600;
}
a.totalRating:hover{

}
.rental-image {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.changeSearch-wrapper {
    border: 1px solid rgb(192, 202, 213);
    padding-top: 8px;
    background-color: #d0dfea;
    margin-bottom: 15px;
    margin-top:0px !important;
    padding-bottom: 12px;
}
ul.changeDriver-rentalCar {
    display: flex;
    flex-wrap: wrap;
    list-style: none !important;
    margin-inline: -10px;
    padding-left: 0px;
    align-items: center;
    margin-bottom: 16px;
}
ul.changeDriver-rentalCar li .formGroup-box{
    margin-bottom:0px !important;
}
ul.changeDriver-rentalCar li {
    width: 25%;
    flex: 0 0 auto;
    padding-inline: 10px;
}
ul.changeSearch-rentalForm {
    list-style: none;
    padding-left: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-inline: -5px;
    margin-bottom: 0px;
    margin-top: 8px;
    justify-content:space-between;
}
ul.changeSearch-rentalForm li {
    flex: 0 0 auto;
    padding-inline: 5px;
}
ul.changeSearch-rentalForm li:nth-child(1) {
    width: 40%;
}
ul.changeSearch-rentalForm li {
    width: 14%;
}
ul.changeSearch-rentalForm li:last-child {
    width: 4%;
}
ul.changeSearch-rentalForm li .form-group {
    margin-bottom: 0px;
}
button.changeForm-btn {
    height: 46px;
    border: 0px;
    width: 100%;
    background-color: rgb(0, 104, 239);
    color: rgb(255, 255, 255);
    border-radius: 3px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 12px;
}
.mobView-formBtn{
    display:none !important;
}
section.mainResult-wrapper:has(.changeSearch-wrapper) {
    margin-top: 115px;
}
.mobView-rentalHead, .changeSearchMob-rentalCover {
    display: none !important;
}
.rentalContainer-heading:has(.sortOption) {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    justify-content: space-between;
    margin-bottom:20px;
}
.rentalContainer-heading:has(.sortOption) h2{
    margin-bottom:0px !important;
}
ul.changeDriver-rentalCar li .formGroup-box label {
    font-size: 12px;
    font-weight: 500;
    color: rgb(0, 24, 51);
}
li:has(.formSame-location) {
    display: none;
}
li:has(.formSame-locationActive) {
    display: block;
    width:16%;
}
ul.changeSearch-rentalForm:has(.formSame-locationActive) li {
    width: 14%;
}
ul.changeSearch-rentalForm:has(.formSame-locationActive) li:last-child{
    width:4% !important;
}
ul.changeSearch-rentalForm:has(.formSame-locationActive) li:nth-child(1), ul.changeSearch-rentalForm:has(.formSame-locationActive) li:nth-child(3) {
    width: 20%;
}
li:has(.formGroup-boxNone){
    display:none;
}
li:has(.ageForm-groupActive) {
    display: inline-block;
    width: 15% !important;
}
.changeSearch-rentalBoxClose {
    display: none;
    align-items: center;
    padding-inline: 0px;
    justify-content: end;
}
.rentalCar-colBoxMob {
    display: none;
}
body.bodyPause::before {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    background: #0000007a;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
}
  
/*Pagination Css*/
ul.paginationList {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-inline: -2px;
    justify-content: center;
    align-items: center;
}

    ul.paginationList li {
        width: fit-content;
        flex: 0 0 auto;
        padding-inline: 2px;
    }

        ul.paginationList li .pagination-btn {
            border: 0px;
            background-color: transparent;
            font-size:14px !important;
        }

        ul.paginationList li button.paginationControl {
            padding: 5px 10px !important;
            font-size: 15px;
            background: #dd0717;
            color: #fff;
            font-weight: 600;
            border-radius: 2px;
            text-transform: capitalize;
            display: inline-block;
        }
        ul.paginationList li button.activePage {
            color: #dd0717;
        }
/*Price Slider Css*/
.price-filter {
    margin-bottom: 20px;
}

    .price-filter h3 {
        font-size: 18px;
        font-weight: bold;
    }

.range-slider {
    margin-top: 10px;
}

.price-range-values {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #000;
}

#minPrice, #maxPrice {
    font-weight: bold;
    color: #000;
}

.ui-slider {
    width: 100%;
    height: 5px;
    background-color: #1F5099;
    border-radius: 5px;
    position: relative;
}

.ui-slider-handle {
    width: 20px;
    height: 20px;
    background-color: #1F5099;
    border-radius: 50%;
    position: absolute;
    top: -7px;
    cursor: pointer;
    border: none;
    outline: none;
}

.ui-slider-range {
    background-color: #1F5099;
    border-radius: 5px;
}

.noUi-connect {
    background: #1F5099 !important;
}
.noUi-connects, .noUi-base, .range-slider, .noUi-connect {
    height: 10px !important;
}
.rentalFilter-box.filterBox .price-filter h3 {
    font-weight: bold;
    color: #000;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 10px;
}
.noUi-horizontal .noUi-handle {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    background-color: #d0dfea !important;
    border: 0px !important;
    box-shadow: none !important;
}
.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {
    display:none !important;
}
span.rentalCar-dealOffer {
    background-color: #1f5099;
    display: inline-flex;
    width: fit-content;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 15px;
    margin-bottom: 0px !important;
    font-size:12px;
}
.filterBox-sortHeading{
    display:none;
}
.displayMob{
    display:none;
}

/*New Css After Complete PR*/
.form-group.changeForm-submit p {
    display: none !important;
}
li:has(.additionalMob) {
    display: none;
}
.mobSort-filter{
    display:none;
}
.mobSort-filter{
    display:none;
}
.form-group input.formField::placeholder, .formField input::placeholder, .form-group select.form-select {
    font-weight: 500 !important;
    font-size: 14px !important;
    color: rgb(0, 24, 51) !important;
}
.filterSubmit-btnBox{
    display:none !important;
}

/*Custom Form Css 07-Nov-2024*/
ul.changeSearch-rentalForm li .formGroupRental {
    background-color: rgb(255, 255, 255);
    border-radius: 12px;
    display: flex;
    align-items: center;
    height: 46px;
    /*overflow: hidden;*/
    padding-right: 12px !important;
    border: 1px solid rgb(192, 202, 213);
}
ul.changeSearch-rentalForm li .formGroupRental .formGroup-rentalIcon {
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.formGroup-rentalIcon svg {
    fill: rgb(0, 104, 239);
}
ul.changeSearch-rentalForm li .formGroupRental .formGroup-rentalContent {
    width: calc(100% - 0px);
    padding-left:8px;
}
.formGroup-rentalContent label.formGroup-label {
    font-size: 12px;
    color: rgb(79, 111, 143);
    font-weight: 800;
    line-height: 12px;
    letter-spacing: 0.2px;
    margin-bottom: 0px;
}
.formGroup-rentalContent input {
    height: auto !important;
    padding: 0px 0px !important;
    border: 0px !important;
    color: rgb(0, 24, 51) !important;
    font-weight: 500;
    font-size: 14px !important;
}
.formGroup-rentalContent input::placeholder{
    color:rgb(79, 111, 143) !important;
}
.formGroup-rentalContent:has(select) {
    width: 100% !important;
    padding-inline: 12px;
    position:relative !important;
}
.formGroup-rentalContent:has(select) select {
    height: auto !important;
    padding: 0px !important;
    border: 0px !important;
    background-image:none !important;
}
.selectIcon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -4px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.selectIcon svg {
    fill: rgb(79, 111, 143) !important;
}
.differLocation-content{
    display:none;
}
ul.changeSearch-rentalForm:has(.formSame-locationActive) span.sameLocationContent {
    display: none;
}
ul.changeSearch-rentalForm:has(.formSame-locationActive) span.differLocation-content {
    display: inline-block !important;
}
.hotelFilter-box.rentalSort-boxDesk select.form-select {
    height: 50px;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 24, 51);
    border: 1px solid rgb(192, 202, 213);
    padding: 8px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
}
.rentalSort-boxDesk .recommendedBtn {
    height: 50px;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 24, 51);
    border: 1px solid rgb(192, 202, 213);
    padding: 8px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    display:flex;
    align-items:center;
    position:relative;
    width:100%;
}
span.btnIcon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
}

    span.btnIcon svg {
        width: 100%;
        height: 100%;
    }
.rentalCar-featureList ul.list-unstyled {
    display: flex;
    flex-direction: column;
    gap: 4px 0px;
}
.rentalCar:has(.rentalCar-pickupDrop) {
    width: 100% !important;
}
.rentalCar-pickupDrop {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -5px;
}
.rentalCar-pickupLocate, .rentalCar-dropLocate {
    width: 50%;
    flex: 0 0 auto;
    padding-inline: 5px;
}
.rentalCar:not(:has(.rentalCar-dropLocate)) .rentalCar-pickupLocate {
    width: 100% !important;
}
body.active-body::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #0000005e;
    z-index: 9999;
}
.formGroupRental:has(.active-input) {
    border: 2px solid rgb(0, 104, 239);
    box-shadow: rgb(0, 104, 239) 0px 0px 0px 2px;
    position: relative;
    z-index: 99999 !important;
}
span.mapIcon, span.filterIcon {
    width: 24px !important;
    height: 24px !important;
    display: inline-flex;
    justify-content: end;
    align-items: center;
}
span.mapIcon svg, span.filterIcon svg {
    width: 100% !important;
    height: 100% !important;
}
.mobView-rentalHead span.mapIcon-content, .mobView-rentalHead span.filterContent {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: rgb(255, 255, 255) !important;
}
.recommendedOption-box{
    display:none;
}
.recommendedOption-boxActiveDesk {
    padding: 8px 4px 4px 8px;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 24, 51);
    box-shadow: rgba(0, 0, 0, 0.03) 0px -1px 0px 0px, rgba(0, 0, 0, 0.2) 0px 4px 16px 0px, rgba(0, 0, 0, 0.2) 0px 4px 16px -4px, rgba(0, 0, 0, 0.2) 0px 12px 24px -2px;
    border-radius: 16px;
    display: block;
    position: absolute;
    top: 53px;
    left: 0px;
    width: 100%;
    z-index:99;
}
.recommendedOption-boxActiveDesk ul li p {
    font-size: 12px;
    color: rgb(0, 24, 51);
    font-weight: 500;
    margin-bottom: 0px;
    position: relative;
}
.recommendedOption-boxActiveDesk ul.list-unstyled {
    margin-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
}
.recommendedOption-boxActiveDesk ul.list-unstyled li {
    width: 100%;
    flex: 0 0 auto;
}
.recommendedOption-boxActiveDesk ul li p {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0px;
    position: relative;
    background-color: rgb(255, 255, 255);
    border: 2px solid transparent;
    color: rgb(0, 24, 51);
    outline: none;
    padding: 12px;
    border-radius: 12px;
    cursor:pointer;
}
.sortFilterRecommended:has(.recommendedOption-boxActiveDesk) {
    position: relative;
}
.recommendedOption-boxActiveDesk ul li + li{
    margin-top:4px !important;
}
.recommendedOption-boxActiveDesk ul li p:hover{
    background-color:rgb(237, 240, 243);
    color:rgb(0, 24, 51);
}
li.recommendedList-active p {
    background-color: rgb(232, 242, 255) !important;
}
span.recommendedList-activeICon {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    color: rgb(0, 104, 239);
    width: 20px;
    height: 20px;
}
span.recommendedList-activeICon svg {
    width: 100%;
    height: 100%;
}
.recommendedList-active span.recommendedList-activeICon {
    display: block;
}
.driverInfo{
    color:#000000;
}
.driverInfo h3 {
    font-weight: 700;
    color: #000;
    font-size: 24px;
}
#payment-container {
    border: 1px solid #000000 !important;
}
.pricing-info{
    color:#000000;
}
a, a.link {
    color: #0035C5;
}

span.base-price {
    font-size: 18px;
    color: #000;
    width: 100%;
    line-height: 31px;
}

.price-bold {
    font-weight: 800;
    font-size: 35px;
}
.desktop-none {
    display: none;
}
.rentalCar-formSubmitCol{
    width:100%;
}
#booking-condition-modal .modal-content {
    width: 700px;
    max-width: max-content;
    color:#000000;
}
#taxesAndFeesModal .modal-content {
    color: #000;
}
#dropoffOperationHoursModal .modal-content, #pickupOperationHoursModal  .modal-content{
    width: 500px;
    color: #000000;
}
#booking-condition-modal .modal-dialog, #taxesAndFeesModal .modal-dialog, #dropoffOperationHoursModal .modal-dialog, #pickupOperationHoursModal .modal-dialog {
    transform: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    max-width: 100%;
}
#booking-condition-modal .modal-header, #taxesAndFeesModal .modal-header, #dropoffOperationHoursModal .modal-header, #pickupOperationHoursModal .modal-header , .modal-footer{
    border: none;
}
#booking-condition-modal .modal-content ul{
    padding-inline-start:18px;
}
#booking-condition-modal .modal-title, #taxesAndFeesModal .modal-title, #dropoffOperationHoursModal .modal-title, #pickupOperationHoursModal .modal-title {
    color: #000000;
    font-weight: 600;
}
#booking-condition-modal .btn-close, #taxesAndFeesModal .btn-close, #dropoffOperationHoursModal .btn-close, #pickupOperationHoursModal .btn-close{
    background-image: none;
}
#booking-condition-modal .btn-close i, #taxesAndFeesModal .btn-close i, #dropoffOperationHoursModal .btn-close i, #pickupOperationHoursModal .btn-close i{
    font-size: 25px;
    color: #000;
}
#dropoffOperationHoursModal .modal-body p, #pickupOperationHoursModal .modal-body p {
    display: flex;
    flex-direction: row;
    margin: 0;
    gap: 20px;
    justify-content: space-between;
}
.country-dropdown-outer {
    position: relative;
}
.country-dropdown {
    appearance: none; /* Remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    border: 1px solid #ccc;
    background-color: white;
    background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 25px 25px;
}
a.custom-btn{
    transition: none;
}
#policiesModal .modal-content {
    max-width: 100%;
    width: 80%;
    margin: 0 auto;
}
#policiesModal .modal-content .btn-close {
    background-image: none !important;
    width: 30px !important;
    background-size: 50%;
    padding: 0px !important;
    margin-top: 5px !important;
}
#policiesModal .modal-content .btn-close i {
    color: #000;
    font-size: 20px;
}
.modal-title{
    color:#000000 !important;
}

@media screen and (max-width:1380px) {
    .rentalFilter-box.filterBox {
        width: 250px;
    }
    .hotelList-contentBox.rentalCarList-contentBox {
        width: calc(100% - 250px);
    }
    .hotePrice-detail h3:not(:empty), .rentalCar-priceContent h3.descriveDesktop span.currencyCount.priceValueAnimate {
        font-size: 28px !important;
    }
}

@media screen and (max-width:1200px){
    ul.changeDriver-rentalCar li{
        width:25%;
    }
    .hotePrice-detail h3:not(:empty), .rentalCar-priceContent h3.descriveDesktop span.currencyCount.priceValueAnimate {
        font-size: 30px;
    }
    .rentalCar-priceBox {
        width: 200px;
    }
    .rentalCar-coverBox {
        padding-block: 15px;
        width: calc(100% - 200px);
    }
    .rentalContainer-heading h2 {
        font-size: 20px;
    }
    .rentalContainer-heading:has(.sortOption){
        margin-bottom:15px;
    }
    .hotePrice-detail h3:not(:empty), .rentalCar-priceContent h3.descriveDesktop span.currencyCount.priceValueAnimate {
        font-size: 26px !important;
    }
    a.rentalTittle {
        font-size: 18px !important;
    }
    .rentalCar-detailContent p {
        font-size: 13px;
        margin-bottom: 10px;
        font-weight:600 !important;
    }
    span.rentalFeature-icon {
        width: 17px;
        height: 17px;
    }
    .rentalCar-colBoxDesk .rentalCar-detail > .rentalCar {
        margin-top: 20px;
    }
    p.rideLocation {
        font-size: 13px;
        margin-bottom: 3px;
    }
    p.address {
        font-size: 12px;
        margin-bottom: 10px !important;
    }
    .rentalCar-featureList ul li{
        font-size:12px;
    }
    .rental-priceContentBox span.priceValid {
        text-align: center;
        font-size: 13px;
    }
    .rentalCar-priceContent .rentalBook-btn {
        border-radius: 30px;
        padding: 6px 10px;
        font-size: 14px;
    }
    .rentalCar-typeBox span{
        font-size:13px;
        margin-bottom:0px;
    }
}
@media screen and (max-width:1100px){
    .rentalFilter-box.filterBox {
        width: 200px;
    }

    .rentalCarList-contentBox {
        width: calc(100% - 200px);
    }
}
@media screen and (max-width:1024px){
    section.mainResult-wrapper:has(.changeSearch-wrapper) {
        margin-top: 50px;
    }
    ul.changeDriver-rentalCar li {
        width: 33.333%;
    }
}
@media screen and (max-width:992px) {
    .rentalCar ul.formContent li {
        width: 50%;
    }
    ul.changeSearch-rentalForm:has(.formSame-locationActive) li:nth-child(1), ul.changeSearch-rentalForm:has(.formSame-locationActive) li:nth-child(2) {
        width: 15%;
    }
    .rentalFilter-box.filterBox {
        width: 100%;
        height:95%;
        top:5%;
        border-radius:25px 25px 0px 0px;
    }
    .rentalCar-city {
        margin-inline: -5px;
    }
    .typeFilter-row {
        margin-inline: -15px;
        margin-top: 0px;
        padding:16px;
        padding-right:0px !important;
        width:100% !important;
    }

        .rentalCar-city .form-group,
        .rentalCar-city .formGroup-box {
            padding-inline: 5px;
        }

    .rentalContainer-cover {
        display: none !important;
    }

    .rentalCustomerBooking > .row > .col-lg-7 {
        width: 100% !important;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .rentalCustomerBooking > .row .col-lg-5 {
        width: 100%;
        flex: 0 0 auto;
        max-width: 100%;
    }
/*
        .rentalCustomerBooking > .row .col-lg-5:has(.summary-billingCover) {
            order: -1;
        }*/

    .rentalCustomerBooking > .row {
        gap: 30px 0px;
    }

    .summary-billingCover .headingBox-cover h3 {
        margin-bottom: 0px;
    }

    .driverInfo-Cover {
        padding: 10px 10px;
    }

    .summary-billingCover .infoSection-heading {
        margin-bottom: 0px !important;
    }

    .summaryDetail-bill {
        padding: 10px;
        border-bottom: 1px solid #ccc;
    }

        .summaryDetail-bill ul li + li {
            margin-top: 5px;
        }

    .summaryDetail-billCover {
        padding: 10px;
    }

        .summaryDetail-billCover ul.list-unstyled {
            margin-inline: -10px;
        }

            .summaryDetail-billCover ul.list-unstyled li {
                padding-inline: 10px;
            }

        .summaryDetail-billCover ul li + li {
            padding-top: 10px;
            margin-top: 10px;
        }

    .headingBox-cover h3 {
        font-size: 18px;
    }

    span.summaryhead-count {
        font-size: 15px !important;
        color: #000;
    }

    span.summaryhead-count, span.summaryhead-priceContent {
        font-size: 15px !important;
    }
    ul.changeSearch-rentalForm li:nth-child(1) {
        width: 30%;
    }
    ul.changeSearch-rentalForm li {
        width: 16%;
    }
    ul.changeSearch-rentalForm li:last-child {
        width: 6%;
    }
    section.mainResult-wrapper:has(.changeSearch-wrapper) {
        margin-top: 0px;
    }
    ul.changeDriver-rentalCar li {
        width: 33.33%;
    }
    .rentalCarList-contentBox{
        width:100% !important;
    }
    .rentalCar-image{
        width:180px;
    }
    .rentalCar-content {
        width: calc(100% - 180px);
    }
    .rentalCar-priceBox {
        width: 190px;
    }
    .rentalCar-coverBox {
        padding-block: 15px;
        width: calc(100% - 190px);
    }
    .rentalFilter-box.filterBox.filterBox-open .price-filter {
        margin-bottom: 0px !important;
    }
    .typeFilter-heading h3, .rentalFilter-box.filterBox .price-filter h3{
        margin-bottom:0px !important;
    }
    .typeFilter-heading h3 {
        padding: 13.5px;
        margin-bottom: 0px !important;
        border-radius: 12px 12px 0px 0px;
        position:relative;
        cursor:pointer;
        font-weight:700 !important;
        font-size:16.5px !important;
    }
        .typeFilter-heading h3:hover, .typeFilter-heading.active h3 {
            background-color: rgb(237, 240, 243);
        }
        .typeFilter-heading h3::after {
            content: "\f107";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            color: rgb(0, 104, 239);
            font-size: 16px;
            background-color: transparent;
            display: inline-flex !important;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 5px;
            width: 25px;
            height: 25px;
            border-radius: 50%
        }
        .typeFilter-heading h3:hover:after {
            background-color: rgb(208 211 213);
        }
    .typeFilter-heading.active {
        margin-bottom: 10px !important;
    }
    .typeFilter-heading.active h3::after {
        background-color: rgb(208 211 213) !important;
        transform: translateY(-50%) rotate(-90deg);
    }
    .rentalFilter-box input.filterCheck-box {
        width: 15px;
        height: 15px;
        border: 1px solid rgb(79, 111, 143);
    }
    .rentalFilter-box .typeFilterContent-box label.filterLabel, .typeFilter-count span {
        font-size: 12px !important;
    }
    .typeFilter-content {
        padding-inline: 10px;
    }
    p.searchAddress {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-bottom: 0px;
        font-weight: 600;
    }

    .typeFilter-row .typeFilter-col + .typeFilter-col {
        margin-top: 13.5px !important;
    }
    .rentalSort-boxDesk{
        display:none;
    }
    .displayDesk{
        display:none !important;
    }
    .filterBox-sortHeading {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding:20px 16px;
        background-color: rgb(255, 255, 255);
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.03) 0px -1px 0px 0px, rgba(0, 0, 0, 0.24) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
    }
    .filterBox-sortHeading h3, .changeSearch-rentalBoxClose h3 {
        font-weight: 700;
        font-size: 20px;
        color: rgb(0, 60, 138);
        margin-bottom: 0px;
    }
    .changeSearch-rentalBoxClose{
        margin-bottom:16px !important;
    }
    .activeRental-changeForm {
        display: block;
        position: fixed;
        background-color: #fff;
        width: 100%;
        left: 0px;
        padding:0px;
        top: 30px;
        z-index: 9999;
        height: 100vh;
        border-radius: 25px 25px 0px 0px;
    }
    .rentalFilter-box.filterBox button {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 0px;
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.03) 0px -1px 0px 0px, rgba(0, 0, 0, 0.24) 0px 0px 1px 0px, rgba(0, 0, 0, 0.16) 0px 2px 1px -1px, rgba(0, 0, 0, 0.12) 0px 2px 4px 0px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: rgb(0, 104, 239);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 16px;
    }
    .typeFilter-row {
        height: max-content;
        overflow: scroll;
        scrollbar-width: thin;
        scrollbar-color: #888 #e0e0e0;
        max-height: 453px;
    }
    .typeFilter-row::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 4px;
        border: 2px solid #e0e0e0;
    }
        .typeFilter-row::-webkit-scrollbar-track {
            background: #e0e0e0;
        }
        .typeFilter-row::-webkit-scrollbar {
            width: 10px;
        }
    .chnagesSearch-rentalBox {
        display: none;
    }

    .mobView-rentalHead {
        display: inline-flex !important;
        align-items: center;
        gap: 5px 0px;
        flex-wrap: wrap;
        margin-inline: -5px;
        width: 100px !important;
    }

    .changeSearch-rentalBoxCover {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .changeSearch-rentalBoxClose {
        display: flex;
        align-items: center;
        padding-inline: 10px;
        justify-content: space-between !important;
        width: 100%;
        padding: 16px;
        position: relative;
    }

    button.rentalBox-closeBtn path, button.rentalBox-closeBtn svg {
        width: 100% !important;
        height: 100% !important;
    }

    .mapBox.mapDesk {
        display: none;
    }

    button.rentalBox-closeBtn {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 0px;
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.03) 0px -1px 0px 0px, rgba(0, 0, 0, 0.24) 0px 0px 1px 0px, rgba(0, 0, 0, 0.16) 0px 2px 1px -1px, rgba(0, 0, 0, 0.12) 0px 2px 4px 0px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: rgb(0, 104, 239);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 16px;
    }

    .mapView-mob .mapBox {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: 0px;
    }

        .mapView-mob .mapBox a.changeSearch {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            color: #000;
        }

        .mapView-mob .mapBox a.changeSearch {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            color: #000;
            font-size: 14px;
            font-weight: 600;
        }

    .mobView-rentalHead .sortOption {
        width: 50%;
        padding-inline: 5px !important;
    }

    .mapView-mob {
        width: 50%;
        flex: 0 0 auto;
        padding-inline: 5px !important;
    }

    p.searchAddress {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0px;
        height: 17px;
    }

    .searchDrop-pickup span {
        font-size: 12px;
        line-height: 15px;
        font-weight:500 !important;
    }

    .searchDrop-pickup {
        height: 20px;
        display: inline-flex;
        align-items: center;
        gap: 0px 1px;
    }

    .changeSearch-rentalContent {
        cursor: pointer;
        background-color: rgb(0, 68, 153);
        color: rgb(255, 255, 255);
        border-radius: 12px;
        padding: 8px;
        display: flex;
        align-items: center;
    }

    .changeSearch-rentalIcon {
        width: 24px;
        height: 24px;
    }

    .changeSearch-rentalContentBox {
        width: calc(100% - 24px);
        padding-left: 8px;
    }

    .mobView-rentalHead span {
        color: #fff !important;
    }

    .changeSearchMob-rentalCover {
        width: calc(100% - 100px);
        padding-right: 15px;
        display: inline-block !important;
    }
    /**/
    .activeRental-changeForm {
        display: block;
        position: fixed;
        background-color: #fff;
        width: 100%;
        left: 0px;
        padding: 0px;
        top: 30px;
        z-index: 9999;
        height: 100vh;
        border-radius: 25px 25px 0px 0px;
    }

    .changeSearch-wrapper {
        background-color: rgb(0, 104, 239);
        padding-bottom: 45px;
        margin-bottom: 0px;
        padding-top:15px;
    }

    button.changeForm-btn svg {
        display: none;
    }

    button.changeForm-btn span.mobView-formBtn {
        display: inline-block !important;
        font-size: 16px;
        font-weight: 700;
        color: #fff;
    }

    .mainPageContainer {
        margin-top: -30px !important;
        width: 100%;
        background-color: #fff;
        border-radius: 20px 20px 0px 0px;
        padding-top: 10px;
    }

    a.rentalTittle {
        font-weight: 700 !important;
        font-size: 17px !important;
    }

    .rentalcar-headingSection > p {
        font-size: 14px;
        margin-bottom: 10px;
        font-weight:500 !important;
    }

    span.rentalCar-dealOffer {
        font-size: 11px !important;
    }

    .form-group.changeForm-submit p {
        display: block !important;
        color: #000;
        font-size: 13px;
        text-align: center;
        margin-top: 10px;
        font-weight:500 !important;
    }

    ul.changeDriver-rentalCar {
        display: none;
    }

    li:has(.additionalMob) {
        display: block;
        width: 100% !important;
    }

        li:has(.additionalMob) label {
            font-size: 13px;
            font-weight:500 !important;
        }

        li:has(.additionalMob) input[type="checkbox"] {
            width: 13px;
            height: 13px;
        }

    .formGroup-box.formGroup-boxNone.additionalMob {
        display: none;
    }

    .formGroup-box.additionalMob {
        margin-bottom: 0px;
    }

    li:has(.formSame-location) {
        width: 100% !important;
    }

    .mobSort-filter {
        display: block !important;
    }


/**/
    ul.changeSearch-rentalForm {
        justify-content: center !important;
    }

        ul.changeSearch-rentalForm li:nth-child(1) {
            width: 100%;
        }

        ul.changeSearch-rentalForm:has(.formSame-locationActive) li:nth-child(1), ul.changeSearch-rentalForm:has(.formSame-locationActive) li:nth-child(2) {
            width: 50%;
        }

        ul.changeSearch-rentalForm li {
            width: 17.5%;
        }

            ul.changeSearch-rentalForm li:last-child {
                width: 14%;
            }

    ul.changeSearch-rentalForm {
        gap: 10px 0px;
        margin-inline: -3px;
    }

        ul.changeSearch-rentalForm li {
            flex: 0 0 auto;
            padding-inline: 3px;
        }

    button.changeForm-btn {
        height: 35px;
    }

    ul.changeSearch-rentalForm li:last-child {
        width: 17.5%;
    }

    ul.changeSearch-rentalForm li {
        width: 50%;
    }

        ul.changeSearch-rentalForm li:last-child {
            width: 60%;
        }

    li:has(.ageForm-groupActive) {
        display: inline-block;
        width: 14% !important;
    }

    .rentalContainer-heading:has(.sortOption) .sortOption {
        display: none;
    }
    .mobSort-filter {
        display: block !important;
        padding-block: 16px;
    }
    ul.mobSortFilter-list {
        list-style: none;
        padding-left: 0px;
        display: flex;
        gap: 0px 20px;
        align-items: center;
        margin-bottom:0px !important;
    }
    .sortFilter-box select {
        height: 34px;
        width: 100%;
        padding: 5px 10px;
        cursor: auto;
        color: #555555;
        font-size: 12px;
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.25);
        outline: none;
        border-radius: 40px;
        padding-right: 10px;
        font-weight: 500;
        color: #0068ef;
        cursor:pointer;
    }
    .carSize-drop, .recommendedBtn {
        height: 34px;
        padding: 5px 10px;
        color: #555555;
        font-size: 12px;
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.25);
        outline: none;
        border-radius: 40px;
        padding-right: 10px;
        font-weight: 500;
        color: #0068ef;
        cursor: pointer;
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        text-transform: capitalize;
        position: relative;
        padding-right: 27px;
    }
    .sortFilterRecommended {
        position: relative;
    }
    .recommendedOption-box {
        position: absolute;
        top: 40px;
        left: 0px;
        padding: 8px;
        border-radius: 16px;
        background: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.03) 0px -1px 0px 0px, rgba(0, 0, 0, 0.2) 0px 4px 16px 0px, rgba(0, 0, 0, 0.2) 0px 4px 16px -4px, rgba(0, 0, 0, 0.2) 0px 12px 24px -2px;
        min-width: 210px !important;
        display:none;
        z-index:99;
    }
    .recommendedOption-boxActive{
        display:block !important;
    }
    .recommendedOption-box ul {
        display: flex;
        flex-wrap: wrap;
    }
    .recommendedOption-box ul li + li {
        margin-top: 8px;
    }
    li.recommendedList-option {
        width: 100%;
        flex: 0 0 auto;
        font-size: 12px;
        font-weight: normal;
        cursor:pointer;
    }
    .recommendedOption-box ul li:hover p {
        background-color: rgb(237, 240, 243) !important;
        color: rgb(0, 24, 51) !important;
    }
    .recommendedOption-box ul li p {
        
        border: 2px solid transparent;
        color: rgb(0, 24, 51);
        outline: none;
        padding: 12px;
        border-radius: 12px;
        display: inline-block;
        width: 100%;
        position: relative;
        margin-bottom:0px !important;
    }
    .recommendedList-active p {
        background-color: rgb(232, 242, 255);
    }
    .recommendedList-active .recommendedList-activeICon {
        display: inline-block !important;
    }
    span.recommendedList-activeICon {
        width: 19px;
        height: 19px;
        color: rgb(0, 104, 239) !important;
        display: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
    }
    span.recommendedList-activeICon svg {
        width: 100%;
        height: 100%;
    }
    .sortFilter-box select:hover, .sortFilter-box select:focus {
        border-color: #0068ef !important;
    }
    span.btnIcon {
        width: 16px;
        height: 16px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 4px;
    }
    span.btnIcon svg {
        width: 100%;
        height: 100%;
    }
    .sortFilter-boxDropDown {
        position: relative;
    }
    .carSize-dropDown {
        display:none !important;
        max-width: 345px;
        position: absolute;
        min-width: 345px;
        left: 50%;
        transform: translateX(-50%);
        background: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.03) 0px -1px 0px 0px, rgba(0, 0, 0, 0.2) 0px 4px 16px 0px, rgba(0, 0, 0, 0.2) 0px 4px 16px -4px, rgba(0, 0, 0, 0.2) 0px 12px 24px -2px;
        border-radius: 16px;
        top:40px;
    }
    .filtersizeboxActive {
        display: block !important;
        z-index: 999 !important;
    }
    body.filterbodt-active {
        height: 100vh;
        overflow-y: hidden;
    }
    .carSize-dropDown ul {
        padding: 8px;
        display: flex;
        flex-wrap: wrap;
        max-height: 280px;
        overflow-y: auto;
        width:100% !important; 
    }
    .carSize-dropDown ul::-webkit-scrollbar {
        width: 10px !important;
    }
    .carSize-dropDown ul.carSize-dropDown ul::-webkit-scrollbar {
        background: #f0f0f0;
        border-radius: 0px !important;
    }
    .carSize-dropDown ul.carSize-dropDown ul::-webkit-scrollbar-thumb {
        background-color: #b3b3b3;
        border-radius: 0px !important;
        border: 2px solid #f0f0f0;
    }
    .carSize-dropDown ul.carSize-dropDown ul::-webkit-scrollbar-thumb:hover {
        background-color: #909090;
    }
    .carSize-dropDown ul > li {
        width: 100%;
        flex: 0 0 auto;
    }
    .carSize-dropDone-box {
        border-top: 1px solid rgb(192, 202, 213);
        padding-block: 12px;
        display: flex;
        justify-content: end;
        padding-right: 12px;
    }
    .carSize-dropDone-box button {
        font-size: 12px;
        padding: 7px 12px;
        background-color: rgb(0, 104, 239);
        color: rgb(255, 255, 255);
        font-weight: 700;
        border: 0px;
        border-radius: 20px;
    }
    a.carSize-option {
        cursor: pointer !important;
        border: 1px solid rgb(192, 202, 213) !important;
        background: rgb(255, 255, 255);
        padding: 8px;
        display: flex;
        width: 100%;
        border-radius: 12px;
        justify-content:space-between;
        align-items:center;
    }
    .carSize-dropDown ul > li + li {
        margin-top: 8px;
    }
    .carSize-optionHeading h3 {
        color: rgb(0, 104, 239);
        font-weight: 700;
        font-size: 12px;
        margin-bottom: 0px;
    }
    .carSize-optionHeading span {
        color: rgb(63, 89, 114);
        font-size: 11px;
        font-weight: 500;
    }
    .carSize-optionContent h3 {
        color: rgb(119, 0, 187);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 12px;
        margin-bottom: 0px;
    }
    .carSize-optionContent span, .carSize-optionContent span b {
        color: rgb(0, 24, 51);
        font-weight: 700 !important;
        font-size: 12px;
    }
    .carSize-optionContent {
        text-align: right;
    }

    li:has(.activeDifferLocate) {
        width: 100%;
        display: block;
    }
    li:has(.activeDriveAge) {
        display: block !important;
    }
    li:has(.activeDriveAge) {
        width: 50% !important;
    }
    .activeDriveAge{
        display:flex !important;
        align-items:center !important;
    }
    ul.changeSearch-rentalForm li:last-child {
        width: 100% !important;
    }
    .filterBox-open .filterSubmit-btnBox {
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.03) 0px -1px 0px 0px, rgba(0, 0, 0, 0.2) 0px 1px 4px 0px, rgba(0, 0, 0, 0.12) 0px 6px 4px -4px, rgba(0, 0, 0, 0.16) 0px 8px 16px -1px;
        padding: 16px;
        position: fixed;
        bottom: 0px;
        width: 100%;
        left: 0px;
        display:block !important;
    }
    .filterBox-open .filterSubmit-btnBox button.filterSubmit-btn {
        width: 100%;
        border-radius: 10px;
        background-color: rgb(0, 104, 239);
        color: rgb(255, 255, 255);
        font-size: 16px;
        font-weight: 700;
        padding: 12px 22px;
        height: 48px;
        position: static !important;
        transform: translateY(0) !important;
    }
    .mapView-mob .mapBox a.changeSearch, .openFilter-box {
        gap: 4px 0px;
    }
    ul.changeSearch-rentalForm{
        margin-top:0px !important;
        padding-inline:6px !important;
    }
    .form-group.changeForm-submit button.changeForm-btn {
        font-weight:700;
        font-size:16px;
        height:48px;
    }
    .rentalFilter-box.filterBox.filterBox-open {
        padding: 0px !important;
    }

}

@media screen and (max-width:768px) {
    .rentalCar-image {
        width: 160px;
        padding: 10px;
    }
    .rentalContainer-heading h2 {
        font-size: 18px;
    }
    .rentalCar-priceBox {
        width: 200px;
        padding: 10px;
        gap: 10px 0px;
    }

    .rentalCar-content {
        width: calc(100% - 160px);
        padding-left: 10px;
    }

    span.rentalFeature-icon {
        width: 16px;
        height: 16px;
    }

    span.rentalFeature-iconContent {
        font-size: 13px;
    }

    .rentalCar-typeBox span,
    .rentalCar-typeBox p {
        font-size: 13px;
    }

    .rentalCar-coverBox {
        padding-block: 10px;
        width: calc(100% - 200px);
    }
    ul.changeSearch-rentalForm{
        justify-content:center !important;
    }
    ul.changeSearch-rentalForm li:nth-child(1) {
        width: 100%;
    }
    ul.changeSearch-rentalForm:has(.formSame-locationActive) li:nth-child(1), ul.changeSearch-rentalForm:has(.formSame-locationActive) li:nth-child(2) {
        width: 50%;
    }
    ul.changeSearch-rentalForm li {
        width: 17.5%;
    }
    ul.changeSearch-rentalForm li:last-child {
        width: 14%;
    }
    ul.changeSearch-rentalForm {
        gap: 10px 0px;
        margin-inline:-3px;
    }
    ul.changeSearch-rentalForm li {
        flex: 0 0 auto;
        padding-inline: 3px;
    }
    button.changeForm-btn {
        height: 35px;
    }
    ul.changeSearch-rentalForm li:last-child {
        width: 17.5%;
    }
    ul.changeSearch-rentalForm li {
        width: 50%;
    }
    ul.changeSearch-rentalForm li:last-child {
        width: 60%;
    }
    li:has(.ageForm-groupActive) {
        display: inline-block;
        width: 14% !important;
    }
    .rentalContainer-heading:has(.sortOption) .sortOption {
        display: none;
    }

    .chnagesSearch-rentalBox {
        display: none;
    }

    .mobView-rentalHead {
        display: inline-flex !important;
        align-items: center;
        gap: 5px 0px;
        flex-wrap: wrap;
        margin-inline: -5px;
        width: 100px !important;
    }
    .changeSearch-rentalBoxCover {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .changeSearch-rentalBoxClose {
        display: flex;
        align-items: center;
        padding-inline: 10px;
        justify-content: space-between !important;
        width: 100%;
    }
    button.rentalBox-closeBtn path, button.rentalBox-closeBtn svg {
        width: 100% !important;
        height: 100% !important;
    }
    .mapBox.mapDesk {
        display: none;
    }
    button.rentalBox-closeBtn {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 0px;
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.03) 0px -1px 0px 0px, rgba(0, 0, 0, 0.24) 0px 0px 1px 0px, rgba(0, 0, 0, 0.16) 0px 2px 1px -1px, rgba(0, 0, 0, 0.12) 0px 2px 4px 0px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding:8px;
    }

    .mapView-mob .mapBox {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: 0px;
    }

        .mapView-mob .mapBox a.changeSearch {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            color: #000;
        }

        .mapView-mob .mapBox a.changeSearch {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            color: #000;
            font-size: 14px;
            font-weight: 600;
        }

    .mobView-rentalHead .sortOption {
        width: 50%;
        padding-inline: 5px !important;
    }

    .mapView-mob {
        width: 50%;
        flex: 0 0 auto;
        padding-inline: 5px !important;
    }

    p.searchAddress {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0px;
        height: 17px;
    }

    .searchDrop-pickup span {
        font-size: 13px;
        line-height: 15px;
        font-weight:500 !important;
    }

    .searchDrop-pickup {
        height: 20px;
        display: inline-flex;
        align-items: center;
        gap: 0px 1px;
    }

    .changeSearch-rentalContent {
        cursor: pointer;
        background-color: rgb(0, 68, 153);
        color: rgb(255, 255, 255);
        border-radius: 12px;
        padding: 8px;
        display:flex;
        align-items:center;
    }
    .changeSearch-rentalIcon {
        width: 24px;
        height: 24px;
    }
    .changeSearch-rentalContentBox {
        width: calc(100% - 24px);
        padding-left: 8px;
    }

    .mobView-rentalHead span {
        color: #fff !important;
    }

    .changeSearchMob-rentalCover {
        width: calc(100% - 100px);
        padding-right: 15px;
        display: inline-block !important;
    }
/**/
    .activeRental-changeForm {
        display: block;
        position: fixed;
        background-color: #fff;
        width: 100%;
        left: 0px;
        padding: 20px 15px;
        top: 30px;
        z-index: 9999;
        height: 100vh;
        border-radius:25px 25px 0px 0px;
    }

    .changeSearch-wrapper {
        background-color: rgb(0, 104, 239);
        padding-bottom:45px;
        margin-bottom:0px;
    }
    button.changeForm-btn svg {
        display: none;
    }
    button.changeForm-btn span.mobView-formBtn {
        display: inline-block !important;
        font-size: 16px;
        font-weight: 700;
        color: #fff;
    }
    .mainPageContainer {
        margin-top: -30px !important;
        width: 100%;
        background-color: #fff;
        border-radius: 20px 20px 0px 0px;
        padding-top: 10px;
    }
    a.rentalTittle {
        font-weight: 700 !important;
        font-size: 17px !important;
        color:#002833 !important;
    }
    .rentalcar-headingSection > p {
        font-size: 14px;
        margin-bottom: 10px;
        font-weight:500 !important;
    }

    span.rentalCar-dealOffer{
        font-size:11px !important;
    }
    .form-group.changeForm-submit p {
        display:block !important;
        color: #000;
        font-size: 13px;
        text-align: center;
        margin-top: 10px;
    }
    ul.changeDriver-rentalCar {
        display: none;
    }
    li:has(.additionalMob) {
        display: block;
        width: 100% !important;
    }
        li:has(.additionalMob) label {
            font-size: 13px;
        }
        li:has(.additionalMob) input[type="checkbox"] {
            width: 13px;
            height: 13px;
        }
    .formGroup-box.formGroup-boxNone.additionalMob {
        display: none;
    }
    .formGroup-box.additionalMob {
        margin-bottom: 0px;
    }
    li:has(.formSame-location) {
        width: 100% !important;
    }
    .mobSort-filter {
        display: block !important;
    }

    .sortFilter-box select {
        height: 34px;
        font-size: 11px;
    }
    ul.mobSortFilter-list{
        gap:0px 15px;
    }
    body.filterbodt-active {
        height: auto;
        overflow-y: initial;
    }
    .rentalCar-colBoxMob .rentalCar-detailHeading .mobPriceBox-cover .rentalCar-typeBox{
        width:50%;
    }
    .rentalCar-colBox.rentalCar-colBoxMob .mobPriceBox-cover{
        padding-top:5px;
    }
    .price-bold {
        font-size: 22px ;
    }
    span.base-price {
        font-size: 16px;
        font-weight: 600;
    }
    .hotePrice-detail h3:not(:empty), .rentalCar-priceContent h3.descriveDesktop span.currencyCount.priceValueAnimate{
        font-weight: 500;
        font-size:14px !important;
    }
    .rentalCar-contentBox:hover{
        box-shadow:none;
    }

    .mobile-none {
        display: none;
    }
    .desktop-none {
        display: block;
    }
    section.booking-wrapper:has(.bookingRow) {
        padding-top: 10px !important;
        margin-top:0;
    }
    .rentalBooking-detail .rentalCar-image {
        width: 48% !important;
        padding: 10px 10px !important;
        justify-content: center;
    }

    .rentalCar-bookingContent {
        width: 46% !important;
        padding: 10px;
        margin-right: 10px;
    }

    .rentalCar-image {
        border-bottom: none;
    }
    .summary-billingCover {
        margin: 20px 0;
    }
    .drop-off-group, .pickup-group{
        max-width:50%;
    }
    h3.locationHeading-content{
        font-weight:700;
    }
    .rentalCar-image .rentalCar-detailBooking {
        text-align: left;
    }
    .driverInfo-Cover .inline-wrapper {
        flex-wrap:wrap;
    }
    #dropoffOperationHoursModal .modal-content, #pickupOperationHoursModal .modal-content{
        margin:0 auto;
    }
    #booking-condition-modal .modal-dialog{
        width:95%;
    }
    #policiesModal .modal-content {
        max-width: 100%;
        max-height: 100%;
        height: 90vh;
    }
   
}

@media screen and (max-width:676px) {
    .rentalCar-contentBox {
        flex-wrap: wrap;
    }

    .rentalCar-image {
        width: 100%;
        flex: 0 0 auto;
        position: relative;
    }

    .rental-image img {
        height: 55px;
    }
    .partner-image img {
        height: 23px;
    }

    span.text-rc {
        margin-bottom: 0px;
    }

    .rentalCar-content {
        width: 100%;
        flex: 0 0 auto;
    }

    .rentalBooking-detail {
        flex-wrap: wrap;
    }

   
    ul.changeDriver-rentalCar li {
        width: 50%;
    }


        .rentalCar-colBoxMob .rentalCar-detailHeading {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-inline: -10px;
        }
            .rentalCar-colBoxMob .rentalCar-detailHeading .rentalCar-image, .rentalCar-colBoxMob .rentalCar-detailHeading .rentalcar-headingSection, .rentalCar-colBoxMob .rentalCar-detailHeading > .rentalCar, .rentalCar-colBoxMob .rentalCar-detailHeading .mobPriceBox-cover {
                flex: 0 0 auto;
                padding-inline: 10px;
            }
            .rentalCar-colBoxMob .rentalCar-detailHeading .rentalCar-image {
                width: 50%;
                border-bottom: 0px;
            }
            .rentalCar-colBoxMob .rentalCar-detailHeading .rentalcar-headingSection {
                width: 50%;
            }
            .rentalCar-colBoxMob .rentalCar-detailHeading > .rentalCar {
                width: 100%;
                margin-top: 0px;
                padding-top: 10px;
            }
    .rentalCar-contentBox {
        padding: 15px 15px;
    }
    .rentalCar-featureListMob .rentalCar-featureList {
        width: 100%;
        padding-inline: 0px;
        margin-top: 10px;
    }
    .rentalCar-colBoxMob .rentalCar-detailHeading .mobPriceBox-cover {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .rentalCar-colBoxMob .rentalCar-detailHeading .mobPriceBox-cover .rentalCar-typeBox {
        position: static;
        /*width: fit-content;*/
        transform: translateX(0%) !important;
        gap:5px 0px;
    }
    .rentalCar-colBoxMob .rentalCar-detailHeading .rentalCar-priceContent, .rentalCar-colBoxMob .rentalCar-detailHeading .rentalCar-priceContent .rental-priceContentBox, .rentalCar-colBoxMob .rentalCar-detailHeading .rentalCar-priceContent .rental-priceContentBox h3 {
        align-items: flex-end !important;
        text-align: right !important;
    }
    .rentalCar-colBoxMob .rentalCar-detailHeading .rentalCar-priceContent .rental-priceContentBox h3 span.priceValid {
        text-align: right !important;
    }
    .hotePrice-detail h3:not(:empty), .rentalCar-priceContent h3.descriveDesktop span.currencyCount.priceValueAnimate {
        font-size: 14px !important;
    }
    span.priceValid {
        font-size: 13px;
    }
    ul.changeSearch-rentalForm li:last-child {
        width: 100%;
    }

/*Changes CSS 05-11-2024*/
    .rentalCar-colBox.rentalCar-colBoxDesk .rentalCar-image {
        width: 110px !important;
        border-bottom:0px !important;
    }
    .rentalCar-colBox.rentalCar-colBoxDesk .rentalCar-content {
        width: calc(100% - 110px);
        flex: 0 0 auto;
    }
    .rentalCar-colBox.rentalCar-colBoxDesk .rentalCar-coverBox {
        padding-block: 10px;
        width: calc(100% - 150px);
    }
    .rentalCar-colBox.rentalCar-colBoxDesk .rentalCar-priceBox {
        width: 150px;
        padding: 10px;
        gap: 10px 0px;
        justify-content:space-between;
    }
    .rentalCar-colBox.rentalCar-colBoxDesk .rentalCar-contentBox {
        padding: 0px;
    }
    .rentalCar-colBox.rentalCar-colBoxDesk .rentalCar-typeBox {
        position: static;
        transform: translateX(0);
    }
    .rentalCar-colBox.rentalCar-colBoxDesk ul.rentalCar-detailList {
        flex-wrap: wrap;
    }
    .rentalCar-colBox.rentalCar-colBoxDesk .rentalCar {
        width: 100%;
    }
    .changeSearch-wrapper {
        padding-top: 10px;
        padding-bottom: 40px;
    }
    .rentalCar-colBox.rentalCar-colBoxDesk ul.rentalCar-detailList {
        flex-wrap: wrap;
        gap: 4px 16px;
    }
}

@media screen and (max-width:575px) {

    .rentalCar-formSubmitCol,
    .rentalCar-additionalCol {
        width: 100% !important;
    }

    .rentalBox-cover {
        gap: 15px 0px;
    }

    .rentalCar-contentCover {
        flex-wrap: wrap;
    }

    .rentalCar-coverBox {
        width: 100%;
        flex: 0 0 auto;
    }

    .rentalCar-priceBox {
        width: 100%;
    }

    a.custom-btn.rentalBook-btn.desktBook-btn {
        width: fit-content;
        display: inline-flex !important;
        margin-bottom: 0px;
    }

    .rentalCar-priceBox {
        width: 100%;
        flex-direction: initial !important;
        align-items: baseline;
        padding-inline: 0px !important;
        margin-inline: -10px;
    }



        .rentalCar-typeBox span,
        .rentalCar-typeBox p {
            font-size: 13px;
            display: inline-block;
            text-align: center;
        }

    .rentalCar-typeBox,
    .rentalCar-priceContent {
        width: 50%;
        flex: 0 0 auto;
        padding-inline: 10px;
    }

    .rentalCar-priceContent {
        display: flex;
        flex-direction: initial;
        flex-wrap: wrap;
    }

        .rentalCar-priceContent h3.descriveDesktop {
            display: inline;
        }

    span.priceValid {
        display: none !important;
    }

    .rentalCar-priceContent h3.descriveDesktop:has(.cutPrice) {
        line-height: normal;
        font-size: 15px;
    }

    .rental-priceContentBox h3.descriveDesktop {
        display: inline-flex;
        width: fit-content !important;
    }

    .rentalCar-priceContent h3.descriveDesktop {
        margin-bottom: 0px;
    }

    span.priceValid.mobPriceValid {
        display: inline-flex !important;
        width: 100%;
        flex: 0 0 auto;
        justify-content: end;
        text-align: end;
    }

    span.priceValid.mobPriceValid {
        display: inline-flex;
        width: 100%;
        flex: 0 0 auto;
    }

    .rental-priceContentBox {
        width: 100%;
        flex: 0 0 auto;
    }

    .rental-priceContentBox {
        width: 100% !important;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    span.priceValid.mobPriceValid br {
        display: none;
    }

    .rentalCar-bookingContentCover > .row {
        gap: 15px 0px;
    }

    a.rentalTittle {
        font-weight: 700 !important;
        font-size: 17px !important;
    }

   

    .rentalCar-detail .rentalCar {
        margin-top: 20px;
    }
    .rentalCar-typeBox {
        position: relative !important;
        transform: translateX(0);
    }
    .rentalCar-priceBox {
        justify-content: center;
        flex-direction: column !important;
        align-items: center;
        text-align: center;
    }
    .rentalCar-typeBox {
        position: static !important;
        transform: translateX(0) !important;
    }
    .rentalCar-priceBox {
        justify-content: center;
        flex-direction: column !important;
        align-items: center;
        text-align: center;
        border-top: 1px solid #ccc;
    }
    .rentalBook-btnBox {
        margin-top: 8px;
    }
    a.rentalBook-btn {
        width: 100% !important;
        text-align: center;
        justify-content: center;
    }
    .hotePrice-detail h3:not(:empty), .rentalCar-priceContent h3.descriveDesktop span.currencyCount.priceValueAnimate {
        font-size: 14px !important;
        font-weight: 500;
    }
    .rentalCar-typeBox {
        width: 100%;
    }
    ul.changeDriver-rentalCar li {
        width: 100%;
    }
    /*button.rentalBox-closeBtn {
        width: 30px;
        height: 30px;
    }*/
    button.rentalBox-closeBtn path, button.rentalBox-closeBtn svg {
        width: 100% !important;
        height: 100% !important;
    }
    li:has(.ageForm-groupActive) {
        display: inline-block;
        width: 25% !important;
    }
    .mobPriceBox-cover .rentalCar-typeBox {
        padding-inline: 0px !important;
    }
    .rentalFilter-box.filterBox {
        width: 100% !important;
    }
    .rentalCar-image {
        padding-top: 35px !important;
    }
    .changeSearch-rentalIcon {
        width: 20px;
        height: 20px;
    }
    .changeSearch-rentalContentBox {
        width: calc(100% - 20px);
        padding-left: 8px;
    }
    .typeFilter-heading h3 {
        padding: 10px;
        font-size: 15px;
    }
    .rentalCar-colBoxDesk {
        display: none !important;
    }

    .rentalCar-colBoxMob {
        display: block !important;
    }
    .rentalCar-colBox.rentalCar-colBoxMob .mobPriceBox-cover {
        border-top: 1px solid #ccc;
        padding-top: 5px;
    }
    .rentalCar-contentBox {
        padding: 10px;
    }
    .rentalCar-colBoxMob .rentalCar-detailHeading{
        align-items:flex-start !important;
    }
    .changeSearch-wrapper {
        padding-bottom: 40px;
        padding-top: 10px;
    }
    li:has(.activeDriveAge) {
        width: 50% !important;
    }
    .typeFilter-heading h3::after{
        right:15px;
    }
    .rentalCar {
        margin-top: 5px;
        padding-inline: 0 !important;
    }

    .rentalCar-detailHeading .rentalCar-image {
        border-right: solid 1px #cccccc;
        margin-bottom: 10px;
    }


    p.address {
        align-items: flex-start;
        margin-bottom: 0px !important;
    }

    p.rideLocation {
        margin-bottom: 5px;
    }

    .rental-priceContentBox {
        margin: 5px 0 0 0;
    }

    .rentalCar-priceContent .rentalBook-btn {
        border-radius: 5px;
        padding: 8px 10px;
        font-size: 14px;
    }
    #dropoffOperationHoursModal .modal-body p, #pickupOperationHoursModal .modal-body p {
        flex-direction: column;
    }
    #taxesAndFeesModal .modal-dialog{
        width:95%;
    }
    #taxesAndFeesModal .modal-content {
        max-width: 95%;
        max-height: 95%;
        padding:0;
        margin:0 auto;
    }
    #booking-condition-modal .modal-content {
        width: auto;
    }
    #policiesModal .modal-dialog {
        max-width: 95% !important;
    }
 }

@media screen and (max-width:475px) {
    .rentalCar-contentBox {
        padding: 5px;
    }
    .childBooking-boosterContent {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        gap: 6px 0px;
        width: 50%;
        flex: 0 0 auto;
    }

    .childBooking-booster {
        width: 50%;
        flex: 0 0 auto;
    }

    .bookingPrice-content {
        width: 100%;
        flex: 0 0 auto;
        text-align: center;
    }

    span.childPrice {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 15px;
    }

    .childInfo-heading span.headingCheck-box {
        font-weight: 700;
        font-size: 13px;
        color: #000;
        line-height: 17px;
        display: inline-block;
    }

    .headingBox-cover h3 {
        font-size: 15px;
    }

        .headingBox-cover h3 span, .infoSub-heading h4 span {
            font-weight: 400;
            font-size: 13px;
        }
    ul.changeDriver-rentalCar {
        margin-inline: -5px;
        gap: 5px 0px;
    }
    ul.changeDriver-rentalCar li{
        padding-inline:5px;
    }
    ul.changeSearch-rentalForm li, ul.changeSearch-rentalForm li:nth-child(1), ul.changeSearch-rentalForm li:last-child {
        width: 50%;
    }
    ul.changeDriver-rentalCar li {
        width: 100%;
    }
    ul.changeDriver-rentalCar li input[type=checkbox] {
        width: 13px !important;
        height: 13px !important;
    }
    ul.changeSearch-rentalForm li, ul.changeSearch-rentalForm li:nth-child(1), ul.changeSearch-rentalForm li:last-child {
        width: 100%;
    }
    ul.changeSearch-rentalForm:has(.formSame-locationActive) li:nth-child(1), ul.changeSearch-rentalForm:has(.formSame-locationActive) li:nth-child(2) {
        width: 100%;
    }
    .rentalCar-colBoxMob .rentalCar-detailHeading {
        margin-inline: -5px;
    }
    .rentalCar-colBoxMob .rentalCar-detailHeading .rentalCar-image {
        width: 50%;
        border-bottom: 0px;
    }
    .rentalCar-colBoxMob .rentalCar-detailHeading .rentalcar-headingSection {
        width: 50%;
    }
    a.rentalTittle {
        font-size: 16px !important;
    }
    span.rentalFeature-icon {
        width: 15px;
        height: 15px;
    }
    span.rentalFeature-iconContent {
        font-size: 12px;
    }
    .rentalcar-headingSection > p {
        font-size: 13px;
        margin-bottom: 10px;
        font-weight:500 !important;
    }
    .rentalCar-colBoxMob .rentalCar-detailHeading .rentalCar-image, .rentalCar-colBoxMob .rentalCar-detailHeading .rentalcar-headingSection, .rentalCar-colBoxMob .rentalCar-detailHeading > .rentalCar, .rentalCar-colBoxMob .rentalCar-detailHeading .mobPriceBox-cover {
        padding-inline: 10px;
    }
    .rentalCar-contentBox {
        padding-block: 15px;
    }
    .hotePrice-detail h3:not(:empty), .rentalCar-priceContent h3.descriveDesktop span.currencyCount.priceValueAnimate {
        font-size: 14px !important;
        font-weight:500;
    }
    p.searchAddress {
        font-size: 12px;
        height: auto;
    }
    .searchDrop-pickup span {
        font-size: 11px;
        line-height: normal;
        font-weight:500 !important;
    }
    .mobView-rentalHead {
        margin-inline: -2px;
        width: 90px !important;
    }
    .mapView-mob{
        padding-inline:2px !important;
    }
    .changeSearchMob-rentalCover {
        width: calc(100% - 80px);
        padding-right: 10px;
    }
    .mobView-rentalHead span.material-symbols-outlined {
        font-size: 21px;
    }
    .rentalFilter-box.filterBox {
        width: 100% !important;
    }
    .rentalCar-typeBox span, .rentalCar-typeBox p{
        font-size:12px !important;
    }
    .rentalCar-featureList ul {
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        gap: 4px 0px;
    }
    .rentalContainer-heading h2 {
        font-size: 16px;
    }
    li:has(.rentalGroup-time) {
        width: 50% !important;
    }
    .filtersizeboxActive {
        left: -19%;
    }
  
}

@media screen and (max-width:400px){
    .rentalCar-colBoxMob .rentalCar-detailHeading .rentalCar-image, .rentalCar-colBoxMob .rentalCar-detailHeading .rentalcar-headingSection, .rentalCar-colBoxMob .rentalCar-detailHeading > .rentalCar, .rentalCar-colBoxMob .rentalCar-detailHeading .mobPriceBox-cover {
        padding-inline: 10px;
    }

    .rentalCar-contentBox {
        padding-block: 10px;
    }
    .rentalCar-pickupLocate, .rentalCar-dropLocate {
        width: 100%;
        flex: 0 0 auto;
        padding-inline: 5px;
    }
    .filtersizeboxActive {
        left: -39%;
    }
}

@media screen and (max-width:375px){
    .filterBox-open {
        z-index: 10000 !important;
    }

}

.searchItem-list.rentalCar-searchItemList {
    display: none;
}

/* General container styles for the dropdown */
#rentalCarCity_listbox .tt-menu {
    background-color: #fff;
    position: absolute;
    z-index: 1000;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    overflow: hidden;
    width: 100%; /* Adjust based on the input field width */
}

/* Style for each suggestion item */
#rentalCarCity_listbox .tt-suggestion {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 8px 10px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 13px;
    color: #515151;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    /* Hover effect for suggestion items */
    #rentalCarCity_listbox .tt-suggestion:hover {
        background-color: #f8f8f8;
    }

    /* Highlighting the selected suggestion item */
    #rentalCarCity_listbox .tt-suggestion.tt-selectable.tt-cursor {
        background-color: #ebf2fe;
    }

/* Main query text inside the suggestion */
#rentalCarCity_listbox .typeahead-query {
    font-weight: bold;
    color: #000;
    margin-right: 10px;
}

/* Subtitle text for additional information */
#rentalCarCity_listbox .typeahead-subtitle {
    font-size: 11px;
    color: #777;
    margin-left: 25px;
}

/* Highlighted part of the matched query */
#rentalCarCity_listbox .tt-highlight {
    /*  font-weight: bold;*/
    color: #007BFF; /* Use a blue color for highlighting */
}

/* Icon next to the suggestion */
#rentalCarCity_listbox .typeahead-icon img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}