.confirmation-page .container .booking-confirmation {
    margin: 0
}

.confirmation-page .container .booking-confirmation .booking-confirmed h4 {
    margin-bottom: 5px
}

.confirmation-page .container .booking-confirmation .reservation-details .pick-return-location .location .item h4 {
    line-height: normal
}

.confirmation-page .container .booking-confirmation .payment-method .payment-subsection h2 {
    line-height: 32px;
    margin-bottom: 15px
}

.confirmation-page .container .booking-confirmation .payment-method .payment-subsection h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px
}

.confirmation-page .container .booking-confirmation .payment-method .promo-section ul {
    gap: 12px
}

.confirmation-page .container .booking-confirmation .payment-method .promo-section ul li {
    font-size: 16px;
    line-height: 28px
}

.confirmation-page .container .booking-confirmation .payment-method .promo-section ul li.fw-600 {
    font-weight: 600
}

.confirmation-page .container .booking-confirmation .payment-method .promo-section ul li.fw-600 span {
    font-weight: 400
}

.confirmation-page .container .booking-confirmation .payment-method .promo-section ul li.fs-14 {
    font-size: 14px;
    line-height: 20px
}

.confirmation-page .reservation-details .pick-drop-hide-show {
    display: flex;
    gap: 60px
}

.confirmation-page .reservation-details .pick-drop-hide-show .pick-return-location {
    width: 70%;
    justify-content: space-between;
    position: relative
}

.confirmation-page .reservation-details .pick-drop-hide-show .pick-return-location .location {
    width: calc(50% - 10px)
}

.confirmation-page .reservation-details .pick-drop-hide-show .pick-return-location::after {
    content: "";
    width: 2px;
    height: 100%;
    display: block;
    background-color: #ebebeb;
    position: absolute;
    left: calc(100% + 30px);
    top: 0
}

.confirmation-page .reservation-details .pick-drop-hide-show .short-detail {
    width: 30%;
    justify-content: space-between;
    flex-direction: column;
    margin: 0
}

.confirmation-page .reservation-details .pick-drop-hide-show .short-detail img {
    height: 100px;
    width: 100%;
    max-width: 200px;
    object-fit: contain
}

.confirmation-page .reservation-details .note {
    margin-top: 40px;
    background: #f3f4f8;
    padding: 10px
}

.confirmation-page .reservation-details .note p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    color: #000
}

.booking-confirmation .booking-confirmed hr {
    margin: 15px 0 10px
}

.booking-confirmation .extra-month-note {
    padding: 10px;
    background: #f3f4f8;
    margin-top: 25px
}

.booking-confirmation .extra-month-note h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 12px
}

.booking-confirmation .extra-month-note ul {
    margin: 0
}

.booking-confirmation .extra-month-note ul li span {
    text-align: right
}

.booking-confirmation .extra-month-note ul li span .extrasmall {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.essential-info {
    display: flex;
    gap: 60px
}

.essential-info .items {
    width: calc(33.3333333333% - 10px);
    position: relative
}

.essential-info .items h4 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    margin: 0
}

.essential-info .items p {
    margin-bottom: 10px;
    line-height: 28px
}

.essential-info .items::after {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background-color: #e6e7eb;
    position: absolute;
    left: calc(100% + 30px);
    top: 0
}

.essential-info .items:last-child::after {
    display: none
}

@media(max-width: 991px) {
    .booking-confirmation .row .radius-card {
        margin-top: 15px
    }

    .essential-info {
        display: flex;
        gap: 40px;
        flex-wrap: wrap
    }

    .essential-info .items {
        width: calc(100% - 10px)
    }

    .essential-info .items::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background-color: #e6e7eb;
        position: absolute;
        left: 0;
        top: calc(100% + 20px);
        margin-bottom: 20px
    }

    .confirmation-page .reservation-details .pick-drop-hide-show {
        gap: 40px;
        flex-wrap: wrap
    }

    .confirmation-page .reservation-details .pick-drop-hide-show .pick-return-location {
        width: 100%
    }

    .confirmation-page .reservation-details .pick-drop-hide-show .pick-return-location .location {
        width: calc(100% - 0px)
    }

    .confirmation-page .reservation-details .pick-drop-hide-show .pick-return-location::after {
        content: "";
        width: 100%;
        height: 2px;
        display: block;
        background-color: #ebebeb;
        position: absolute;
        left: 0;
        top: calc(100% + 20px)
    }

    .confirmation-page .reservation-details .pick-drop-hide-show .short-detail {
        width: 100%
    }
}

/*# sourceMappingURL=confirmation.css.map */