/* Start Banner Section */
.banner {
    background-image: url(../../img/testimonial/banner-bg.webp);
    background-size: cover;
}

.banner .banner-container .breadcrumb li a {
    color: var(--black) !important;
}

.banner .breadcrumb li:first-child a {
    width: 18px;
    height: 18px;
}

/* End Banner Section */

/* Start Booking-Cart Section */

.booking-cart .heading {
    width: fit-content;
}

.booking-cart .heading-content a span {
    min-width: 12px;
    height: 15px;
}

.booking-cart .heading-content a span img {
    filter: brightness(0);
    transform: rotate(270deg);
}

.booking-cart .booking-info {
    overflow: auto;
    border: 1px solid var(--darkGreyColor);
    border-radius: 15px;
}

.booking-cart .booking-info tr::after {
    content: '';
    width: calc(100% - 32px);
    border-bottom: 1px solid var(--darkGreyColor);
    position: absolute;
    left: 13px;
    bottom: 0;
}

.booking-cart .booking-info tr:last-child::after {
    content: none;
}

.booking-cart .booking-info th {
    padding: 15px;
}

.booking-cart .booking-info td{
    padding: 15px;
    line-height: 25px;
}

.booking-cart .booking-info td:last-child {
    cursor: pointer;
}

.booking-cart .booking-info .remove-item span {
    width: 30px;
    height: 30px;
}

.booking-cart .booking-info td img :last-child {
    width: 12px;
    height: 12px;
}

.booking-cart .booking-info th:first-child {
    min-width: 185px;
}

.booking-cart .booking-info th:nth-child(2) {
    min-width: 166px;
}

.booking-cart .booking-info th:nth-child(3) {
    min-width: 162px;
}

.booking-cart .booking-info th:nth-child(4) {
    min-width: 110px;
}

.booking-cart .booking-info th:nth-child(5) {
    min-width: 113px;
}

.booking-cart .booking-info th:nth-child(6) {
    min-width: 80px;
}

.booking-cart .booking-info th:nth-child(7) {
    min-width: 65px;
}

.booking-cart .booking-info .quantity {
    padding: 5px 7px;
    width: 80px;
    border: 1px solid var(--darkGreyColor);
}

.booking-cart .booking-info .quantity select{
    text-align:center;
}

.booking-cart .booking-info .quantity label {
    font-size: 13px;
}

.booking-cart .booking-info .quantity select {
    outline: none;
    font-size: 12px;
    cursor: pointer;
}

.booking-cart .booking-info .total-amount {
    color: var(--darkBlue);
}

.booking-cart .remove-item span img {
    filter: brightness(0);
}

.booking-cart .booking-detail {
    padding: 20px 15px;
    background-image: linear-gradient(var(--white), var(--white)), linear-gradient(90deg, #2C67F2 0%, #3CEDB7 100%);
    border: 1px solid transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.14) inset;
    margin-top: 2rem;
}

.booking-cart .booking-detail p {
    border-top: 1px solid var(--darkGreyColor);
}

.booking-cart .booking-detail p b {
    font-size: 15px;
}

.booking-cart .booking-detail p b:nth-of-type(2) {
    background-image: linear-gradient(180deg, #001C43 0%, #012557 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.booking-cart .booking-detail .buttons .btn-blue {
    min-width: 223px;
    padding: 10px;
}

.booking-cart .booking-detail .buttons .btn-blue img {
    filter: brightness(10);
    transform: rotate(90deg);
}

/* End Booking-Cart Section */

@media screen and (min-width:768px) {}


@media screen and (min-width:1024px) {

    /* Start Banner Section */
    .banner .banner-container h1::after {
        content: "";
        background-image: url(../../img/testimonial/arrow.webp);
        background-size: 100% 100%;
        min-width: 85px;
        height: 82px;
        margin-left: 3rem;
    }

    /* End Banner Section */


    /*Start Booking-Cart Section  */
    .booking-cart .booking-info {
        width: 650px;
    }

    .booking-cart .booking-detail {
        width: 253px;
    }

    .booking-cart .booking-detail .btn-blue {
        height: 44px;
        min-height: 44px;
    }

    .booking-cart .booking-detail .btn-blue img {
        height: 14px;
        width: 14px;
    }

    /* End Booking-Cart Section */
}

@media screen and (min-width:1366px) {


    /* Start Banner Section */
    .banner {
        background-size: 100% 100%;
    }

    .banner .banner-container h1 {
        font-size: 50px;
    }

    /* End Banner Section */

    /*Start Booking-Cart Section  */
    .booking-cart .booking-info {
        width: 900px;
    }
    /* End Booking-Cart Section */

}