.col-booking-sidebar {
    display: none;
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 19px 16px;
    border-radius: 12px 12px 0 0
}

.col-booking-sidebar button,.col-booking-sidebar a.btn {
    display: flex;
    justify-content: space-between;
    border-radius: 11px;
    font-size: 15px;
    font-weight: 600;
    padding: 12px
}

.col-booking-sidebar a.btn {
    justify-content: center
}

.col-booking-sidebar-toggle {
    background: #2357a0;
    box-shadow: 0px 8px 16px -8px rgba(9,35,53,.5);
    border-radius: 12px;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff
}

.col-booking-sidebar-toggle-container {
    position: fixed;
    bottom: 0;
    padding: 12px;
    z-index: 10
}

.col-booking-sidebar-toggle img {
    filter: brightness(100)
}

.col-booking-sidebar-backdrop {
    display: none;
    background: rgba(0,0,0,.27);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040
}

.col-booking-sidebar .container-payment-summary {
    background: #fff;
    padding: 19px 16px;
    border-radius: 12px;
    border: 1px solid #dde1e4
}

@media(min-width: 992px) {
    .col-booking-sidebar {
        display:block;
        align-self: flex-start;
        position: sticky;
        top: calc(112px + 1rem)
    }

    .col-booking-sidebar-toggle {
        display: none
    }

    .col-booking-sidebar .container-payment-summary {
        width: 320px
    }
}

@media(max-width: 991.98px) {
    .col-booking-sidebar {
        z-index:1060
    }

    .col-booking-sidebar::before {
        content: "";
        display: inline-block;
        position: absolute;
        right: 1rem;
        top: -2.5rem;
        background-color: #fff;
        background-image: url(/img/icons/chevron-up.svg);
        transform: scaleY(-1);
        background-repeat: no-repeat;
        background-size: contain;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        border-width: 10px 9px 9px;
        border-color: #fff;
        border-style: solid;
        pointer-events: none
    }
}

@media(min-width: 992px) {
    .test .col-booking-sidebar {
        top:calc(112px + 32px + 1rem)
    }
}

@media(max-width: 991.98px) {
    .btn-wa {
        bottom:125px
    }

    #fc_frame {
        bottom: 60px !important
    }
}

.payment-summary table {
    width: 100%
}

.payment-summary .table-summary td:last-child {
    text-align: right
}

.payment-summary .table-summary td:first-child {
    text-align: left;
    font-size: 14px
}

.payment-summary .table-summary-total {
    margin-bottom: 32px
}

.payment-summary .table-summary-total .row-pay-now {
    font-size: 18px;
    font-weight: 700
}

.payment-summary .table-summary-total .row-pay-now .total-price-no-discount {
    font-size: 16px;
    font-weight: 500;
    color: var(--bs-dark);
    text-decoration: line-through
}

.payment-summary .table-summary-total .row-pay-later {
    font-size: 14px;
    font-weight: 500
}

.payment-summary .table-summary-total td:last-child {
    text-align: right
}

#form-step-2 .container-payment-summary {
    background: #f9f9f9;
    border: 1px solid #dde1e4
}

#form-step-2 .row-transfer-details {
    --bs-gutter-x: 0;
    background: #fff;
    border: 3px solid #2357a0;
    border-radius: 12px;
    box-shadow: 0px 5px 12px 0px rgba(var(--bs-primary-rgb), 0.15);
    padding: 12px
}

#form-step-2 .row-transfer-details>div {
    text-align: center
}

#form-step-2 .row-transfer-details>div .field-pick-up-time {
    transition: color 0.5s ease-out, font-weight 0.5s ease-in-out;
}

#form-step-2 .row-transfer-details .text-route {
    font-size: 14px;
    font-weight: 500
}

#form-step-2 .row-transfer-details .text-small {
    font-size: 12px
}

#form-step-2 .row-transfer-details .btn-change {
    padding: 12px 16px
}

#form-step-2 .row-transfer-details .btn-change:hover>img,#form-step-2 .row-transfer-details .btn-change:focus>img {
    filter: brightness(10)
}

#form-step-2 .field-transferselection-manualpickuptimedisplay {
    margin-bottom: 0
}

#form-step-2 .field-transferselection-manualpickuptimedisplay input {
    border-left-width: 0
}

#form-step-2 #manual-pickup-dropdown p,#form-step-2 #manual-pickup-dropdown ul {
    font-size: 14px;
    color: rgba(0,0,0,.65);
    max-width: 220px
}

#form-step-2 .container-vehicle {
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    margin-bottom: 28px
}

#form-step-2 .col-vehicle {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px
}

@media(min-width: 576px) {
    #form-step-2 .col-vehicle {
        max-width:275px;
        padding: 0 20px 20px
    }
}

@media(min-width: 1200px) {
    #form-step-2 .col-vehicle {
        max-width:330px
    }
}

#form-step-2 .col-vehicle .img-vehicle {
    max-height: 200px;
    align-self: center
}

#form-step-2 .btn-more-info,#form-step-2 .btn-less-info {
    color: #000;
    font-weight: 500;
    text-decoration: none;
    padding-top: 1rem;
    padding-bottom: 0
}

#form-step-2 .btn-more-info>img {
    transform: scaleY(-1)
}

@media(min-width: 576px) {
    #form-step-2 .container-offers {
        max-width:325px
    }

    #form-step-2 .container-offers-wrapper {
        background: #f7f7f7;
        border-radius: 0 12px 12px 0;
        padding: 10px 30px 20px 30px
    }
}

@media(max-width: 575.98px) {
    #form-step-2 .container-offers .col-offer-direction-vehicle {
        max-width:250px
    }
}

#form-step-2 .container-offers .btn-choose-different-vehicle,#form-step-2 .container-offers .btn-choose-same-vehicle {
    width: 100%;
    font-weight: 500
}

#form-step-2 .col-offer-inner {
    position: relative;
    margin-bottom: 16px
}

#form-step-2 .col-offer-inner>label {
    border: 1px solid #d2dae5;
    background: #fff;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    height: 100%;
    cursor: pointer
}

#form-step-2 .col-offer-inner>input {
    appearance: none;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 12px;
    right: 12px;
    margin-top: 0;
    border: 2px solid #3b69a9;
    border-radius: 50%;
    cursor: pointer
}

#form-step-2 .col-offer-inner>input:checked {
    background: url(/img/icons/checked.svg);
    background-size: cover;
    border: none
}

#form-step-2 .col-offer-inner>input:checked+label {
    border-color: #3b69a9;
    outline: 1px solid #3b69a9;
    box-shadow: 0px 2px 4px 0px rgba(#3b69a9, 0.4)
}

#form-step-2 .col-offer-inner .offer-title {
    font-size: 14px;
    margin: 12px 8px 0
}

#form-step-2 .col-offer-inner .offer-price {
    font-size: 24px;
    font-weight: 700;
    color: var(--bs-success)
}

#form-step-2 .col-offer-inner .offer-price-container {
    margin: 12px 8px
}

#form-step-2 .col-offer-inner .offer-currency {
    font-size: 13px;
    font-weight: 500;
    color: var(--bs-success)
}

#form-step-2 .container-vehicle.shared .col-vehicle {
    max-width: unset
}

#form-step-2 .container-vehicle.shared .container-offers {
    max-width: unset
}

#form-step-2 .container-vehicle.shared .container-offers .col-offer-direction-shared {
    background: #fff;
    border: 1px solid #d2dae5;
    border-radius: 8px;
    padding: 16px 24px;
    overflow-x: auto
}

#form-step-2 .container-vehicle.shared .container-offers .row-offer-header {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

#form-step-2 .container-vehicle.shared .container-offers .row-offer-header>div {
    padding: 8px 16px
}

#form-step-2 .container-vehicle.shared .col-offer-inner {
    margin-bottom: 0;
    font-size: 14px
}

#form-step-2 .container-vehicle.shared .col-offer-inner>label {
    border: none;
    border-radius: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 0
}

#form-step-2 .container-vehicle.shared .col-offer-inner>label>div {
    padding: 8px 16px
}

#form-step-2 .container-vehicle.shared .col-offer-inner:nth-child(odd)>label {
    background: #fafafa
}

#form-step-2 .container-vehicle.shared .col-offer-inner>input {
    padding: 0;
    width: 20px;
    height: 20px;
    left: 14px;
    right: unset
}

#form-step-2 .container-vehicle.shared .col-offer-inner>input:checked+label {
    border-color: unset;
    outline: none;
    box-shadow: none
}

#form-step-2 .container-vehicle.shared .col-offer-inner .offer-price {
    font-size: inherit
}

#form-step-2 .container-vehicle.shared .row-offer-header,#form-step-2 .container-vehicle.shared .col-offer-inner {
    flex-wrap: nowrap
}

#form-step-2 .info-price {
    font-size: 14px;
    color: #2357a0;
    cursor: default
}

.label-transfer-type {
    display: inline-block;
    background: #0f1928;
    border-radius: 50px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    padding: 5px 12px 5px 9px
}

.label-transfer-type .icon-question {
    filter: grayscale(1);
    margin-top: -2px;
    margin-right: -6px
}

.col-other-vehicle {
    background: #f3f3f3;
    border: 3px solid #fff;
    border-radius: 20px
}