@charset "utf-8";

.App {
    text-align: center
}

    .App * {
        box-sizing: border-box
    }

    .App .container {
        padding: 0
    }

    .App .App-logo {
        height: 40vmin;
        pointer-events: none
    }

@media(prefers-reduced-motion:no-preference) {
    .App .App-logo {
        animation: App-logo-spin 20s linear infinite
    }
}

.App .App-header {
    align-items: center;
    background-color: #282c34;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: calc(10px + 2vmin);
    justify-content: center;
    min-height: 100vh
}

.App .App-link {
    color: #61dafb
}

@keyframes App-logo-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.App .search-location-box input::placeholder {
    color: #717171 !important;
    opacity: .4 !important
}

#bus-listing header.experiencefragment, #cab-listing header.experiencefragment, #flight-listing header.experiencefragment, #hotelbooking header.experiencefragment, #hoteldetails header.experiencefragment, #monuments-booking header.experiencefragment, #package-listing header.experiencefragment {
    background: #000
}

#bus-listing .App, #cab-listing .App, #flight-listing .App, #hotelbooking .App, #hoteldetails .App {
    padding-top: 65px
}

#homepage .inspired-get-started {
    background: none
}

.App .spinner_Wezc {
    animation: spinner_Oiah .75s step-end infinite;
    transform-origin: center
}

@keyframes spinner_Oiah {
    8.3% {
        transform: rotate(30deg)
    }

    16.6% {
        transform: rotate(60deg)
    }

    25% {
        transform: rotate(90deg)
    }

    33.3% {
        transform: rotate(120deg)
    }

    41.6% {
        transform: rotate(150deg)
    }

    50% {
        transform: rotate(180deg)
    }

    58.3% {
        transform: rotate(210deg)
    }

    66.6% {
        transform: rotate(240deg)
    }

    75% {
        transform: rotate(270deg)
    }

    83.3% {
        transform: rotate(300deg)
    }

    91.6% {
        transform: rotate(330deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.App .flight-listing .getStartedBanner-content, .App .hotel-listing .getStartedBanner-content {
    justify-content: flex-start !important;
    width: 100% !important
}

.App .flight-listing .form-control::placeholder, .App .hotel-listing .form-control::placeholder {
    color: #c3c3c3;
    font-size: 14px;
    font-weight: 600
}

.App .flight-listing .radio, .App .hotel-listing .radio {
    display: flex
}

    .App .flight-listing .radio label, .App .hotel-listing .radio label {
        cursor: pointer;
        display: flex
    }

    .App .flight-listing .radio input[type=radio], .App .hotel-listing .radio input[type=radio] {
        align-items: center;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        border: 1px solid #c3c3c3;
        border-radius: 50%;
        display: flex;
        height: 14px;
        justify-content: center;
        margin-right: 10px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 14px
    }

        .App .flight-listing .radio input[type=radio]:before, .App .hotel-listing .radio input[type=radio]:before {
            background-color: #ff000f;
            border-radius: 50%;
            content: "";
            height: 8px;
            transform: scale(0);
            transition: transform .12s ease-in-out;
            width: 8px
        }

        .App .flight-listing .radio input[type=radio]:checked:before, .App .hotel-listing .radio input[type=radio]:checked:before {
            transform: scale(1)
        }

.App .flight-listing .checkbox, .App .hotel-listing .checkbox {
    display: flex
}

    .App .flight-listing .checkbox label, .App .hotel-listing .checkbox label {
        align-items: center;
        cursor: pointer;
        display: flex
    }

    .App .flight-listing .checkbox .ellipsis, .App .hotel-listing .checkbox .ellipsis {
        line-height: normal;
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .App .flight-listing .checkbox input[type=checkbox], .App .hotel-listing .checkbox input[type=checkbox] {
        align-items: center;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        border: 1px solid #a9a9a9;
        border-radius: 2px;
        border-radius: 3px;
        cursor: pointer;
        display: flex;
        flex: 1 0 20px;
        height: 20px;
        justify-content: center;
        margin-right: 10px;
        max-width: 20px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 20px
    }

        .App .flight-listing .checkbox input[type=checkbox]:checked:before, .App .hotel-listing .checkbox input[type=checkbox]:checked:before {
            color: #ff000f;
            content: "";
            font-family: bootstrap-icons !important;
            font-size: 1pc
        }

.App .flight-listing .datepicker, .App .flight-listing label, .App .hotel-listing .datepicker, .App .hotel-listing label {
    font-size: 14px;
    font-weight: 600
}

.App .flight-listing .price-range-slider, .App .hotel-listing .price-range-slider {
    width: 100%
}

    .App .flight-listing .price-range-slider .range-value, .App .hotel-listing .price-range-slider .range-value {
        display: flex;
        justify-content: space-between
    }

        .App .flight-listing .price-range-slider .range-value div, .App .hotel-listing .price-range-slider .range-value div {
            font-size: 9pt;
            font-weight: 600
        }

    .App .flight-listing .price-range-slider .range-bar, .App .hotel-listing .price-range-slider .range-bar {
        background: #ddd;
        border: none;
        height: 3px;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 100%;
        width: calc(100% - 25px)
    }

        .App .flight-listing .price-range-slider .range-bar .ui-slider-range, .App .hotel-listing .price-range-slider .range-bar .ui-slider-range {
            background: #ff000f
        }

        .App .flight-listing .price-range-slider .range-bar .ui-slider-handle, .App .hotel-listing .price-range-slider .range-bar .ui-slider-handle {
            background: #ddd;
            border: 0;
            border-radius: 50%;
            cursor: pointer;
            height: 25px;
            margin-left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 25px
        }

            .App .flight-listing .price-range-slider .range-bar .ui-slider-handle:focus-visible, .App .hotel-listing .price-range-slider .range-bar .ui-slider-handle:focus-visible {
                outline: 0
            }

            .App .flight-listing .price-range-slider .range-bar .ui-slider-handle:before, .App .hotel-listing .price-range-slider .range-bar .ui-slider-handle:before {
                color: #fff;
                content: "";
                font-family: bootstrap-icons;
                font-size: 22px;
                font-size: 9pt;
                margin-left: 4px
            }

            .App .flight-listing .price-range-slider .range-bar .ui-slider-handle + span, .App .hotel-listing .price-range-slider .range-bar .ui-slider-handle + span {
                background: #ff000f;
                border-radius: 50%;
                cursor: pointer;
                height: 25px;
                width: 25px
            }

                .App .flight-listing .price-range-slider .range-bar .ui-slider-handle + span:before, .App .hotel-listing .price-range-slider .range-bar .ui-slider-handle + span:before {
                    color: #fff;
                    content: "";
                    font-family: icomoon
                }

.App .flight-listing .content-block, .App .hotel-listing .content-block {
    background-color: #f0f0f0;
    border-radius: 3px;
    color: #000;
    margin-bottom: 20px;
    padding: 60px 20px;
    position: relative
}

    .App .flight-listing .content-block .title, .App .hotel-listing .content-block .title {
        text-align: left
    }

    .App .flight-listing .content-block .btn-primary, .App .hotel-listing .content-block .btn-primary {
        border-radius: 5px !important;
        font-size: 18px !important;
        padding: 6px 15px !important;
        width: 100%
    }

    .App .flight-listing .content-block p, .App .hotel-listing .content-block p {
        font-size: 1pc;
        font-weight: 600
    }

        .App .flight-listing .content-block p.txt-small, .App .hotel-listing .content-block p.txt-small {
            font-size: 9pt;
            font-weight: 500
        }

    .App .flight-listing .content-block .text-red, .App .flight-listing .content-block .text-red p, .App .hotel-listing .content-block .text-red, .App .hotel-listing .content-block .text-red p {
        color: #ff000f
    }

    .App .flight-listing .content-block .show-more-less, .App .hotel-listing .content-block .show-more-less {
        text-align: left
    }

        .App .flight-listing .content-block .show-more-less button, .App .hotel-listing .content-block .show-more-less button {
            color: #ff000f;
            font-size: 9pt;
            font-weight: 600
        }

@media(min-width:1500px) {
    .App .flight-listing .content-block .show-more-less button, .App .hotel-listing .content-block .show-more-less button {
        font-size: 18px
    }
}

.App .flight-listing .bi-star-fill, .App .hotel-listing .bi-star-fill {
    color: #ffcb00;
    font-size: 9pt
}

.App .flight-listing .results-found, .App .hotel-listing .results-found {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

    .App .flight-listing .results-found p, .App .hotel-listing .results-found p {
        font-size: 14px;
        font-weight: 500
    }

.App .flight-listing .progress-bar, .App .hotel-listing .progress-bar {
    background: linear-gradient(90deg,#ff000f 20%,#c3c3c3 0);
    height: 2px;
    margin-bottom: 10px;
    width: 100%
}

.App .flight-listing .sort-by, .App .hotel-listing .sort-by {
    display: none;
    margin-bottom: 10px;
    text-align: left
}

@media(min-width:992px) {
    .App .flight-listing .sort-by, .App .hotel-listing .sort-by {
        display: block
    }
}

.App .flight-listing .sort-by p, .App .hotel-listing .sort-by p {
    font-size: 1pc;
    font-weight: 700
}

.App .flight-listing .accordion, .App .hotel-listing .accordion {
    margin-bottom: 20px
}

.App .flight-listing .accordion-item, .App .hotel-listing .accordion-item {
    border-left: 0;
    border-radius: 0;
    border-right: 0
}

.App .flight-listing .accordion-body, .App .hotel-listing .accordion-body {
    background: #f0f0f0;
    padding: 0 25px;
    width: 100%
}

.App .flight-listing .accordion-button, .App .hotel-listing .accordion-button {
    background: #f0f0f0;
    box-shadow: none;
    color: #000;
    font-size: 18px;
    font-weight: 700
}

    .App .flight-listing .accordion-button:after, .App .hotel-listing .accordion-button:after {
        display: none;
        rotate: -90deg
    }

    .App .flight-listing .accordion-button.collapsed:after, .App .hotel-listing .accordion-button.collapsed:after {
        display: block
    }

.App .flight-listing .hotels__listing__tab_new .nav-tabs, .App .hotel-listing .hotels__listing__tab_new .nav-tabs {
    border: 0
}

.App .flight-listing .hotels__listing__tab_new .inc-card-btn, .App .hotel-listing .hotels__listing__tab_new .inc-card-btn {
    display: block;
    margin: 10px 0 0 !important
}

.App .flight-listing .hotels__listing__tab_new .nav-link, .App .hotel-listing .hotels__listing__tab_new .nav-link {
    background-color: #fff;
    border: 1.333px solid #c3c3c3;
    border-radius: 3px;
    color: #000;
    flex: 1;
    font-size: 9pt;
    font-weight: 700;
    height: 50px;
    margin-bottom: 30px;
    padding: 5px;
    text-align: center
}

@media(min-width:992px) {
    .App .flight-listing .hotels__listing__tab_new .nav-link, .App .hotel-listing .hotels__listing__tab_new .nav-link {
        font-size: 15px;
        margin-right: 20px;
        padding: 1pc
    }
}

@media(min-width:1500px) {
    .App .flight-listing .hotels__listing__tab_new .nav-link, .App .hotel-listing .hotels__listing__tab_new .nav-link {
        height: 62px
    }
}

.App .flight-listing .hotels__listing__tab_new .nav-link:first-of-type, .App .hotel-listing .hotels__listing__tab_new .nav-link:first-of-type {
    margin-right: 10px
}

.App .flight-listing .hotels__listing__tab_new .nav-link i, .App .hotel-listing .hotels__listing__tab_new .nav-link i {
    color: #000
}

.App .flight-listing .hotels__listing__tab_new .nav-link:after, .App .hotel-listing .hotels__listing__tab_new .nav-link:after {
    display: none
}

.App .flight-listing .hotels__listing__tab_new .nav-link:last-child, .App .hotel-listing .hotels__listing__tab_new .nav-link:last-child {
    margin-right: 0
}

.App .flight-listing .hotels__listing__tab_new #nav-view-map-tab, .App .hotel-listing .hotels__listing__tab_new #nav-view-map-tab {
    align-items: center;
    background-color: #c7eced;
    border: none;
    display: none !important;
    flex: 0 1 auto;
    padding: 0 15px
}

@media(min-width:992px) {
    .App .flight-listing .hotels__listing__tab_new #nav-view-map-tab, .App .hotel-listing .hotels__listing__tab_new #nav-view-map-tab {
        display: flex !important
    }
}

.App .flight-listing .hotels__listing__tab_new #nav-view-map-tab .btn, .App .hotel-listing .hotels__listing__tab_new #nav-view-map-tab .btn {
    border: none;
    font-size: 9pt !important;
    font-weight: 600;
    padding: 5px 15px
}

@media(min-width:1500px) {
    .App .flight-listing .hotels__listing__tab_new #nav-view-map-tab .btn, .App .hotel-listing .hotels__listing__tab_new #nav-view-map-tab .btn {
        font-size: 18px !important;
        font-weight: 700
    }
}

.App .flight-listing .hotels__listing__tab_new #nav-view-map-tab:after, .App .hotel-listing .hotels__listing__tab_new #nav-view-map-tab:after {
    content: ""
}

.App .flight-listing .card, .App .hotel-listing .card {
    background: #f3f3f3;
    border: 0;
    flex-direction: column;
    margin-bottom: 20px;
    margin: 0 0 25px !important;
    position: relative;
    width: 100% !important
}

@media(min-width:992px) {
    .App .flight-listing .card, .App .hotel-listing .card {
        flex-direction: row
    }
}

.App .flight-listing .card .card-body-content, .App .hotel-listing .card .card-body-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding: 15px
}

@media(min-width:992px) {
    .App .flight-listing .card .card-body-content, .App .hotel-listing .card .card-body-content {
        width: 47% !important
    }
}

@media(min-width:992px)and (max-width:1024px) {
    .App .flight-listing .card .card-body-content, .App .hotel-listing .card .card-body-content {
        width: 60% !important
    }
}

.App .flight-listing .card .card-title, .App .hotel-listing .card .card-title {
    font-size: 18px;
    font-weight: 700;
    text-align: left
}

.App .flight-listing .card-img-top, .App .hotel-listing .card-img-top {
    border-radius: 5px;
    max-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(min-width:992px) {
    .App .flight-listing .card-img-top, .App .hotel-listing .card-img-top {
        max-width: 275px;
        min-height: 360px
    }
}

@media(min-width:992px)and (max-width:1024px) {
    .App .flight-listing .card-img-top, .App .hotel-listing .card-img-top {
        max-width: 230px;
        min-height: 405px
    }
}

.App .flight-listing .card .card-text, .App .hotel-listing .card .card-text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
    width: 100%
}

    .App .flight-listing .card .card-text .inc-border, .App .hotel-listing .card .card-text .inc-border {
        border: 1px solid #c3c3c3;
        margin: 10px 0;
        width: 100%
    }

    .App .flight-listing .card .card-text p, .App .hotel-listing .card .card-text p {
        font-size: 9pt;
        font-weight: 400;
        margin-bottom: 5px;
        text-align: left
    }

    .App .flight-listing .card .card-text .card-address, .App .hotel-listing .card .card-text .card-address {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-height: 36px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .App .flight-listing .card .card-text a, .App .hotel-listing .card .card-text a {
        color: #ff000f;
        text-decoration: none
    }

    .App .flight-listing .card .card-text .price, .App .hotel-listing .card .card-text .price {
        color: #ff000f;
        font-weight: 700
    }

    .App .flight-listing .card .card-text .card-features, .App .hotel-listing .card .card-text .card-features {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-bottom: 20px;
        width: 100%
    }

        .App .flight-listing .card .card-text .card-features .card-amenities, .App .hotel-listing .card .card-text .card-features .card-amenities {
            align-items: flex-start;
            display: flex;
            flex-wrap: wrap;
            font-size: 9pt;
            justify-content: flex-start;
            width: 65%
        }

            .App .flight-listing .card .card-text .card-features .card-amenities .aminities, .App .hotel-listing .card .card-text .card-features .card-amenities .aminities {
                align-items: center;
                display: flex;
                font-size: 10px;
                font-weight: 500;
                margin-bottom: 5px;
                margin-right: 7px
            }

                .App .flight-listing .card .card-text .card-features .card-amenities .aminities img, .App .hotel-listing .card .card-text .card-features .card-amenities .aminities img {
                    margin-right: 5px;
                    width: 20px !important
                }

@media(min-width:1500px) {
    .App .flight-listing .card .card-text .card-features .card-amenities .aminities img, .App .hotel-listing .card .card-text .card-features .card-amenities .aminities img {
        width: 25px !important
    }
}

.App .flight-listing .card .card-text .card-features .card-amenities .free-wifi, .App .flight-listing .card .card-text .card-features .card-amenities .parking, .App .flight-listing .card .card-text .card-features .card-amenities .pool, .App .flight-listing .card .card-text .card-features .card-amenities .restaurant, .App .flight-listing .card .card-text .card-features .card-amenities .spa, .App .hotel-listing .card .card-text .card-features .card-amenities .free-wifi, .App .hotel-listing .card .card-text .card-features .card-amenities .parking, .App .hotel-listing .card .card-text .card-features .card-amenities .pool, .App .hotel-listing .card .card-text .card-features .card-amenities .restaurant, .App .hotel-listing .card .card-text .card-features .card-amenities .spa {
    white-space: nowrap
}

.App .flight-listing .card .card-text .card-features .card-badges, .App .hotel-listing .card .card-text .card-features .card-badges {
    display: flex;
    justify-content: center;
    padding-right: 0;
    width: 35%
}

    .App .flight-listing .card .card-text .card-features .card-badges img, .App .hotel-listing .card .card-text .card-features .card-badges img {
        margin-left: 5px;
        max-width: 40px
    }

.App .flight-listing .card .card-text .card-booking-hotels-list, .App .hotel-listing .card .card-text .card-booking-hotels-list {
    display: flex;
    flex: 1;
    flex-basis: calc(50% - 16px);
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1pc;
    justify-content: flex-start;
    width: 100%
}

@media(min-width:1200px) {
    .App .flight-listing .card .card-text .card-booking-hotels-list, .App .hotel-listing .card .card-text .card-booking-hotels-list {
        flex-basis: auto;
        flex-wrap: nowrap;
        gap: 0
    }
}

.App .flight-listing .card .card-text .card-booking-hotels-list .bi-currency-rupee, .App .hotel-listing .card .card-text .card-booking-hotels-list .bi-currency-rupee {
    font-size: 13px;
    font-weight: 700
}

@media(min-width:992px)and (max-width:1024px) {
    .App .flight-listing .card .card-text .card-booking-hotels-list .bi-currency-rupee, .App .hotel-listing .card .card-text .card-booking-hotels-list .bi-currency-rupee {
        font-size: 11px
    }
}

.App .flight-listing .card .card-text .card-booking-hotels-list .card-booking-list, .App .hotel-listing .card .card-text .card-booking-hotels-list .card-booking-list {
    align-items: flex-start;
    border-right: 2px solid #c3c3c3;
    display: flex;
    flex: 1 0 33%;
    flex-direction: column;
    justify-content: center;
    max-width: 33%;
    padding: 0 15px
}

    .App .flight-listing .card .card-text .card-booking-hotels-list .card-booking-list:nth-child(2n), .App .hotel-listing .card .card-text .card-booking-hotels-list .card-booking-list:nth-child(2n) {
        border-right: none
    }

@media(min-width:1200px) {
    .App .flight-listing .card .card-text .card-booking-hotels-list .card-booking-list:nth-child(2n), .App .hotel-listing .card .card-text .card-booking-hotels-list .card-booking-list:nth-child(2n) {
        border-right: 2px solid #c3c3c3
    }
}

.App .flight-listing .card .card-text .card-booking-hotels-list .card-booking-list button, .App .hotel-listing .card .card-text .card-booking-hotels-list .card-booking-list button {
    background: none !important;
    border: none;
    color: #ff000f !important;
    font-size: 10px !important;
    padding: 0 !important;
    text-align: left
}

@media(min-width:768px) {
    .App .flight-listing .card .card-text .card-booking-hotels-list .card-booking-list button, .App .hotel-listing .card .card-text .card-booking-hotels-list .card-booking-list button {
        font-size: 13px !important
    }
}

@media(min-width:1500px) {
    .App .flight-listing .card .card-text .card-booking-hotels-list .card-booking-list button, .App .hotel-listing .card .card-text .card-booking-hotels-list .card-booking-list button {
        font-size: 18px !important
    }
}

.App .flight-listing .card .card-text .card-booking-hotels-list .card-booking-list .card-booking-details, .App .hotel-listing .card .card-text .card-booking-hotels-list .card-booking-list .card-booking-details {
    font-size: 9pt;
    font-weight: 600
}

.App .flight-listing .card .card-text .card-booking-hotels-list .card-booking-list .card-booking-title, .App .hotel-listing .card .card-text .card-booking-hotels-list .card-booking-list .card-booking-title {
    font-size: 9pt
}

.App .flight-listing .card .card-text .card-booking-hotels-list .card-booking-list:last-child, .App .hotel-listing .card .card-text .card-booking-hotels-list .card-booking-list:last-child {
    border-right: none
}

@media(min-width:1200px) {
    .App .flight-listing .card .card-text .card-booking-hotels-list .card-booking-list:first-child, .App .hotel-listing .card .card-text .card-booking-hotels-list .card-booking-list:first-child {
        padding-left: 0
    }
}

.App .flight-listing .card .card-text-overlay, .App .hotel-listing .card .card-text-overlay {
    border-radius: 5px;
    bottom: 10px;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 100%
}

@media(min-width:992px) {
    .App .flight-listing .card .card-text-overlay, .App .hotel-listing .card .card-text-overlay {
        background: #fff;
        max-width: 150px;
        position: absolute
    }
}

@media(min-width:1500px) {
    .App .flight-listing .card .card-text-overlay, .App .hotel-listing .card .card-text-overlay {
        max-width: 238px
    }
}

.App .flight-listing .card .card-text-overlay .card-text-overlay-content, .App .hotel-listing .card .card-text-overlay .card-text-overlay-content {
    align-items: center;
    background: #fff;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 10px;
    padding: 15px
}

@media(min-width:992px) {
    .App .flight-listing .card .card-text-overlay .card-text-overlay-content, .App .hotel-listing .card .card-text-overlay .card-text-overlay-content {
        flex-direction: column;
        margin: 0;
        padding: 0
    }
}

.App .flight-listing .card .card-text-overlay .btn-primary, .App .hotel-listing .card .card-text-overlay .btn-primary {
    border: none;
    bottom: 10px;
    font-size: 9pt !important;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .flight-listing .card .card-text-overlay .btn-primary, .App .hotel-listing .card .card-text-overlay .btn-primary {
        font-size: 1pc !important
    }
}

.App .flight-listing .card .card-text-overlay .card-overlay-text, .App .hotel-listing .card .card-text-overlay .card-overlay-text {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center
}

@media(min-width:992px) {
    .App .flight-listing .card .card-text-overlay .card-overlay-text, .App .hotel-listing .card .card-text-overlay .card-overlay-text {
        margin-top: 50px
    }
}

.App .flight-listing .card .card-text-overlay .card-overlay-text img, .App .hotel-listing .card .card-text-overlay .card-overlay-text img {
    display: inline;
    max-width: 90pt
}

.App .flight-listing .card .card-text-overlay .bi-currency-rupee, .App .hotel-listing .card .card-text-overlay .bi-currency-rupee {
    font-size: 24px;
    font-weight: 700
}

@media(min-width:768px) {
    .App .flight-listing .card .card-text-overlay .bi-currency-rupee, .App .hotel-listing .card .card-text-overlay .bi-currency-rupee {
        font-size: 26px
    }
}

@media(min-width:1500px) {
    .App .flight-listing .card .card-text-overlay .bi-currency-rupee, .App .hotel-listing .card .card-text-overlay .bi-currency-rupee {
        font-size: 40px;
        line-height: 44px
    }
}

.App .flight-listing .card .card-text-overlay .card-overlay-amount p, .App .hotel-listing .card .card-text-overlay .card-overlay-amount p {
    font-size: 10px;
    font-weight: 500
}

@media(min-width:1500px) {
    .App .flight-listing .card .card-text-overlay .card-overlay-amount p, .App .hotel-listing .card .card-text-overlay .card-overlay-amount p {
        font-size: 14px
    }
}

.App .flight-listing .card .card-text-overlay .text-red, .App .hotel-listing .card .card-text-overlay .text-red {
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    padding: 10px 0 0
}

    .App .flight-listing .card .card-text-overlay .text-red.free-wifi, .App .hotel-listing .card .card-text-overlay .text-red.free-wifi {
        display: none
    }

.App .flight-listing .pagination .bi-arrow-left-circle-fill, .App .flight-listing .pagination .bi-arrow-right-circle-fill, .App .hotel-listing .pagination .bi-arrow-left-circle-fill, .App .hotel-listing .pagination .bi-arrow-right-circle-fill {
    color: #ff000f;
    font-size: 34px;
    font-size: 14px
}

    .App .flight-listing .pagination .bi-arrow-left-circle-fill:before, .App .flight-listing .pagination .bi-arrow-right-circle-fill:before, .App .hotel-listing .pagination .bi-arrow-left-circle-fill:before, .App .hotel-listing .pagination .bi-arrow-right-circle-fill:before {
        position: relative;
        top: 8px
    }

.App .flight-listing .pagination .page-item, .App .hotel-listing .pagination .page-item {
    display: flex;
    justify-content: center
}

    .App .flight-listing .pagination .page-item:not(.inc-prev-anchor,.inc-next-anchor), .App .hotel-listing .pagination .page-item:not(.inc-prev-anchor,.inc-next-anchor) {
        position: relative;
        top: 6px
    }

    .App .flight-listing .pagination .page-item .page-link, .App .hotel-listing .pagination .page-item .page-link {
        color: #000;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none
    }

    .App .flight-listing .pagination .page-item.active .page-link, .App .hotel-listing .pagination .page-item.active .page-link {
        background: #ff000f;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        height: 35px;
        line-height: 35px;
        margin: 0 10px;
        text-align: center;
        width: 35px
    }

    .App .flight-listing .pagination .page-item.disabled .page-link, .App .hotel-listing .pagination .page-item.disabled .page-link {
        color: #707070
    }

@media(min-width:576px) {
    .App .flight-listing .pagination, .App .hotel-listing .pagination {
        align-items: center;
        display: flex;
        list-style: none;
        padding-left: 0
    }

        .App .flight-listing .pagination .inc-prev-anchor, .App .hotel-listing .pagination .inc-prev-anchor {
            display: flex;
            justify-content: flex-start;
            width: 100%
        }

        .App .flight-listing .pagination .inc-next-anchor, .App .hotel-listing .pagination .inc-next-anchor {
            display: flex;
            justify-content: flex-end;
            width: 100%
        }
}

.App .flight-listing .getStartedBanner .show, .App .hotel-listing .getStartedBanner .show {
    display: block !important
}

.App .flight-listing .getStartedBanner .hide, .App .hotel-listing .getStartedBanner .hide {
    display: none !important
}

.App .flight-listing .css-152boih:after, .App .hotel-listing .css-152boih:after {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 10px
}

.App .flight-listing .inc-mobile-filters-accordion, .App .hotel-listing .inc-mobile-filters-accordion {
    align-items: center;
    background-color: #ff000f;
    border-radius: 5px;
    color: #fff;
    display: flex;
    height: 50px;
    justify-content: center;
    padding: 10px 15px;
    position: relative;
    width: 100%
}

@media(min-width:992px) {
    .App .flight-listing .inc-mobile-filters-accordion, .App .hotel-listing .inc-mobile-filters-accordion {
        display: none
    }
}

.App .flight-listing .inc-mobile-filters-accordion:before, .App .hotel-listing .inc-mobile-filters-accordion:before {
    color: #fff;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px
}

.App .flight-listing .inc-desktop-filters, .App .hotel-listing .inc-desktop-filters {
    display: none
}

@media(min-width:992px) {
    .App .flight-listing .inc-desktop-filters, .App .hotel-listing .inc-desktop-filters {
        display: block
    }
}

.App .flight-listing .inc-mobile-filters, .App .hotel-listing .inc-mobile-filters {
    display: block;
    margin-right: 10px
}

@media(min-width:992px) {
    .App .flight-listing .inc-mobile-filters, .App .hotel-listing .inc-mobile-filters {
        display: none
    }
}

.App .flight-listing .inc-mobile-filters .content-block, .App .hotel-listing .inc-mobile-filters .content-block {
    left: 0;
    position: absolute;
    top: 63px;
    width: 100%;
    z-index: 12
}

@media(min-width:1500px) {
    .App section.hotel-details-ota .card-img-top, .App section.hotel-listing .card-img-top {
        max-width: 300px;
        min-height: 436px
    }
}

@media(min-width:1680px) {
    .App section.hotel-details-ota .card-img-top, .App section.hotel-listing .card-img-top {
        max-width: 26pc;
        min-height: 450px
    }
}

@media(min-width:1500px) {
    .App section.hotel-details-ota #nav-Hotels, .App section.hotel-listing #nav-Hotels {
        padding-bottom: 65px !important;
        padding-top: 0 !important
    }

    .App section.hotel-details-ota .inc-container.mt-5, .App section.hotel-listing .inc-container.mt-5 {
        margin-top: 65px !important
    }

        .App section.hotel-details-ota .inc-container.mt-5 .row .col-lg-9, .App section.hotel-listing .inc-container.mt-5 .row .col-lg-9 {
            padding-left: 17px
        }

    .App section.hotel-details-ota .sort-by p, .App section.hotel-listing .sort-by p {
        font-size: 25px !important;
        line-height: 40px
    }

    .App section.hotel-details-ota .hotels__listing__tab_new .inc-card-btn, .App section.hotel-listing .hotels__listing__tab_new .inc-card-btn {
        margin-top: 30px !important
    }

    .App section.hotel-details-ota .hotels__listing__tab_new #nav-view-map-tab, .App section.hotel-listing .hotels__listing__tab_new #nav-view-map-tab {
        justify-content: center;
        width: 246px
    }

    .App section.hotel-details-ota .hotels__listing__tab_new .nav-link, .App section.hotel-listing .hotels__listing__tab_new .nav-link {
        font-size: 22px !important;
        font-weight: 600 !important;
        height: 62px !important;
        line-height: 35px;
        max-width: 520px !important
    }
}

.App section.hotel-details-ota .hotels__listing__tab_new .nav-ratings-tab, .App section.hotel-listing .hotels__listing__tab_new .nav-ratings-tab {
    font-weight: 700
}

@media(min-width:1500px) {
    .App section.hotel-details-ota .card .card-body-content, .App section.hotel-listing .card .card-body-content {
        padding-left: 35px !important;
        padding-top: 40px !important
    }

    .App section.hotel-details-ota .card .card-text-overlay .card-overlay-text, .App section.hotel-listing .card .card-text-overlay .card-overlay-text {
        margin-top: 75px
    }

    .App section.hotel-details-ota .card .card-text-overlay, .App section.hotel-listing .card .card-text-overlay {
        max-width: 238px
    }

        .App section.hotel-details-ota .card .card-text-overlay .btn-primary, .App section.hotel-listing .card .card-text-overlay .btn-primary {
            font-size: 1pc !important
        }

    .App section.hotel-details-ota .card .card-title, .App section.hotel-listing .card .card-title {
        font-size: 28px !important
    }

    .App section.hotel-details-ota .card .card-text .card-features, .App section.hotel-listing .card .card-text .card-features {
        padding-bottom: 40px
    }

        .App section.hotel-details-ota .card .card-text .card-features .card-amenities .aminities, .App section.hotel-listing .card .card-text .card-features .card-amenities .aminities {
            font-size: 14px !important
        }

            .App section.hotel-details-ota .card .card-text .card-features .card-amenities .aminities img, .App section.hotel-listing .card .card-text .card-features .card-amenities .aminities img {
                width: 25px !important
            }

    .App section.hotel-details-ota .card .card-text .card-booking-hotels-list .card-booking-list button, .App section.hotel-listing .card .card-text .card-booking-hotels-list .card-booking-list button {
        font-size: 1pc !important
    }

    .App section.hotel-details-ota .card .card-text .card-booking-hotels-list .card-booking-list .card-booking-title, .App section.hotel-listing .card .card-text .card-booking-hotels-list .card-booking-list .card-booking-title {
        font-size: 18px !important;
        font-weight: 500 !important
    }

    .App section.hotel-details-ota .card .card-text .card-booking-hotels-list .bi-currency-rupee, .App section.hotel-listing .card .card-text .card-booking-hotels-list .bi-currency-rupee {
        font-size: 21px;
        font-weight: 700;
        line-height: 40px
    }

    .App section.hotel-details-ota .card .card-text .card-booking-hotels-list .card-overlay-amount p, .App section.hotel-listing .card .card-text .card-booking-hotels-list .card-overlay-amount p {
        font-size: 14px
    }

    .App section.hotel-details-ota .card .card-text p, .App section.hotel-listing .card .card-text p {
        font-size: 14px !important;
        font-weight: 500;
        line-height: 19px
    }
}

.App section.hotel-details-ota .card .card-text .info-text-p, .App section.hotel-listing .card .card-text .info-text-p {
    font-size: 10px;
    font-weight: 500;
    padding-top: 15px
}

@media(min-width:1500px) {
    .App section.hotel-details-ota .card .card-text .info-text-p, .App section.hotel-listing .card .card-text .info-text-p {
        font-size: 14px !important;
        line-height: 19px
    }

    .App section.hotel-details-ota .content-block hr, .App section.hotel-listing .content-block hr {
        margin: 2pc 0 !important
    }

    .App section.hotel-details-ota .content-block, .App section.hotel-listing .content-block {
        padding: 60px 33px !important
    }
}

@media(min-width:992px)and (max-width:1024px) {
    .App section.hotel-details-ota .content-block, .App section.hotel-listing .content-block {
        padding: 60px 9pt !important
    }
}

@media(min-width:1500px) {
    .App section.hotel-details-ota .content-block .clear-all-filters, .App section.hotel-listing .content-block .clear-all-filters {
        font-size: 18px;
        top: 30px
    }
}

@media(min-width:992px)and (max-width:1024px) {
    .App section.hotel-details-ota .content-block .clear-all-filters, .App section.hotel-listing .content-block .clear-all-filters {
        font-size: 9pt !important
    }
}

@media(min-width:1500px) {
    .App section.hotel-details-ota .content-block .price-range-slider .price-range, .App section.hotel-listing .content-block .price-range-slider .price-range {
        font-size: 18px;
        font-weight: 600
    }

    .App section.hotel-details-ota .content-block .title h6, .App section.hotel-listing .content-block .title h6 {
        font-size: 26px !important;
        line-height: 34px
    }
}

@media(min-width:992px)and (max-width:1024px) {
    .App section.hotel-details-ota .content-block .title h6, .App section.hotel-listing .content-block .title h6 {
        font-size: 14px !important
    }
}

@media(min-width:1500px) {
    .App section.hotel-details-ota .content-block .show-more-less button, .App section.hotel-listing .content-block .show-more-less button {
        font-size: 20px !important;
        font-weight: 700
    }
}

@media(min-width:992px)and (max-width:1024px) {
    .App section.hotel-details-ota .content-block .show-more-less button, .App section.hotel-listing .content-block .show-more-less button {
        font-size: 14px !important
    }
}

@media(min-width:1500px) {
    .App section.hotel-details-ota .checkbox .ellipsis, .App section.hotel-listing .checkbox .ellipsis {
        font-size: 20px;
        max-width: 15pc !important
    }
}

@media(min-width:992px)and (max-width:1024px) {
    .App section.hotel-details-ota .checkbox .ellipsis, .App section.hotel-listing .checkbox .ellipsis {
        font-size: 9pt;
        max-width: 75pt !important
    }
}

@media(min-width:1500px) {
    .App section.hotel-details-ota .tab-content .card-body .load-more, .App section.hotel-listing .tab-content .card-body .load-more {
        margin: 5px 0 !important
    }

        .App section.hotel-details-ota .tab-content .card-body .load-more button, .App section.hotel-listing .tab-content .card-body .load-more button {
            font-size: 1pc !important;
            margin-top: 55px
        }

    .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label .calendar-icon svg, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label .calendar-icon svg {
        width: 30px
    }

    .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label span .bi-caret-down-fill, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label span .bi-caret-down-fill {
        font-size: 15px
    }

    .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields {
        min-height: 92px
    }

    .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .lbl_input, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .lbl_input {
        font-size: 18px;
        line-height: 35px
    }
}

@media(min-width:1680px) {
    .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .lbl_input, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .lbl_input {
        font-size: 22px;
        line-height: 35px
    }
}

@media(min-width:1500px) {
    .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .date-label .bi-caret-down-fill, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .date-label .bi-caret-down-fill {
        font-size: 15px
    }

    .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown {
        min-height: 92px
    }

    .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .getStarted-Search, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .getStarted-Search {
        border-radius: 5px;
        min-height: 89px
    }

        .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .getStarted-Search .bi-search:before, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .getStarted-Search .bi-search:before {
            font-size: 25px !important
        }

    .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box {
        min-height: 92px
    }

        .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box input, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box input {
            font-size: 30px;
            height: 35px
        }

    .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .form-fields .htl_guests, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .htl_guests {
        top: 40px
    }

        .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .form-fields .htl_guests .fnt13 .fnt30, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .htl_guests .fnt13 .fnt30 {
            font-size: 30px
        }

        .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .form-fields .htl_guests .fnt13 #checkinMM, .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .form-fields .htl_guests .fnt13 #checkoutMM, .App section.hotel-details-ota .getStartedBanner #nav-Hotels .getStarted-form .form-fields .htl_guests .fnt13 .lbl, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .htl_guests .fnt13 #checkinMM, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .htl_guests .fnt13 #checkoutMM, .App section.hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .htl_guests .fnt13 .lbl {
            font-size: 22px;
            font-weight: 500
        }
}

.App .price-modal {
    align-items: center;
    background: rgba(0,0,0,.5);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999
}

    .App .price-modal .price-content {
        background: #fafafa;
        max-width: 550px
    }

    .App .price-modal .price-header {
        background: #f4f4f4;
        border-bottom: 1px solid #ededed;
        padding: 30px;
        position: relative;
        text-align: left
    }

        .App .price-modal .price-header h2 {
            color: #000;
            font-size: 24px;
            font-weight: 600
        }

        .App .price-modal .price-header button {
            position: absolute;
            right: 20px;
            top: 25px
        }

            .App .price-modal .price-header button:before {
                color: #000;
                content: "";
                font-family: bootstrap-icons;
                font-size: 22px
            }

    .App .price-modal .price-wrap {
        background: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 5px
    }

    .App .price-modal .price-list {
        padding: 27px
    }

    .App .price-modal .price-item {
        align-items: center;
        border-bottom: 1px solid #eee;
        display: flex;
        justify-content: space-between;
        padding: 20px 35px
    }

        .App .price-modal .price-item:last-of-type {
            border-bottom: none
        }

    .App .price-modal .v-logo {
        width: 190px
    }

    .App .price-modal .price {
        color: #000 !important;
        padding: 0 15px !important;
        text-align: center !important;
        width: 200px
    }

        .App .price-modal .price h3 {
            color: #000;
            font-size: 26px;
            font-weight: 700;
            margin: 0;
            white-space: nowrap
        }

        .App .price-modal .price p {
            color: #000;
            font-size: 10px;
            margin-bottom: 0 !important;
            text-align: center !important
        }

    .App .price-modal .view-detail {
        width: 135px
    }

        .App .price-modal .view-detail a {
            border: none;
            display: block;
            white-space: nowrap
        }

.App .tab-content .card-body .load-more {
    margin: 30px 0 5px
}

    .App .tab-content .card-body .load-more button {
        border: none;
        font-size: 9pt !important;
        font-weight: 700
    }

.App .tab-content .tab-pane > .container {
    padding: 0
}

.App #nav-review {
    display: block !important;
    opacity: 1 !important
}

.App .checkbox.mb-3 {
    margin-bottom: 8px !important
}

.App .title.mb-3 {
    margin-bottom: 1pc !important;
    padding-bottom: 0
}

.App .content-block hr {
    margin: 25px 0 !important
}

    .App .content-block hr:last-child {
        display: none
    }

.App .clear-all-filters {
    color: #ff000f;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    position: absolute;
    right: 15px;
    top: 60px
}

@media(min-width:1500px) {
    .App .clear-all-filters {
        right: 33px
    }
}

.App .close-all-filters-mob {
    position: absolute;
    right: 15px;
    top: 15px
}

    .App .close-all-filters-mob:before {
        color: #fff;
        color: #707070;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        font-size: 1pc;
        font-weight: 700
    }

@media(min-width:992px) {
    .App .close-all-filters-mob {
        display: none !important
    }
}

.App .bus-listing .loader-content.list-loader, .App .flight-listing .loader-content.list-loader, .App .hotel-listing .loader-content.list-loader {
    background-color: hsla(0,0%,100%,.8);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 50%;
    position: fixed;
    top: 63px;
    transform: translateX(-50%);
    width: 100%;
    z-index: 30
}

.App .flight-listing .content-block {
    background-color: #f0f0f0;
    border-radius: 3px;
    color: #000;
    margin-bottom: 20px;
    padding: 30px 35px;
    position: relative
}

@media(min-width:1500px) {
    .App .flight-listing .content-block {
        padding: 45px 55px
    }
}

.App .flight-listing .content-block .title {
    text-align: left
}

    .App .flight-listing .content-block .title h6 {
        font-size: 14px
    }

@media(min-width:1500px) {
    .App .flight-listing .content-block .title h6 {
        font-size: 20px
    }
}

.App .flight-listing .content-block .sub-title {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
    text-align: left
}

    .App .flight-listing .content-block .sub-title h6 {
        color: #6f6f6f;
        font-size: 9pt;
        font-weight: 700
    }

@media(min-width:1500px) {
    .App .flight-listing .content-block .sub-title h6 {
        font-size: 18px
    }
}

.App .flight-listing .content-block .btn-primary {
    border-radius: 5px !important;
    font-size: 18px !important;
    padding: 6px 15px !important;
    width: 100%
}

.App .flight-listing .content-block p {
    font-size: 1pc;
    font-weight: 600
}

    .App .flight-listing .content-block p.txt-small {
        font-size: 9pt;
        font-weight: 500
    }

.App .flight-listing .content-block .text-red, .App .flight-listing .content-block .text-red p {
    color: #ff000f
}

.App .flight-listing .content-block .show-more-less {
    text-align: left
}

    .App .flight-listing .content-block .show-more-less button {
        color: #ff000f;
        font-size: 9pt;
        font-weight: 600
    }

@media(min-width:1500px) {
    .App .flight-listing .content-block .show-more-less button {
        font-size: 18px
    }
}

.App .flight-listing .content-block label {
    font-size: 9pt
}

@media(min-width:1500px) {
    .App .flight-listing .content-block label {
        font-size: 18px
    }
}

.App .flight-listing .content-block .price-range-slider span {
    font-size: 9pt;
    font-weight: 600
}

@media(min-width:1500px) {
    .App .flight-listing .content-block .price-range-slider span {
        font-size: 18px
    }
}

.App .flight-listing .content-block .origin-destination-filter label {
    align-items: flex-start
}

    .App .flight-listing .content-block .origin-destination-filter label input {
        top: 0;
        transform: translateY(0)
    }

    .App .flight-listing .content-block .origin-destination-filter label .ellipsis {
        overflow: visible;
        text-align: left;
        text-overflow: ellipsis;
        white-space: normal
    }

@media(min-width:1200px) {
    .App .flight-listing .content-block .origin-destination-filter label .ellipsis {
        max-width: 250px
    }
}

.App .flight-listing .clear-all-filters {
    font-size: 9pt;
    right: 35px;
    top: 30px
}

@media(min-width:1500px) {
    .App .flight-listing .clear-all-filters {
        font-size: 18px;
        font-weight: 600;
        right: 55px;
        top: 45px
    }
}

.App .confirmation-modal .modal-overlay {
    align-items: center;
    background: transparent;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .5s ease,visibility .5s ease;
    visibility: hidden;
    width: 100%;
    z-index: 50
}

    .App .confirmation-modal .modal-overlay.open {
        background: rgba(0,0,0,.5);
        opacity: 1;
        visibility: visible
    }

.App .confirmation-modal .modal-content {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
    position: relative;
    transform: translateY(-50px);
    transition: transform .5s ease;
    width: 80%
}

@media(min-width:992px) {
    .App .confirmation-modal .modal-content {
        width: 65%
    }
}

@media(min-width:1680px) {
    .App .confirmation-modal .modal-content {
        max-width: 1085px;
        padding: 40px 30px;
        width: 80%
    }
}

.App .confirmation-modal .modal-overlay.open .modal-content {
    transform: translateY(0)
}

.App .confirmation-modal .close-icon {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 9pt;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: 5px
}

@media(min-width:1500px) {
    .App .confirmation-modal .close-icon {
        font-size: 1pc
    }
}

.App .confirmation-modal .close-icon:after {
    color: #fff;
    color: #000;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 20px;
    margin-left: 5px
}

@media(min-width:1500px) {
    .App .confirmation-modal .close-icon:after {
        font-size: 30px
    }
}

.App .confirmation-modal .modal-info {
    font-size: 1pc;
    font-weight: 600;
    line-height: 1.5;
    text-align: center
}

@media(min-width:992px) {
    .App .confirmation-modal .modal-info {
        font-size: 20px
    }
}

@media(min-width:1680px) {
    .App .confirmation-modal .modal-info {
        font-size: 24px
    }
}

.App .confirmation-modal .confirmation-modal-images {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-around;
    padding: 20px 0
}

@media(min-width:992px) {
    .App .confirmation-modal .confirmation-modal-images {
        flex-direction: row
    }
}

@media(min-width:1200px) {
    .App .confirmation-modal .confirmation-modal-images {
        padding: 35px 0
    }
}

@media(min-width:1680px) {
    .App .confirmation-modal .confirmation-modal-images {
        padding: 50px 0
    }
}

.App .confirmation-modal .confirmation-modal-images img {
    max-width: 250px
}

@media(min-width:1680px) {
    .App .confirmation-modal .confirmation-modal-images img {
        max-width: 300px
    }
}

.App .confirmation-modal .confirmation-modal-images img#transferImage {
    height: 40px;
    max-width: 130px
}

.App .confirmation-modal .confirmation-modal-buttons {
    display: flex;
    gap: 40px;
    justify-content: center
}

.rdrCalendarWrapper {
    background: #fff;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

.rdrDateDisplayItem {
    color: inherit;
    flex: 1 1;
    text-align: center;
    width: 0
}

    .rdrDateDisplayItem + .rdrDateDisplayItem {
        margin-left: .833em
    }

    .rdrDateDisplayItem input {
        text-align: inherit
    }

        .rdrDateDisplayItem input:disabled {
            cursor: default
        }

.rdrMonthAndYearWrapper {
    box-sizing: inherit;
    display: flex;
    justify-content: space-between
}

.rdrMonthAndYearPickers {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    justify-content: center
}

.rdrNextPrevButton {
    box-sizing: inherit;
    cursor: pointer;
    outline: none
}

.rdrMonths {
    display: flex
}

.rdrMonthsVertical {
    flex-direction: column
}

.rdrMonthsHorizontal > div > div > div {
    display: flex;
    flex-direction: row
}

.rdrMonth {
    width: 27.667em
}

.rdrWeekDays {
    display: flex
}

.rdrWeekDay {
    box-sizing: inherit;
    flex-basis: 14.28571%;
    text-align: center
}

.rdrDays {
    display: flex;
    flex-wrap: wrap
}

.rdrInfiniteMonths {
    overflow: auto
}

.rdrDateRangeWrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rdrDateInput {
    position: relative
}

    .rdrDateInput input {
        outline: none
    }

    .rdrDateInput .rdrWarning {
        color: red;
        font-size: 1.6em;
        line-height: 1.6em;
        position: absolute;
        right: .25em;
        top: 0
    }

.rdrDay {
    box-sizing: inherit;
    cursor: pointer;
    font: inherit;
    position: relative;
    width: 14.28571%
}

.rdrDayNumber {
    display: block;
    position: relative
}

    .rdrDayNumber span {
        color: #1d2429
    }

.rdrDayDisabled {
    cursor: not-allowed
}

@supports (-ms-ime-align:auto) {
    .rdrDay {
        flex-basis: 14.285% !important
    }
}

.rdrEndEdge, .rdrInRange, .rdrSelected, .rdrStartEdge {
    pointer-events: none
}

.rdrDateRangePickerWrapper {
    display: inline-flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rdrStaticRanges {
    display: flex;
    flex-direction: column
}

.rdrStaticRange {
    font-size: inherit
}

.rdrInputRange {
    display: flex
}

.rdrCalendarWrapper {
    color: #000;
    font-size: 9pt
}

.rdrDateDisplayWrapper {
    background-color: #eff2f7
}

.rdrDateDisplay {
    margin: .833em
}

.rdrDateDisplayItem {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(35,57,66,.21)
}

    .rdrDateDisplayItem input {
        background: transparent;
        border: 0;
        color: #849095;
        cursor: pointer;
        height: 2.5em;
        line-height: 2.5em;
        width: 100%
    }

.rdrDateDisplayItemActive {
    border-color: currentColor
}

    .rdrDateDisplayItemActive input {
        color: #7d888d
    }

.rdrMonthAndYearWrapper {
    align-items: center;
    height: 60px;
    padding-top: 10px
}

.rdrMonthAndYearPickers {
    font-weight: 600
}

    .rdrMonthAndYearPickers select {
        -moz-appearance: none;
        appearance: none;
        -webkit-appearance: none;
        background: transparent;
        background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
        background-position: right 8px center;
        border: 0;
        border-radius: 4px;
        color: #3e484f;
        cursor: pointer;
        outline: 0;
        padding: 10px 30px 10px 10px;
        text-align: center
    }

        .rdrMonthAndYearPickers select:hover {
            background-color: rgba(0,0,0,.07)
        }

.rdrMonthPicker, .rdrYearPicker {
    margin: 0 5px
}

.rdrNextPrevButton {
    background: #eff2f7;
    border: 0;
    border-radius: 5px;
    display: block;
    height: 24px;
    margin: 0 .833em;
    padding: 0;
    width: 24px
}

    .rdrNextPrevButton:hover {
        background: #e1e7f0
    }

    .rdrNextPrevButton i {
        border-style: solid;
        display: block;
        height: 0;
        margin: auto;
        padding: 0;
        text-align: center;
        transform: translate(-3px);
        width: 0
    }

.rdrPprevButton i {
    border-color: transparent #34495e transparent transparent;
    border-width: 4px 6px 4px 4px;
    transform: translate(-3px)
}

.rdrNextButton i {
    border-color: transparent transparent transparent #34495e;
    border-width: 4px 4px 4px 6px;
    margin: 0 0 0 7px;
    transform: translate(3px)
}

.rdrWeekDays {
    padding: 0 .833em
}

.rdrMonth {
    padding: 0 .833em 1.666em
}

    .rdrMonth .rdrWeekDays {
        padding: 0
    }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
    display: none
}

.rdrWeekDay {
    color: #849095;
    font-weight: 400;
    line-height: 2.667em
}

.rdrDay {
    background: transparent;
    border: 0;
    color: #1d2429;
    height: 3em;
    line-height: 3em;
    padding: 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .rdrDay:focus {
        outline: 0
    }

.rdrDayNumber {
    align-items: center;
    bottom: 0;
    bottom: 5px;
    display: flex;
    font-weight: 300;
    justify-content: center;
    left: 0;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    top: 5px
}

.rdrDayToday .rdrDayNumber span {
    font-weight: 500
}

    .rdrDayToday .rdrDayNumber span:after {
        background: #3d91ff;
        border-radius: 2px;
        bottom: 4px;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        transform: translate(-50%);
        width: 18px
    }

.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after, .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after {
    background: #fff
}

.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span, .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span {
    color: hsla(0,0%,100%,.85)
}

.rdrEndEdge, .rdrInRange, .rdrSelected, .rdrStartEdge {
    background: currentColor;
    bottom: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px
}

.rdrSelected {
    left: 2px;
    right: 2px
}

.rdrStartEdge {
    border-bottom-left-radius: 1.042em;
    border-top-left-radius: 1.042em;
    left: 2px
}

.rdrEndEdge {
    border-bottom-right-radius: 1.042em;
    border-top-right-radius: 1.042em;
    right: 2px
}

.rdrSelected {
    border-radius: 1.042em
}

.rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange {
    border-bottom-left-radius: 1.042em;
    border-top-left-radius: 1.042em;
    left: 2px
}

.rdrDayEndOfMonth .rdrInRange, .rdrDayEndOfMonth .rdrStartEdge, .rdrDayEndOfWeek .rdrInRange, .rdrDayEndOfWeek .rdrStartEdge {
    border-bottom-right-radius: 1.042em;
    border-top-right-radius: 1.042em;
    right: 2px
}

.rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview {
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    border-top-left-radius: 1.333em;
    left: 0
}

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview {
    border-bottom-right-radius: 1.333em;
    border-right-width: 1px;
    border-top-right-radius: 1.333em;
    right: 0
}

.rdrDayEndPreview, .rdrDayInPreview, .rdrDayStartPreview {
    background: hsla(0,0%,100%,.09);
    border: 0 solid;
    bottom: 3px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 3px;
    z-index: 1
}

.rdrDayStartPreview {
    border-bottom-left-radius: 1.333em;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-left-radius: 1.333em;
    border-top-width: 1px;
    left: 0
}

.rdrDayInPreview {
    border-bottom-width: 1px;
    border-top-width: 1px
}

.rdrDayEndPreview {
    border-bottom-right-radius: 1.333em;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-top-right-radius: 1.333em;
    border-top-width: 1px;
    right: 2px;
    right: 0
}

.rdrDefinedRangesWrapper {
    background: #fff;
    border-right: 1px solid #eff2f7;
    font-size: 9pt;
    width: 226px
}

    .rdrDefinedRangesWrapper .rdrStaticRangeSelected {
        color: currentColor;
        font-weight: 600
    }

.rdrStaticRange {
    background: #fff;
    border: 0;
    border-bottom: 1px solid #eff2f7;
    cursor: pointer;
    display: block;
    outline: 0;
    padding: 0
}

    .rdrStaticRange:focus .rdrStaticRangeLabel, .rdrStaticRange:hover .rdrStaticRangeLabel {
        background: #eff2f7
    }

.rdrStaticRangeLabel {
    display: block;
    line-height: 18px;
    outline: 0;
    padding: 10px 20px;
    text-align: left
}

.rdrInputRanges {
    padding: 10px 0
}

.rdrInputRange {
    align-items: center;
    padding: 5px 20px
}

.rdrInputRangeInput {
    border: 1px solid #dee7eb;
    border-radius: 4px;
    color: #6c767a;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    width: 30px
}

    .rdrInputRangeInput:focus, .rdrInputRangeInput:hover {
        border-color: #b4bfc4;
        color: #333;
        outline: 0
    }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
    background: transparent;
    border: 1px solid;
    border-radius: 1.333em;
    bottom: -2px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -2px
}

.rdrDayPassive {
    pointer-events: none
}

    .rdrDayPassive .rdrDayNumber span {
        color: #d5dce0
    }

    .rdrDayPassive .rdrDayEndPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrInRange, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrStartEdge {
        display: none
    }

.rdrDayDisabled {
    background-color: #f8f8f8
}

    .rdrDayDisabled .rdrDayNumber span {
        color: #aeb9bf
    }

    .rdrDayDisabled .rdrDayEndPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrStartEdge {
        filter: grayscale(100%) opacity(60%)
    }

.rdrMonthName {
    color: #849095;
    font-weight: 600;
    padding: .833em;
    text-align: left
}

.App #get-inspired-search {
    background-repeat: no-repeat !important;
    background-size: cover !important
}

.App .listContainer {
    background-color: #eee;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.App .listWrapper {
    max-width: 80pc;
    width: 100%
}

.App .listSearch {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 10px
}

.App .lsTitle {
    color: #555;
    font-size: 20px;
    margin-bottom: 10px
}

.App .lsItem {
    background: #fff;
    flex: 1;
    margin-bottom: 10px;
    position: relative
}

    .App .lsItem > label {
        font-size: 9pt
    }

    .App .lsItem > input {
        border: none;
        height: 30px;
        padding: 5px;
        width: 100%
    }

    .App .lsItem > span {
        align-items: center;
        background-color: #fff;
        cursor: pointer;
        display: flex;
        height: 30px;
        padding: 5px
    }

.App .lsGuestOptions {
    padding: 10px;
    position: relative
}

.App .lsOptionItem {
    color: #555;
    cursor: pointer;
    display: flex;
    font-size: 9pt;
    justify-content: space-between;
    margin-bottom: 10px
}

.App .lsOptionInput {
    width: 50px
}

.App .listSearch > button {
    background-color: #0071c2;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    padding: 10px
}

.App .listResult {
    flex: 3
}

.App .lsHide {
    display: none
}

.App .ls-datepicker {
    left: 50%;
    position: absolute;
    top: 110%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 9
}

@media(min-width:992px) {
    .App .ls-datepicker {
        width: auto
    }
}

.App .ls-datepicker .date-range-error {
    color: red;
    float: left;
    font-weight: 700;
    padding-left: 24px;
    padding-top: 9pt
}

.App .ls-datepicker .rdrMonthAndYearPickers {
    display: none
}

.App .ls-datepicker .rdrMonth {
    margin-top: 10px;
    padding-bottom: 0
}

.App .ls-datepicker .rdrMonths {
    flex-direction: column
}

@media(min-width:992px) {
    .App .ls-datepicker .rdrMonths {
        flex-direction: row
    }
}

.App .ls-datepicker .rdrMonthAndYearWrapper {
    height: 45px;
    padding: 0 20px;
    position: absolute;
    top: 0;
    width: 100%
}

    .App .ls-datepicker .rdrMonthAndYearWrapper .rdrPprevButton {
        background: none;
        position: relative
    }

        .App .ls-datepicker .rdrMonthAndYearWrapper .rdrPprevButton:before {
            color: red;
            content: "";
            font-family: bootstrap-icons !important;
            font-size: 30px;
            height: 20px;
            line-height: normal;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 9
        }

        .App .ls-datepicker .rdrMonthAndYearWrapper .rdrPprevButton i {
            display: none
        }

        .App .ls-datepicker .rdrMonthAndYearWrapper .rdrPprevButton:hover {
            background: none
        }

    .App .ls-datepicker .rdrMonthAndYearWrapper .rdrNextButton {
        background: none;
        position: relative
    }

        .App .ls-datepicker .rdrMonthAndYearWrapper .rdrNextButton:before {
            color: red;
            content: "";
            font-family: bootstrap-icons !important;
            font-size: 30px;
            height: 20px;
            line-height: normal;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 9
        }

        .App .ls-datepicker .rdrMonthAndYearWrapper .rdrNextButton i {
            display: none
        }

        .App .ls-datepicker .rdrMonthAndYearWrapper .rdrNextButton:hover {
            background: none
        }

.App .ls-datepicker .rdrDayNumber {
    bottom: 0;
    top: 0
}

.App .ls-datepicker .rdrDay {
    height: 40px
}

.App .ls-datepicker .rdrDayNumber span {
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 500
}

.App .ls-datepicker .rdrInRange {
    background-color: #f3f3f3
}

    .App .ls-datepicker .rdrInRange ~ .rdrDayNumber span {
        color: #000
    }

.App .ls-datepicker .rdrStartEdge {
    background-color: red;
    border-radius: 3px
}

    .App .ls-datepicker .rdrStartEdge ~ .rdrDayNumber span {
        color: #fff
    }

.App .ls-datepicker .rdrEndEdge {
    background-color: red;
    border-radius: 3px
}

    .App .ls-datepicker .rdrEndEdge ~ .rdrDayNumber span {
        color: #fff
    }

.App .ls-datepicker .rdrStartEdge.rdrEndEdge {
    border-radius: 3px
}

    .App .ls-datepicker .rdrStartEdge.rdrEndEdge:before {
        display: none
    }

.App .ls-datepicker .rdrDayEndOfWeek .rdrStartEdge {
    border-radius: 3px
}

.App .ls-datepicker .rdrDayStartOfWeek .rdrInRange {
    border-radius: 0
}

.App .ls-datepicker .rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
    border: none
}

.App .ls-datepicker .rdrDayToday .rdrDayNumber span:after {
    background-color: #f34f4f;
    bottom: 0
}

.App .ls-datepicker .rdrDayEndOfWeek .rdrInRange {
    border-radius: 0
}

.App .ls-datepicker .rdrDayStartPreview.rdrDayEndPreview {
    border: #f34f4f;
    border-radius: 0
}

.App .ls-datepicker .rdrDayEndOfMonth .rdrStartEdge {
    border-radius: 3px 0 0 3px
}

.App .ls-datepicker .rdrDayStartOfMonth .rdrInRange {
    border-radius: 0
}

.App .ls-datepicker .rdrWeekDay {
    color: #000;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 500
}

.App .ls-datepicker .rdrMonthName {
    color: #000;
    font-size: 1pc;
    font-weight: 700;
    padding-bottom: 0;
    text-align: center
}

.App .ls-datepicker .rdrDayStartOfWeek .rdrEndEdge {
    border-radius: 3px
}

.App .ls-datepicker .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span {
    color: #000
}

.App .ls-datepicker button.rdrDay.rdrDayPassive .rdrDayNumber {
    display: none
}

.App .ls-datepicker .rdrDayStartOfMonth .rdrDayEndPreview, .App .ls-datepicker .rdrDayStartOfMonth .rdrDayInPreview, .App .ls-datepicker .rdrDayStartOfWeek .rdrDayEndPreview, .App .ls-datepicker .rdrDayStartOfWeek .rdrDayInPreview {
    border-bottom-left-radius: 3px;
    border-left-width: 0;
    border-top-left-radius: 3px;
    left: 0
}

.App .ls-datepicker .rdrDayEndOfMonth .rdrDayInPreview, .App .ls-datepicker .rdrDayEndOfMonth .rdrDayStartPreview, .App .ls-datepicker .rdrDayEndOfWeek .rdrDayInPreview, .App .ls-datepicker .rdrDayEndOfWeek .rdrDayStartPreview {
    border-bottom-right-radius: 3px;
    border-right-width: 0;
    border-top-right-radius: 3px;
    right: 0
}

.App .ls-datepicker .rdrDayEndPreview, .App .ls-datepicker .rdrDayInPreview, .App .ls-datepicker .rdrDayStartPreview {
    background: hsla(0,0%,100%,.09);
    border: 0 solid #f34f4f;
    bottom: 3px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 3px;
    z-index: 1
}

.App .ls-datepicker .rdrDayEndOfMonth .rdrInRange {
    border-radius: 0
}

.App .ls-datepicker .rdrDayDisabled {
    background: none;
    opacity: .5
}

.App .time-picker {
    left: 0;
    position: absolute;
    top: 110%;
    width: 100%;
    z-index: 9
}

@media(min-width:992px) {
    .App .time-picker {
        width: auto
    }
}

.App .lsautocomplete {
    background: #fff;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%
}

.App .lsOptionItemDropdown {
    background: #fff
}

.App .lsOptionItemwrapper .minus, .App .lsOptionItemwrapper .plus {
    border: 1px solid #eee;
    cursor: pointer;
    padding: 5px 15px
}

.App .lsOptionItemwrapper .number {
    align-items: center;
    display: flex
}

    .App .lsOptionItemwrapper .number input {
        max-width: 75pt
    }

.App .guest-wrapepr {
    justify-content: space-between
}

.App .floatingGuest {
    border: 1px solid red;
    left: 0;
    position: absolute;
    right: 0
}

.App .hotel-listing .getStartedBanner-content {
    justify-content: flex-start !important;
    width: 100% !important
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form {
    display: flex;
    justify-content: space-between
}

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .lbl_input {
        color: #707070;
        font-size: 10px;
        font-weight: 600;
        padding: 5px 15px 0
    }

@media(min-width:768px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .lbl_input {
        font-size: 9pt
    }
}

@media(min-width:1500px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .lbl_input {
        font-size: 14px
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .htl_guests {
    margin-left: 15px
}

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .htl_guests .fnt13 {
        color: #000;
        font-size: 9pt;
        font-weight: 600;
        line-height: 13px
    }

@media(min-width:768px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .htl_guests .fnt13 {
        font-size: 14px
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .htl_guests .fnt13 .fnt30 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 10px
}

@media(min-width:1200px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .htl_guests .fnt13 .fnt30 {
        font-size: 1pc
    }
}

@media(min-width:1500px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .htl_guests .fnt13 .fnt30 {
        font-size: 20px
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .htl_guests .lbl {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding-right: 10px
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box {
    flex-direction: column;
    max-height: 53px;
    position: relative
}

@media(min-width:768px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box {
        max-height: 60px
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box input {
    font-size: 14px;
    padding: 0 15px !important
}

@media(min-width:1200px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box input {
        font-size: 1pc
    }
}

@media(min-width:1500px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box input {
        font-size: 20px
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box .autosuggest {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.3) !important;
    display: block;
    left: 0;
    margin: 0;
    max-height: 350px;
    overflow-y: auto;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%
}

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box .autosuggest .autosuggest-sub-container:first-of-type span {
        border: none !important
    }

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box .autosuggest .list-group {
        list-style-type: none;
        padding: 0 15px
    }

        .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box .autosuggest .list-group li {
            cursor: pointer;
            margin: 5px 0
        }

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box .autoLoading {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
    display: block;
    font-size: 1pc;
    font-weight: 700;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 100%;
    width: 100%
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields {
    background: #fff;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    flex-direction: column;
    text-align: left !important
}

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

        .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label .calendar-icon {
            padding: 0 2px 0 0;
            position: absolute;
            right: 9pt;
            top: 7px
        }

            .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label .calendar-icon svg {
                width: 20px
            }

@media(min-width:768px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label .calendar-icon {
        position: static
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label span i {
    font-size: 24px;
    position: unset !important
}

@media(min-width:768px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label span i {
        position: static
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label span .bi-caret-down-fill {
    display: none;
    font-size: 10px;
    padding-right: 5px
}

@media(min-width:768px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label span .bi-caret-down-fill {
        display: block
    }
}

@media(min-width:1200px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .date-label span .bi-caret-down-fill {
        padding-left: 5px
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields input {
    border: none;
    font-size: 20px;
    max-height: 27px;
    padding: 0 15px
}

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields input:focus {
        border: none !important
    }

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .htl_guests {
    bottom: 0;
    position: absolute
}

@media(min-width:768px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .htl_guests {
        bottom: 5px
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields.checkin-date-select {
    border-radius: 4px !important;
    margin-right: 10px
}

@media(min-width:768px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields.checkin-date-select {
        border-radius: 4px 0 0 4px !important;
        border-right: 1px solid #c8c8c8 !important;
        margin-right: 0
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields.checkout-date-select {
    border-radius: 4px !important
}

@media(min-width:768px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields.checkout-date-select {
        border-left: 1px solid #c8c8c8 !important;
        border-radius: 0 4px 4px 0 !important
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown {
    background: #fff;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    flex-direction: column;
    position: relative;
    text-align: left !important
}

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .fnt30 {
        margin-right: 5px !important
    }

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .date-label {
        cursor: pointer;
        display: flex;
        justify-content: space-between
    }

        .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .date-label .bi-caret-down-fill {
            font-size: 10px;
            padding: 8px 5px 0
        }

@media(min-width:1200px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .date-label .bi-caret-down-fill {
        padding: 8px 10px 0
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .paxContent {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    left: auto;
    position: absolute;
    right: 0;
    top: 65px;
    width: 100%;
    z-index: 100
}

@media(min-width:992px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .paxContent {
        width: 25pc
    }
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .paxContent .btn-wrap {
    display: flex;
    flex-direction: column;
    padding: 15px
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .paxContent .roomsCardContainer {
    max-height: 25pc;
    overflow-x: hidden;
    overflow-y: auto
}

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .paxContent .roomsCardContainer .roomsCard {
        border-bottom: 1px solid #dcdcdc
    }

        .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .paxContent .roomsCardContainer .roomsCard:last-child {
            border-bottom: 0
        }

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .box {
    animation-duration: .2s;
    animation-iteration-count: 1;
    animation-name: animateElement;
    animation-timing-function: linear;
    clear: both;
    font-size: 14px;
    height: auto;
    margin-top: 0;
    padding: 20px
}

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .box .rooms {
        display: flex;
        flex: 1;
        padding-left: 20px
    }

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .box .bi-person-circle {
        font-size: 30px;
        margin-top: 20px
    }

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .roomTxt {
    color: #000;
    font-weight: 600;
    margin-bottom: 1px
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .inc-dropdown-select {
    display: flex;
    flex-direction: column;
    width: 50%
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .pull-left {
    float: left;
    width: 63%
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .txt {
    align-items: center;
    color: #000;
    display: block;
    display: flex;
    padding-bottom: 5px;
    padding-top: 2px;
    text-align: left
}

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .txt em {
        color: #707070;
        display: block;
        font-size: 10px;
        font-style: normal;
        padding-left: 5px
    }

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .pull-right {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    float: right;
    width: 36%
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .sub {
    background: #fff;
    color: #000;
    cursor: pointer;
    font-size: 22px;
    font-weight: 600;
    height: 30px;
    left: 0;
    top: 0;
    -webkit-user-select: none;
    user-select: none;
    width: 33px
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .spacer {
    clear: both;
    height: 10px
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .add {
    background: #fff;
    color: #000;
    cursor: pointer;
    font-size: 1pc;
    font-weight: 600;
    height: 30px;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    user-select: none;
    width: 33px
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .PlusMinusRow {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    display: flex;
    line-height: 28px;
    margin: 0;
    max-width: 75pt;
    min-height: 30px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .PlusMinus_number {
    background-color: #efefef;
    border: 0;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    margin: auto;
    outline: 0;
    text-align: center;
    width: 2pc
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .PlusMinus_label, .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .PlusMinus_number {
    display: inline-block;
    margin-top: 0
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .PlusMinus_label {
    color: #707070;
    font-size: 14px;
    letter-spacing: .32px;
    min-width: 45px;
    text-align: left;
    vertical-align: top
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .addroom {
    background-color: #fff;
    border: 1px solid #ff000f;
    border-radius: 3px;
    color: #ff000f;
    cursor: pointer;
    float: left;
    font-size: 14px;
    margin-bottom: 6px;
    margin-left: 6px;
    margin-top: 4px;
    padding: 10px 6px;
    text-decoration: none;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .removeroom {
    border-color: #e4e4e4;
    color: #000
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .exitroom {
    background: #ff000f;
    border: none;
    border-radius: 30px;
    color: #fff;
    display: block;
    float: right;
    margin-right: 6px;
    padding: 10px 30px;
    text-align: center
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .childresAgeTxt {
    color: #000;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0;
    text-align: left;
    width: 100%
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .paxContent select {
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    color: #707070;
    font-size: 14px;
    height: 30px;
    max-width: 5pc;
    padding: 3px 8px
}

.App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .getStarted-Search {
    align-items: center;
    border: none;
    border-radius: 30px;
    display: flex;
    flex: 1 0 auto;
    justify-content: center;
    margin: 25px 5px 0;
    min-height: unset;
    padding: 9pt 30px;
    width: auto
}

@media(min-width:992px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .getStarted-Search {
        border-radius: 3px;
        margin-top: 0;
        min-height: 58px;
        padding: 0 21px
    }
}

.App .getStartedBanner .show {
    display: block !important
}

.App .getStartedBanner .hide {
    display: none !important
}

.App .getStartedBanner #nav-Hotels-tab svg {
    width: 225px !important
}

@media(min-width:768px) {
    .App .getStartedBanner #nav-Hotels-tab svg {
        width: 25px !important
    }
}

.App .ui-widget-header {
    background: #fff;
    border-bottom: 1px solid #dcdcdc !important;
    border: none;
    color: #000;
    margin: 1% 2%
}

    .App .ui-widget-header .ui-datepicker-prev:before {
        color: #fff;
        color: #000;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px
    }

    .App .ui-widget-header .ui-datepicker-next:after {
        color: #fff;
        color: #000;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px
    }

    .App .ui-widget-header .ui-datepicker-title span {
        font-size: 15px;
        font-weight: 400
    }

.App .ui-datepicker-calendar th {
    font-size: 9pt;
    font-weight: 400
}

.App .ui-datepicker-calendar td .ui-state-default {
    background: #cce6f5;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.App .ui-datepicker-calendar .ui-datepicker-today .ui-state-highlight, .App .ui-datepicker-calendar td .ui-state-active {
    background: #2189dc;
    border: none;
    color: #fff;
    font-weight: 400
}

.App .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default {
    background-color: #fff;
    border: none;
    color: #000
}

.App .inspired-get-started {
    background-color: #f3f3f3
}

    .App .inspired-get-started .getStartedBanner {
        display: flex;
        flex-wrap: wrap
    }

        .App .inspired-get-started .getStartedBanner > div {
            margin-top: 40px;
            width: 100%
        }

@media(min-width:992px) {
    .App .inspired-get-started .getStartedBanner > div {
        margin-top: 0
    }
}

.App .inspired-get-started .getStartedBanner .getStartedBanner-heading {
    margin-bottom: 20px;
    text-align: center;
    width: 100%
}

@media(min-width:992px) {
    .App .inspired-get-started .getStartedBanner .getStartedBanner-heading {
        margin-bottom: 0;
        text-align: left;
        width: 40%
    }
}

@media(min-width:1200px) {
    .App .inspired-get-started .getStartedBanner .getStartedBanner-heading {
        width: 30%
    }
}

.App .inspired-get-started .getStartedBanner .getStartedBanner-heading h1 {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: 30px;
    font-weight: 700;
    justify-content: center;
    margin-bottom: 0
}

@media(min-width:992px) {
    .App .inspired-get-started .getStartedBanner .getStartedBanner-heading h1 {
        align-items: flex-start;
        font-size: 50px
    }
}

.App .inspired-get-started .getStartedBanner .getStartedBanner-heading h3 {
    font-size: 13px;
    font-weight: 400;
    margin-top: 0
}

@media(min-width:992px) {
    .App .inspired-get-started .getStartedBanner .getStartedBanner-heading h3 {
        font-size: 24px
    }
}

.App .inspired-get-started .getStartedBanner .getStartedBanner-content {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

@media(min-width:992px) {
    .App .inspired-get-started .getStartedBanner .getStartedBanner-content {
        width: 60%
    }
}

@media(min-width:1200px) {
    .App .inspired-get-started .getStartedBanner .getStartedBanner-content {
        width: 70%
    }
}

.App .inspired-get-started .getStartedBanner .getStartedBanner-content .getStartedBanne__details__tab {
    overflow: auto;
    width: 100%
}

@media(min-width:768px) {
    .App .inspired-get-started .getStartedBanner .getStartedBanner-content .getStartedBanne__details__tab {
        overflow: visible
    }
}

.App .inspired-get-started .getStartedBanner .getStartedBanner-content .getStartedBanne__details__tab .nav-tabs {
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: flex-start
}

@media(min-width:768px) {
    .App .inspired-get-started .getStartedBanner .getStartedBanner-content .getStartedBanne__details__tab .nav-tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center !important
    }
}

.App .inspired-get-started .getStartedBanner .getStartedBanner-content .getStartedBanne__details__tab::-webkit-scrollbar {
    display: none
}

.App .inspired-get-started .getStartedBanner .nav-tabs {
    border-bottom: none !important;
    justify-content: center
}

    .App .inspired-get-started .getStartedBanner .nav-tabs button {
        align-items: center;
        background: transparent;
        border: 2px solid #8499bf;
        border-radius: 6px;
        color: #fff;
        cursor: pointer;
        display: block;
        display: flex;
        flex: auto;
        font-size: 14px;
        font-weight: 700;
        justify-content: center;
        margin: 5px;
        max-width: 25%;
        min-width: 15%;
        order: 1;
        padding: .7rem 1rem;
        text-align: center;
        transition: background .2s ease;
        width: auto
    }

        .App .inspired-get-started .getStartedBanner .nav-tabs button svg {
            fill: #fff;
            height: 25px;
            margin-right: 10px;
            width: 25px
        }

        .App .inspired-get-started .getStartedBanner .nav-tabs button.active {
            background: #ff000f !important;
            color: #fff !important
        }

            .App .inspired-get-started .getStartedBanner .nav-tabs button.active svg {
                fill: #fff
            }

        .App .inspired-get-started .getStartedBanner .nav-tabs button i {
            font-size: 20px;
            margin-right: 5px
        }

.App .inspired-get-started .getStartedBanner #Bus:checked ~ .tab-content #Bus, .App .inspired-get-started .getStartedBanner #Flights:checked ~ .tab-content #Flights, .App .inspired-get-started .getStartedBanner #Hotels:checked ~ .tab-content #Hotels, .App .inspired-get-started .getStartedBanner #Railway:checked ~ .tab-content #Railway {
    display: block
}

.App .inspired-get-started .getStartedBanner .getStarted-form .tabs {
    display: flex;
    flex-direction: column
}

    .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .tab-heading {
        margin-bottom: 20px
    }

        .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .tab-heading button {
            background-color: #fff;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            margin: 2px;
            padding: 10px 20px
        }

            .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .tab-heading button.active {
                background-color: #ff000f;
                color: #fff
            }

    .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .tab-contents {
        display: flex;
        flex-wrap: wrap
    }

        .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .tab-contents .location-fields {
            display: flex
        }

            .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .tab-contents .location-fields .icon {
                position: relative
            }

                .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .tab-contents .location-fields .icon:before {
                    background-color: #fff;
                    border-radius: 50%;
                    color: #fff;
                    color: #c8c8c8;
                    content: "";
                    font-family: bootstrap-icons;
                    font-size: 22px;
                    font-size: 14px;
                    padding: 5px 10px;
                    position: absolute;
                    right: -1pc;
                    top: 11px
                }

                .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .tab-contents .location-fields .icon:after {
                    color: #fff;
                    color: #c8c8c8;
                    content: "";
                    font-family: bootstrap-icons;
                    font-size: 22px;
                    font-size: 2pc;
                    position: absolute;
                    right: -15px;
                    top: 3px
                }

            .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .tab-contents .location-fields .search-location-box {
                flex-direction: column
            }

                .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .tab-contents .location-fields .search-location-box input {
                    height: 27px;
                    padding: 0 15px 5px
                }

                .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .tab-contents .location-fields .search-location-box .lbl_input {
                    font-size: 10px;
                    font-weight: 500;
                    padding: 5px 15px 0
                }

    .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .contact-checkbox {
        display: flex;
        flex-wrap: wrap;
        margin: 20px 5px 0
    }

        .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .contact-checkbox .contact-form-input-grp {
            align-items: flex-end;
            display: flex
        }

            .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .contact-checkbox .contact-form-input-grp .inc-filter-bar__checkbox {
                height: 18px;
                width: 20px
            }

            .App .inspired-get-started .getStartedBanner .getStarted-form .tabs .contact-checkbox .contact-form-input-grp .contact-form-label {
                color: #000;
                display: inline-block;
                font-size: 14px;
                font-weight: 500;
                left: 5px;
                padding-right: 40px;
                position: relative
            }

.App .inspired-get-started .getStartedBanner .getStarted-form > div {
    display: flex;
    justify-content: space-between
}

@media(min-width:992px) {
    .App .inspired-get-started .getStartedBanner .getStarted-form > div {
        flex-wrap: nowrap
    }
}

.App .inspired-get-started .getStartedBanner .getStarted-form > div input, .App .inspired-get-started .getStartedBanner .getStarted-form > div select {
    background: #fff;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    text-align: left !important;
    width: 100%
}

.App .inspired-get-started .getStartedBanner .getStarted-form > div label {
    color: #999c9a;
    display: block !important;
    font-size: 10px;
    font-weight: 700;
    min-height: 15px;
    text-align: left
}

.App .inspired-get-started .getStartedBanner .getStarted-form > div .form-fields .search-location-box {
    background: #fff;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    margin: 0 0 10px;
    text-align: left !important
}

@media(min-width:992px) {
    .App .inspired-get-started .getStartedBanner .getStarted-form > div .form-fields .search-location-box {
        margin: 0 5px
    }
}

.App .inspired-get-started .getStartedBanner .getStarted-form > div .form-fields .search-location-box input::placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.App .inspired-get-started .getStartedBanner .getStarted-form > div .form-fields .search-location-box input:-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.App .inspired-get-started .getStartedBanner .getStarted-form > div .form-fields .search-location-box input::-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.App .inspired-get-started .getStartedBanner .getStarted-form > div .form-fields .search-location-box input {
    border: none;
    color: #000 !important;
    height: 50px;
    outline: none;
    padding: 5px 15px
}

.App .inspired-get-started .getStartedBanner .getStarted-form > div .form-fields .search-location-box .lbl_input {
    font-size: 10px
}

.App .inspired-get-started .getStartedBanner .getStarted-form > div .form-fields .search-location-box .bi-search {
    color: #000;
    height: 22px;
    position: relative;
    right: 8px;
    top: 15px;
    width: 22px
}

.App .inspired-get-started .getStartedBanner .getStarted-form > div .form-fields option[value=""][disabled] {
    display: none
}

.App .inspired-get-started .getStartedBanner .getStarted-form > div .input-group {
    display: flex;
    padding: 0 5px
}

    .App .inspired-get-started .getStartedBanner .getStarted-form > div .input-group > div:first-child > input {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .App .inspired-get-started .getStartedBanner .getStarted-form > div .input-group > div:nth-child(2) > input {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .App .inspired-get-started .getStartedBanner .getStarted-form > div .input-group .form-fields {
        align-items: center;
        display: flex;
        margin: 0 !important
    }

        .App .inspired-get-started .getStartedBanner .getStarted-form > div .input-group .form-fields .calendar-icon {
            width: 0
        }

            .App .inspired-get-started .getStartedBanner .getStarted-form > div .input-group .form-fields .calendar-icon i {
                height: 22px;
                position: relative;
                right: 30px;
                width: 22px;
                z-index: 1
            }

        .App .inspired-get-started .getStartedBanner .getStarted-form > div .input-group .form-fields input {
            background: transparent;
            background-color: #fff;
            color: #000;
            font-weight: 700;
            z-index: 1
        }

            .App .inspired-get-started .getStartedBanner .getStarted-form > div .input-group .form-fields input::placeholder {
                color: #000;
                font-weight: 700;
                opacity: 1
            }

            .App .inspired-get-started .getStartedBanner .getStarted-form > div .input-group .form-fields input:-ms-input-placeholder {
                color: #000;
                font-weight: 700;
                opacity: 1
            }

            .App .inspired-get-started .getStartedBanner .getStarted-form > div .input-group .form-fields input::-ms-input-placeholder {
                color: #000;
                font-weight: 700;
                opacity: 1
            }

.App .inspired-get-started .getStartedBanner .getStarted-form > div .input-dropdown {
    margin: 0 3px;
    position: relative
}

    .App .inspired-get-started .getStartedBanner .getStarted-form > div .input-dropdown:after {
        bottom: 28%;
        color: #fff;
        color: #000;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        font-size: 14px;
        position: absolute;
        right: 10%
    }

    .App .inspired-get-started .getStartedBanner .getStarted-form > div .input-dropdown select {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 5px 15px;
        width: 100%
    }

    .App .inspired-get-started .getStartedBanner .getStarted-form > div .input-dropdown .lbl_input {
        font-size: 10px;
        font-weight: 500;
        padding: 2px 18px;
        position: absolute
    }

.App .inspired-get-started .getStartedBanner .getStarted-Search {
    background: #ff000f;
    border-radius: 20px;
    color: #fff;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: 700;
    margin-right: 30px;
    margin-top: 40px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 90pt
}

.App .inspired-get-started .getStartedBanner #nav-tabContent {
    min-height: unset !important;
    padding-bottom: 45px
}

@media(min-width:992px) {
    .App .inspired-get-started .getStartedBanner #nav-tabContent {
        padding-top: 30px
    }
}

.App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Flights .location-fields {
    width: 100%
}

.App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Flights .input-daterange {
    max-width: 30%
}

    .App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Flights .input-daterange .form-fields {
        width: 50%
    }

.App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Railway .tab-heading {
    font-size: 18px;
    font-weight: 600;
    margin: 0 5px 20px
}

.App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Railway .location-fields {
    width: 100%
}

@media(min-width:768px) {
    .App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Railway .location-fields {
        width: 50%
    }
}

.App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Railway .location-fields .form-fields {
    width: 100%
}

@media(min-width:768px) {
    .App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Railway .location-fields .form-fields {
        width: 50%
    }
}

.App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Railway .input-daterange {
    max-width: 20%
}

    .App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Railway .input-daterange .form-fields {
        width: 100%
    }

.App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Railway .input-dropdown {
    width: 14%
}

.App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Bus .tab-heading {
    font-size: 18px;
    font-weight: 600;
    margin: 0 5px 20px
}

.App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Bus .location-fields {
    width: 60%
}

    .App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Bus .location-fields .form-fields {
        width: 50%
    }

.App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Bus .input-daterange {
    max-width: 40%
}

    .App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Bus .input-daterange .form-fields {
        width: 100%
    }

.App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Car .location-fields {
    width: 58%
}

    .App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Car .location-fields .form-fields {
        width: 100%
    }

@media(min-width:1200px) {
    .App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Car .location-fields .form-fields {
        width: 50%
    }
}

.App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Car .input-dropdown {
    margin: 0;
    padding-bottom: 10px;
    width: 100%
}

@media(min-width:1200px) {
    .App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Car .input-dropdown {
        margin: 0 3px;
        width: 12%
    }
}

@media(min-width:1500px) {
    .App .inspired-get-started .getStartedBanner #nav-tabContent #nav-Car .input-dropdown {
        width: 15%
    }
}

.App .datepicker-dropdown {
    padding: 5px 10px !important
}

.App .getStartedBanner .inc-title-heading h3:before {
    content: "";
    display: none;
    letter-spacing: 5px
}

.App .getStartedBanner .tab-content button {
    border: none
}

.App .getStartedBanner .input-group .form-fields {
    cursor: pointer
}

.App .getStartedBanner #nav-Hotels .getStarted-form {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:992px) {
    .App .getStartedBanner #nav-Hotels .getStarted-form {
        flex-direction: row
    }
}

.App .getStartedBanner #nav-Hotels .getStarted-form .search-location-box .lsautoComplete {
    z-index: 9
}

.App .getStartedBanner #nav-Hotels .getStarted-form .search-location-box .no-suggestions {
    font-size: 1pc;
    font-weight: 700;
    padding: 15px
}

.App .getStartedBanner #nav-Hotels .getStarted-form .location-fields {
    flex: 1 0 100%;
    width: 100%
}

@media(min-width:992px) {
    .App .getStartedBanner #nav-Hotels .getStarted-form .location-fields {
        flex: 1 0 40%;
        width: 40%
    }
}

.App .getStartedBanner #nav-Hotels .getStarted-form .location-fields .form-fields {
    width: 100%
}

.App .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 {
    flex: 1 0 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    min-height: 60px;
    width: 100%
}

@media(min-width:768px) {
    .App .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 {
        margin: 0 10px 0 5px
    }
}

.App .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields {
    margin: 0 0 10px;
    min-height: 53px;
    position: relative;
    width: 50%
}

@media(min-width:768px) {
    .App .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields {
        margin: 5px;
        min-height: 60px
    }
}

@media(min-width:992px) {
    .App .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields {
        margin: 0
    }
}

.App .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 .form-fields .right-icons {
    align-items: center;
    display: flex;
    padding: 5px
}

@media(min-width:992px) {
    .App .getStartedBanner #nav-Hotels .getStarted-form .input-daterange2 {
        flex: 1 0 30%;
        width: 30%
    }
}

.App .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown {
    cursor: pointer;
    flex: 1 0 100%;
    margin: 0 0 10px;
    min-height: 60px;
    width: 100%
}

@media(min-width:992px) {
    .App .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown {
        flex: 1 0 20%;
        margin: 0;
        width: 20%
    }
}

.App .getStartedBanner #nav-Hotels .getStarted-form .getStarted-Search {
    flex: 1 0 100%;
    width: 100%
}

@media(min-width:992px) {
    .App .getStartedBanner #nav-Hotels .getStarted-form .getStarted-Search {
        flex: 1 0 10%;
        width: 10%
    }
}

.App .getStartedBanner #nav-Hotels .getStarted-form .getStarted-Search .bi-search {
    display: none
}

@media(min-width:992px) {
    .App .getStartedBanner #nav-Hotels .getStarted-form .getStarted-Search .bi-search {
        display: block
    }
}

.App .getStartedBanner #nav-Hotels .getStarted-form .getStarted-Search .searchTxt {
    display: block
}

@media(min-width:992px) {
    .App .getStartedBanner #nav-Hotels .getStarted-form .getStarted-Search .searchTxt {
        display: none
    }
}

.App .getStartedBanner #nav-Hotels .getStarted-form .city-icon, .App .getStartedBanner #nav-Hotels .getStarted-form .hotel-icon, .App .getStartedBanner #nav-Hotels .getStarted-form .location-icon {
    font-size: 14px;
    font-weight: 400
}

.App .getStartedBanner #nav-Hotels .getStarted-form .autosuggest-sub-container {
    padding: 20px 20px 0
}

    .App .getStartedBanner #nav-Hotels .getStarted-form .autosuggest-sub-container svg {
        height: 20px;
        margin-right: 5px;
        width: 20px
    }

    .App .getStartedBanner #nav-Hotels .getStarted-form .autosuggest-sub-container span {
        border-top: 1px solid #c3c3c3;
        display: flex;
        justify-content: flex-end;
        padding: 5px 0 0
    }

        .App .getStartedBanner #nav-Hotels .getStarted-form .autosuggest-sub-container span i {
            margin-right: 5px
        }

    .App .getStartedBanner #nav-Hotels .getStarted-form .autosuggest-sub-container .list-group li {
        font-size: 14px;
        font-weight: 500
    }

        .App .getStartedBanner #nav-Hotels .getStarted-form .autosuggest-sub-container .list-group li:hover {
            color: #ff000f
        }

.App .getStartedBanner #nav-Hotels .childrenAgeSelectContainer {
    display: flex;
    flex-direction: column;
    padding-left: 50px
}

.App .getStartedBanner #nav-Hotels .childrenAgeSelectGroup {
    display: flex;
    flex-wrap: wrap
}

    .App .getStartedBanner #nav-Hotels .childrenAgeSelectGroup .childAgeSelect {
        align-items: center;
        display: flex;
        flex: 1 0 33%;
        justify-content: flex-start;
        margin: 5px 0;
        max-width: 33%
    }

.App #nav-Hotels .getStarted-Search {
    cursor: pointer
}

    .App #nav-Hotels .getStarted-Search .bi-search:before {
        font-size: 1pc
    }

.rdrDateRangeWrapper {
    position: relative
}

.cal-wrapper {
    background: #fff;
    padding-bottom: 10px
}

    .cal-wrapper .cal-header {
        display: flex;
        justify-content: center;
        padding: 10px 20px 0
    }

        .cal-wrapper .cal-header span {
            flex: 1 0 50%;
            font-size: 1pc;
            font-weight: 600;
            text-align: left
        }

    .cal-wrapper .cal-btn {
        padding-bottom: 20px;
        padding-right: 20px;
        text-align: right
    }

#homepage .App .inspired-get-started .getStartedBanner .getStartedBanner-content {
    flex-direction: column
}

@media(min-width:768px) {
    #homepage .App .inspired-get-started .getStartedBanner .getStartedBanner-content {
        flex-direction: row
    }
}

#homepage .App .inspired-get-started .getStartedBanner .getStartedBanner-content .getStartedBanne__details__tab .nav-tabs {
    justify-content: flex-end
}

.App .nav-tabs .cls-1, .App .nav-tabs .cls-2 {
    fill: #fff
}

.App .nav-tabs .cls-1 {
    fill-rule: evenodd
}

.App .nav-tabs .nav-link.active .cls-1, .App .nav-tabs .nav-link.active .cls-2 {
    fill: #fff
}

#bus-listing .App .getStartedBanner-heading, #bus-listing .App .inc-get-started-heading, #cab-listing .App .getStartedBanner-heading, #cab-listing .App .inc-get-started-heading, #flight-listing .App .getStartedBanner-heading, #flight-listing .App .inc-get-started-heading, #hotelbooking .App .getStartedBanner-heading, #hotelbooking .App .inc-get-started-heading, #hoteldetails .App .getStartedBanner-heading, #hoteldetails .App .inc-get-started-heading {
    display: none
}

#bus-listing .App .nav-tabs .cls-1, #bus-listing .App .nav-tabs .cls-2, #cab-listing .App .nav-tabs .cls-1, #cab-listing .App .nav-tabs .cls-2, #flight-listing .App .nav-tabs .cls-1, #flight-listing .App .nav-tabs .cls-2, #hotelbooking .App .nav-tabs .cls-1, #hotelbooking .App .nav-tabs .cls-2, #hoteldetails .App .nav-tabs .cls-1, #hoteldetails .App .nav-tabs .cls-2 {
    fill: #000
}

#bus-listing .App .nav-tabs .nav-link.active .cls-1, #bus-listing .App .nav-tabs .nav-link.active .cls-2, #cab-listing .App .nav-tabs .nav-link.active .cls-1, #cab-listing .App .nav-tabs .nav-link.active .cls-2, #flight-listing .App .nav-tabs .nav-link.active .cls-1, #flight-listing .App .nav-tabs .nav-link.active .cls-2, #hotelbooking .App .nav-tabs .nav-link.active .cls-1, #hotelbooking .App .nav-tabs .nav-link.active .cls-2, #hoteldetails .App .nav-tabs .nav-link.active .cls-1, #hoteldetails .App .nav-tabs .nav-link.active .cls-2 {
    fill: #fff
}

#bus-listing .getStartedBanne__details__tab .nav-tabs, #cab-listing .getStartedBanne__details__tab .nav-tabs, #flight-listing .getStartedBanne__details__tab .nav-tabs, #hotelbooking .getStartedBanne__details__tab .nav-tabs, #hoteldetails .getStartedBanne__details__tab .nav-tabs {
    border-bottom: none !important;
    justify-content: center
}

    #bus-listing .getStartedBanne__details__tab .nav-tabs button, #cab-listing .getStartedBanne__details__tab .nav-tabs button, #flight-listing .getStartedBanne__details__tab .nav-tabs button, #hotelbooking .getStartedBanne__details__tab .nav-tabs button, #hoteldetails .getStartedBanne__details__tab .nav-tabs button {
        background: #fff;
        border: none;
        color: #000
    }

@media(min-width:1500px) {
    #bus-listing .getStartedBanne__details__tab .nav-tabs button, #cab-listing .getStartedBanne__details__tab .nav-tabs button, #flight-listing .getStartedBanne__details__tab .nav-tabs button, #hotelbooking .getStartedBanne__details__tab .nav-tabs button, #hoteldetails .getStartedBanne__details__tab .nav-tabs button {
        font-size: 20px;
        height: 75px
    }
}

#bus-listing .getStartedBanne__details__tab .nav-tabs button svg, #cab-listing .getStartedBanne__details__tab .nav-tabs button svg, #flight-listing .getStartedBanne__details__tab .nav-tabs button svg, #hotelbooking .getStartedBanne__details__tab .nav-tabs button svg, #hoteldetails .getStartedBanne__details__tab .nav-tabs button svg {
    fill: #000
}

@media(min-width:1200px) {
    #bus-listing .getStartedBanne__details__tab .nav-tabs button svg, #cab-listing .getStartedBanne__details__tab .nav-tabs button svg, #flight-listing .getStartedBanne__details__tab .nav-tabs button svg, #hotelbooking .getStartedBanne__details__tab .nav-tabs button svg, #hoteldetails .getStartedBanne__details__tab .nav-tabs button svg {
        height: 20px;
        width: 20px
    }
}

@media(min-width:1500px) {
    #bus-listing .getStartedBanne__details__tab .nav-tabs button svg, #cab-listing .getStartedBanne__details__tab .nav-tabs button svg, #flight-listing .getStartedBanne__details__tab .nav-tabs button svg, #hotelbooking .getStartedBanne__details__tab .nav-tabs button svg, #hoteldetails .getStartedBanne__details__tab .nav-tabs button svg {
        height: 36px;
        width: 36px
    }
}

#bus-listing .getStartedBanne__details__tab .nav-tabs button.active svg, #cab-listing .getStartedBanne__details__tab .nav-tabs button.active svg, #flight-listing .getStartedBanne__details__tab .nav-tabs button.active svg, #hotelbooking .getStartedBanne__details__tab .nav-tabs button.active svg, #hoteldetails .getStartedBanne__details__tab .nav-tabs button.active svg {
    fill: #fff
}

@media(min-width:1200px) {
    #bus-listing .inspired-get-started.hotel-listing, #cab-listing .inspired-get-started.hotel-listing, #flight-listing .inspired-get-started.hotel-listing, #hotelbooking .inspired-get-started.hotel-listing, #hoteldetails .inspired-get-started.hotel-listing {
        padding-top: 50px
    }
}

@media(min-width:1500px) {
    #cab-listing .getStartedBanner #nav-tabContent {
        padding-bottom: 5px !important;
        padding-top: 38px !important
    }

        #cab-listing .getStartedBanner #nav-tabContent .cab-listingcontent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 {
            height: 57px !important;
            margin-left: 3px
        }

            #cab-listing .getStartedBanner #nav-tabContent .cab-listingcontent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .date-label .lbl_input, #cab-listing .getStartedBanner #nav-tabContent .cab-listingcontent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .lbl_input {
                font-size: 14px !important
            }

        #cab-listing .getStartedBanner #nav-tabContent .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent {
            margin-left: 10px
        }

            #cab-listing .getStartedBanner #nav-tabContent .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent .lbl_input {
                font-size: 14px !important
            }

            #cab-listing .getStartedBanner #nav-tabContent .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input {
                height: 57px !important
            }

    #cab-listing .cab-listing .btn-bookings-container .travel-selection {
        margin-bottom: 27px !important
    }

    #cab-listing .cab-listing .cab-available-container .cab-card-inner-container .cab-card-right .route_price {
        padding-bottom: 1pc !important;
        padding-top: 20px !important
    }

    #cab-listing .cab-listing .cab-available-container .cab-card-inner-container .cab-card-left-bottom p .extra-fare {
        flex: 1 0 41% !important;
        max-width: 41% !important
    }

    #cab-listing .cab-listing .Innertabs .nav-tabs-inner button {
        font-size: 20px !important;
        padding: 10px 55px !important
    }

    #cab-listing .inspired-get-started .getStartedBanner .getStarted-form div input {
        font-size: 18px !important
    }

    #cab-listing .inspired-get-started .getStartedBanner .nav-tabs button {
        font-weight: 600 !important
    }

    #cab-listing #nav-Airport .location-fields.airport-transfers .selectPackageContent {
        margin-left: 0 !important
    }
}

.App .searchEdit {
    display: block
}

@media(min-width:992px) {
    .App .searchEdit {
        display: none
    }
}

.App .searchEdit .searchEdit-content {
    background-color: #f0f0f0;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    margin-top: 50px !important;
    padding: 10px 20px
}

    .App .searchEdit .searchEdit-content .search-back-icon button {
        background: none;
        border: none
    }

        .App .searchEdit .searchEdit-content .search-back-icon button:before {
            color: #fff;
            color: #000;
            content: "";
            font-family: bootstrap-icons;
            font-size: 22px;
            font-weight: 700;
            margin-right: 10px
        }

    .App .searchEdit .searchEdit-content .search-left-content {
        display: flex;
        flex-direction: column;
        text-align: left
    }

        .App .searchEdit .searchEdit-content .search-left-content .search-title {
            color: #000;
            font-size: 9pt;
            font-weight: 600
        }

            .App .searchEdit .searchEdit-content .search-left-content .search-title span {
                color: #707070;
                font-weight: 500
            }

        .App .searchEdit .searchEdit-content .search-left-content .search-date, .App .searchEdit .searchEdit-content .search-left-content .search-guests {
            color: #707070;
            font-size: 9pt;
            font-weight: 500
        }

    .App .searchEdit .searchEdit-content .search-right-content {
        align-items: center;
        display: flex;
        flex-direction: column
    }

        .App .searchEdit .searchEdit-content .search-right-content .search-edit-icon:before {
            color: #fff;
            color: #ff000f;
            content: "";
            font-family: bootstrap-icons;
            font-size: 22px;
            font-size: 14px;
            font-weight: 500;
            padding: 5px 10px
        }

        .App .searchEdit .searchEdit-content .search-right-content .search-edit-text {
            color: #ff000f;
            font-size: 9pt;
            font-weight: 500
        }

#homepage .App .searchEdit {
    display: none !important
}

#homepage .check-direct-flight {
    color: #fff
}

@media(min-width:992px)and (max-width:1200px) {
    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .input-dropdown .bi-caret-down-fill {
        padding: 5px 5px 0 !important
    }

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .lbl_input {
        font-size: 9pt !important;
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .calendar-icon svg {
        width: 15px !important
    }

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .right-icons {
        padding: 0 !important
    }

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .htl_guests {
        margin-left: 10px !important
    }

    .App .hotel-listing .getStartedBanner #nav-Hotels .getStarted-form .form-fields .search-location-box input {
        padding: 0 10px !important
    }
}

.App .fltErrorSection-to-field {
    background-color: #ffd3d4;
    border-radius: 4px;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.3);
    left: 0;
    padding: 4px 8px;
    position: absolute;
    top: 94%;
    width: auto;
    z-index: 10
}

    .App .fltErrorSection-to-field .fltErrorMsgText {
        color: #ff000f;
        font-size: 9pt;
        font-weight: 500
    }

@media(min-width:1500px) {
    .App .fltErrorSection-to-field .fltErrorMsgText {
        font-size: 14px
    }
}

.App .fltErrorSection-to-field:after {
    border: 8px solid rgba(136,183,213,0);
    border-bottom-color: #ffd3d4;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 20%;
    margin-left: -24px;
    pointer-events: none;
    position: absolute;
    width: 0
}

.App .fltErrorSection-to-field .flt-error-section-Icon:before {
    color: #fff;
    color: #ff000f;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 10px;
    font-weight: 700;
    margin-right: 10px
}

@media(min-width:1500px) {
    .App .fltErrorSection-to-field .flt-error-section-Icon:before {
        font-size: 14px
    }
}

.inc-book-travel-disclaimer {
    display: none
}

#homepage .App .getStartedBanner.inc-container {
    position: relative
}

#homepage .App #nav-tabContent {
    padding-bottom: 105px
}

    #homepage .App #nav-tabContent .inc-book-travel-disclaimer {
        bottom: 10px;
        display: block;
        position: absolute
    }

@media(min-width:992px) {
    #homepage .App #nav-tabContent .inc-book-travel-disclaimer {
        bottom: 20px;
        padding: 0 70px !important
    }
}

#homepage .App #nav-tabContent .inc-book-travel-disclaimer p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.getStarted-InnerContent .Innertabs {
    display: flex;
    flex-direction: column
}

    .getStarted-InnerContent .Innertabs .nav-tabs-inner {
        justify-content: center;
        margin-bottom: 20px
    }

        .getStarted-InnerContent .Innertabs .nav-tabs-inner button {
            background: transparent;
            border-radius: 30px;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            margin: 2px 5px 2px 0;
            padding: 10px 20px
        }

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .nav-tabs-inner button {
        font-size: 15px
    }
}

@media(min-width:1200px) {
    .getStarted-InnerContent .Innertabs .nav-tabs-inner button {
        font-size: 15px
    }
}

@media(min-width:1500px) {
    .getStarted-InnerContent .Innertabs .nav-tabs-inner button {
        font-size: 22px
    }
}

.getStarted-InnerContent .Innertabs .nav-tabs-inner button.active {
    color: #fff39f;
    text-decoration: underline
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    padding-top: 20px
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 40px 0 0
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .fare-type-wrap {
    display: flex;
    flex-direction: column
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .fare-type-wrap {
        align-items: center;
        flex-direction: row
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .fare-type-wrap p {
    color: #fff
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection p {
    font-size: 9pt;
    width: 100%
}

@media(min-width:992px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection p {
        font-size: 9pt;
        font-weight: 600;
        margin-right: 15px;
        max-width: 75px;
        text-align: left
    }
}

@media(min-width:1500px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection p {
        font-size: 1pc;
        max-width: 90px
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap {
    background-color: #fff;
    border: 2px solid #d3d3d3;
    border-radius: 6px
}

@media screen and (max-width:767px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap {
        overflow: auto;
        width: 100%
    }
}

@media screen and (max-width:767px)and (min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap {
        overflow: visible
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap .selectFaretype {
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    font-size: 9pt;
    justify-content: flex-start
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap .selectFaretype {
        justify-content: center
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap .selectFaretype .input-select-fare-type {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    flex: 25%;
    height: 20px;
    justify-content: center;
    left: 0;
    margin-right: 10px;
    max-width: 20px;
    position: relative;
    top: 0;
    width: 20px
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap .selectFaretype .input-select-fare-type:before {
        background-color: #ff000f;
        border-radius: 50%;
        content: "";
        height: 9pt;
        transform: scale(0);
        transition: transform .12s ease-in-out;
        width: 9pt
    }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap .selectFaretype .input-select-fare-type:checked:before {
        transform: scale(1)
    }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap .selectFaretype .input-select-fare-type:not(:checked):before {
        transform: scale(0)
    }

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap .selectFaretype .label-text {
    color: #000;
    flex: 75%;
    font-size: 9pt;
    font-weight: 500;
    line-height: 20px;
    max-width: 70px;
    padding: 5px 0
}

@media(min-width:1200px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap .selectFaretype .label-text {
        max-width: 5pc;
        padding: 5px 0
    }
}

@media(min-width:1500px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap .selectFaretype .label-text {
        font-size: 1pc;
        max-width: 105px;
        padding: 8px 0
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .selectFaretypeWrap::-webkit-scrollbar {
    background: transparent;
    height: 0
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .flightData-Search {
    background: #ff000f;
    border-radius: 40px;
    color: #fff;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: 700;
    margin: 50px auto 0;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    width: 90pt
}

@media(min-width:1200px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .flightData-Search {
        font-size: 1pc;
        padding: 6px 0;
        width: 150px
    }
}

@media(min-width:1500px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .flightData-Search {
        font-size: 24px;
        padding: 10px 0;
        width: 180px
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group {
    display: flex;
    flex-direction: column
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group {
        flex-direction: row;
        padding-top: 20px
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group:first-child {
    padding-top: 0
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left {
    display: flex;
    flex: 1 0 90%;
    flex-direction: column;
    max-width: 90%;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left {
        flex: 1 0 100%;
        flex-direction: row;
        max-width: 100%;
        padding-right: 30px
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .input-daterange2 .form-fields {
    width: 100% !important
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .input-daterange2 .form-fields .htl_guests {
        left: 22px
    }

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields {
    display: flex;
    flex-direction: column;
    width: 100% !important
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields {
        flex-direction: row;
        width: 45% !important
    }
}

@media(min-width:992px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields {
        flex-direction: row;
        width: 55% !important
    }
}

@media(min-width:1200px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields {
        flex-direction: row;
        width: auto !important
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .icon {
    position: relative
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .icon:before {
        background-color: #fff;
        border-radius: 50%;
        color: #fff;
        color: #c8c8c8;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        font-size: 14px;
        padding: 3px 6px;
        position: absolute;
        right: -1pc;
        top: 11px
    }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .icon:after {
        color: #fff;
        color: #c8c8c8;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        font-size: 2pc;
        position: absolute;
        right: -15px;
        top: 3px
    }

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .search-location-box {
    flex-direction: column
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .search-location-box input {
        height: 27px;
        padding: 0 15px 5px 20px
    }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .search-location-box .lbl_input {
        font-size: 8px;
        font-weight: 500;
        padding: 5px 15px 0 20px
    }

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .search-location-box .lbl_input {
        font-size: 9pt
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .search-location-box .autosuggest {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.3) !important;
    display: block;
    margin: 0;
    max-height: 350px;
    overflow-y: auto;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%;
    z-index: 9
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .search-location-box .autosuggest .autosuggest-sub-container:first-of-type span {
        border: none !important
    }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .search-location-box .autosuggest .list-group {
        list-style-type: none;
        padding: 0 15px
    }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .search-location-box .autosuggest .list-group li {
            cursor: pointer;
            display: flex;
            flex-direction: column;
            font-size: 14px;
            font-weight: 500;
            margin: 5px 0
        }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .search-location-box .autosuggest .list-group li:hover {
                color: #ff000f
            }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .search-location-box .autosuggest .list-group li .city-list-airport-name {
                font-size: 9pt;
                font-weight: 400
            }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .search-location-box .autosuggest .no-suggestions {
        font-size: 1pc;
        font-weight: 700;
        padding: 15px
    }

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .tab-contents-group .tab-contents-group-left .location-fields .search-location-box .autoLoading {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
    display: block;
    font-size: 1pc;
    font-weight: 700;
    padding: 15px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .contact-checkbox {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 5px 0
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .contact-checkbox .contact-form-input-grp {
        align-items: flex-end;
        display: flex
    }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .contact-checkbox .contact-form-input-grp .inc-filter-bar__checkbox {
            height: 18px;
            width: 20px
        }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .contact-checkbox .contact-form-input-grp .contact-form-label {
            color: #000;
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
            left: 5px;
            padding-right: 40px;
            position: relative
        }

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content input, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content select {
    background: #fff;
    border: 2px solid #c8c8c8;
    border-radius: 6px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 9pt;
    font-weight: 600;
    height: 50px;
    text-align: left !important;
    width: 100%
}

@media(min-width:1200px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content input, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content select {
        height: 3pc
    }
}

@media(min-width:1500px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content input, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content select {
        font-size: 18px;
        height: 54px
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content label {
    align-items: center;
    border-right: 2px solid #d3d3d3;
    color: #999c9a;
    display: flex;
    font-size: 9pt !important;
    font-weight: 700;
    justify-content: center;
    max-width: 165px;
    min-height: 15px;
    padding: 0 10px;
    text-align: left
}

@media screen and (max-width:767px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content label {
        flex: 1 0 35%
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content label:last-child {
    border-right: 0
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-form-check {
    padding-top: 40px
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-form-check .form-check-label {
        align-items: center;
        color: #000;
        display: flex !important;
        flex-direction: row;
        font-size: 14px;
        font-weight: 600;
        justify-content: center;
        max-width: unset
    }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-form-check .form-check-label .input-check-direct-flight {
            display: none
        }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-form-check .form-check-label input[type=checkbox], .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-form-check .form-check-label input[type=radio] {
            box-sizing: content-box;
            padding: 0
        }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-form-check .form-check-label .input-check-direct-flight + .check-direct-flight {
            cursor: pointer
        }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-form-check .form-check-label .check-direct-flight {
            cursor: pointer;
            display: inline-block;
            padding-left: 10px;
            position: relative
        }

@media(min-width:1500px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-form-check .form-check-label .check-direct-flight {
        font-size: 20px !important
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-form-check .form-check-label .checkbox-unchecked {
    border: 2px solid #c3c3c3;
    border-radius: 3px;
    color: #fff;
    content: "";
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 18px;
    line-height: 1pc;
    vertical-align: middle;
    width: 18px
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-form-check .form-check-label .checkbox-checked {
    height: 18px;
    width: 18px
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-form-check .form-check-label .checkbox-checked:before {
        background-color: #ff000f;
        border: none;
        color: #fff;
        content: "";
        cursor: pointer;
        font-family: bootstrap-icons;
        font-size: 22px;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        text-transform: none
    }

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .form-fields {
    position: relative
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .form-fields .search-location-box {
        background: #fff;
        border: 2px solid #c8c8c8;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        margin: 0 0 10px;
        text-align: left !important
    }

@media(min-width:992px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .form-fields .search-location-box {
        margin: 0 5px 5px 0
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .form-fields .search-location-box input::placeholder {
    color: #000 !important;
    font-weight: 700;
    opacity: 1
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .form-fields .search-location-box input:-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .form-fields .search-location-box input::-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .form-fields .search-location-box input {
    border: none;
    color: #000 !important;
    height: 50px;
    outline: none;
    padding: 5px 15px
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .form-fields .search-location-box .lbl_input {
    color: #717171;
    font-size: 10px
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .form-fields .search-location-box .bi-search {
    color: #000;
    height: 22px;
    position: relative;
    right: 8px;
    top: 15px;
    width: 22px
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .form-fields option[value=""][disabled] {
    display: none
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .form-fields:not(:first-child) .search-location-box {
    margin-right: 0
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group {
    display: flex;
    padding: 0
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group {
        padding: 0 5px 0 10px
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group > div:first-child > input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group > div:nth-child(2) > input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .form-fields {
    align-items: center;
    display: flex;
    margin: 0 !important;
    width: 50%
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .form-fields .right-icons {
        align-items: center;
        display: flex;
        padding: 5px
    }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .form-fields .right-icons .calendar-icon {
            width: 0
        }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .form-fields .right-icons .calendar-icon i {
                height: 22px;
                position: relative;
                right: 30px;
                top: -5px;
                width: 22px;
                z-index: 1
            }

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .form-fields .right-icons .calendar-icon i {
        top: 0
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .form-fields input {
    background: transparent;
    background-color: #fff;
    color: #000;
    font-weight: 700;
    z-index: 1
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .form-fields input::placeholder {
        color: #000;
        font-weight: 700;
        opacity: 1
    }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .form-fields input:-ms-input-placeholder {
        color: #000;
        font-weight: 700;
        opacity: 1
    }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .form-fields input::-ms-input-placeholder {
        color: #000;
        font-weight: 700;
        opacity: 1
    }

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .lbl_input {
    color: #717171;
    font-size: 10px;
    font-weight: 600;
    padding: 5px 15px 0
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .lbl_input {
        font-size: 10px
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .htl_guests .fnt13 {
    color: #000;
    font-size: 9pt;
    font-weight: 600;
    line-height: 13px
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .htl_guests .fnt13 {
        font-size: 14px
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .htl_guests .fnt13 .fnt30 {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 10px
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .htl_guests .fnt13 .fnt30 {
        font-size: 20px
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .htl_guests .fnt13 #checkinDD, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .htl_guests .fnt13 #checkinDay {
    margin-right: 0
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group .htl_guests .lbl {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding-right: 10px
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 {
    flex: 1 0 100%;
    width: 100%
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 {
        flex: 1 0 55%;
        width: 55% !important
    }
}

@media(min-width:992px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 {
        flex: 1 0 45%;
        width: 45% !important
    }
}

@media(min-width:1200px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 {
        flex: 1 0 30%;
        width: 30%
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields {
    background: #fff;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    flex-direction: column;
    text-align: left !important
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields .date-label {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields .date-label .lbl_input {
            font-size: 8px;
            font-weight: 500
        }

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields .date-label .lbl_input {
        font-size: 9pt
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields .date-label .calendar-icon {
    padding: 0 2px 0 0;
    position: absolute;
    right: 25px;
    top: 7px
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields .date-label .calendar-icon svg {
        width: 20px
    }

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields .date-label .calendar-icon {
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%)
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields input {
    border: none;
    font-size: 20px;
    max-height: 27px;
    padding: 0 15px
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields input:focus {
        border: none !important
    }

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields .htl_guests {
    align-items: center;
    display: flex;
    justify-content: start;
    margin-top: -5px;
    padding-left: 15px;
    width: 100%
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields.disable {
    flex-direction: row;
    opacity: .4;
    pointer-events: none
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields.return-date-select {
    border-left: 1px solid #c8c8c8 !important;
    border-radius: 0 6px 6px 0 !important;
    margin-bottom: 15px !important
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields.return-date-select {
        margin-bottom: 0 !important
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields.return-date-select.oneway-return {
    cursor: default;
    flex-direction: row;
    pointer-events: none
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields.return-date-select.oneway-return {
        margin-bottom: unset !important
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-group.input-daterange2 .form-fields.return-date-select.oneway-return > .oneway-lbl_input {
    color: #dcdcdc;
    font-weight: 500;
    padding-left: 15px
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-multi-input-group.oneWay .input-group.input-daterange2 .form-fields.depart-date-select, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-multi-input-group.roundTrip .input-group.input-daterange2 .form-fields.depart-date-select {
    border-radius: 6px 0 0 6px !important;
    border-right: 1px solid #c8c8c8 !important;
    margin-bottom: 15px !important
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-multi-input-group.oneWay .input-group.input-daterange2 .form-fields.depart-date-select, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-multi-input-group.roundTrip .input-group.input-daterange2 .form-fields.depart-date-select {
        margin-bottom: 0 !important
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-multi-input-group.multiCity .flight-multi-input-group-left .tab-contents-group-left .input-daterange2 {
    padding-bottom: 20px
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .flight-multi-input-group.multiCity .flight-multi-input-group-left .tab-contents-group-left .input-daterange2 {
        padding-bottom: 0
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown {
    margin-right: 6px;
    position: relative
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown {
        margin: 0 5px
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 5px 15px;
    width: 100%
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .lbl_input {
    font-size: 10px;
    font-weight: 500;
    padding: 2px 18px;
    position: absolute
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    left: auto;
    padding: 15px 20px 20px;
    position: absolute;
    right: 0;
    top: 60px;
    width: 200px;
    z-index: 100
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .btn-wrap, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .btn-wrap {
        display: flex;
        flex-direction: column;
        padding: 15px
    }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .economyCardContainer, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .paxcountCardContainer, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .economyCardContainer, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer {
        max-height: 25pc;
        overflow-x: hidden;
        overflow-y: auto
    }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .economyCardContainer .economyCard, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .economyCardContainer .roomsCard, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .paxcountCardContainer .economyCard, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .paxcountCardContainer .roomsCard, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .economyCardContainer .economyCard, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .economyCardContainer .roomsCard, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .economyCard, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .roomsCard {
            border-bottom: 1px solid #dcdcdc
        }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .economyCardContainer .economyCard:last-child, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .economyCardContainer .roomsCard:last-child, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .paxcountCardContainer .economyCard:last-child, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .paxcountCardContainer .roomsCard:last-child, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .economyCardContainer .economyCard:last-child, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .economyCardContainer .roomsCard:last-child, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .economyCard:last-child, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .roomsCard:last-child {
                border-bottom: 0
            }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .applyEconomyCount, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .applypaxCount, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .applyEconomyCount, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .applypaxCount {
        float: right
    }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .applypaxCount, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .applypaxCount {
        border-radius: 5px !important
    }

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult {
    left: 0;
    width: 250px
}

@media(min-width:768px) {
    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult {
        left: auto
    }
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard {
    margin-bottom: 15px
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .paxTxt {
            margin-right: 15px
        }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .paxTxt .paxTxt1 {
                font-size: 14px;
                font-weight: 600;
                text-align: left
            }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .paxTxt .paxTxt2 {
                color: #c3c3c3;
                font-size: 14px;
                font-weight: 600;
                text-align: left
            }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent {
            display: flex;
            flex-direction: row
        }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .sub {
                border: 1px solid #dcdcdc;
                border-radius: 50%;
                cursor: pointer;
                font-size: 22px;
                font-weight: 600;
                height: 30px;
                left: 0;
                top: 0;
                -webkit-user-select: none;
                user-select: none;
                width: 33px
            }

                .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .sub.active {
                    background: #ff000f;
                    color: #fff
                }

                .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .sub.inactive {
                    background: #dcdcdc;
                    color: #343434
                }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .spacer {
                clear: both;
                height: 10px
            }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .add {
                border: 1px solid #dcdcdc;
                border-radius: 50%;
                cursor: pointer;
                font-size: 1pc;
                font-weight: 600;
                height: 30px;
                right: 0;
                top: 0;
                -webkit-user-select: none;
                user-select: none;
                width: 33px
            }

                .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .add.active {
                    background: #ff000f;
                    color: #fff
                }

                .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .add.inactive {
                    background: #dcdcdc;
                    color: #343434
                }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .PlusMinusRow {
                align-items: center;
                border-radius: 5px;
                display: flex;
                justify-content: center;
                line-height: 28px;
                margin: 0;
                max-width: 75pt;
                min-height: 30px;
                overflow: hidden;
                position: relative;
                text-align: center
            }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .PlusMinus_number {
                border: 0;
                color: #000;
                font-size: 14px;
                font-weight: 600;
                height: 30px;
                line-height: 30px;
                margin: auto;
                outline: 0;
                text-align: center;
                width: 2pc
            }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .paxTxt {
            margin-right: 15px
        }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .paxTxt .paxTxt1 {
                font-size: 14px;
                font-weight: 600;
                text-align: left
            }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .paxTxt .paxTxt2 {
                color: #c3c3c3;
                font-size: 14px;
                font-weight: 600;
                text-align: left
            }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent {
            display: flex;
            flex-direction: row
        }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .sub {
                border: 1px solid #dcdcdc;
                border-radius: 50%;
                cursor: pointer;
                font-size: 22px;
                font-weight: 600;
                height: 30px;
                left: 0;
                top: 0;
                -webkit-user-select: none;
                user-select: none;
                width: 33px
            }

                .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .sub.active {
                    background: #ff000f;
                    color: #fff
                }

                .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .sub.inactive {
                    background: #dcdcdc;
                    color: #343434
                }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .spacer {
                clear: both;
                height: 10px
            }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .add {
                border: 1px solid #dcdcdc;
                border-radius: 50%;
                cursor: pointer;
                font-size: 1pc;
                font-weight: 600;
                height: 30px;
                right: 0;
                top: 0;
                -webkit-user-select: none;
                user-select: none;
                width: 33px
            }

                .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .add.active {
                    background: #ff000f;
                    color: #fff
                }

                .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .add.inactive {
                    background: #dcdcdc;
                    color: #343434
                }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .PlusMinusRow {
                align-items: center;
                border-radius: 5px;
                display: flex;
                justify-content: center;
                line-height: 28px;
                margin: 0;
                max-width: 75pt;
                min-height: 30px;
                overflow: hidden;
                position: relative;
                text-align: center
            }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .PlusMinus_number {
                border: 0;
                color: #000;
                font-size: 14px;
                font-weight: 600;
                height: 30px;
                line-height: 30px;
                margin: auto;
                outline: 0;
                text-align: center;
                width: 2pc
            }

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .paxTxt {
            margin-right: 15px
        }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .paxTxt .paxTxt1 {
                font-size: 14px;
                font-weight: 600;
                text-align: left
            }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .paxTxt .paxTxt2 {
                color: #c3c3c3;
                font-size: 14px;
                font-weight: 600;
                text-align: left
            }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .infantPaxCardContent {
            display: flex;
            flex-direction: row
        }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .infantPaxCardContent .sub {
                border: 1px solid #dcdcdc;
                border-radius: 50%;
                cursor: pointer;
                font-size: 22px;
                font-weight: 600;
                height: 30px;
                left: 0;
                top: 0;
                -webkit-user-select: none;
                user-select: none;
                width: 33px
            }

                .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .infantPaxCardContent .sub.active {
                    background: #ff000f;
                    color: #fff
                }

                .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .infantPaxCardContent .sub.inactive {
                    background: #dcdcdc;
                    color: #343434
                }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .infantPaxCardContent .spacer {
                clear: both;
                height: 10px
            }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .infantPaxCardContent .add {
                border: 1px solid #dcdcdc;
                border-radius: 50%;
                cursor: pointer;
                font-size: 1pc;
                font-weight: 600;
                height: 30px;
                right: 0;
                top: 0;
                -webkit-user-select: none;
                user-select: none;
                width: 33px
            }

                .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .infantPaxCardContent .add.active {
                    background: #ff000f;
                    color: #fff
                }

                .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .infantPaxCardContent .add.inactive {
                    background: #dcdcdc;
                    color: #343434
                }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .infantPaxCardContent .PlusMinusRow {
                align-items: center;
                border-radius: 5px;
                display: flex;
                justify-content: center;
                line-height: 28px;
                margin: 0;
                max-width: 75pt;
                min-height: 30px;
                overflow: hidden;
                position: relative;
                text-align: center
            }

            .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .paxContentAdult .paxcountCardContainer .adultPaxCard .infantBoxWrapper .infantBox .infantPaxCardContent .PlusMinus_number {
                border: 0;
                color: #000;
                font-size: 14px;
                font-weight: 600;
                height: 30px;
                line-height: 30px;
                margin: auto;
                outline: 0;
                text-align: center;
                width: 2pc
            }

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .economyCardContainer .economyBox .economyTxt {
    font-size: 14px;
    font-weight: 600;
    text-align: left
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .economyCardContainer .economyBox .economyCardContent .economyCardContentSelect {
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
    padding: 0
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .economyCardContainer .economyBox .economyCardContent .economyCardContentSelect li {
        background-color: #fff;
        color: #000;
        cursor: pointer;
        line-height: normal;
        padding: 5px 0
    }

        .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .economyContentAdult .economyCardContainer .economyBox .economyCardContent .economyCardContentSelect li.active {
            background-color: #ff000f;
            color: #fff
        }

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectEconomyContent input::placeholder, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectPaxContent input::placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectEconomyContent:after, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectPaxContent:after {
    bottom: 28%;
    color: #fff;
    color: #000;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 14px;
    position: absolute;
    right: 8%
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectEconomyContent input:-ms-input-placeholder, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectPaxContent input:-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectEconomyContent input::-ms-input-placeholder, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectPaxContent input::-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectEconomyContent input:focus, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectPaxContent input:focus {
    box-shadow: unset
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectEconomyContent.active input, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectPaxContent.active input {
    background: #ff000f;
    border: none;
    color: #fff !important;
    outline: none;
    text-overflow: ellipsis
}

    .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectEconomyContent.active input::placeholder, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectPaxContent.active input::placeholder {
        border: none;
        color: #fff !important;
        outline: none
    }

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectEconomyContent.active:after, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectPaxContent.active:after {
    color: #fff
}

.getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectEconomyContentinput:focus-visible, .getStarted-InnerContent .Innertabs .tab-content .tab-pane .multicity-content .input-dropdown .selectPaxContentinput:focus-visible {
    border: none;
    outline: none
}

.App .rdrSelected {
    border-radius: 3px
}

.App .goToRight {
    animation: goingUpDown .3s ease-in-out 1
}

@media(min-width:768px) {
    .App .goToRight {
        animation: goingRight .3s ease-in-out 1
    }
}

.App .multicity-content .roundtrip-cal-container {
    background-color: #fff
}

@media(max-width:992px) {
    .App .multicity-content .roundtrip-cal-container {
        border: 1px solid #dcdcdc
    }

        .App .multicity-content .roundtrip-cal-container .rdrCalendarWrapper, .App .multicity-content .roundtrip-cal-container .rdrCalendarWrapper .rdrMonth {
            width: 100%
        }
}

.App .multicity-content .roundtrip-cal-container .apply-btn {
    padding: 15px 15px 15px 0;
    text-align: right
}

@keyframes goingRight {
    0% {
        border-right-color: transparent;
        transform: translateX(0)
    }

    60% {
        border-right-color: transparent;
        opacity: 0;
        transform: translateX(60%)
    }

    to {
        border-right-color: transparent;
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes goingUpDown {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-50%)
    }

    to {
        transform: translateY(0)
    }
}

.App .goToLeft {
    animation: goingUpDown .3s ease-in-out 1
}

@media(min-width:768px) {
    .App .goToLeft {
        animation: goingLeft .3s ease-in-out 1
    }
}

@keyframes goingLeft {
    0% {
        transform: translateX(0)
    }

    60% {
        opacity: 0;
        transform: translateX(-60%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.App .jsRotateClass .icon {
    animation: rotateIcon .3s ease-in-out 1
}

@keyframes rotateIcon {
    0% {
        transform: rotate(30deg)
    }

    60% {
        transform: rotate(90deg)
    }

    to {
        transform: rotate(180deg)
    }
}

.App .swap-locations {
    bottom: 55%;
    cursor: pointer;
    left: 80%;
    position: absolute;
    transform: translate(-50%,50%);
    z-index: 9
}

@media(min-width:768px) {
    .App .swap-locations {
        bottom: 60%;
        left: 50%
    }
}

.App .swap-locations .icon {
    align-items: center;
    background-color: #fff;
    border: 2px solid #c8c8c8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    transform: rotate(90deg)
}

@media(min-width:768px) {
    .App .swap-locations .icon {
        transform: rotate(0deg)
    }
}

.App .swap-locations .icon:after {
    display: none
}

.App .swap-locations .icon:before {
    position: unset !important
}

.App .flight-listingcontent {
    text-align: left
}

    .App .flight-listingcontent .multicity-content .close-flight-item {
        align-items: center;
        background-color: #c3c3c3;
        border-radius: 50%;
        bottom: unset;
        display: flex;
        height: 25px;
        justify-content: center;
        margin-top: 10px;
        position: absolute;
        right: 0;
        width: 25px
    }

@media screen and (max-width:767px) {
    .App .flight-listingcontent .multicity-content .close-flight-item {
        bottom: 10px;
        margin: 0 auto 15px;
        position: absolute;
        right: -35px
    }
}

.App .flight-listingcontent .multicity-content .close-flight-item:before {
    color: #fff;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 9pt;
    font-weight: 700
}

.App .flight-listingcontent .multicity-content .close-flight-item.disabled {
    background-color: #dcdcdc;
    background: transparent;
    pointer-events: none
}

.App .flight-listingcontent .multicity-content .flight-multi-input-group {
    display: flex;
    flex-direction: column
}

@media(min-width:768px) {
    .App .flight-listingcontent .multicity-content .flight-multi-input-group {
        flex-direction: row
    }
}

.App .flight-listingcontent .multicity-content .flight-multi-input-group .flight-multi-input-group-left {
    display: flex;
    flex: 1 0 100%;
    flex-direction: column;
    max-width: 100%;
    text-align: left
}

@media(min-width:768px) {
    .App .flight-listingcontent .multicity-content .flight-multi-input-group .flight-multi-input-group-left {
        flex: 1 0 75%;
        max-width: 75%
    }
}

.App .flight-listingcontent .multicity-content .flight-multi-input-group .flight-multi-input-group-right {
    display: flex;
    flex: 1 0 90%;
    max-width: 90%;
    padding-left: 0
}

@media(min-width:768px) {
    .App .flight-listingcontent .multicity-content .flight-multi-input-group .flight-multi-input-group-right {
        flex: 1 0 25%;
        max-width: 25%;
        padding-left: 0
    }
}

.App .flight-listingcontent .multicity-content .flight-multi-input-group .flight-multi-input-group-right .input-dropdown:last-child {
    margin-right: 0
}

@media screen and (max-width:767px) {
    .App .flight-listingcontent .multicity-content .flight-multi-input-group.oneWay .flight-multi-input-group-right, .App .flight-listingcontent .multicity-content .flight-multi-input-group.roundTrip .flight-multi-input-group-right {
        flex: 1 0 100%;
        max-width: 100%
    }

    .App .flight-listingcontent .multicity-content .flight-multi-input-group.oneWay .flight-multi-input-group-left .tab-contents-group-left, .App .flight-listingcontent .multicity-content .flight-multi-input-group.roundTrip .flight-multi-input-group-left .tab-contents-group-left {
        display: flex;
        flex: 1 0 100%;
        flex-direction: column;
        max-width: 100%;
        padding-right: 0;
        position: relative;
        width: 100%
    }
}

@media(min-width:768px) {
    .App .flight-listingcontent .multicity-content .flight-multi-input-group.oneWay .flight-multi-input-group-left .tab-contents-group-left, .App .flight-listingcontent .multicity-content .flight-multi-input-group.roundTrip .flight-multi-input-group-left .tab-contents-group-left {
        padding-right: 0
    }
}

@media screen and (max-width:767px) {
    .App .flight-listingcontent .multicity-content .flight-multi-input-group.oneWay .flight-multi-input-group-right .tab-contents-group-right, .App .flight-listingcontent .multicity-content .flight-multi-input-group.roundTrip .flight-multi-input-group-right .tab-contents-group-right {
        display: flex;
        flex: 1 0 100%;
        flex-direction: column;
        max-width: 100%;
        padding-right: 0;
        position: relative;
        width: 100%
    }
}

.App .flight-listingcontent .multicity-content .input-group.input-daterange2 {
    flex: 1 0 40%;
    flex-wrap: nowrap;
    height: 50px;
    max-width: 100% !important;
    width: 40%
}

@media(min-width:1200px) {
    .App .flight-listingcontent .multicity-content .input-group.input-daterange2 {
        height: 3pc
    }
}

@media(min-width:1500px) {
    .App .flight-listingcontent .multicity-content .input-group.input-daterange2 {
        height: 54px
    }
}

.App .flight-listingcontent .multicity-content .input-group.input-daterange2 .form-fields.depart-date-select {
    border: 2px solid #c8c8c8 !important;
    border-radius: 4px !important
}

.App .flight-listingcontent .multicity-content .flight-multicity-add {
    align-items: center;
    background: #fff;
    border: 2px solid #ff000f !important;
    border-radius: 5px;
    color: #ff000f;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    margin: 10px auto 20px 0;
    padding: 10px 20px
}

    .App .flight-listingcontent .multicity-content .flight-multicity-add.disabled {
        display: none
    }

@media(min-width:768px) {
    .App .flight-listingcontent .multicity-content .flight-multicity-add {
        display: flex;
        margin: 20px auto 0 0;
        text-align: left
    }
}

@media(min-width:1500px) {
    .App .flight-listingcontent .multicity-content .flight-multicity-add {
        font-size: 22px
    }
}

.App .flight-listingcontent .multicity-content .input-dropdown {
    width: 50%
}

    .App .flight-listingcontent .multicity-content .input-dropdown .selectEconomyContent, .App .flight-listingcontent .multicity-content .input-dropdown .selectPaxContent {
        position: relative
    }

        .App .flight-listingcontent .multicity-content .input-dropdown .selectEconomyContent input, .App .flight-listingcontent .multicity-content .input-dropdown .selectPaxContent input {
            padding: 6px 30px 6px 9pt;
            text-overflow: ellipsis
        }

.App .flight-listingcontent .multicity-content .htl_guests .fnt30, .App .flight-listingcontent .oneway-content .htl_guests .fnt30, .App .flight-listingcontent .roundtrip-content .htl_guests .fnt30 {
    font-size: 9pt !important;
    font-weight: 600 !important
}

@media(min-width:1500px) {
    .App .flight-listingcontent .multicity-content .htl_guests .fnt30, .App .flight-listingcontent .oneway-content .htl_guests .fnt30, .App .flight-listingcontent .roundtrip-content .htl_guests .fnt30 {
        font-size: 18px !important
    }
}

.App .flight-listingcontent .multicity-content .lbl_input, .App .flight-listingcontent .oneway-content .lbl_input, .App .flight-listingcontent .roundtrip-content .lbl_input {
    font-size: 10px
}

.App .flight-listingcontent .multicity-content .location-fields, .App .flight-listingcontent .oneway-content .location-fields, .App .flight-listingcontent .roundtrip-content .location-fields {
    position: relative;
    width: auto !important
}

.App button#nav-Multicity-tab\ multi {
    display: none !important
}

#bus-listing #nav-Bus, #bus-listing #nav-Car, #bus-listing #nav-Flights, #bus-listing #nav-Hotels, #bus-listing #nav-Railway, #cab-listing #nav-Bus, #cab-listing #nav-Car, #cab-listing #nav-Flights, #cab-listing #nav-Hotels, #cab-listing #nav-Railway, #flight-listing #nav-Bus, #flight-listing #nav-Car, #flight-listing #nav-Flights, #flight-listing #nav-Hotels, #flight-listing #nav-Railway, #hotelbooking #nav-Bus, #hotelbooking #nav-Car, #hotelbooking #nav-Flights, #hotelbooking #nav-Hotels, #hotelbooking #nav-Railway, #hoteldetails #nav-Bus, #hoteldetails #nav-Car, #hoteldetails #nav-Flights, #hoteldetails #nav-Hotels, #hoteldetails #nav-Railway {
    padding-bottom: 0
}

@media(min-width:1200px) {
    #bus-listing #nav-Bus, #bus-listing #nav-Car, #bus-listing #nav-Flights, #bus-listing #nav-Hotels, #bus-listing #nav-Railway, #cab-listing #nav-Bus, #cab-listing #nav-Car, #cab-listing #nav-Flights, #cab-listing #nav-Hotels, #cab-listing #nav-Railway, #flight-listing #nav-Bus, #flight-listing #nav-Car, #flight-listing #nav-Flights, #flight-listing #nav-Hotels, #flight-listing #nav-Railway, #hotelbooking #nav-Bus, #hotelbooking #nav-Car, #hotelbooking #nav-Flights, #hotelbooking #nav-Hotels, #hotelbooking #nav-Railway, #hoteldetails #nav-Bus, #hoteldetails #nav-Car, #hoteldetails #nav-Flights, #hoteldetails #nav-Hotels, #hoteldetails #nav-Railway {
        padding-bottom: 40px
    }
}

@media(min-width:1500px) {
    #bus-listing #nav-Bus, #bus-listing #nav-Car, #bus-listing #nav-Flights, #bus-listing #nav-Hotels, #bus-listing #nav-Railway, #cab-listing #nav-Bus, #cab-listing #nav-Car, #cab-listing #nav-Flights, #cab-listing #nav-Hotels, #cab-listing #nav-Railway, #flight-listing #nav-Bus, #flight-listing #nav-Car, #flight-listing #nav-Flights, #flight-listing #nav-Hotels, #flight-listing #nav-Railway, #hotelbooking #nav-Bus, #hotelbooking #nav-Car, #hotelbooking #nav-Flights, #hotelbooking #nav-Hotels, #hotelbooking #nav-Railway, #hoteldetails #nav-Bus, #hoteldetails #nav-Car, #hoteldetails #nav-Flights, #hoteldetails #nav-Hotels, #hoteldetails #nav-Railway {
        padding-top: 20px
    }
}

#bus-listing .Innertabs, #cab-listing .Innertabs, #flight-listing .Innertabs, #hotelbooking .Innertabs, #hoteldetails .Innertabs {
    display: flex;
    flex-direction: column
}

    #bus-listing .Innertabs .nav-tabs-inner, #cab-listing .Innertabs .nav-tabs-inner, #flight-listing .Innertabs .nav-tabs-inner, #hotelbooking .Innertabs .nav-tabs-inner, #hoteldetails .Innertabs .nav-tabs-inner {
        justify-content: flex-start
    }

        #bus-listing .Innertabs .nav-tabs-inner button, #cab-listing .Innertabs .nav-tabs-inner button, #flight-listing .Innertabs .nav-tabs-inner button, #hotelbooking .Innertabs .nav-tabs-inner button, #hoteldetails .Innertabs .nav-tabs-inner button {
            background-color: #fff;
            border-radius: 30px;
            color: #000;
            font-size: 14px;
            font-weight: 600;
            margin: 2px 5px 2px 0;
            padding: 10px 20px
        }

@media(min-width:768px) {
    #bus-listing .Innertabs .nav-tabs-inner button, #cab-listing .Innertabs .nav-tabs-inner button, #flight-listing .Innertabs .nav-tabs-inner button, #hotelbooking .Innertabs .nav-tabs-inner button, #hoteldetails .Innertabs .nav-tabs-inner button {
        font-size: 15px;
        margin: 2px 8px 2px 0
    }
}

@media(min-width:1200px) {
    #bus-listing .Innertabs .nav-tabs-inner button, #cab-listing .Innertabs .nav-tabs-inner button, #flight-listing .Innertabs .nav-tabs-inner button, #hotelbooking .Innertabs .nav-tabs-inner button, #hoteldetails .Innertabs .nav-tabs-inner button {
        font-size: 15px
    }
}

@media(min-width:1500px) {
    #bus-listing .Innertabs .nav-tabs-inner button, #cab-listing .Innertabs .nav-tabs-inner button, #flight-listing .Innertabs .nav-tabs-inner button, #hotelbooking .Innertabs .nav-tabs-inner button, #hoteldetails .Innertabs .nav-tabs-inner button {
        font-size: 22px
    }
}

#bus-listing .Innertabs .nav-tabs-inner button.active, #cab-listing .Innertabs .nav-tabs-inner button.active, #flight-listing .Innertabs .nav-tabs-inner button.active, #hotelbooking .Innertabs .nav-tabs-inner button.active, #hoteldetails .Innertabs .nav-tabs-inner button.active {
    background-color: #ff000f;
    color: #fff;
    text-decoration: none
}

#bus-listing .Innertabs .tab-content .tab-pane .multicity-content .fare-selection, #cab-listing .Innertabs .tab-content .tab-pane .multicity-content .fare-selection, #flight-listing .Innertabs .tab-content .tab-pane .multicity-content .fare-selection, #hotelbooking .Innertabs .tab-content .tab-pane .multicity-content .fare-selection, #hoteldetails .Innertabs .tab-content .tab-pane .multicity-content .fare-selection {
    position: relative
}

@media(min-width:768px) {
    #bus-listing .Innertabs .tab-content .tab-pane .multicity-content .fare-selection, #cab-listing .Innertabs .tab-content .tab-pane .multicity-content .fare-selection, #flight-listing .Innertabs .tab-content .tab-pane .multicity-content .fare-selection, #hotelbooking .Innertabs .tab-content .tab-pane .multicity-content .fare-selection, #hoteldetails .Innertabs .tab-content .tab-pane .multicity-content .fare-selection {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start
    }
}

#bus-listing .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .fare-type-wrap p, #cab-listing .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .fare-type-wrap p, #flight-listing .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .fare-type-wrap p, #hotelbooking .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .fare-type-wrap p, #hoteldetails .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .fare-type-wrap p {
    color: #000
}

@media(min-width:768px) {
    #bus-listing .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .flightData-Search, #cab-listing .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .flightData-Search, #flight-listing .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .flightData-Search, #hotelbooking .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .flightData-Search, #hoteldetails .Innertabs .tab-content .tab-pane .multicity-content .fare-selection .flightData-Search {
        bottom: 5px;
        font-size: 20px;
        position: absolute;
        right: 0
    }

    #bus-listing .Innertabs .tab-content .tab-pane#nav-Oneway .flightData-Search, #cab-listing .Innertabs .tab-content .tab-pane#nav-Oneway .flightData-Search, #flight-listing .Innertabs .tab-content .tab-pane#nav-Oneway .flightData-Search, #hotelbooking .Innertabs .tab-content .tab-pane#nav-Oneway .flightData-Search, #hoteldetails .Innertabs .tab-content .tab-pane#nav-Oneway .flightData-Search {
        bottom: 75px
    }
}

#bus-listing .ota-coming-soon img, #cab-listing .ota-coming-soon img, #flight-listing .ota-coming-soon img, #hotelbooking .ota-coming-soon img, #hoteldetails .ota-coming-soon img {
    width: 100%
}

.ota-coming-soon .text {
    margin-top: 50px
}

    .ota-coming-soon .text span {
        color: #fff;
        font-size: 50px;
        font-weight: 800;
        line-height: normal
    }

@media(min-width:1500px) {
    .ota-coming-soon .text span {
        font-size: 94px
    }
}

.App .bus-search-content .bus-search-content-inputs {
    align-items: center;
    display: flex;
    flex: 1 0 90%;
    flex-direction: column;
    position: relative;
    width: 100%
}

@media(min-width:992px) {
    .App .bus-search-content .bus-search-content-inputs {
        align-items: flex-start;
        flex: 1 0 100%;
        flex-direction: row;
        max-width: 100%;
        max-width: 90%
    }
}

.App .bus-search-content .bus-search-content-inputs .input-daterange2 {
    flex: 1 0 100%;
    max-width: 100%
}

@media(min-width:992px) {
    .App .bus-search-content .bus-search-content-inputs .input-daterange2 {
        flex: 1 0 35%;
        max-width: 35%
    }
}

.App .bus-search-content .bus-search-content-inputs .input-daterange2 .form-fields {
    width: 100% !important
}

    .App .bus-search-content .bus-search-content-inputs .input-daterange2 .form-fields .htl_guests {
        left: 22px
    }

.App .bus-search-content .bus-search-content-inputs .location-fields {
    display: flex;
    flex-direction: column;
    width: 100% !important
}

@media(min-width:992px) {
    .App .bus-search-content .bus-search-content-inputs .location-fields {
        flex: 1 0 60%;
        flex-direction: row;
        max-width: 60%;
        width: auto !important
    }
}

.App .bus-search-content .bus-search-content-inputs .location-fields .form-fields {
    width: 100% !important
}

@media(min-width:992px) {
    .App .bus-search-content .bus-search-content-inputs .location-fields .form-fields {
        width: 50% !important
    }
}

.App .bus-search-content .bus-search-content-inputs .location-fields .icon {
    position: relative
}

    .App .bus-search-content .bus-search-content-inputs .location-fields .icon:before {
        background-color: #fff;
        border-radius: 50%;
        color: #fff;
        color: #c8c8c8;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        font-size: 14px;
        padding: 3px 6px;
        position: absolute;
        right: -1pc;
        top: 11px
    }

    .App .bus-search-content .bus-search-content-inputs .location-fields .icon:after {
        color: #fff;
        color: #c8c8c8;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        font-size: 2pc;
        position: absolute;
        right: -15px;
        top: 3px
    }

.App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box {
    flex-direction: column
}

@media(min-width:1200px) {
    .App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box {
        margin: 0 5px
    }
}

.App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box input {
    height: 27px;
    padding: 0 15px 5px 20px
}

.App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box .lbl_input {
    font-size: 8px;
    font-weight: 500;
    padding: 5px 15px 0 20px
}

@media screen and (min-width:720px) {
    .App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box .lbl_input {
        font-size: 9pt
    }
}

@media(min-width:992px) {
    .App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box .lbl_input {
        font-size: 9pt
    }
}

@media(min-width:1500px) {
    .App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box .lbl_input {
        font-size: 9pt
    }
}

.App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box .autosuggest {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.3) !important;
    display: block;
    margin: 0;
    max-height: 350px;
    overflow-y: auto;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%;
    z-index: 9
}

    .App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box .autosuggest .autosuggest-sub-container:first-of-type span {
        border: none !important
    }

    .App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box .autosuggest .list-group {
        list-style-type: none;
        padding: 0 15px
    }

        .App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box .autosuggest .list-group li {
            cursor: pointer;
            display: flex;
            flex-direction: column;
            font-size: 14px;
            font-weight: 500;
            margin: 5px 0
        }

            .App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box .autosuggest .list-group li:hover {
                color: #ff000f
            }

            .App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box .autosuggest .list-group li .city-list-airport-name {
                font-size: 9pt;
                font-weight: 400
            }

    .App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box .autosuggest .no-suggestions {
        font-size: 1pc;
        font-weight: 700;
        padding: 15px
    }

.App .bus-search-content .bus-search-content-inputs .location-fields .search-location-box .autoLoading {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
    display: block;
    font-size: 1pc;
    font-weight: 700;
    padding: 15px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9
}

.App .bus-search-content .bus-search-content-inputs .getStarted-Search {
    border-radius: 30px;
    margin: 0
}

@media(min-width:992px) {
    .App .bus-search-content .bus-search-content-inputs .getStarted-Search {
        flex: 1 0 4%;
        height: 3pc;
        margin: 0 0 0 15px;
        max-width: 4%
    }
}

@media(min-width:1200px) {
    .App .bus-search-content .bus-search-content-inputs .getStarted-Search {
        flex: 1 0 5%;
        height: 54px;
        max-width: 5%
    }
}

@media(min-width:1500px) {
    .App .bus-search-content .bus-search-content-inputs .getStarted-Search {
        flex: 1 0 4%;
        height: 54px;
        max-width: 4%
    }
}

@media(min-width:992px) {
    .App .bus-search-content .bus-search-content-inputs .getStarted-Search {
        border-radius: 4px
    }
}

.App .bus-search-content .bus-search-content-inputs .getStarted-Search .bi-search:before {
    font-size: 0;
    font-weight: 700
}

@media(min-width:992px) {
    .App .bus-search-content .bus-search-content-inputs .getStarted-Search .bi-search:before {
        font-size: 1pc
    }
}

@media(min-width:1680px) {
    .App .bus-search-content .bus-search-content-inputs .getStarted-Search .bi-search:before {
        font-size: 18px
    }
}

.App .bus-search-content .bus-search-content-inputs .getStarted-Search .searchTxt {
    font-size: 1pc
}

@media(min-width:992px) {
    .App .bus-search-content .bus-search-content-inputs .getStarted-Search .searchTxt {
        font-size: 0
    }
}

.App .bus-search-content input, .App .bus-search-content select {
    background: #fff;
    border: 2px solid #c8c8c8;
    border-radius: 6px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 9pt;
    font-weight: 600;
    height: 50px;
    text-align: left !important;
    width: 100%
}

@media(min-width:1200px) {
    .App .bus-search-content input, .App .bus-search-content select {
        height: 3pc
    }
}

@media(min-width:1500px) {
    .App .bus-search-content input, .App .bus-search-content select {
        font-size: 18px;
        height: 54px
    }
}

.App .bus-search-content label {
    align-items: center;
    border-right: 2px solid #d3d3d3;
    color: #999c9a;
    display: flex;
    font-size: 9pt !important;
    font-weight: 700;
    justify-content: center;
    max-width: 165px;
    min-height: 15px;
    padding: 0 10px;
    text-align: left
}

@media screen and (max-width:767px) {
    .App .bus-search-content label {
        flex: 1 0 35%
    }
}

.App .bus-search-content label:last-child {
    border-right: 0
}

.App .bus-search-content .form-fields {
    position: relative
}

    .App .bus-search-content .form-fields .search-location-box {
        background: #fff;
        border: 2px solid #c8c8c8;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        margin: 0 0 10px;
        text-align: left !important
    }

@media(min-width:992px) {
    .App .bus-search-content .form-fields .search-location-box {
        margin: 0 5px 5px 0
    }
}

.App .bus-search-content .form-fields .search-location-box input::placeholder {
    color: #000 !important;
    font-weight: 700;
    opacity: 1
}

.App .bus-search-content .form-fields .search-location-box input:-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.App .bus-search-content .form-fields .search-location-box input::-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.App .bus-search-content .form-fields .search-location-box input {
    border: none;
    color: #000 !important;
    height: 50px;
    outline: none;
    padding: 5px 15px
}

.App .bus-search-content .form-fields .search-location-box .lbl_input {
    color: #717171;
    font-size: 10px
}

.App .bus-search-content .form-fields .search-location-box .bi-search {
    color: #000;
    height: 22px;
    position: relative;
    right: 8px;
    top: 15px;
    width: 22px
}

.App .bus-search-content .form-fields:not(:first-child) .search-location-box {
    margin-right: 0
}

.App .bus-search-content .input-group {
    display: flex;
    padding: 0
}

@media(min-width:992px) {
    .App .bus-search-content .input-group {
        padding: 0 5px 0 10px
    }
}

.App .bus-search-content .input-group > div:first-child > input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.App .bus-search-content .input-group > div:nth-child(2) > input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.App .bus-search-content .input-group .form-fields {
    align-items: center;
    display: flex;
    margin: 0 !important;
    width: 50%
}

    .App .bus-search-content .input-group .form-fields .right-icons {
        align-items: center;
        display: flex;
        padding: 5px
    }

        .App .bus-search-content .input-group .form-fields .right-icons .calendar-icon {
            width: 0
        }

            .App .bus-search-content .input-group .form-fields .right-icons .calendar-icon i {
                height: 22px;
                position: relative;
                right: 30px;
                top: -5px;
                width: 22px;
                z-index: 1
            }

@media(min-width:992px) {
    .App .bus-search-content .input-group .form-fields .right-icons .calendar-icon i {
        top: 0
    }
}

.App .bus-search-content .input-group .form-fields input {
    background: transparent;
    background-color: #fff;
    color: #000;
    font-weight: 700;
    z-index: 1
}

    .App .bus-search-content .input-group .form-fields input::placeholder {
        color: #000;
        font-weight: 700;
        opacity: 1
    }

    .App .bus-search-content .input-group .form-fields input:-ms-input-placeholder {
        color: #000;
        font-weight: 700;
        opacity: 1
    }

    .App .bus-search-content .input-group .form-fields input::-ms-input-placeholder {
        color: #000;
        font-weight: 700;
        opacity: 1
    }

.App .bus-search-content .input-group .lbl_input {
    color: #717171;
    font-size: 10px;
    font-weight: 600;
    padding: 5px 15px 0
}

@media(min-width:992px) {
    .App .bus-search-content .input-group .lbl_input {
        font-size: 10px
    }
}

.App .bus-search-content .input-group .htl_guests .fnt13 {
    color: #000;
    font-size: 9pt;
    font-weight: 600;
    line-height: 13px
}

@media(min-width:992px) {
    .App .bus-search-content .input-group .htl_guests .fnt13 {
        font-size: 14px
    }
}

.App .bus-search-content .input-group .htl_guests .fnt13 .fnt30 {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 10px
}

@media(min-width:992px) {
    .App .bus-search-content .input-group .htl_guests .fnt13 .fnt30 {
        font-size: 20px
    }
}

.App .bus-search-content .input-group .htl_guests .fnt13 #checkinDD, .App .bus-search-content .input-group .htl_guests .fnt13 #checkinDay {
    margin-right: 0
}

.App .bus-search-content .input-group .htl_guests .lbl {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding-right: 10px
}

.App .bus-search-content .input-group.input-daterange2 .form-fields {
    background: #fff;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    flex-direction: column;
    text-align: left !important
}

    .App .bus-search-content .input-group.input-daterange2 .form-fields .date-label {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

        .App .bus-search-content .input-group.input-daterange2 .form-fields .date-label .lbl_input {
            font-size: 8px;
            font-weight: 500
        }

@media screen and (min-width:720px) {
    .App .bus-search-content .input-group.input-daterange2 .form-fields .date-label .lbl_input {
        font-size: 9pt
    }
}

@media(min-width:992px) {
    .App .bus-search-content .input-group.input-daterange2 .form-fields .date-label .lbl_input {
        font-size: 9pt
    }
}

@media(min-width:1500px) {
    .App .bus-search-content .input-group.input-daterange2 .form-fields .date-label .lbl_input {
        font-size: 9pt
    }
}

.App .bus-search-content .input-group.input-daterange2 .form-fields .date-label .calendar-icon {
    padding: 0 2px 0 0;
    position: absolute;
    right: 25px;
    top: 7px
}

    .App .bus-search-content .input-group.input-daterange2 .form-fields .date-label .calendar-icon svg {
        width: 20px
    }

@media(min-width:992px) {
    .App .bus-search-content .input-group.input-daterange2 .form-fields .date-label .calendar-icon {
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%)
    }
}

.App .bus-search-content .input-group.input-daterange2 .form-fields input {
    border: none;
    font-size: 20px;
    max-height: 27px;
    padding: 0 15px
}

    .App .bus-search-content .input-group.input-daterange2 .form-fields input:focus {
        border: none !important
    }

.App .bus-search-content .input-group.input-daterange2 .form-fields .htl_guests {
    align-items: center;
    display: flex;
    justify-content: start;
    margin-top: -5px;
    padding-left: 15px;
    width: 100%
}

.App .bus-search-content .input-group.input-daterange2 .form-fields.depart-date-select {
    border-radius: 6px 0 0 6px !important;
    border-right: 1px solid #c8c8c8 !important;
    margin-bottom: 15px !important
}

@media(min-width:992px) {
    .App .bus-search-content .input-group.input-daterange2 .form-fields.depart-date-select {
        margin-bottom: 0 !important
    }
}

.App .bus-search-content .input-daterange2 {
    padding-bottom: 20px
}

@media(min-width:992px) {
    .App .bus-search-content .input-daterange2 {
        padding-bottom: 0
    }
}

.App .bus-search-content .input-group.input-daterange2 {
    flex-wrap: nowrap;
    height: 50px
}

@media(min-width:1200px) {
    .App .bus-search-content .input-group.input-daterange2 {
        height: 54px
    }
}

@media(min-width:1500px) {
    .App .bus-search-content .input-group.input-daterange2 {
        height: 54px
    }
}

.App .bus-search-content .input-group.input-daterange2 .form-fields.depart-date-select {
    border: 2px solid #c8c8c8 !important;
    border-radius: 4px !important
}

.App .bus-search-content .htl_guests .fnt30 {
    font-size: 9pt !important;
    font-weight: 600 !important
}

@media(min-width:1500px) {
    .App .bus-search-content .htl_guests .fnt30 {
        font-size: 18px !important
    }
}

.App .bus-search-content .lbl_input {
    font-size: 10px
}

.App .bus-search-content .location-fields {
    position: relative
}

.App .bus-search-content .swap-locations {
    bottom: 55%;
    left: 80%;
    position: absolute;
    transform: translate(-50%,50%)
}

@media(min-width:768px) {
    .App .bus-search-content .swap-locations {
        bottom: 55%;
        left: 80%
    }
}

@media(min-width:992px) {
    .App .bus-search-content .swap-locations {
        bottom: 55%;
        left: 50%
    }
}

@media(min-width:1200px) {
    .App .bus-search-content .swap-locations {
        bottom: 50%;
        left: 50%
    }
}

.App .bus-search-content .swap-locations .icon {
    transform: rotate(90deg)
}

@media(min-width:768px) {
    .App .bus-search-content .swap-locations .icon {
        transform: rotate(90deg)
    }
}

@media(min-width:992px) {
    .App .bus-search-content .swap-locations .icon {
        transform: rotate(0deg)
    }
}

.cab-listingcontent .tab-contents .location-fields {
    display: flex;
    flex-direction: column;
    width: 100% !important
}

@media(min-width:1200px) {
    .cab-listingcontent .tab-contents .location-fields {
        flex-direction: row;
        width: auto !important
    }
}

.cab-listingcontent .tab-contents .CarSearch {
    border-radius: 30px !important;
    height: 50px;
    margin: 0 !important;
    width: 90pt !important
}

@media(min-width:992px) {
    .cab-listingcontent .tab-contents .CarSearch {
        border-radius: 3px !important;
        height: 55px;
        width: 60px !important
    }
}

@media(min-width:1200px) {
    .cab-listingcontent .tab-contents .CarSearch {
        height: 54px;
        width: 50px !important
    }
}

@media(min-width:1500px) {
    .cab-listingcontent .tab-contents .CarSearch {
        height: 55px;
        width: 60px !important
    }
}

.cab-listingcontent .tab-contents .CarSearch .bi-search:before {
    font-size: 0;
    font-weight: 700
}

@media(min-width:992px) {
    .cab-listingcontent .tab-contents .CarSearch .bi-search:before {
        font-size: 1pc
    }
}

@media(min-width:1680px) {
    .cab-listingcontent .tab-contents .CarSearch .bi-search:before {
        font-size: 18px
    }
}

.cab-listingcontent .tab-contents .CarSearch .searchTxt {
    font-size: 1pc
}

@media(min-width:992px) {
    .cab-listingcontent .tab-contents .CarSearch .searchTxt {
        font-size: 0
    }
}

.cab-listingcontent .tab-contents .swap-locations {
    bottom: 55%;
    left: 80%;
    position: absolute;
    transform: translate(-50%,50%)
}

@media(min-width:1200px) {
    .cab-listingcontent .tab-contents .swap-locations {
        bottom: 60%;
        left: 50%
    }
}

.cab-listingcontent .tab-contents .swap-locations .icon {
    transform: rotate(90deg)
}

@media(min-width:1200px) {
    .cab-listingcontent .tab-contents .swap-locations .icon {
        transform: rotate(0deg)
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .cab-search-content .tab-contents {
    justify-content: center
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .cab-search-content .tab-contents {
        justify-content: flex-start
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields {
    position: relative
}

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields .search-location-box {
        background: #fff;
        border: 2px solid #c8c8c8;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        margin: 0 0 10px;
        text-align: left !important
    }

@media(min-width:992px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields .search-location-box {
        margin: 0 5px 5px 0
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields .search-location-box input::placeholder {
    color: #000 !important;
    font-weight: 700;
    opacity: 1
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields .search-location-box input:-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields .search-location-box input::-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields .search-location-box input {
    border: none;
    color: #000 !important;
    height: 50px;
    outline: none;
    padding: 5px 15px
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields .search-location-box .lbl_input {
    color: #717171;
    font-size: 10px
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields .search-location-box .bi-search {
    color: #000;
    height: 22px;
    position: relative;
    right: 8px;
    top: 15px;
    width: 22px
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields option[value=""][disabled] {
    display: none
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group {
    display: flex;
    padding: 0;
    width: auto
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group {
        padding: 0 5px 0 10px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group > div:first-child > input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group > div:nth-child(2) > input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .form-fields {
    align-items: center;
    display: flex;
    margin: 0 !important
}

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .form-fields .right-icons {
        align-items: center;
        display: flex;
        padding: 5px
    }

        .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .form-fields .right-icons .calendar-icon {
            width: 0
        }

            .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .form-fields .right-icons .calendar-icon i {
                height: 22px;
                position: relative;
                right: 30px;
                top: -5px;
                width: 22px;
                z-index: 1
            }

@media(min-width:768px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .form-fields .right-icons .calendar-icon i {
        top: 0
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .form-fields input {
    background: transparent;
    background-color: #fff;
    color: #000;
    font-weight: 700;
    z-index: 1
}

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .form-fields input::placeholder {
        color: #000;
        font-weight: 700;
        opacity: 1
    }

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .form-fields input:-ms-input-placeholder {
        color: #000;
        font-weight: 700;
        opacity: 1
    }

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .form-fields input::-ms-input-placeholder {
        color: #000;
        font-weight: 700;
        opacity: 1
    }

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .lbl_input {
    color: #717171;
    font-size: 10px;
    font-weight: 600;
    padding: 5px 15px 0
}

@media(min-width:768px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .lbl_input {
        font-size: 9pt
    }
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .lbl_input {
        padding: 5px 5px 0
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .lbl_input {
        padding: 5px 15px 0
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 {
    color: #000;
    font-size: 9pt;
    font-weight: 600;
    line-height: 13px
}

@media(min-width:768px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 {
        font-size: 14px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 10px
}

@media(min-width:768px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30 {
        font-size: 14px
    }
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30 {
        font-size: 9pt
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30 {
        font-size: 15px
    }
}

@media(min-width:1680px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30 {
        font-size: 18px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 #checkinDD, .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 #checkinDay {
    margin-right: 0
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group .htl_guests .lbl {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding-right: 10px
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 {
        width: 15%
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 {
        width: 15%
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields {
    background: #fff;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    flex-direction: column;
    text-align: left !important;
    width: 100%
}

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .date-label {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

        .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .date-label .lbl_input {
            font-size: 8px;
            font-weight: 500
        }

@media(min-width:768px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .date-label .lbl_input {
        font-size: 9pt
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .date-label .lbl_input {
        font-size: 9pt
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .date-label .calendar-icon {
    padding: 0 2px 0 0;
    position: absolute;
    right: 25px;
    top: 7px
}

@media(min-width:768px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .date-label .calendar-icon {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .date-label .calendar-icon {
        right: 20px
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .date-label .calendar-icon {
        right: 25px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .date-label .calendar-icon svg {
    width: 15px
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .date-label .calendar-icon svg {
        width: 20px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields input {
    border: none;
    max-height: 27px;
    padding: 0 15px
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields input {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields input {
        font-size: 20px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields input:focus {
    border: none !important
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .htl_guests {
    align-items: center;
    display: flex;
    justify-content: start;
    margin-top: -5px;
    padding-left: 15px;
    width: 100%
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .htl_guests {
        padding-left: 5px
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 .form-fields .htl_guests {
        padding-left: 15px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-daterange2 {
    padding-bottom: 10px
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-daterange2 {
        padding-bottom: 0
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 {
    flex-wrap: nowrap;
    height: auto;
    width: 100%
}

@media(min-width:768px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 {
        height: 60px
    }
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-group.input-daterange2 {
        height: 54px;
        width: 15%
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields {
    display: flex;
    flex-direction: column;
    width: 100% !important
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields {
        flex-direction: row;
        width: auto !important
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .icon {
    position: relative
}

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .icon:before {
        background-color: #fff;
        border-radius: 50%;
        color: #fff;
        color: #c8c8c8;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        font-size: 14px;
        padding: 3px 6px;
        position: absolute;
        right: -1pc;
        top: 11px
    }

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .icon:before {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .icon:before {
        font-size: 14px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .icon:after {
    color: #fff;
    color: #c8c8c8;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 2pc;
    position: absolute;
    right: -15px;
    top: 3px
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box {
    flex-direction: column
}

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box input {
        height: 27px;
        padding: 0 15px 5px 20px
    }

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box input {
        font-size: 9pt;
        padding: 0 15px 5px
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box input {
        font-size: 14px;
        padding: 0 15px 5px 20px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .lbl_input {
    font-size: 8px;
    font-weight: 500;
    padding: 5px 15px 0 20px
}

@media(min-width:768px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .lbl_input {
        font-size: 9pt
    }
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .lbl_input {
        padding: 5px 15px 0
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .lbl_input {
        font-size: 9pt;
        padding: 5px 15px 0 20px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .autosuggest {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.3) !important;
    display: block;
    margin: 0;
    max-height: 350px;
    overflow-y: auto;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%;
    z-index: 9
}

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .autosuggest .autosuggest-sub-container:first-of-type span {
        border: none !important
    }

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .autosuggest .list-group {
        list-style-type: none;
        padding: 0 15px
    }

        .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .autosuggest .list-group li {
            cursor: pointer;
            display: flex;
            flex-direction: column;
            font-size: 14px;
            font-weight: 500;
            margin: 5px 0
        }

            .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .autosuggest .list-group li:hover {
                color: #ff000f
            }

            .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .autosuggest .list-group li .city-list-airport-name {
                font-size: 9pt;
                font-weight: 400
            }

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .autosuggest .no-suggestions {
        font-size: 1pc;
        font-weight: 700;
        padding: 15px
    }

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields .search-location-box .autoLoading {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
    display: block;
    font-size: 1pc;
    font-weight: 700;
    padding: 15px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields {
    position: relative;
    width: 100%
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields {
        width: auto !important
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent {
    display: flex;
    position: relative
}

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent .lbl_input {
        color: #717171;
        font-size: 8px;
        font-weight: 500;
        padding: 8px 18px;
        position: absolute
    }

@media(min-width:768px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent .lbl_input {
        font-size: 9pt
    }
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent .lbl_input {
        padding: 8px
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent .lbl_input {
        padding: 8px 18px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent .lbl_input.active {
    color: #fff
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent input {
    padding: 6px 30px 6px 9pt;
    text-overflow: ellipsis
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent input {
        font-size: 9pt
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent input {
        font-size: 15px
    }
}

@media(min-width:1680px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent input {
        font-size: 18px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder {
        font-size: 9pt
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder {
        font-size: 15px
    }
}

@media(min-width:1680px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder {
        font-size: 18px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent:after {
    bottom: 28%;
    color: #fff;
    color: #000;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 14px;
    position: absolute;
    right: 8%
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent:after {
        bottom: 40%;
        right: 4%
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent:after {
        bottom: 28%;
        right: 8%
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent input:-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent input::-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    opacity: 1
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent input:focus {
    box-shadow: unset
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent.active input {
    background: #ff000f;
    border: none;
    color: #fff !important;
    outline: none;
    text-overflow: ellipsis
}

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent.active input::placeholder {
        border: none;
        color: #fff !important;
        outline: none
    }

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContent.active:after {
    color: #fff
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .selectPackageContentinput:focus-visible {
    border: none;
    outline: none
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .packageContent {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%;
    z-index: 1
}

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .packageContent .package-list {
        padding: 20px
    }

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .packageContent .package-list {
        margin-bottom: 10px
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .packageContent .package-list {
        margin-bottom: 20px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .packageContent .package-list .durationTimePopup {
    background-color: #fff;
    border-radius: 4px;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 300px;
    overflow-y: scroll;
    padding: 0
}

    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .packageContent .package-list .durationTimePopup li {
        background-color: #fff;
        color: #000;
        cursor: pointer;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        padding: 9pt 0
    }

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .packageContent .package-list .durationTimePopup li {
        font-size: 18px
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .packageContent .package-list .durationTimePopup li.active {
    background-color: #ff000f;
    color: #fff
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-dropdown {
        width: 15% !important
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .input-dropdown:after {
    display: none
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields.airport-transfers .input-dropdown {
        width: 40% !important
    }
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .location-fields.airport-transfers .durationTimePopup {
    overflow-y: hidden
}

.App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields.input-dropdown input {
    padding: 9pt 15px 0
}

@media(min-width:992px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields.input-dropdown input {
        height: 54px !important;
        padding: 20px 15px 0
    }
}

@media(min-width:1200px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields.input-dropdown input {
        padding: 20px 6px 0
    }
}

@media(min-width:1500px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .form-fields.input-dropdown input {
        padding: 20px 15px 0
    }
}

.App .cab-listingcontent .cab-hours-search-from-to {
    display: flex;
    flex-direction: row
}

    .App .cab-listingcontent .cab-hours-search-from-to.active {
        flex-direction: row-reverse
    }

@media(min-width:768px) {
    .App .cab-listingcontent .getStarted-InnerContent .Innertabs .nav-tabs-inner {
        margin-bottom: 30px
    }
}

.App #nav-Hourley .location-fields .form-fields {
    width: 100% !important
}

#homepage .App .cab-listingcontent .getStarted-InnerContent .Innertabs .tab-content .tab-pane .cab-search-content .tab-contents {
    justify-content: center
}

.newTimeSlotParent {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 7px rgba(0,0,0,.2);
    margin-top: 0;
    max-height: 350px;
    min-width: 360px;
    position: absolute;
    top: 100%;
    z-index: 100
}

@media(min-width:1200px) {
    .newTimeSlotParent {
        min-width: 270px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent {
        min-width: 360px
    }
}

.newTimeSlotParent .newTimeSlotHeader {
    box-shadow: 0 1px 7px rgba(0,0,0,.2);
    color: #000;
    padding: 10px
}

    .newTimeSlotParent .newTimeSlotHeader .left {
        display: flex;
        font-weight: 600;
        width: 50%
    }

@media(min-width:1200px) {
    .newTimeSlotParent .newTimeSlotHeader .left {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent .newTimeSlotHeader .left {
        font-size: 18px
    }
}

.newTimeSlotParent .makeFlex {
    display: flex
}

    .newTimeSlotParent .makeFlex .bottomBorder {
        border-bottom: 2px solid;
        border-color: #ff000f;
        margin-left: 3px;
        margin-right: 3px
    }

        .newTimeSlotParent .makeFlex .bottomBorder .selectedItemHighlight {
            background-color: #fbdbd8;
            padding-left: 2px;
            padding-right: 2px
        }

        .newTimeSlotParent .makeFlex .bottomBorder .selectedItemDefault {
            margin-left: 3px;
            margin-right: 3px;
            padding-left: 2px;
            padding-right: 2px
        }

    .newTimeSlotParent .makeFlex .left div:nth-child(4) {
        padding-left: 5px
    }

    .newTimeSlotParent .makeFlex .applyBtn {
        background: #ff000f;
        border-radius: 10px;
        cursor: pointer;
        padding: 4px 20px;
        width: 90pt
    }

@media(min-width:1200px) {
    .newTimeSlotParent .makeFlex .applyBtn {
        width: 90px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent .makeFlex .applyBtn {
        width: 90pt
    }
}

.newTimeSlotParent .makeFlex .applyBtn .applyBtnText {
    color: #fff;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 700
}

@media(min-width:1200px) {
    .newTimeSlotParent .makeFlex .applyBtn .applyBtnText {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent .makeFlex .applyBtn .applyBtnText {
        font-size: 18px
    }
}

.newTimeSlotParent .makeFlex.row {
    align-items: center;
    background: #fff;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px
}

    .newTimeSlotParent .makeFlex.row .newTimeSlotHrUl {
        height: 266px;
        margin: 0;
        overflow: auto;
        padding: 0;
        width: 90pt
    }

@media(min-width:1200px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotHrUl {
        width: 90px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotHrUl {
        width: 90pt
    }
}

.newTimeSlotParent .makeFlex.row .newTimeSlotHrUl .hrSlotItemParent {
    border: 1px solid #f3f3f3;
    cursor: pointer;
    padding: 1pc
}

@media(min-width:1200px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotHrUl .hrSlotItemParent {
        padding: 5px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotHrUl .hrSlotItemParent {
        padding: 1pc
    }
}

.newTimeSlotParent .makeFlex.row .newTimeSlotHrUl .hrSlotItemParent .hrSlotItemChild {
    color: #000;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 600
}

@media(min-width:1200px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotHrUl .hrSlotItemParent .hrSlotItemChild {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotHrUl .hrSlotItemParent .hrSlotItemChild {
        font-size: 18px
    }
}

.newTimeSlotParent .makeFlex.row .newTimeSlotHrUl .hrSlotItemParent_sel {
    background-color: #ff000f
}

    .newTimeSlotParent .makeFlex.row .newTimeSlotHrUl .hrSlotItemParent_sel .hrSlotItemChild_sel {
        color: #fff;
        font-weight: 700
    }

.newTimeSlotParent .makeFlex.row .newTimeSlotMinUl {
    height: 266px;
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 90pt
}

@media(min-width:1200px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotMinUl {
        width: 90px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotMinUl {
        width: 90pt
    }
}

.newTimeSlotParent .makeFlex.row .newTimeSlotMinUl .minSlotItemParent {
    border: 1px solid #f3f3f3;
    cursor: pointer;
    padding: 1pc
}

@media(min-width:1200px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotMinUl .minSlotItemParent {
        padding: 5px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotMinUl .minSlotItemParent {
        padding: 1pc
    }
}

.newTimeSlotParent .makeFlex.row .newTimeSlotMinUl .minSlotItemParent .minSlotItemChild {
    color: #000;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 600
}

@media(min-width:1200px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotMinUl .minSlotItemParent .minSlotItemChild {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotMinUl .minSlotItemParent .minSlotItemChild {
        font-size: 18px
    }
}

.newTimeSlotParent .makeFlex.row .newTimeSlotMinUl .minSlotItemParent_sel {
    background-color: #ff000f
}

    .newTimeSlotParent .makeFlex.row .newTimeSlotMinUl .minSlotItemParent_sel .minSlotItemChild_sel {
        color: #fff;
        font-weight: 700
    }

.newTimeSlotParent .makeFlex.row .newTimeSlotMerUl {
    height: 266px;
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 90pt
}

@media(min-width:1200px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotMerUl {
        width: 90px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotMerUl {
        width: 90pt
    }
}

.newTimeSlotParent .makeFlex.row .newTimeSlotMerUl .meridianSlotItemParent {
    border: 1px solid #f3f3f3;
    cursor: pointer;
    padding: 1pc;
    width: 90pt
}

@media(min-width:1200px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotMerUl .meridianSlotItemParent {
        padding: 5px;
        width: 90px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotMerUl .meridianSlotItemParent {
        padding: 1pc;
        width: 90pt
    }
}

.newTimeSlotParent .makeFlex.row .newTimeSlotMerUl .meridianSlotItemParent .meridianSlotItemChild {
    color: #000;
    font-family: var(--font-family);
    font-size: calc(var(--font-scale, 1)*14px);
    font-style: normal;
    font-weight: 600
}

@media(min-width:1200px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotMerUl .meridianSlotItemParent .meridianSlotItemChild {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .newTimeSlotParent .makeFlex.row .newTimeSlotMerUl .meridianSlotItemParent .meridianSlotItemChild {
        font-size: 18px
    }
}

.newTimeSlotParent .makeFlex.row .newTimeSlotMerUl .meridianSlotItemParent_sel {
    background-color: #ff000f
}

    .newTimeSlotParent .makeFlex.row .newTimeSlotMerUl .meridianSlotItemParent_sel .meridianSlotItemChild_sel {
        color: #fff;
        font-weight: 700
    }

.loader {
    background: #fff;
    flex: 1;
    height: 100%;
    justify-content: center;
    z-index: 999
}

.App .hotel-map-modal, .loader {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.App .hotel-map-modal {
    animation: modalAnimation .2s ease-in-out forwards;
    background-color: rgba(0,0,0,.9);
    width: 100%;
    z-index: 25
}

.App .hotel-map-modal-content {
    background-color: #fff;
    border-radius: 8px;
    margin: auto;
    position: relative;
    width: 90%
}

.App .hotel-map-modal-close-container {
    position: absolute;
    right: 10px;
    top: -35px;
    z-index: 5
}

    .App .hotel-map-modal-close-container .hotel-map-modal-btn-close {
        background-color: inherit;
        border: none
    }

        .App .hotel-map-modal-close-container .hotel-map-modal-btn-close:after {
            color: #fff;
            content: "";
            font-family: bootstrap-icons;
            font-size: 22px;
            font-weight: 900
        }

@media(min-width:992px) {
    .App .hotel-map-modal-close-container .hotel-map-modal-btn-close:after {
        color: #000
    }

    .App .hotel-map-modal-close-container {
        right: 20px;
        top: 10px;
        z-index: 5
    }
}

.App .hotel-map-modal-filter-close-container {
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 5
}

    .App .hotel-map-modal-filter-close-container .hotel-map-modal-filter-close {
        background-color: inherit;
        border: none
    }

        .App .hotel-map-modal-filter-close-container .hotel-map-modal-filter-close:after {
            color: #fff;
            color: #000;
            content: "";
            font-family: bootstrap-icons;
            font-size: 22px;
            font-weight: 700
        }

@media(min-width:992px) {
    .App .hotel-map-modal-filter-close-container {
        display: none
    }
}

.App #hotel-map-section {
    border-radius: 5px;
    height: 450px
}

    .App #hotel-map-section button[title="Toggle fullscreen view"], .App #hotel-map-section button[title="Zoom in"], .App #hotel-map-section button[title="Zoom out"] {
        border: 2px solid #ff000f !important
    }

        .App #hotel-map-section button[title="Toggle fullscreen view"] img, .App #hotel-map-section button[title="Zoom in"] img, .App #hotel-map-section button[title="Zoom out"] img {
            filter: sepia(100%) hue-rotate(343deg) saturate(900%)
        }

    .App #hotel-map-section button:disabled img {
        filter: sepia(100%) hue-rotate(308deg) saturate(100)
    }

    .App #hotel-map-section .ota-hotel-marker {
        background-color: #ff000f;
        border-radius: 25px;
        color: #fff;
        position: relative
    }

        .App #hotel-map-section .ota-hotel-marker p {
            font-size: 18px;
            font-weight: 600;
            margin: 0;
            padding: 10px
        }

@media(min-width:1500px) {
    .App #hotel-map-section .ota-hotel-marker p {
        font-size: 24px;
        font-weight: 700
    }
}

.App #hotel-map-section .ota-hotel-marker:after {
    bottom: -15px;
    color: #fff;
    color: #ff000f;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.App #hotel-map-section .ota-card-details {
    display: flex;
    flex: 1;
    max-width: 350px;
    padding: 0
}

    .App #hotel-map-section .ota-card-details .ota-card-left {
        flex: 3
    }

        .App #hotel-map-section .ota-card-details .ota-card-left img {
            width: 100%
        }

    .App #hotel-map-section .ota-card-details .ota-card-right {
        align-items: flex-start;
        display: flex;
        flex: 6;
        flex-direction: column;
        justify-content: space-between;
        padding: 0 10px
    }

        .App #hotel-map-section .ota-card-details .ota-card-right p {
            font-size: 10px
        }

@media(min-width:1500px) {
    .App #hotel-map-section .ota-card-details .ota-card-right p {
        font-size: 14px;
        font-weight: 500
    }
}

.App #hotel-map-section .ota-card-details .ota-card-right .ota-card-right-top {
    text-align: left
}

    .App #hotel-map-section .ota-card-details .ota-card-right .ota-card-right-top .ota-card-title {
        font-size: 14px;
        font-weight: 700;
        margin: 0
    }

@media(min-width:1500px) {
    .App #hotel-map-section .ota-card-details .ota-card-right .ota-card-right-top .ota-card-title {
        font-size: 18px
    }
}

.App #hotel-map-section .ota-card-details .ota-card-right .ota-card-right-bottom p {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding-top: 0
}

@media(min-width:1500px) {
    .App #hotel-map-section .ota-card-details .ota-card-right .ota-card-right-bottom p {
        font-size: 21px
    }
}

.App #hotel-map-section .ota-card-details .ota-card-right .ota-card-right-bottom p span {
    font-weight: 300
}

@media(min-width:1500px) {
    .App #hotel-map-section .ota-card-details .ota-card-right .ota-card-right-bottom p span {
        font-size: 18px;
        font-weight: 400
    }
}

.App .hotel-map-modal-body-content {
    display: flex;
    position: relative
}

    .App .hotel-map-modal-body-content .hotel-map-section-filters {
        flex: 1 0 100%;
        height: 100%;
        max-width: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 4
    }

@media(min-width:992px) {
    .App .hotel-map-modal-body-content .hotel-map-section-filters {
        display: block;
        flex: 1 0 30%;
        max-width: 30%;
        position: unset
    }
}

.App .hotel-map-modal-body-content .hotel-map-section-content {
    flex: 1 0 100%;
    max-width: 100%;
    position: relative;
    z-index: 2
}

@media(min-width:992px) {
    .App .hotel-map-modal-body-content .hotel-map-section-content {
        flex: 1 0 70%;
        max-width: 70%
    }
}

.App .hotel-map-modal-body-content .content-block {
    height: 450px;
    margin-bottom: 0;
    overflow-y: auto
}

.App .hotel-map-modal-body-content .inc-ota-btn-mob-filter {
    background-color: #ff000f;
    border: none;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 9pt;
    font-weight: 600;
    left: 10px;
    padding: 10px 15px;
    position: absolute;
    top: 10px;
    z-index: 3
}

@media(min-width:992px) {
    .App .hotel-map-modal-body-content .inc-ota-btn-mob-filter {
        display: none
    }
}

.App .errorIcon {
    margin-top: 50px
}

.App .bi-exclamation-circle-fill {
    color: #ff000f;
    font-size: 75pt
}

.App .error-boundary-component {
    padding: 0 20px;
    text-align: center
}

@media(min-width:768px) {
    .App .error-boundary-component {
        padding: 0
    }
}

.App .error-boundary-component h2 {
    font-size: 26px;
    font-weight: 700;
    margin-top: 20px
}

@media(min-width:1500px) {
    .App .error-boundary-component h2 {
        font-size: 44px
    }
}

.App .error-boundary-component h3 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px
}

@media(min-width:1500px) {
    .App .error-boundary-component h3 {
        font-size: 40px
    }
}

.App .error-boundary-component .inc-button-primary {
    border: none;
    font-size: 1pc;
    font-weight: 600;
    margin: 50px 0 75pt;
    pointer-events: none
}

@media(min-width:1500px) {
    .App .error-boundary-component .inc-button-primary {
        font-size: 20px !important
    }
}

.App .loader-component {
    align-items: center;
    animation: modalAnimation .2s ease-in-out forwards;
    background-color: #fff;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 63px;
    width: 100%;
    z-index: 25
}

    .App .loader-component svg {
        height: 75pt
    }

    .App .loader-component .loader-message {
        font-size: 26px;
        font-weight: 700;
        margin: 20px
    }

.App .loader-gif {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    width: 100%
}

    .App .loader-gif img {
        height: 50px;
        width: 50px
    }

.App .flightDeals-modal {
    align-items: center;
    animation: .2s ease-in-out forwards;
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    display: flex;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 25
}

.App .flightDeals-content {
    background-color: #fff;
    height: 470px;
    left: 50%;
    margin: auto;
    overflow-y: scroll;
    padding: 35px 18px;
    position: absolute;
    top: 75pt;
    transform: translateX(-50%);
    width: 100%
}

@media(min-width:992px) {
    .App .flightDeals-content {
        border-radius: 8px;
        padding: 20px;
        width: 80%
    }
}

@media(min-width:1200px) {
    .App .flightDeals-content {
        border-radius: 8px;
        padding: 20px;
        width: 60%
    }
}

@media(min-width:1500px) {
    .App .flightDeals-content {
        height: 550px;
        padding: 50px 50px 30px 5pc;
        width: 69%
    }
}

@media(min-width:1680px) {
    .App .flightDeals-content {
        height: 700px
    }
}

.App .flightDeals-header {
    padding: 15px 5px;
    position: relative
}

    .App .flightDeals-header h4 {
        font-size: 1pc;
        font-weight: "bold";
        text-align: left
    }

@media(min-width:1500px) {
    .App .flightDeals-header h4 {
        font-size: 24px
    }
}

.App .flightDeals-close-btn {
    background-color: inherit;
    border: none;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 5
}

    .App .flightDeals-close-btn:after {
        color: #fff;
        color: #000;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        font-weight: 900
    }

@media(min-width:1500px) {
    .App .flightDeals-close-btn:after {
        font-size: 34px !important;
        font-weight: 600
    }
}

.App .flightDeal-cards-container {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    overflow: auto
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container {
        margin-top: 45px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard, .App .flightDeal-cards-container .flightDeal-toCard {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    margin-right: 10px;
    padding: 20px 45px 20px 20px;
    width: 100%
}

@media(min-width:768px) {
    .App .flightDeal-cards-container .flightDeal-fromCard, .App .flightDeal-cards-container .flightDeal-toCard {
        padding: 15px
    }
}

@media(min-width:992px) {
    .App .flightDeal-cards-container .flightDeal-fromCard, .App .flightDeal-cards-container .flightDeal-toCard {
        width: 100%
    }
}

@media(min-width:1200px) {
    .App .flightDeal-cards-container .flightDeal-fromCard, .App .flightDeal-cards-container .flightDeal-toCard {
        width: 60%
    }
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard, .App .flightDeal-cards-container .flightDeal-toCard {
        padding: 40px 15px 15px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-header, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-header {
    padding: 0 5px
}

    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-header h4, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-header h4 {
        font-size: 1pc;
        font-weight: "bold";
        padding-left: 5px;
        text-align: left
    }

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-header h4, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-header h4 {
        font-size: 24px;
        padding-left: 10px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail {
    border-radius: 4px;
    margin: 10px 0;
    padding: 10px
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail {
        padding: 15px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-logo-container, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-logo-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 15px 30px 15px 0
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-logo-container, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-logo-container {
        margin: 30px 30px 15px 0
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-logo-container .flightdeal-detail-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-logo-container .flightdeal-detail-time {
    font-size: 14px;
    font-weight: 600
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-logo-container .flightdeal-detail-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-logo-container .flightdeal-detail-time {
        font-size: 20px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-logo-container .airline-code, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-logo-container .airline-title, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-logo-container .airline-code, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-logo-container .airline-title {
    margin-left: 10px
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-logo-container .airline-logo, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-logo-container .airline-logo {
    max-width: 40px
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 20px;
    text-align: left
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display {
        gap: 20px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details {
    align-items: flex-start;
    margin-top: 0
}

    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details .arrive-time-place, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details .departure-time-place, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details .arrive-time-place, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details .departure-time-place {
        flex: 1 0 40%;
        max-width: 40%
    }

@media(min-width:768px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details .arrive-time-place, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details .departure-time-place, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details .arrive-time-place, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details .departure-time-place {
        flex: 1 0 30%;
        max-width: 30%
    }
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details .arrive-time-place, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details .departure-time-place, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details .arrive-time-place, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display.airport-details .departure-time-place {
        max-width: 34%
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place {
    display: flex;
    flex: 1 0 30%;
    flex-direction: column;
    max-width: 30%
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place {
        max-width: 34%
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-time, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-time, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-time, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-time {
    font-size: 15px;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-time, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-time, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-time, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-time {
        font-size: 20px;
        line-height: 25px;
        padding: 10px 0
    }
}

@media(min-width:1680px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-time, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-time, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-time, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-time, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-time {
        font-size: 30px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-date, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-date, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-date, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-date, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-date, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-date, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-date, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-date {
    font-size: 9pt;
    font-weight: 500
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-date, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-date, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-date, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-date, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-date, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-date, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-date, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-date {
        font-size: 18px;
        font-weight: 400;
        line-height: 25px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-venue, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-venue, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-venue, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-venue, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-venue, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-venue, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-venue, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-venue {
    font-size: 14px;
    font-weight: 500;
    padding-top: 5px
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-venue, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-venue, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-venue, .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-venue, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .arrive-venue, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .arrive-time-place .departure-venue, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .arrive-venue, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .departure-time-place .departure-venue {
        font-size: 18px;
        line-height: 25px;
        padding-top: 10px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .time-taken, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .time-taken {
    align-content: end;
    display: grid;
    flex: 1 0 20%;
    margin-bottom: 10px;
    max-width: 20%;
    text-align: center
}

@media(min-width:1200px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .time-taken, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .time-taken {
        flex: 1 0 30%;
        max-width: 30%
    }
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .time-taken, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .time-taken {
        flex: 1 0 26%;
        max-width: 26%
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .time-taken span, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .time-taken span {
    color: #696f6b;
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 5px
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .time-taken span, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .time-taken span {
        font-size: 14px !important
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightDeals-card-detail .flightDeals-card-detail-time-display .time-taken .stripe, .App .flightDeal-cards-container .flightDeal-toCard .flightDeals-card-detail .flightDeals-card-detail-time-display .time-taken .stripe {
    background: #ff000f;
    height: 2px;
    width: 100%
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content {
    display: flex;
    flex-direction: column
}

    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper {
        display: flex;
        flex-direction: row;
        margin-top: 30px;
        padding-left: 15px
    }

        .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-right: 20px;
            width: 60px
        }

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap {
        width: 90px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-datetime, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-datetime {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-datetime .flightdeal-detail-date, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-datetime .flightdeal-detail-date {
        color: #707070;
        font-size: 14px;
        font-weight: 600
    }

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-datetime .flightdeal-detail-date, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-datetime .flightdeal-detail-date {
        font-size: 20px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-datetime .flightdeal-detail-time, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-datetime .flightdeal-detail-time {
    font-size: 14px;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-datetime .flightdeal-detail-time, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-datetime .flightdeal-detail-time {
        font-size: 20px;
        font-weight: 600;
        line-height: 25px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-time-taken, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-time-taken {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    justify-content: center
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-time-taken span, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-datetime-wrap .flightdeal-detail-time-taken span {
        font-size: 20px !important
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe {
    background: #ff000f;
    height: 250px;
    position: relative;
    width: 5px
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe {
        height: 305px;
        top: 0
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe:after, .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe:before, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe:after, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe:before {
    border: 2px solid #dcdcdc;
    border-radius: 50%;
    color: #ff000f;
    content: "";
    height: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    z-index: 9
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe:before, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe:before {
    background: red;
    border: none;
    left: -6px;
    position: absolute;
    top: 7px
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe:after, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe:after {
    background: red;
    border: none;
    left: -6px;
    position: absolute;
    top: 242px
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe:after, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .vertical-stripe:after {
        top: 305px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 70%
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap {
        padding-top: 15px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-wrap, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-wrap {
    background: #f0f0f0;
    margin-left: 20px;
    padding-left: 10px;
    text-align: left
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-wrap, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-wrap {
        margin-top: 9pt
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-wrap .depart-venue-code, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-wrap .depart-venue-code {
    font-size: 14px;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-wrap .depart-venue-code, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-wrap .depart-venue-code {
        font-size: 20px;
        line-height: 25px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-wrap .depart-venue-name, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-wrap .depart-venue-name {
    font-size: 14px;
    font-weight: 500
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-wrap .depart-venue-name, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-wrap .depart-venue-name {
        font-size: 20px;
        line-height: 25px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-arrive-wrap, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-arrive-wrap {
    background: #f0f0f0;
    margin-left: 20px;
    padding-left: 10px;
    text-align: left
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-arrive-wrap, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-arrive-wrap {
        margin-top: 9pt
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-arrive-wrap .arrive-venue-code, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-arrive-wrap .arrive-venue-code {
    font-size: 14px;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-arrive-wrap .arrive-venue-code, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-arrive-wrap .arrive-venue-code {
        font-size: 20px;
        list-style: 25px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-arrive-wrap .arrive-venue-name, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-arrive-wrap .arrive-venue-name {
    font-size: 14px;
    font-weight: 500
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-arrive-wrap .arrive-venue-name, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-arrive-wrap .arrive-venue-name {
        font-size: 20px;
        list-style: 25px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    margin: 0 20px;
    overflow-x: auto
}

    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper .baggage-details-list, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper .baggage-details-list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }

        .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper .baggage-details-list h5, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper .baggage-details-list h5 {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 5px
        }

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper .baggage-details-list h5, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper .baggage-details-list h5 {
        font-size: 18px;
        line-height: 25px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper .baggage-details-list p, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper .baggage-details-list p {
    font-size: 9pt;
    font-weight: 500
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper .baggage-details-list p, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper .baggage-details-list p {
        font-size: 18px;
        line-height: 25px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper::-webkit-scrollbar, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .baggage-details-wrapper::-webkit-scrollbar {
    display: none
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-logo, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-logo {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    text-align: left
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-logo, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-logo {
        padding-top: 10px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-logo .airline-logo, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-logo .airline-logo {
    max-width: 40px;
    padding-bottom: 10px
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-logo .airline-code, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-logo .airline-code {
    color: #707070;
    font-size: 14px;
    font-weight: 500
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-logo .stripe, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper .flightdeal-detail-content-wrap .flightdeal-detail-depart-logo .stripe {
    background: #dcdcdc;
    display: inline-block;
    height: 2px;
    width: 60px
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-layover-content, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-layover-content {
    display: flex;
    flex-direction: row;
    margin-left: 90px
}

@media(min-width:390px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-layover-content, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-layover-content {
        margin-left: 95px
    }
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-layover-content, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-layover-content {
        margin-left: 125px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-layover-content .vertical-stripe1, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-layover-content .vertical-stripe1 {
    background: #dcdcdc;
    height: 75pt;
    position: relative;
    width: 5px
}

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-layover-content .flightdeal-detail-layover-wrap, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-layover-content .flightdeal-detail-layover-wrap {
    align-items: center;
    background: #fdf4ca;
    display: flex;
    flex-direction: row;
    height: 35px;
    justify-content: flex-start;
    margin-top: 25px;
    padding-left: 30px;
    text-align: left;
    width: 90%
}

    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-layover-content .flightdeal-detail-layover-wrap .flightdeal-detail-text, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-layover-content .flightdeal-detail-layover-wrap .flightdeal-detail-text {
        font-weight: 600;
        padding-right: 10px
    }

    .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-layover-content .flightdeal-detail-layover-wrap .flightdeal-detail-time, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-layover-content .flightdeal-detail-layover-wrap .flightdeal-detail-time {
        color: #ff000f;
        font-weight: 600
    }

.App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-layover-content > .flightdeal-detail-wrapper, .App .flightDeal-cards-container .flightDeal-fromCard .flightdeal-detail-content .flightdeal-detail-wrapper:nth-of-type(n+3), .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-layover-content > .flightdeal-detail-wrapper, .App .flightDeal-cards-container .flightDeal-toCard .flightdeal-detail-content .flightdeal-detail-wrapper:nth-of-type(n+3) {
    margin-top: 0 !important
}

.App .flightDeal-cards-container .flightDeal-fromCard .baggage-details-wrapper, .App .flightDeal-cards-container .flightDeal-toCard .baggage-details-wrapper {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    margin: 0 30px 0 15px
}

    .App .flightDeal-cards-container .flightDeal-fromCard .baggage-details-wrapper .baggage-details-list, .App .flightDeal-cards-container .flightDeal-toCard .baggage-details-wrapper .baggage-details-list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }

        .App .flightDeal-cards-container .flightDeal-fromCard .baggage-details-wrapper .baggage-details-list h5, .App .flightDeal-cards-container .flightDeal-toCard .baggage-details-wrapper .baggage-details-list h5 {
            font-size: 14px;
            font-weight: 700
        }

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .baggage-details-wrapper .baggage-details-list h5, .App .flightDeal-cards-container .flightDeal-toCard .baggage-details-wrapper .baggage-details-list h5 {
        font-size: 18px;
        line-height: 25px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .baggage-details-wrapper .baggage-details-list p, .App .flightDeal-cards-container .flightDeal-toCard .baggage-details-wrapper .baggage-details-list p {
    font-size: 9pt;
    font-weight: 500
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .baggage-details-wrapper .baggage-details-list p, .App .flightDeal-cards-container .flightDeal-toCard .baggage-details-wrapper .baggage-details-list p {
        font-size: 18px;
        line-height: 25px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .show-hide-details-btn, .App .flightDeal-cards-container .flightDeal-toCard .show-hide-details-btn {
    color: #ff000f;
    font-size: 14px;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .show-hide-details-btn, .App .flightDeal-cards-container .flightDeal-toCard .show-hide-details-btn {
        font-size: 22px;
        font-weight: 500;
        line-height: 25px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .show-hide-details-btn i, .App .flightDeal-cards-container .flightDeal-toCard .show-hide-details-btn i {
    font-weight: 700;
    margin-left: 5px
}

.App .flightDeal-cards-container .flightDeal-fromCard .show-hide-details-btn.hideDetails, .App .flightDeal-cards-container .flightDeal-toCard .show-hide-details-btn.hideDetails {
    margin: 50px 0 30px
}

@media(min-width:1500px) {
    .App .flightDeal-cards-container .flightDeal-fromCard .show-hide-details-btn.hideDetails, .App .flightDeal-cards-container .flightDeal-toCard .show-hide-details-btn.hideDetails {
        margin: 65px 0 75px
    }
}

.App .flightDeal-cards-container .flightDeal-fromCard .show-hide-details-btn.showDetails, .App .flightDeal-cards-container .flightDeal-toCard .show-hide-details-btn.showDetails {
    margin: 30px 0
}

.App .flightDeal-cards-container .flightDeal-toCard {
    margin-right: 10px
}

@media(min-width:768px) {
    .App .flightDeal-cards-container .flightDeal-toCard {
        margin-right: 0
    }
}

.App .flightDeals-content .booking-platform-container {
    background-color: #fff;
    margin-top: 20px;
    padding: 40px
}

    .App .flightDeals-content .booking-platform-container .platfrom-row {
        border-bottom: 1px solid #c3c3c3;
        display: flex;
        padding: 25px 0 20px
    }

@media(min-width:992px) {
    .App .flightDeals-content .booking-platform-container .platfrom-row {
        padding: 45px 0 65px
    }
}

@media(min-width:1500px) {
    .App .flightDeals-content .booking-platform-container .platfrom-row {
        padding: 35px 0 65px
    }
}

.App .flightDeals-content .booking-platform-container .platfrom-row:last-child {
    border-bottom: none
}

.App .flightDeals-content .booking-platform-container .platfrom-row .platform-logo {
    display: flex;
    flex-direction: column
}

    .App .flightDeals-content .booking-platform-container .platfrom-row .platform-logo img {
        max-width: 150px
    }

    .App .flightDeals-content .booking-platform-container .platfrom-row .platform-logo .discount-text {
        color: #696f6b;
        margin-top: 5px
    }

.App .flightDeals-content .booking-platform-container .platfrom-row .platform-price-booking {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-end
}

@media(min-width:992px) {
    .App .flightDeals-content .booking-platform-container .platfrom-row .platform-price-booking {
        flex-direction: row
    }
}

.App .flightDeals-content .booking-platform-container .platfrom-row .platform-price-booking .platform-price-container {
    text-align: right
}

    .App .flightDeals-content .booking-platform-container .platfrom-row .platform-price-booking .platform-price-container p {
        font-size: 1.2rem;
        font-weight: 700;
        margin-bottom: 0
    }

        .App .flightDeals-content .booking-platform-container .platfrom-row .platform-price-booking .platform-price-container p .platform-price {
            font-size: 1.5rem
        }

    .App .flightDeals-content .booking-platform-container .platfrom-row .platform-price-booking .platform-price-container .fare-text a {
        color: #eb151b;
        font-weight: 600;
        text-decoration: none
    }

.App .flightDeals-content .booking-platform-container .platfrom-row .platform-price-booking .platform-booking-container .btn {
    border: none;
    font-size: 9pt !important;
    font-weight: 600;
    padding: 5px 15px
}

@media(min-width:1500px) {
    .App .flightDeals-content .booking-platform-container .platfrom-row .platform-price-booking .platform-booking-container .btn {
        font-size: 20px !important
    }
}

.disclaimerhideOverflow, .hideOverflow {
    overflow: auto !important
}

@media(min-width:320px)and (max-width:768px) {
    .flightDeals-content .booking-platform-container {
        padding: 14px !important
    }

        .flightDeals-content .booking-platform-container .platfrom-row {
            justify-content: space-between
        }

            .flightDeals-content .booking-platform-container .platfrom-row .platform-logo {
                max-width: 93pt
            }

                .flightDeals-content .booking-platform-container .platfrom-row .platform-logo img {
                    max-width: unset !important
                }

            .flightDeals-content .booking-platform-container .platfrom-row .platform-price-booking {
                max-width: 140px
            }

                .flightDeals-content .booking-platform-container .platfrom-row .platform-price-booking .platform-price-container {
                    text-align: center !important
                }

                    .flightDeals-content .booking-platform-container .platfrom-row .platform-price-booking .platform-price-container p .platform-price {
                        display: flex
                    }
}

.App .flight-booking-container .flight-booking-row .flight-left-col {
    background: #c3c3c3
}

    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container {
        padding: 9pt 0
    }

        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .results-show {
            align-items: center;
            border-bottom: 1px solid #c3c3c3;
            display: flex;
            justify-content: space-between
        }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .results-show .result-of {
                margin-bottom: 0
            }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .results-show .clear-btn {
                background: transparent;
                border: transparent;
                color: #da3732
            }

        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .stop-type-container {
            border-bottom: 1px solid #c3c3c3
        }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .stop-type-container .stop-type-header {
                display: flex;
                justify-content: space-between
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .stop-type-container .stop-type-header h6 {
                    margin-bottom: 0
                }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .stop-type-container .stop-type-header button {
                    background: transparent;
                    border: transparent
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .stop-type-container .stop-type-header button i:before {
                        transition: all .3s linear
                    }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .stop-type-container .stop-type-header .flight-active-btn i:before {
                    transform: rotate(180deg)
                }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .stop-type-container .accordian-wrap {
                max-height: 0;
                overflow: hidden
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .stop-type-container .accordian-wrap .stop-types .direct-type {
                    display: flex;
                    justify-content: space-between
                }

        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container {
            border-bottom: 1px solid #c3c3c3
        }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .price-range-header {
                display: flex;
                justify-content: space-between
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .price-range-header h6 {
                    margin-bottom: 0
                }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .price-range-header button {
                    background: transparent;
                    border: transparent
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .price-range-header button i:before {
                        transition: all .3s linear
                    }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .price-range-header .flight-active-btn i:before {
                    transform: rotate(180deg)
                }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap {
                max-height: 0;
                overflow: hidden
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap .price-range-slider {
                    width: 100%
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap .price-range-slider .range-value {
                        display: flex;
                        justify-content: space-between
                    }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap .price-range-slider .range-value div {
                            font-size: 9pt;
                            font-weight: 600
                        }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap .price-range-slider .range-bar {
                        background: #ddd;
                        border: none;
                        height: 3px;
                        margin-bottom: 20px;
                        margin-top: 20px;
                        width: 100%;
                        width: calc(100% - 20px)
                    }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap .price-range-slider .range-bar .ui-slider-range {
                            background: #ff000f
                        }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap .price-range-slider .range-bar .ui-slider-handle {
                            background: #ddd;
                            border: 0;
                            border-radius: 50%;
                            cursor: pointer;
                            display: inline-block;
                            height: 19px;
                            margin-left: -9pt;
                            position: relative;
                            top: 50%;
                            transform: translateY(-50%);
                            width: 20px
                        }

                            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap .price-range-slider .range-bar .ui-slider-handle:focus-visible {
                                outline: 0
                            }

                            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap .price-range-slider .range-bar .ui-slider-handle:before {
                                background: #fff;
                                border-radius: 50%;
                                content: "";
                                height: 10px;
                                left: 50%;
                                position: absolute;
                                top: 50%;
                                transform: translate(-50%,-50%);
                                width: 10px
                            }

                            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap .price-range-slider .range-bar .ui-slider-handle + span {
                                background: #ff000f;
                                border-radius: 50%;
                                cursor: pointer;
                                height: 19px;
                                position: relative;
                                width: 20px
                            }

                                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap .price-range-slider .range-bar .ui-slider-handle + span:last-child {
                                    float: left
                                }

                                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap .price-range-slider .range-bar .ui-slider-handle + span:before {
                                    background: #fff;
                                    border-radius: 50%;
                                    content: "";
                                    height: 10px;
                                    left: 50%;
                                    position: absolute;
                                    top: 50%;
                                    transform: translate(-50%,-50%);
                                    width: 10px
                                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .price-range-container .accordian-wrap .price-range-slider #price-slider-range {
                        width: calc(100% - 8px)
                    }

        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container {
            border-bottom: 1px solid #c3c3c3
        }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .flight-times-header {
                display: flex;
                justify-content: space-between
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .flight-times-header h6 {
                    margin-bottom: 0
                }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .flight-times-header button {
                    background: transparent;
                    border: transparent
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .flight-times-header button i:before {
                        transition: all .3s linear
                    }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .flight-times-header .flight-active-btn i:before {
                    transform: rotate(180deg)
                }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap {
                max-height: 0;
                overflow: hidden
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container {
                    border-bottom: 1px solid #c3c3c3
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container .flight-time-range-slider {
                        width: 100%
                    }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container .flight-time-range-slider .range-value {
                            display: flex;
                            justify-content: space-between
                        }

                            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container .flight-time-range-slider .range-value div {
                                font-size: 9pt;
                                font-weight: 600
                            }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container .flight-time-range-slider .range-bar {
                            background: #ddd;
                            border: none;
                            height: 3px;
                            margin-bottom: 20px;
                            margin-top: 20px;
                            width: 100%;
                            width: calc(100% - 20px)
                        }

                            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container .flight-time-range-slider .range-bar .ui-slider-range {
                                background: #ff000f
                            }

                            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container .flight-time-range-slider .range-bar .ui-slider-handle {
                                background: #ddd;
                                border: 0;
                                border-radius: 50%;
                                cursor: pointer;
                                display: inline-block;
                                height: 19px;
                                margin-left: -9pt;
                                position: relative;
                                top: 50%;
                                transform: translateY(-50%);
                                width: 20px
                            }

                                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container .flight-time-range-slider .range-bar .ui-slider-handle:focus-visible {
                                    outline: 0
                                }

                                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container .flight-time-range-slider .range-bar .ui-slider-handle:before {
                                    background: #fff;
                                    border-radius: 50%;
                                    content: "";
                                    height: 10px;
                                    left: 50%;
                                    position: absolute;
                                    top: 50%;
                                    transform: translate(-50%,-50%);
                                    width: 10px
                                }

                                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container .flight-time-range-slider .range-bar .ui-slider-handle + span {
                                    background: #ff000f;
                                    border-radius: 50%;
                                    cursor: pointer;
                                    height: 19px;
                                    position: relative;
                                    width: 20px
                                }

                                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container .flight-time-range-slider .range-bar .ui-slider-handle + span:last-child {
                                        float: left
                                    }

                                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container .flight-time-range-slider .range-bar .ui-slider-handle + span:before {
                                        background: #fff;
                                        border-radius: 50%;
                                        content: "";
                                        height: 10px;
                                        left: 50%;
                                        position: absolute;
                                        top: 50%;
                                        transform: translate(-50%,-50%);
                                        width: 10px
                                    }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .timings-range-container .flight-time-range-slider #flight-slider-range {
                            width: calc(100% - 8px)
                        }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .departure-container .departure-opt-btns {
                    display: grid;
                    gap: .5rem;
                    grid-template-columns: repeat(2,1fr)
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .departure-container .departure-opt-btns .opt-btn {
                        background: #fff
                    }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .departure-container .departure-opt-btns .opt-btn .opt-btn-content span {
                            display: block
                        }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .arrival-container .arrive-opt-btns {
                    display: grid;
                    gap: .5rem;
                    grid-template-columns: repeat(2,1fr)
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .arrival-container .arrive-opt-btns .opt-btn {
                        background: #fff
                    }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .flight-time-departure-arrival-container .accordian-wrap .arrival-container .arrive-opt-btns .opt-btn .opt-btn-content span {
                            display: block
                        }

        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container {
            border-bottom: 1px solid #c3c3c3
        }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .duration-range-header {
                display: flex;
                justify-content: space-between
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .duration-range-header h6 {
                    margin-bottom: 0
                }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .duration-range-header button {
                    background: transparent;
                    border: transparent
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .duration-range-header button i:before {
                        transition: all .3s linear
                    }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .duration-range-header .flight-active-btn i:before {
                    transform: rotate(180deg)
                }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap {
                max-height: 0;
                overflow: hidden
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap .duration-range-slider {
                    width: 100%
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap .duration-range-slider .range-value {
                        display: flex;
                        justify-content: space-between
                    }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap .duration-range-slider .range-value div {
                            font-size: 9pt;
                            font-weight: 600
                        }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap .duration-range-slider .range-bar {
                        background: #ddd;
                        border: none;
                        height: 3px;
                        margin-bottom: 20px;
                        margin-top: 20px;
                        width: 100%;
                        width: calc(100% - 20px)
                    }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap .duration-range-slider .range-bar .ui-slider-range {
                            background: #ff000f
                        }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap .duration-range-slider .range-bar .ui-slider-handle {
                            background: #ddd;
                            border: 0;
                            border-radius: 50%;
                            cursor: pointer;
                            display: inline-block;
                            height: 19px;
                            margin-left: -9pt;
                            position: relative;
                            top: 50%;
                            transform: translateY(-50%);
                            width: 20px
                        }

                            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap .duration-range-slider .range-bar .ui-slider-handle:focus-visible {
                                outline: 0
                            }

                            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap .duration-range-slider .range-bar .ui-slider-handle:before {
                                background: #fff;
                                border-radius: 50%;
                                content: "";
                                height: 10px;
                                left: 50%;
                                position: absolute;
                                top: 50%;
                                transform: translate(-50%,-50%);
                                width: 10px
                            }

                            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap .duration-range-slider .range-bar .ui-slider-handle + span {
                                background: #ff000f;
                                border-radius: 50%;
                                cursor: pointer;
                                height: 19px;
                                position: relative;
                                width: 20px
                            }

                                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap .duration-range-slider .range-bar .ui-slider-handle + span:last-child {
                                    float: left
                                }

                                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap .duration-range-slider .range-bar .ui-slider-handle + span:before {
                                    background: #fff;
                                    border-radius: 50%;
                                    content: "";
                                    height: 10px;
                                    left: 50%;
                                    position: absolute;
                                    top: 50%;
                                    transform: translate(-50%,-50%);
                                    width: 10px
                                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .duration-range-container .accordian-wrap .duration-range-slider #duration-slider-range {
                        width: calc(100% - 8px)
                    }

        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container {
            border-bottom: 1px solid #c3c3c3
        }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .airlines-alliance-header {
                display: flex;
                justify-content: space-between
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .airlines-alliance-header h6 {
                    margin-bottom: 0
                }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .airlines-alliance-header button {
                    background: transparent;
                    border: transparent
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .airlines-alliance-header button i:before {
                        transition: all .3s linear
                    }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .airlines-alliance-header .flight-active-btn i:before {
                    transform: rotate(180deg)
                }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .accordian-wrap {
                max-height: 0;
                overflow: hidden
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .accordian-wrap .complete-trip-toggle {
                    display: flex;
                    gap: 1rem;
                    justify-content: space-between
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .accordian-wrap .complete-trip-toggle .toggle-btn-container {
                        border: 1px solid red;
                        border-radius: 20px;
                        display: flex;
                        flex: 0 0 50px;
                        height: max-content;
                        overflow: hidden;
                        position: relative
                    }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .accordian-wrap .complete-trip-toggle .toggle-btn-container button {
                            background: #999c9a;
                            border: transparent;
                            flex: 1;
                            height: 25px
                        }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .accordian-wrap .complete-trip-toggle .toggle-btn-container .toggle-overlay {
                            background: #fff;
                            border-radius: 50%;
                            height: 92%;
                            left: 2px;
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            transition: all .2s linear;
                            width: 50%
                        }

                        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .accordian-wrap .complete-trip-toggle .toggle-btn-container .active-toggle-overlay {
                            background: #ff000f;
                            left: 50%
                        }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .accordian-wrap .airline-list-text-container .airline-list-container .airline {
                    display: flex;
                    justify-content: space-between
                }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .accordian-wrap .airline-list-text-container .select-clr-btn {
                    display: flex;
                    justify-content: flex-end
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .accordian-wrap .airline-list-text-container .select-clr-btn button {
                        background: transparent;
                        border: transparent;
                        color: #da3732;
                        font-weight: 600;
                        padding: 0 6px
                    }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .airlines-alliances-container .accordian-wrap .airline-list-text-container .select-clr-btn .select {
                        border-right: 1px solid #999c9a
                    }

        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .origin-destination-container {
            border-bottom: 1px solid #c3c3c3
        }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .origin-destination-container .origin-destination-header {
                display: flex;
                justify-content: space-between
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .origin-destination-container .origin-destination-header h6 {
                    margin-bottom: 0
                }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .origin-destination-container .origin-destination-header button {
                    background: transparent;
                    border: transparent
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .origin-destination-container .origin-destination-header button i:before {
                        transition: all .3s linear
                    }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .origin-destination-container .origin-destination-header .flight-active-btn i:before {
                    transform: rotate(180deg)
                }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .origin-destination-container .accordian-wrap {
                max-height: 0;
                overflow: hidden
            }

        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .transit-airports-container {
            border-bottom: 1px solid #c3c3c3
        }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .transit-airports-container .transit-airport-header {
                display: flex;
                justify-content: space-between
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .transit-airports-container .transit-airport-header h6 {
                    margin-bottom: 0
                }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .transit-airports-container .transit-airport-header button {
                    background: transparent;
                    border: transparent
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .transit-airports-container .transit-airport-header button i:before {
                        transition: all .3s linear
                    }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .transit-airports-container .transit-airport-header .flight-active-btn i:before {
                    transform: rotate(180deg)
                }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .transit-airports-container .accordian-wrap {
                max-height: 0;
                overflow: hidden
            }

        .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .booking-sites-container {
            border-bottom: 1px solid #c3c3c3
        }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .booking-sites-container .booking-site-header {
                display: flex;
                justify-content: space-between
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .booking-sites-container .booking-site-header h6 {
                    margin-bottom: 0
                }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .booking-sites-container .booking-site-header button {
                    background: transparent;
                    border: transparent
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .booking-sites-container .booking-site-header button i:before {
                        transition: all .3s linear
                    }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .booking-sites-container .booking-site-header .flight-active-btn i:before {
                    transform: rotate(180deg)
                }

            .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .booking-sites-container .accordian-wrap {
                max-height: 0;
                overflow: hidden
            }

                .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .booking-sites-container .accordian-wrap .show-more-btn-container {
                    align-items: center;
                    display: flex;
                    gap: .5rem
                }

                    .App .flight-booking-container .flight-booking-row .flight-left-col .flight-ticket-filters-container .booking-sites-container .accordian-wrap .show-more-btn-container button {
                        background: transparent;
                        border: transparent;
                        color: #000;
                        font-weight: 600
                    }

.App .flight-booking-container .flight-booking-row .flight-right-col .city-selection-container {
    display: flex
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .city-selection-container .select {
        background: #c3c3c3;
        padding: 1rem;
        text-align: center
    }

        .App .flight-booking-container .flight-booking-row .flight-right-col .city-selection-container .select :first-child {
            font-weight: 600
        }

        .App .flight-booking-container .flight-booking-row .flight-right-col .city-selection-container .select p {
            margin-bottom: 0;
            pointer-events: none
        }

    .App .flight-booking-container .flight-booking-row .flight-right-col .city-selection-container .selection1 {
        flex: 1
    }

    .App .flight-booking-container .flight-booking-row .flight-right-col .city-selection-container .selection2 {
        border-left: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
        flex: 1
    }

    .App .flight-booking-container .flight-booking-row .flight-right-col .city-selection-container .selection3 {
        flex: 1
    }

    .App .flight-booking-container .flight-booking-row .flight-right-col .city-selection-container .active-selection {
        background: #ff000f;
        color: #fff
    }

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection {
        margin-bottom: 35px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper {
    display: flex;
    position: relative;
    white-space: nowrap
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button {
        background-color: transparent;
        border: 1px solid #c3c3c3;
        color: #000;
        display: inline-flex;
        flex: 1 0 33.33%;
        justify-content: center;
        max-width: 33.33%;
        padding: 10px 0
    }

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button {
        font-size: 20px;
        font-weight: 700
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: .3rem;
    pointer-events: none
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content {
        gap: 10px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content img {
    display: none;
    height: 1pc;
    width: 1pc
}

@media(min-width:575px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content img {
        display: block
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content img {
        height: 24px;
        width: 24px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span {
    display: block
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child {
        font-size: 9pt;
        font-weight: 700;
        line-height: 1.2;
        position: relative;
        text-align: left
    }

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child {
        font-size: 1pc
    }
}

@media(min-width:1680px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child {
        font-size: 20px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child i {
    left: 35px;
    position: absolute;
    top: 1pc
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child i {
        left: 40px;
        top: 18px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child i {
        left: 45px;
        top: 20px
    }
}

@media(min-width:1680px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child i {
        left: 55px;
        top: 25px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:nth-child(2) {
    color: #ff000f;
    font-size: 10px;
    text-align: left
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .active-btn {
    border-bottom: 2px solid #da3732
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .bi-chevron-down:before {
    font-size: 9pt;
    font-weight: 700 !important
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .bi-chevron-down:before {
        font-size: 1pc
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .sort-content {
    background: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 5px;
    display: block;
    font-weight: 600;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    width: 200px;
    z-index: 10
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .sort-content {
        padding: 35px 45px;
        right: 5%;
        top: 100%;
        width: 300px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .sort-content ul li:not(:first-child) {
    padding-top: 10px
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .sort-content ul li {
    font-size: 1pc
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .sort-content ul li {
        font-size: 20px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .sort-content ul li:hover {
    color: #ff000f
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .cheapest-btn {
    justify-content: flex-start;
    padding-left: 10px
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .cheapest-btn {
        padding-left: 20px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .roundtrip-in-out-row {
    flex-wrap: nowrap !important;
    overflow-x: scroll
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .roundtrip-in-out-row::-webkit-scrollbar {
        display: none
    }

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .roundtrip-in-out-row .roundtrip-header-mob {
        padding-bottom: 10px;
        padding-top: 10px
    }

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .roundtrip-in-out-row .roundtrip-header-mob {
        display: none
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .out-bound-col {
    width: 80%
}

@media(min-width:768px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .out-bound-col {
        width: 50%
    }
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .out-bound-col {
        padding: 0
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .in-bound-col {
    width: 80%
}

@media(min-width:768px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .in-bound-col {
        width: 50%
    }
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .in-bound-col {
        padding: 0 0 0 9pt
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .active-city-selection {
    display: block
}

.App .flight-booking-container .flight-booking-row .flight-right-col .selected-city-header h5 {
    font-size: 1pc;
    padding-bottom: 25px;
    text-align: left
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .selected-city-header h5 {
        font-size: 24px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .selected-city-header h5 span {
    font-weight: 500
}

.App .flight-booking-container .flight-booking-row .flight-right-col .selected-city-header h5 .city {
    font-weight: 700;
    padding-right: 5px
}

.App .travel-selection::-webkit-scrollbar {
    -webkit-appearance: none !important;
    height: 7px !important;
    width: 5px !important
}

.App .travel-selection::-webkit-scrollbar-thumb {
    background-color: #da3732 !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5) !important
}

.App .flight-listing .flight-booking-row .inc-mobile-filters {
    margin-bottom: 10px;
    margin-right: 0
}

.App .inc-refundIcon {
    filter: invert(14%) sepia(100%) saturate(5608%) hue-rotate(351deg) brightness(95%) contrast(114%);
    width: 10px
}

@media(min-width:1500px) {
    .App .inc-refundIcon {
        width: 15px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    width: 100%
}

@media(min-width:575px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking {
        flex-direction: row
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking {
        margin-bottom: 20px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper {
    display: flex;
    flex: 1 0 100%;
    flex-direction: column;
    margin: 30px 0 0;
    max-width: 100%
}

@media(min-width:575px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper {
        margin: 30px 0
    }
}

@media(min-width:768px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper {
        flex: 1 0 75%;
        flex-direction: row;
        max-width: 75%
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper {
        flex: 1 0 80%;
        max-width: 80%
    }
}

@media(min-width:1680px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper {
        flex: 1 0 75%;
        max-width: 75%
    }
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper {
        border-bottom: none;
        border-right: 1px dashed #dcdcdc;
        margin: 30px 0
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container {
    align-items: center;
    display: flex;
    flex: 1 1 50%;
    flex-direction: row;
    max-width: 50%;
    padding-left: 15px;
    position: relative
}

@media(min-width:768px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container {
        flex: 1 1 30%;
        max-width: 30%
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .airline-logo {
    max-width: 40px
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .airline-logo {
        max-width: 55px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .airline-title {
    color: #000;
    font-size: 9pt;
    font-weight: 600;
    margin-left: 5px
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .airline-title {
        font-size: 14px;
        line-height: 1
    }
}

@media(min-width:1680px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .airline-title {
        font-size: 18px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .text-refund {
    align-items: center;
    background: pink;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    display: flex;
    font-size: 10px;
    font-weight: 600;
    gap: 5px;
    justify-content: center;
    left: 0;
    max-width: 125px;
    padding: 3px 10px;
    position: absolute;
    top: -30px
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .text-refund {
        font-size: 9pt;
        padding: 8px 10px
    }
}

@media(min-width:1680px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .text-refund {
        font-size: 14px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .text-refund span {
    color: #ff000f
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display {
    align-items: center;
    display: flex;
    flex: 1 0 100%;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    padding: 50px 25px 20px
}

@media(min-width:768px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display {
        flex: 1 0 70%;
        max-width: 70%;
        padding: 0 25px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-top-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-top-container .departure-time {
        color: #000;
        font-size: 20px;
        font-weight: 700
    }

@media(min-width:768px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-top-container .departure-time {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-top-container .departure-time {
        font-size: 1pc
    }
}

@media(min-width:1680px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-top-container .departure-time {
        font-size: 20px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-bottom-container {
    border-top: 2px solid #dcdcdc;
    display: flex;
    height: 2pc;
    margin: 6px 20px 0;
    position: relative;
    width: calc(100% - 40px)
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-bottom-container {
        margin: 6px 30px 0;
        width: calc(100% - 60px)
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-bottom-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 9pt;
    font-weight: 500;
    margin-top: -7px;
    position: absolute;
    width: 30px
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-bottom-content.bottom-left {
        left: 0;
        margin-left: -21px
    }

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-bottom-content.bottom-right {
        margin-right: -21px;
        right: 0
    }

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-dot {
    background-color: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 50%;
    height: 9pt;
    width: 9pt
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-dot {
        height: 15px;
        width: 15px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-taken.multi-stops {
    margin-top: -6px;
    position: relative;
    width: 100%
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-taken.multi-stops {
        margin-top: -8px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-taken-stop-container {
    height: 30px;
    width: 30px
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-taken-stop-dot {
    background-color: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 10px;
    height: 10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 20px;
    z-index: 9
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-taken-stop-dot {
        height: 15px;
        width: 30px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .journey-mode {
    color: #484848;
    font-size: 14px;
    font-weight: 500
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .journey-mode {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .journey-mode {
        font-size: 14px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .tooltiptext {
    font-size: 18px;
    left: 50%;
    top: 100%;
    transform: translateX(-50%) translateY(8px)
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .tooltiptext {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .tooltiptext {
        font-size: 18px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .total-flightDuration {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .total-flightDuration {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .total-flightDuration {
        font-size: 14px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .total-flightDuration .inc-flight-clock-icon {
    height: 1pc;
    margin-right: 5px;
    width: 1pc
}

@media(min-width:768px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .total-flightDuration .inc-flight-clock-icon {
        display: none
    }
}

@media(min-width:1200px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .total-flightDuration .inc-flight-clock-icon {
        display: block;
        height: 10px;
        width: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .total-flightDuration .inc-flight-clock-icon {
        height: 1pc;
        width: 1pc
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-venue, .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-place-venue {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 3px;
    padding-top: 3px
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-venue {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-display-venue {
        font-size: 14px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .stripe {
    font-size: 14px;
    line-height: 18px;
    margin-top: 6px;
    position: absolute;
    text-align: center;
    width: 100%
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .stripe {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .stripe {
        font-size: 14px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .time-display .time-taken.multi-stops:first-of-type {
    display: none !important
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .price-deal-container {
    align-items: center;
    display: flex;
    flex: 1 0 100%;
    flex-direction: column;
    gap: .5rem;
    justify-content: center;
    margin: 30px 0;
    max-width: 100%
}

@media(min-width:575px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .price-deal-container {
        flex: 1 0 25%;
        max-width: 25%
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .price-deal-container {
        flex: 1 0 20%;
        max-width: 20%
    }
}

@media(min-width:1680px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .price-deal-container {
        flex: 1 0 25%;
        max-width: 25%
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .price-deal-container .price-container {
    align-items: center;
    display: flex;
    flex-direction: column
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .price-deal-container .price-container .price {
        color: #000;
        font-size: 1pc;
        font-weight: 700
    }

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .price-deal-container .price-container .price {
        font-size: 20px
    }
}

@media(min-width:1680px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .price-deal-container .price-container .price {
        font-size: 24px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .price-deal-container .price-container .adult-text {
    font-size: 10px;
    text-align: center
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .price-deal-container .view-deal-container button {
    background: #ff000f;
    border: transparent;
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .active-booking {
    display: block
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .time-taken-stop-container {
    display: inline-block
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .tooltip {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 10px;
    transform: translateX(-50%)
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .tooltip {
        top: 5px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .tooltip {
        top: 15px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .tooltip .tooltiptext {
    background-color: #333;
    border-radius: 6px;
    color: #fff;
    max-width: 245px;
    min-width: 230px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    visibility: hidden;
    z-index: 10
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .tooltip .tooltiptext:before {
        border-bottom: 10px solid #333;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%) translateY(-100%);
        width: 0
    }

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .tooltip:hover .tooltiptext {
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width:769px)and (max-width:991px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .price-deal-container .price-container .adult-text {
        font-size: 10px;
        text-align: left
    }
}

@media only screen and (max-width:768px) {
    .App .flight-left-col.col-3, .App .flight-right-col.col-9 {
        width: 100%
    }

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .logo-text-container {
        align-items: center;
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.round-trip-listing .flight-bookings .booking .price-deal-container {
        justify-content: center;
        position: absolute;
        right: 20px;
        width: 100%;
        width: auto
    }
}

.App .price-deal-container .input-select-fare-type {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid gray;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    left: 0;
    margin-top: 10px;
    position: relative;
    top: 0;
    width: 20px
}

    .App .price-deal-container .input-select-fare-type:before {
        background-color: #ff000f;
        border-radius: 50%;
        content: "";
        height: 9pt;
        transform: scale(0);
        transition: transform .12s ease-in-out;
        width: 9pt
    }

    .App .price-deal-container .input-select-fare-type:checked:before {
        transform: scale(1)
    }

    .App .price-deal-container .input-select-fare-type:not(:checked):before {
        transform: scale(0)
    }

.App .roundtrip-selected-travel {
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    font-size: 1pc;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 30px
}

@media(min-width:992px) {
    .App .roundtrip-selected-travel {
        flex-direction: row;
        font-size: 18px
    }
}

.App .roundtrip-selected-travel .logo-time-wrapper {
    display: flex;
    flex-direction: row
}

    .App .roundtrip-selected-travel .logo-time-wrapper .logo-text-container {
        align-items: center;
        display: flex;
        flex: 1 1 40%;
        flex-direction: row;
        max-width: 40%;
        position: relative
    }

        .App .roundtrip-selected-travel .logo-time-wrapper .logo-text-container .airline-logo {
            max-width: 40px
        }

@media(min-width:1500px) {
    .App .roundtrip-selected-travel .logo-time-wrapper .logo-text-container .airline-logo {
        max-width: 55px
    }
}

.App .roundtrip-selected-travel .logo-time-wrapper .logo-text-container .airline-title {
    color: #000;
    font-size: 9pt;
    font-weight: 600;
    margin-left: 5px
}

@media(min-width:1500px) {
    .App .roundtrip-selected-travel .logo-time-wrapper .logo-text-container .airline-title {
        font-size: 14px;
        line-height: 1
    }
}

@media(min-width:1680px) {
    .App .roundtrip-selected-travel .logo-time-wrapper .logo-text-container .airline-title {
        font-size: 18px
    }
}

.App .roundtrip-selected-travel .time-display {
    align-items: center;
    display: flex;
    flex: 1 0 60%;
    flex-direction: column;
    max-width: 60%;
    padding: 0 10px;
    position: relative
}

    .App .roundtrip-selected-travel .time-display .time-display-top-container {
        align-items: center;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

        .App .roundtrip-selected-travel .time-display .time-display-top-container .departure-time {
            color: #000;
            font-size: 19px;
            font-weight: 700
        }

@media(min-width:992px) {
    .App .roundtrip-selected-travel .time-display .time-display-top-container .departure-time {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .roundtrip-selected-travel .time-display .time-display-top-container .departure-time {
        font-size: 1pc
    }
}

@media(min-width:1680px) {
    .App .roundtrip-selected-travel .time-display .time-display-top-container .departure-time {
        font-size: 19px
    }
}

.App .roundtrip-selected-travel .time-display .time-display-bottom-container {
    border-top: 2px solid #dcdcdc;
    display: flex;
    height: 2pc;
    margin: 6px 20px 0;
    position: relative;
    width: calc(100% - 40px)
}

@media(min-width:1500px) {
    .App .roundtrip-selected-travel .time-display .time-display-bottom-container {
        margin: 6px 30px 0;
        width: calc(100% - 60px)
    }
}

.App .roundtrip-selected-travel .time-display .time-display-bottom-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 9pt;
    font-weight: 500;
    margin-top: -7px;
    position: absolute;
    width: 30px
}

    .App .roundtrip-selected-travel .time-display .time-display-bottom-content.bottom-left {
        left: 0;
        margin-left: -21px
    }

    .App .roundtrip-selected-travel .time-display .time-display-bottom-content.bottom-right {
        margin-right: -21px;
        right: 0
    }

.App .roundtrip-selected-travel .time-display .time-display-dot {
    background-color: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 50%;
    height: 9pt;
    width: 9pt
}

.App .roundtrip-selected-travel .time-display .time-display-venue {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 3px;
    padding-top: 3px
}

@media(min-width:992px) {
    .App .roundtrip-selected-travel .time-display .time-display-venue {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .roundtrip-selected-travel .time-display .time-display-venue {
        font-size: 13px
    }
}

.App .roundtrip-selected-travel .time-display .stripe {
    font-size: 9pt;
    line-height: 18px;
    margin-top: 6px;
    position: absolute;
    text-align: center;
    width: 100%
}

.App .roundtrip-selected-travel .roundtrip-selected-depart, .App .roundtrip-selected-travel .roundtrip-selected-return {
    padding: 0
}

    .App .roundtrip-selected-travel .roundtrip-selected-depart h5, .App .roundtrip-selected-travel .roundtrip-selected-return h5 {
        display: none;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
        text-align: left
    }

@media(min-width:992px) {
    .App .roundtrip-selected-travel .roundtrip-selected-depart h5, .App .roundtrip-selected-travel .roundtrip-selected-return h5 {
        display: block
    }
}

.App .roundtrip-selected-travel .roundtrip-selected-depart {
    flex: 1 0 100%;
    max-width: 100%
}

@media(min-width:992px) {
    .App .roundtrip-selected-travel .roundtrip-selected-depart {
        border-right: 1px dashed #dcdcdc;
        flex: 1 0 35%;
        max-width: 35%;
        padding-right: 20px
    }
}

.App .roundtrip-selected-travel .roundtrip-selected-return {
    flex: 1 0 100%;
    max-width: 100%
}

@media(min-width:992px) {
    .App .roundtrip-selected-travel .roundtrip-selected-return {
        flex: 1 0 35%;
        max-width: 35%;
        padding-left: 20px
    }
}

.App .roundtrip-selected-travel .roundtrip-selected-deals {
    flex: 1 0 100%;
    max-width: 100%
}

@media(min-width:992px) {
    .App .roundtrip-selected-travel .roundtrip-selected-deals {
        flex: 1 0 30%;
        max-width: 30%
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings {
    margin-bottom: 25px
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking {
        border: 1px solid #c3c3c3;
        border-radius: 5px;
        justify-content: space-between;
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 0
    }

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking {
        margin-bottom: 20px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking:last-child {
    margin-bottom: 0
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-time-wrapper {
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px 0
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-time-wrapper {
        border-bottom: none;
        border-right: 1px dashed #dcdcdc;
        padding: 30px 0
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding-left: 20px;
    position: relative
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container {
        padding-left: 25px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .airline-logo {
    max-width: 40px
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .airline-logo {
        max-width: 60px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .airline-title {
    color: #000;
    font-size: 9pt;
    font-weight: 600;
    margin-left: 10px
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .airline-title {
        font-size: 18px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .text-refund {
    align-items: center;
    background: #fddcdc;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    font-size: 10px;
    font-weight: 600;
    gap: 5px;
    justify-content: center;
    max-width: 125px;
    padding: 3px 10px;
    position: absolute;
    right: 0;
    top: -20px
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .text-refund {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 0;
        left: 0;
        top: -30px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .text-refund {
        font-size: 14px;
        padding: 8px 10px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-time-wrapper .logo-text-container .text-refund span {
    color: #ff000f
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display {
        padding: 0
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display {
        padding: 35px 0 40px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-top-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-top-container .departure-time {
        color: #000;
        font-size: 14px;
        font-weight: 700
    }

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-top-container .departure-time {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-top-container .departure-time {
        font-size: 20px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-bottom-container {
    border-top: 2px solid #dcdcdc;
    display: flex;
    height: 2pc;
    margin: 6px 20px 0;
    position: relative;
    width: calc(100% - 40px)
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-bottom-container {
        margin: 6px 30px 0;
        width: calc(100% - 60px)
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-bottom-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 9pt;
    font-weight: 500;
    margin-top: -7px;
    position: absolute;
    width: 30px
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-bottom-content.bottom-left {
        left: 0;
        margin-left: -21px
    }

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-bottom-content.bottom-right {
        margin-right: -21px;
        right: 0
    }

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-dot {
    background-color: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 50%;
    height: 9pt;
    width: 9pt
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-dot {
        height: 15px;
        width: 15px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-taken.multi-stops {
    margin-top: -6px;
    position: relative;
    width: 100%
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-taken.multi-stops {
        margin-top: -8px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-taken-stop-container {
    height: 30px;
    width: 30px
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-taken-stop-dot {
    background-color: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 10px;
    height: 10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 20px;
    z-index: 9
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-taken-stop-dot {
        height: 15px;
        width: 30px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .journey-mode {
    color: #484848;
    font-size: 14px;
    font-weight: 500
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .journey-mode {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .journey-mode {
        font-size: 14px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .tooltiptext {
    font-size: 18px;
    left: 50%;
    top: 100%;
    transform: translateX(-50%) translateY(8px)
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .tooltiptext {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .tooltiptext {
        font-size: 18px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .total-flightDuration {
    align-items: center;
    color: #484848;
    display: flex;
    font-size: 14px;
    font-weight: 500
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .total-flightDuration {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .total-flightDuration {
        font-size: 14px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .total-flightDuration .inc-flight-clock-icon {
    height: 1pc;
    margin-right: 5px;
    width: 1pc
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .total-flightDuration .inc-flight-clock-icon {
        height: 10px;
        width: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .total-flightDuration .inc-flight-clock-icon {
        height: 1pc;
        width: 1pc
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-venue, .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-place-venue {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 3px;
    padding-top: 3px
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-venue {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-display-venue {
        font-size: 14px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .stripe {
    font-size: 14px;
    line-height: 18px;
    margin-top: 6px;
    position: absolute;
    text-align: center;
    width: 100%
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .stripe {
        font-size: 10px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .stripe {
        font-size: 14px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .time-display .time-taken.multi-stops:first-of-type {
    display: none !important
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .price-deal-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 14px;
    justify-content: flex-end;
    padding: 20px 0
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .price-deal-container {
        padding: 30px 0
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .price-deal-container {
        padding: 50px 0 35px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .price-deal-container .price-container {
    display: grid
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .price-deal-container .price-container .price {
        color: #000;
        font-size: 20px;
        font-weight: 700
    }

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .price-deal-container .price-container .price {
        font-size: 30px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .price-deal-container .price-container .adult-text {
    font-size: 9pt;
    font-weight: 500;
    text-align: center
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .price-deal-container .price-container .adult-text {
        font-size: 14px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .price-deal-container .view-deal-container button {
    background: #ff000f;
    border: transparent;
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing.round-trip-intl-listing .flight-bookings .time-display .round-trip-intl {
    width: 100%
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing.round-trip-intl-listing .flight-bookings .price-deal-container {
    justify-content: center
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing.round-trip-intl-listing .flight-bookings .round-trip-intl-outbound {
    margin-bottom: 25px;
    position: relative;
    z-index: 5
}

@media(min-width:1200px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing.round-trip-intl-listing .flight-bookings .round-trip-intl-outbound {
        margin-bottom: 15px;
        margin-bottom: 25px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing.round-trip-intl-listing .flight-bookings .round-trip-intl-inbound {
    margin-top: 40px;
    position: relative;
    z-index: 1
}

@media(min-width:1200px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing.round-trip-intl-listing .flight-bookings .round-trip-intl-inbound {
        margin-top: 15px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing.round-trip-intl-listing .flight-bookings .round-trip-intl-inbound {
        margin-top: 60px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing.round-trip-intl-listing .roundtripintl-logos {
    align-items: baseline !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-evenly !important
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing.round-trip-intl-listing .roundtripintl-logos {
        flex-direction: column !important
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing.round-trip-intl-listing .roundtripintl-logos .roundtripintl-logo-container {
    align-items: center;
    display: flex
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing.multi-city .logo-text-container {
    flex-direction: column !important;
    justify-content: space-evenly
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing.multi-city .logo-text-container > div {
        align-items: center;
        display: flex;
        flex-direction: row
    }

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .active-booking {
    display: block
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .time-taken-stop-container {
    display: inline-block
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .tooltip {
    cursor: pointer;
    left: 50%;
    position: absolute;
    top: 10px;
    transform: translateX(-50%)
}

@media(min-width:992px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .tooltip {
        top: 5px
    }
}

@media(min-width:1500px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .tooltip {
        top: 15px
    }
}

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .tooltip .tooltiptext {
    background-color: #333;
    border-radius: 6px;
    color: #fff;
    max-width: 245px;
    min-width: 230px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    visibility: hidden;
    z-index: 10
}

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .tooltip .tooltiptext:before {
        border-bottom: 10px solid #333;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translateX(-50%) translateY(-100%);
        width: 0
    }

.App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .tooltip:hover .tooltiptext {
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width:769px)and (max-width:991px) {
    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .price-deal-container {
        flex-direction: row;
        justify-content: space-around
    }

        .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .price-deal-container .price-container .adult-text {
            font-size: 10px;
            text-align: left
        }
}

@media only screen and (max-width:768px) {
    .App .flight-left-col.col-3, .App .flight-right-col.col-9 {
        width: 100%
    }

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .logo-text-container {
        align-items: center;
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .App .flight-booking-container .flight-booking-row .flight-right-col .btn-bookings-container .flight-booking-details-container.one-way-listing .flight-bookings .booking .price-deal-container {
        flex-direction: row;
        justify-content: space-around;
        width: 100%
    }
}

.App .mb-3 {
    margin-bottom: 30px !important
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .mb-3 {
        margin-bottom: 20px !important
    }
}

.App .hotel-details-ota .mt-5 {
    margin-top: 22px !important
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .mt-5 {
        margin-top: 22px !important
    }
}

.App .hotel-details-ota .hotel-details .text-red, .App .hotel-details-ota .hotel-details .text-red p {
    color: #ff000f
}

.App .hotel-details-ota .hotel-details .bi-star-fill {
    color: #ffcb00;
    font-size: 9pt
}

.App .hotel-details-ota .hotel-details .card-details-view {
    margin-bottom: 46px
}

    .App .hotel-details-ota .hotel-details .card-details-view .card-text {
        margin-bottom: 22px
    }

    .App .hotel-details-ota .hotel-details .card-details-view .card-body {
        margin-bottom: 26px
    }

    .App .hotel-details-ota .hotel-details .card-details-view p {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 9pt
    }

        .App .hotel-details-ota .hotel-details .card-details-view p.location span {
            font-weight: 700
        }

.App .hotel-details-ota .hotel-details .hotel--services {
    background-color: #f0f0f0
}

    .App .hotel-details-ota .hotel-details .hotel--services .heading {
        font-size: 50px;
        margin-bottom: 40px;
        text-align: center
    }

.App .hotel-details-ota .hotel-details .hotel--services__tab {
    margin: auto;
    max-width: 650px;
    padding: 50px 0
}

    .App .hotel-details-ota .hotel-details .hotel--services__tab .card {
        background: transparent
    }

        .App .hotel-details-ota .hotel-details .hotel--services__tab .card img {
            border-radius: 5px;
            max-width: 220px
        }

@media(max-width:576px) {
    .App .hotel-details-ota .hotel-details .hotel--services__tab .card img {
        max-width: none
    }
}

.App .hotel-details-ota .hotel-details .hotel--services__tab .card-text {
    margin-bottom: 20px
}

    .App .hotel-details-ota .hotel-details .hotel--services__tab .card-text p {
        font-weight: 400;
        margin-bottom: 8px
    }

    .App .hotel-details-ota .hotel-details .hotel--services__tab .card-text .price {
        color: #ff000f;
        font-size: 14px;
        font-weight: 700
    }

.App .hotel-details-ota .hotel-details .hotel--services__tab .nav-tabs {
    border: 0
}

@media(max-width:576px) {
    .App .hotel-details-ota .hotel-details .hotel--services__tab .nav-tabs {
        padding: 1pc
    }
}

.App .hotel-details-ota .hotel-details .hotel--services__tab .nav-link {
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    color: #000;
    flex: 1;
    font-weight: 600;
    margin-bottom: 50px;
    margin-right: 10px;
    min-height: 50px;
    padding-left: 30px
}

    .App .hotel-details-ota .hotel-details .hotel--services__tab .nav-link:before {
        content: "";
        left: 0;
        position: absolute
    }

    .App .hotel-details-ota .hotel-details .hotel--services__tab .nav-link:last-child {
        margin-right: 0
    }

    .App .hotel-details-ota .hotel-details .hotel--services__tab .nav-link.active {
        background-color: #ff000f;
        color: #fff
    }

.App .hotel-details-ota .hotel-details .card {
    border: 0
}

@media(max-width:576px) {
    .App .hotel-details-ota .hotel-details .card.card-services {
        flex-wrap: wrap
    }
}

.App .hotel-details-ota .hotel-details .content-block {
    background-color: #f0f0f0;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 26px 22px 34px
}

    .App .hotel-details-ota .hotel-details .content-block .btn-primary {
        border-radius: 5px !important;
        font-size: 18px !important;
        padding: 6px 15px !important;
        width: 100%
    }

    .App .hotel-details-ota .hotel-details .content-block p {
        font-size: 14px;
        font-weight: 600
    }

    .App .hotel-details-ota .hotel-details .content-block.advantages label {
        font-size: 14px;
        font-weight: 500
    }

        .App .hotel-details-ota .hotel-details .content-block.advantages label span {
            font-weight: 700
        }

    .App .hotel-details-ota .hotel-details .content-block .check-in-out, .App .hotel-details-ota .hotel-details .content-block .destination, .App .hotel-details-ota .hotel-details .content-block .guests {
        margin-bottom: 20px
    }

        .App .hotel-details-ota .hotel-details .content-block .check-in-out p, .App .hotel-details-ota .hotel-details .content-block .destination p, .App .hotel-details-ota .hotel-details .content-block .guests p {
            font-size: 14px;
            font-weight: 700
        }

            .App .hotel-details-ota .hotel-details .content-block .check-in-out p:last-child, .App .hotel-details-ota .hotel-details .content-block .destination p:last-child, .App .hotel-details-ota .hotel-details .content-block .guests p:last-child {
                font-weight: 600
            }

    .App .hotel-details-ota .hotel-details .content-block .search-link {
        text-align: right
    }

        .App .hotel-details-ota .hotel-details .content-block .search-link a {
            color: #ff000f;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none
        }

.App .hotel-details-ota .lsautoComplete {
    z-index: 10 !important
}

.App .hotel-details-ota .hotel-main {
    background-color: #f1f1f1;
    padding: 15px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-main {
        padding: 35px
    }
}

.App .hotel-details-ota .hotel-thumbnail-container {
    background-color: #fff;
    position: relative;
    z-index: 1
}

    .App .hotel-details-ota .hotel-thumbnail-container .hotel-thumbnail-container-wrapper {
        display: flex;
        position: relative;
        width: 100%;
        z-index: 1
    }

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-thumbnail-container-wrapper {
        display: block
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-container {
    bottom: -90px;
    position: absolute;
    top: 100%;
    width: 100%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-container {
        bottom: 70px;
        top: auto
    }

        .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-container:before {
            background: linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.5));
            content: "";
            height: 100%;
            left: 0;
            pointer-events: none;
            position: absolute;
            width: 100%;
            z-index: 9
        }
}

.App .hotel-details-ota .hotel-thumbnail-container .slick-track {
    display: flex
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
    position: relative;
    width: 100%;
    z-index: 9
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content {
        flex-direction: row;
        padding: 15px 50px
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text {
    color: #000;
    width: 100%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text {
        color: #fff;
        width: 80%
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text h3 {
    font-size: 20px;
    font-weight: 700;
    text-align: left
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text h3 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-height: 50px;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text h3 {
        font-size: 26px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text h3 {
        font-size: 40px
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: unset;
    text-align: left;
    width: 50%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text h4 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-size: 1pc;
        overflow-y: hidden;
        text-overflow: ellipsis;
        width: 35%
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text .hotel-image-text--sub-text {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 100%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text .hotel-image-text--sub-text {
        min-height: 15px;
        width: 80%
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text .hotel-image-text--sub-text .hotel-rating {
    background-color: #ff000f;
    border-radius: 15px;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    padding: 2px 10px
}

@media(min-width:1500px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text .hotel-image-text--sub-text .hotel-rating {
        font-size: 18px
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text .hotel-image-text--sub-text .rating-review-wrapper {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin-top: -30px;
    width: 65%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text .hotel-image-text--sub-text .rating-review-wrapper {
        align-items: center;
        display: flex;
        flex-direction: row;
        margin-top: 0;
        width: 50%
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text .hotel-image-text--sub-text .hotel-review {
    display: flex;
    font-size: 14px;
    font-weight: 400
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text .hotel-image-text--sub-text .hotel-review {
        align-items: center;
        display: flex
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text .hotel-image-text--sub-text .hotel-review p {
    font-size: 10px;
    font-weight: 500;
    margin-bottom: unset !important;
    padding-left: 5px
}

@media(min-width:1500px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text .hotel-image-text--sub-text .hotel-review p {
        font-size: 1pc
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text-view-all {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 140px;
    justify-content: center;
    position: absolute;
    top: -140px;
    width: 100%;
    z-index: 99
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text-view-all {
        height: unset;
        position: relative;
        top: unset;
        width: 20%
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text-view-all img {
    display: none
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text-view-all img {
        display: block;
        height: 24px;
        width: 30px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text-view-all img {
        display: block;
        height: 30px;
        width: 36px
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text-view-all p {
    color: #fff;
    display: none;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: unset;
    margin-left: 15px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text-view-all p {
        display: block;
        font-size: 18px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-image-text-content .hotel-image-text-view-all p {
        display: block;
        font-size: 28px
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content {
    align-items: center;
    border-top: 1px solid #c8c8c8;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 5pc;
    padding: 20px;
    width: 100%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content {
        border-top: none;
        flex-direction: row;
        justify-content: space-evenly;
        width: unset
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content span {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content span {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 70%
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content img {
    width: 40%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content img {
        width: 150px
    }

    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content {
        margin-top: 0
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .btn-primary {
    border: none !important;
    padding: 0 !important
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .btn-primary {
        margin: 13px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .btn-primary {
        height: 45px
    }
}

@media(min-width:1680px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .btn-primary {
        height: 50px
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .btn-primary a {
    background-color: #ff000f !important;
    border-radius: 30px !important;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 25px !important;
    text-decoration: none
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .btn-primary a {
        display: block
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .btn-primary a {
        font-size: 1pc;
        padding: 10px 14px !important
    }
}

@media(min-width:1680px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .btn-primary a {
        font-size: 18px;
        padding: 10px 25px !important
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .hotel-best-price {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 15px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .hotel-best-price {
        font-size: 2pc;
        margin-bottom: 0;
        width: 65%
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .hotel-best-price p {
    font-size: 20px;
    font-weight: 700
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .hotel-best-price p {
        font-size: 26px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .hotel-best-price p {
        font-size: 40px
    }
}

@media(min-width:1680px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .hotel-best-price p {
        font-size: 53px
    }
}

.App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .hotel-best-price .per-night-text {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 0 !important;
    text-align: center !important
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .hotel-best-price .per-night-text {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content .hotel-best-price .per-night-text {
        font-size: 20px
    }
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content {
        flex-direction: row;
        padding: 50px 150px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .hotel-thumbnail-container .hotel-best-deal--content {
        padding: 50px 350px
    }
}

.App .hotel-details-ota .hotel-thumbnail--wrapper {
    width: 50%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail--wrapper {
        width: 100%
    }
}

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-list .slick-track {
    display: flex
}

@media(min-width:768px) {
    .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-list .slick-track {
        margin-left: unset
    }
}

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-next {
    background-color: rgba(0,0,0,.5) !important;
    border-radius: 0;
    height: 97%;
    right: 0;
    top: .5px;
    width: 1pc
}

@media(min-width:1200px) {
    .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-next {
        right: 0;
        width: 20px
    }
}

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-next:after {
    content: "" !important;
    font-family: bootstrap-icons !important;
    font-size: 1pc;
    font-weight: 900
}

@media(min-width:1200px) {
    .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-next:after {
        font-size: 20px
    }
}

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-prev {
    background-color: rgba(0,0,0,.5) !important;
    border-radius: 0;
    height: 97%;
    left: 0;
    top: .5px;
    width: 1pc
}

@media(min-width:1200px) {
    .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-prev {
        left: 0;
        width: 20px
    }
}

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-prev:before {
    content: "" !important;
    font-family: bootstrap-icons !important;
    font-size: 1pc;
    font-weight: 900
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-prev:before {
        font-size: 20px
    }
}

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-track .slick-slide:first-child .hotel-thumbnail-card {
    border-left: .5px solid #fff
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail--wrapper .hotel-thumbnail-overlay-text-mobile {
        display: none
    }
}

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-slide[data-slick-index="1"] > div:nth-child(2) .hotel-thumbnail-card {
    position: relative
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-slide[data-slick-index="1"] > div:nth-child(2) .hotel-thumbnail-card {
        position: unset
    }
}

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-slide[data-slick-index="1"] > div:nth-child(2) .hotel-thumbnail-card:before {
    background: linear-gradient(180deg,rgba(0,51,102,.9) 0,rgba(0,51,102,.9) 80%);
    border: .5px solid #fff;
    content: "";
    display: block !important;
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-slide[data-slick-index="1"] > div:nth-child(2) .hotel-thumbnail-overlay-text-mobile {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    z-index: 9
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-slide[data-slick-index="1"] > div:nth-child(2) .hotel-thumbnail-overlay-text-mobile {
        display: none
    }
}

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-slide[data-slick-index="1"] > div:first-child .hotel-thumbnail-overlay-text-mobile {
    display: none
}

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-slide {
    cursor: pointer;
    margin: 0 !important
}

    .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-slide .hotel-thumbnail-card {
        align-items: center;
        display: flex !important;
        height: 70px;
        justify-content: center;
        overflow: hidden
    }

        .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-slide .hotel-thumbnail-card .hotel-thumbnail-overlay-text {
            display: none
        }

        .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-slide .hotel-thumbnail-card picture {
            height: 100%;
            position: relative;
            width: 100%
        }

        .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-slide .hotel-thumbnail-card img {
            border-bottom: .5px solid #fff;
            border-radius: 0;
            border-right: .5px solid #fff;
            border-top: .5px solid #fff;
            display: inline;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-current .hotel-thumbnail-card {
    position: relative
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-current .hotel-thumbnail-card:before {
        background: linear-gradient(180deg,rgba(0,51,102,.9) 0,rgba(0,51,102,.9) 80%);
        border: .5px solid #fff;
        content: "";
        height: 100%;
        pointer-events: none;
        position: absolute;
        width: 100%;
        z-index: 1
    }
}

.App .hotel-details-ota .hotel-thumbnail--wrapper .slick-current .hotel-thumbnail-card .hotel-thumbnail-overlay-text {
    bottom: 38%;
    color: #fff;
    display: none;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    z-index: 999
}

@media(min-width:768px) {
    .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-current .hotel-thumbnail-card .hotel-thumbnail-overlay-text {
        bottom: 35%
    }
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-thumbnail--wrapper .slick-current .hotel-thumbnail-card .hotel-thumbnail-overlay-text {
        bottom: 35%;
        display: block !important;
        font-size: 13px
    }
}

.App .hotel-details-ota .hotel-banner-slider {
    position: relative;
    width: 50%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-banner-slider {
        width: 100%
    }
}

.App .hotel-details-ota .hotel-banner-slider .slick-slide {
    margin: 0 !important;
    max-height: 140px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-banner-slider .slick-slide {
        max-height: 600px
    }
}

.App .hotel-details-ota .hotel-banner-slider .slick-slide .hotel-image--slide img {
    border-radius: 0;
    height: 600px;
    max-height: 600px;
    -o-object-fit: cover;
    object-fit: cover;
    overflow-y: hidden;
    width: 100%
}

.App .hotel-details-ota .hotel-banner-slider .slick-prev {
    bottom: 15px;
    display: block !important;
    left: 35%;
    top: auto
}

@media(min-width:575px) {
    .App .hotel-details-ota .hotel-banner-slider .slick-prev {
        bottom: 40px;
        left: 42%
    }
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-banner-slider .slick-prev {
        display: none !important
    }
}

.App .hotel-details-ota .hotel-banner-slider .slick-next {
    bottom: 15px;
    display: block !important;
    right: 35%;
    top: auto
}

@media(min-width:575px) {
    .App .hotel-details-ota .hotel-banner-slider .slick-next {
        bottom: 40px;
        right: 42%
    }
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-banner-slider .slick-next {
        display: none !important
    }
}

.App .hotel-details-ota .hotel-image-text--main-title {
    width: 70%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-image-text--main-title {
        width: 100%
    }
}

.App .hotel-details-ota .hotel-sub-item--title--container {
    background-color: #ff000f;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px 15px;
    text-align: left
}

    .App .hotel-details-ota .hotel-sub-item--title--container h3 {
        color: #fff;
        font-size: 18px;
        font-weight: 700
    }

@media(min-width:768px) {
    .App .hotel-details-ota .hotel-sub-item--title--container h3 {
        font-size: 22px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .hotel-sub-item--title--container h3 {
        font-size: 2pc
    }
}

.App .hotel-details-ota .hotel-sub-item--amenities--content {
    background-color: #fff;
    border-radius: 5px;
    max-height: 200px;
    overflow-y: auto;
    padding: 20px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-sub-item--amenities--content {
        max-height: unset;
        padding: 30px
    }
}

.App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group {
        flex-direction: row
    }
}

.App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group .amenities-group--item {
    align-items: center;
    display: flex;
    flex: 1 0 100%;
    margin-bottom: 10px;
    max-width: 100%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group .amenities-group--item {
        flex: 1 0 20%;
        margin-bottom: 0;
        max-width: 20%
    }
}

.App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group .amenities-group--item p {
    font-size: 9pt;
    font-weight: 600;
    padding: 0 10px
}

.App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group--list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group--list {
        flex-direction: row
    }
}

.App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group--list .amenities-group--list-item {
    -moz-column-count: 2;
    column-count: 2;
    width: 100%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group--list .amenities-group--list-item {
        -moz-column-count: 4;
        column-count: 4
    }
}

.App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group--list .amenities-group--list-item .amenities-group--list-item-title {
    font-size: 9pt;
    font-weight: 700;
    text-align: left
}

.App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group--list .amenities-group--list-item .amenities-group--list-sub-items {
    font-size: 10px;
    font-weight: 500;
    padding-left: 10px
}

    .App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group--list .amenities-group--list-item .amenities-group--list-sub-items li {
        font-size: 9pt;
        font-weight: 500;
        list-style-position: outside;
        list-style-type: square;
        text-align: left
    }

@media(min-width:1500px) {
    .App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group--list .amenities-group--list-item .amenities-group--list-sub-items li {
        font-size: 18px;
        font-weight: 700
    }
}

.App .hotel-details-ota .hotel-sub-item--amenities--content .amenities-group--list .amenities-group--list-item .amenities-group--list-sub-items li::marker {
    content: "- " !important
}

.App .hotel-details-ota .hotel-sub-item--review--content {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-sub-item--review--content {
        padding: 40px 45px
    }
}

.App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-radio--title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px
}

.App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-radio--group {
    display: flex;
    flex-direction: column
}

    .App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-radio--group label {
        align-items: center;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 10px
    }

    .App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-radio--group input[type=radio] {
        align-items: center;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        border: 1px solid #c3c3c3;
        border-radius: 50%;
        display: flex;
        height: 1pc;
        justify-content: center;
        margin-right: 10px;
        position: relative;
        width: 1pc
    }

        .App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-radio--group input[type=radio]:before {
            background-color: #ff000f;
            border-radius: 50%;
            content: "";
            height: 8px;
            transform: scale(0);
            transition: transform .12s ease-in-out;
            width: 8px
        }

        .App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-radio--group input[type=radio]:checked:before {
            transform: scale(1)
        }

.App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-group-theme-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

    .App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-group-theme-item label {
        flex: 1 0 100%;
        max-width: 100%
    }

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-group-theme-item label {
        flex: 1 0 30%;
        max-width: 30%
    }
}

.App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-group-theme-item .progress {
    border-radius: 15px;
    flex: 1 0 80%;
    margin-bottom: 10px;
    max-width: 80%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-group-theme-item .progress {
        flex: 1 0 60%;
        max-width: 60%
    }
}

.App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-group-theme-item .progress .progress-bar.bg-danger {
    background-color: #d44343 !important;
    border-radius: 15px
}

.App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-group-theme-item p {
    flex: 1 0 20%;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
    max-width: 20%;
    padding-left: 15px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-sub-item--review--content .hotel-reviews-group-theme-item p {
        flex: 1 0 10%;
        max-width: 10%
    }
}

.App .hotel-details-ota .hotel-reviews-card-container {
    margin-top: 20px
}

    .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card {
        background-color: #f3f3f3;
        padding: 20px
    }

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card {
        padding: 40px 40px 30px
    }
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-user-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-user-container {
        flex-direction: row
    }
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-user-container .hotel-reviews-card-user-content {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-user-container .hotel-reviews-card-user-content {
        flex-direction: row
    }
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-user-container .hotel-reviews-card-user-profile {
    border-radius: 50%;
    height: 60px;
    margin-right: 15px;
    overflow: hidden;
    width: 60px
}

    .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-user-container .hotel-reviews-card-user-profile img {
        background-size: cover;
        width: 100%
    }

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-user-container .hotel-reviews-card-user-details {
    display: flex;
    flex-direction: column;
    margin-top: 10px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-user-container .hotel-reviews-card-user-details {
        margin-top: 0
    }
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-user-container .hotel-reviews-card-user-details .hotel-reviews-card-user-name {
    font-size: 1pc;
    font-weight: 700
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-user-container .hotel-reviews-card-user-details .hotel-reviews-card-user-timing {
    font-size: 15px;
    font-weight: 600
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-user-container .hotel-reviews-card-user-details .hotel-reviews-card-user-contribution {
    font-size: 15px;
    font-weight: 400
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-user-container .hotel-reviews-card-user-menu:before {
    content: "" !important;
    font-family: bootstrap-icons !important;
    font-size: 2pc
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-ratings {
    margin-top: 15px
}

    .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-ratings .bi {
        font-size: 1pc;
        margin-right: 5px
    }

    .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-ratings .bi-star-fill {
        color: #ffdd21
    }

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-description {
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-footer {
    align-items: center;
    border-bottom: 1px solid #707070;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 40px;
    padding-bottom: 20px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-footer {
        flex-direction: row
    }
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-footer .date-of-stay {
    font-size: 15px;
    font-weight: 400
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-footer .hotel-reviews-card-like-share {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-footer .hotel-reviews-card-like-share {
        margin-top: 0
    }
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-footer .hotel-reviews-card-like-share span {
    align-items: center;
    display: flex
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-footer .hotel-reviews-card-like-share .like:before {
    content: "" !important;
    font-family: bootstrap-icons !important;
    font-size: 1pc;
    margin-left: 15px;
    margin-right: 5px
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-footer .hotel-reviews-card-like-share .share:before {
    content: "" !important;
    font-family: bootstrap-icons !important;
    font-size: 1pc;
    margin-left: 15px;
    margin-right: 5px
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-images {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    padding: 0
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-images {
        flex-direction: row
    }
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-images img {
    width: 100%
}

.App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-images li {
    border: 1px solid #fff
}

    .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-images li.view-all {
        position: relative
    }

        .App .hotel-details-ota .hotel-reviews-card-container .hotel-reviews-card-images li.view-all .btn-view-all {
            align-items: center;
            background-color: green;
            color: #fff;
            display: flex;
            height: 100%;
            justify-content: center;
            opacity: .5;
            position: absolute;
            top: 0;
            width: 100%
        }

.App .hotel-details-ota .hotel-reviews-card-container .inc-card-btn {
    text-align: center
}

.App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group {
    display: flex;
    flex-direction: column
}

    .App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group .slick-list {
        width: 100%
    }

    .App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group .slick-track {
        display: flex;
        gap: 10px;
        justify-content: space-between
    }

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group {
        flex-direction: row;
        gap: 10px;
        max-width: 100%
    }
}

.App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group .hotel-properties-card--item {
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width: 23%
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group .hotel-properties-card--item {
        margin-bottom: 0
    }
}

.App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group .hotel-properties-card--item .hotel-properties-card--item-img {
    border-radius: 5px;
    overflow: hidden
}

    .App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group .hotel-properties-card--item .hotel-properties-card--item-img img {
        background-size: cover;
        width: 100%
    }

.App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group .hotel-properties-card--item .hotel-properties-card--item-content {
    display: flex;
    flex-direction: column;
    padding: 15px;
    text-align: left
}

    .App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group .hotel-properties-card--item .hotel-properties-card--item-content h3 {
        font-size: 15px;
        font-weight: 700;
        min-height: 35px
    }

    .App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group .hotel-properties-card--item .hotel-properties-card--item-content p {
        font-size: 9pt;
        font-weight: 500;
        margin-top: 10px
    }

    .App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group .hotel-properties-card--item .hotel-properties-card--item-content .hotel-properties-card--item-reviews {
        align-items: center;
        display: flex;
        flex-direction: row;
        font-size: 9pt;
        font-weight: 600;
        margin-top: 10px
    }

        .App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group .hotel-properties-card--item .hotel-properties-card--item-content .hotel-properties-card--item-reviews .rating {
            background-color: #ff000f;
            border-radius: 15px;
            color: #fff;
            margin-right: 10px;
            padding: 0 10px
        }

    .App .hotel-details-ota .hotel-properties--content .hotel-properties-card-group .hotel-properties-card--item .hotel-properties-card--item-content .btn-primary {
        border: none;
        font-size: 9pt !important;
        margin-top: 30px;
        padding: 5px !important;
        width: 50%
    }

.App .hotel-details-ota .hotel-properties--content .carousel-actions .pagination {
    margin: 0 10px
}

.App .hotel-details-ota .hotel-properties--content .carousel-actions.bottom {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    padding-bottom: 0;
    position: static;
    text-align: center
}

.App .hotel-details-ota .hotel-properties--content .carousel-actions .prev-btn {
    background-color: #ff000f;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0;
    height: 28px;
    opacity: 1;
    padding: 0;
    position: absolute;
    position: unset;
    top: 45%;
    width: 28px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-properties--content .carousel-actions .prev-btn {
        height: 3pc;
        width: 3pc
    }
}

.App .hotel-details-ota .hotel-properties--content .carousel-actions .prev-btn:hover {
    background-color: #ff000f !important;
    transition: all .3s
}

.App .hotel-details-ota .hotel-properties--content .carousel-actions .prev-btn:before {
    color: #fff;
    content: "";
    font-family: icomoon;
    font-size: 20px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-properties--content .carousel-actions .prev-btn:before {
        font-size: 2pc
    }
}

.App .hotel-details-ota .hotel-properties--content .carousel-actions .prev-btn.slick-disabled {
    background-color: #ddd;
    cursor: default;
    pointer-events: none !important
}

.App .hotel-details-ota .hotel-properties--content .carousel-actions .next-btn {
    background-color: #ff000f;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0;
    height: 28px;
    opacity: 1;
    padding: 0;
    position: absolute;
    position: unset;
    top: 45%;
    width: 28px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-properties--content .carousel-actions .next-btn {
        height: 3pc;
        width: 3pc
    }
}

.App .hotel-details-ota .hotel-properties--content .carousel-actions .next-btn:hover {
    background-color: #ff000f !important;
    transition: all .3s
}

.App .hotel-details-ota .hotel-properties--content .carousel-actions .next-btn:before {
    color: #fff;
    content: "";
    font-family: icomoon;
    font-size: 20px
}

@media(min-width:992px) {
    .App .hotel-details-ota .hotel-properties--content .carousel-actions .next-btn:before {
        font-size: 2pc
    }
}

.App .hotel-details-ota .hotel-properties--content .carousel-actions .next-btn.slick-disabled {
    background-color: #ddd;
    cursor: default;
    pointer-events: none !important
}

.App .hotel-details-ota .hotel-properties--content .carousel-actions.carousel-actions__hide {
    display: none
}

.App .hotel-details-ota .hotel-properties--content .carousel-actions.carousel-actions__show {
    display: flex
}

.App .hotel-details-ota .hotel-properties--content .inc-card-btn {
    text-align: center
}

.App .hotel-details-ota .guest_rating_wrapper {
    background-color: #f3f3f3;
    padding: 15px;
    text-align: left
}

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper.container-xxl {
        max-width: none
    }
}

@media(min-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper {
        padding: 35px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_header {
    background-color: #ff000f;
    border-radius: 6px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 6px 40px
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section {
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    gap: 50px;
    margin-top: 15px;
    padding: 30px 40px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section {
        gap: 23px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section {
        flex-direction: column;
        padding: 15px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum {
    width: 18%
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum {
        width: 38%
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum {
        width: 100%
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .start_rating_logo {
    align-items: center;
    color: #ff000f;
    display: flex;
    font-size: 22px;
    gap: 10px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .start_rating_logo {
        font-size: 20px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .start_rating_logo {
        font-size: 30px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .start_rating_logo .rating_iocn img {
    color: #ff000f;
    width: 75px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .start_rating_logo .rating_iocn img {
        width: 55px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .start_rating_logo .rating_iocn img {
        width: 40px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .start_rating_logo p {
    font-size: 18px;
    margin-bottom: 0
}

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .start_rating_logo p {
        font-size: 40px;
        font-weight: 700
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .start_rating_logo p .rating_text1 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0
}

@media(min-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .start_rating_logo p .rating_text1 {
        font-size: 26px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .start_rating_logo p .rating_text1 {
        font-size: 40px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text2 {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0
}

@media(min-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text2 {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text2 {
        font-size: 22px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .HoirLine1 {
        width: 60%
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .HoirLine1 {
        width: 100%
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text3 {
        font-size: 30px
    }

        .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text3 br {
            display: none
        }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text3 span {
    font-size: 18px
}

@media(min-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text3 span {
        font-size: 35px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text4 {
    font-size: 1pc;
    font-weight: 700;
    margin-bottom: 0
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text4 {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text4 {
        font-size: 20px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text5 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0
}

@media(min-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_first_coloum .text5 {
        font-size: 14px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum {
    padding-top: 5px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum {
        width: 100%
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .text6 {
    font-size: 1pc;
    font-weight: 700;
    margin-bottom: 0
}

@media(min-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .text6 {
        font-size: 1pc
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .text6 {
        font-size: 26px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale {
    display: flex;
    gap: 65px;
    padding-top: 10px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale {
        gap: 15px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale {
        gap: 10px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide {
    -moz-column-count: 2;
    column-count: 2;
    width: 100%
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide {
        -moz-column-count: 1;
        column-count: 1;
        width: 85%
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .rating_scale_category {
    padding-top: 10px;
    position: relative
}

    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .rating_scale_category p {
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 7px
    }

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .rating_scale_category p {
        font-size: 20px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .rating_scale_category .rating_div {
    border: 1px solid #000;
    border-radius: 10px;
    height: 10px;
    margin-right: 35px;
    width: 235px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .rating_scale_category .rating_div {
        margin-right: 25px
    }
}

@media screen and (max-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .rating_scale_category .rating_div {
        width: 215px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .rating_scale_category .rating_div {
        width: 90%
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .rating_scale_category .rating_number {
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 30px
}

@media(min-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .rating_scale_category .rating_number {
        top: 2pc
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .rating_scale_category .rating_number {
        font-size: 20px;
        top: 36px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good {
    margin-top: 15px;
    position: relative
}

    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good p {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 7px
    }

@media screen and (max-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good p {
        font-size: 18px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good p {
        font-size: 20px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good .rating_div {
    border: 1px solid #000;
    border-radius: 10px;
    height: 10px;
    margin-right: 35px;
    width: 235px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good .rating_div {
        margin-right: 25px
    }
}

@media screen and (max-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good .rating_div {
        width: 215px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good .rating_div {
        width: 270px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good .rating_div {
        width: 235px
    }
}

@media screen and (max-width:414px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good .rating_div {
        width: 220px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good .rating_number2 {
    position: absolute;
    right: 0;
    top: 30px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good .rating_number2 {
        top: 27px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good .rating_number2 {
        right: 95px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good .rating_number2 {
        right: 24px;
        top: 29px
    }
}

@media screen and (max-width:414px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .very_good .rating_number2 {
        right: 5px;
        top: 30px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average {
    margin-top: 15px;
    position: relative
}

    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average p {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 7px
    }

@media screen and (max-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average p {
        font-size: 18px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average p {
        font-size: 20px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average .rating_div {
    border: 1px solid #000;
    border-radius: 10px;
    height: 10px;
    margin-right: 35px;
    width: 235px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average .rating_div {
        margin-right: 25px
    }
}

@media screen and (max-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average .rating_div {
        width: 215px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average .rating_div {
        width: 270px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average .rating_div {
        width: 235px
    }
}

@media screen and (max-width:414px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average .rating_div {
        width: 220px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average .rating_number3 {
    position: absolute;
    right: 0;
    top: 30px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average .rating_number3 {
        top: 27px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average .rating_number3 {
        right: 95px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average .rating_number3 {
        right: 24px;
        top: 29px
    }
}

@media screen and (max-width:414px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_leftSide .average .rating_number3 {
        right: 5px;
        top: 30px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service {
    position: relative
}

    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service p {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 7px
    }

@media screen and (max-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service p {
        font-size: 18px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service p {
        font-size: 20px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service .rating_div {
    border: 1px solid #000;
    border-radius: 10px;
    height: 10px;
    margin-right: 35px;
    width: 235px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service .rating_div {
        margin-right: 25px
    }
}

@media screen and (max-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service .rating_div {
        width: 215px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service .rating_div {
        width: 270px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service .rating_div {
        width: 235px
    }
}

@media screen and (max-width:414px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service .rating_div {
        width: 220px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service .rating_number4 {
    position: absolute;
    right: 0;
    top: 30px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service .rating_number4 {
        top: 27px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service .rating_number4 {
        right: 95px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service .rating_number4 {
        right: 24px;
        top: 29px
    }
}

@media screen and (max-width:414px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .service .rating_number4 {
        right: 5px;
        top: 30px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness {
    margin-top: 15px;
    position: relative
}

    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness p {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 7px
    }

@media screen and (max-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness p {
        font-size: 18px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness p {
        font-size: 20px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness .rating_div {
    border: 1px solid #000;
    border-radius: 10px;
    height: 10px;
    margin-right: 35px;
    width: 235px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness .rating_div {
        margin-right: 25px
    }
}

@media screen and (max-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness .rating_div {
        width: 215px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness .rating_div {
        width: 270px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness .rating_div {
        width: 235px
    }
}

@media screen and (max-width:414px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness .rating_div {
        width: 220px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness .rating_number5 {
    position: absolute;
    right: 0;
    top: 30px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness .rating_number5 {
        top: 27px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness .rating_number5 {
        right: 95px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness .rating_number5 {
        right: 24px;
        top: 29px
    }
}

@media screen and (max-width:414px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_second_coloum .rating_scale .rating_scale_rightSide .cleanliness .rating_number5 {
        right: 5px;
        top: 30px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_third_coloum {
        text-align: center;
        width: 100%
    }
}

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_third_coloum button {
    background-color: #fff;
    border: 3px solid #f3f3f3;
    border-radius: 5px;
    padding: 7px 15px
}

    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_third_coloum button a {
        color: #000;
        font-size: 22px;
        font-weight: 700;
        text-decoration: none
    }

        .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_third_coloum button a:hover {
            color: #000
        }

.App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_third_coloum .family_btn {
    margin-left: 13px;
    padding: 7px 20px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .guest_rating_top_section .guest_rating_third_coloum .family_btn {
        margin-left: 0;
        margin-top: 10px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating {
    background-color: #fff;
    margin-top: 5px;
    padding: 30px 50px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating {
        padding: 0
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .bottom_heading {
    font-size: 18px;
    font-weight: 700;
    padding-left: 20px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .bottom_heading {
        font-size: 1pc;
        padding-top: 20px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .bottom_heading {
        font-size: 28px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review {
    margin-top: 20px
}

    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review-box:last-child hr {
        display: none
    }

    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review-left-text {
        align-items: center;
        display: flex;
        flex: 1 0 10%;
        flex-direction: column;
        max-width: 10%;
        text-align: center
    }

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review-left-text {
        flex: 1 0 100%;
        flex-direction: row;
        max-width: 100%
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .detailed_text1 {
    flex: 1 0 90%;
    max-width: 90%
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .detailed_text1 {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 {
    display: flex;
    gap: 20px;
    padding-left: 13px;
    padding-right: 13px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 {
        flex-direction: column;
        gap: 9pt
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .review1_avatar {
    align-items: center;
    background-color: #f3f3f3;
    border-radius: 50%;
    color: #ff000f;
    display: flex;
    font-size: 34px;
    font-weight: 700;
    height: 5pc;
    justify-content: center;
    width: 5pc
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .review1_avatar {
        font-size: 1pc;
        height: 35px;
        width: 35px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .review1_avatar {
        font-size: 40px;
        font-weight: 600
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .detailed_text1 .heading4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px
}

@media(min-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .detailed_text1 .heading4 {
        font-size: 1pc
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .detailed_text1 .heading4 {
        font-size: 24px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .detailed_text1 .text10 {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0
}

@media(min-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .detailed_text1 .text10 {
        font-size: 15px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .detailed_text1 .text10 {
        font-size: 22px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .detailed_text1 .text10-read-more {
    align-items: center;
    color: #ff000f;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600
}

@media(min-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .detailed_text1 .text10-read-more {
        font-size: 15px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .detailed_text1 .text10-read-more:after {
    color: #fff;
    color: #ff000f;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding-left: 5px
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .review1_text1 .detailed_text1 .ellipsis-readmore {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .travellerName1 {
    font-size: 9pt;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 15px;
    word-break: break-all
}

@media(min-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .travellerName1 {
        font-size: 9pt;
        padding-left: 0
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .travellerName1 {
        font-size: 18px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .traveller_year1 {
    font-size: 9pt;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 4px
}

@media(min-width:992px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .traveller_year1 {
        font-size: 9pt
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review1 .traveller_year1 {
        font-size: 18px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .bottom_horiLine {
    margin: 25px 0
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 {
    display: flex;
    gap: 20px;
    padding-left: 13px;
    padding-right: 13px
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 {
        align-items: center;
        flex-direction: column;
        gap: 9pt
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 .review2_avatar {
    background-color: #f3f3f3;
    border-radius: 50%;
    color: #ff000f;
    font-size: 34px;
    font-weight: 700;
    height: 5pc;
    padding-left: 6px;
    padding-top: 14px;
    text-align: center;
    width: 125px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 .review2_avatar {
        height: 77px;
        width: 150px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 .review2_avatar {
        font-size: 30px;
        height: 73px;
        padding-left: 3px;
        width: 194px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 .review2_avatar {
        font-size: 24px;
        height: 65px;
        width: 225px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 .review2_avatar {
        font-size: 30px;
        height: 75px;
        width: 75px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 .detailed_text2 .heading5 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 5px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 .detailed_text2 .heading5 {
        font-size: 21px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 .detailed_text2 .heading5 {
        font-size: 19px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 .detailed_text2 .text11 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 0
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 .detailed_text2 .text11 {
        font-size: 18px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 .detailed_text2 .text11 {
        font-size: 15px;
        line-height: 17px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .review2_text2 .detailed_text2 .text11 {
        font-size: 14px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .travellerName2 {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 0;
    padding-left: 6px
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .travellerName2 {
        font-size: 15px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .travellerName2 {
        text-align: center
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .traveller_year2 {
    font-size: 17px;
    line-height: 1pc;
    margin-bottom: 0;
    padding-left: 22px
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .traveller_year2 {
        font-size: 15px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review2 .traveller_year2 {
        padding-left: 0;
        text-align: center
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 {
    display: flex;
    gap: 20px;
    padding-left: 13px;
    padding-right: 13px
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 {
        align-items: center;
        flex-direction: column;
        gap: 9pt
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 .review3_avatar {
    background-color: #f3f3f3;
    border-radius: 50%;
    color: #ff000f;
    font-size: 34px;
    font-weight: 700;
    height: 5pc;
    padding-left: 6px;
    padding-top: 14px;
    text-align: center;
    width: 125px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 .review3_avatar {
        height: 77px;
        width: 150px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 .review3_avatar {
        font-size: 30px;
        height: 73px;
        padding-left: 3px;
        width: 194px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 .review3_avatar {
        font-size: 24px;
        height: 65px;
        width: 225px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 .review3_avatar {
        font-size: 30px;
        height: 75px;
        width: 75px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 .detailed_text3 .heading6 {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 5px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 .detailed_text3 .heading6 {
        font-size: 21px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 .detailed_text3 .heading6 {
        font-size: 19px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 .detailed_text3 .text12 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 0
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 .detailed_text3 .text12 {
        font-size: 18px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 .detailed_text3 .text12 {
        font-size: 15px;
        line-height: 17px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .review3_text3 .detailed_text3 .text12 {
        font-size: 14px
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .travellerName3 {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 0;
    padding-left: 6px
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .travellerName3 {
        font-size: 15px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .travellerName3 {
        text-align: center
    }
}

.App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .traveller_year3 {
    font-size: 17px;
    line-height: 1pc;
    margin-bottom: 0;
    padding-left: 22px
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .traveller_year3 {
        font-size: 15px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .guest_rating_wrapper .review_rating .detailed_review .review3 .traveller_year3 {
        padding-left: 0;
        text-align: center
    }
}

.App .hotel-details-ota .user_rating_wrapper {
    background-color: #f3f3f3;
    padding: 15px;
    text-align: left
}

@media(min-width:992px) {
    .App .hotel-details-ota .user_rating_wrapper {
        padding: 35px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_header {
    background-color: #ff000f;
    border-radius: 6px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 10px 15px
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container {
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px;
    padding: 30px 20px
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .tab-btn.disabled {
        color: #999c9a !important;
        pointer-events: none !important
    }

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_text1 {
        color: #999c9a;
        font-size: 13px;
        line-height: 17px;
        margin-bottom: 0
    }

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section {
        margin-top: 25px
    }

        .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container {
            position: relative
        }

            .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tab-btns {
                display: flex;
                gap: 15px
            }

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tab-btns {
        gap: 6px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tab-btns button {
    background-color: #fff;
    border: none;
    color: #000;
    font-size: 9pt;
    font-weight: 700;
    padding: 5px 15px
}

@media(min-width:992px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tab-btns button {
        font-size: 1pc
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tab-btns .tab-btn.tab-btn-active {
    border-bottom: 2px solid #da3732;
    color: #ff000f
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .user_rating_line1 {
    margin-top: 0
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container {
    margin-top: 9px
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .tab-content {
        display: none
    }

        .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .tab-content.tab-active {
            display: block
        }

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section {
        display: flex;
        gap: 40px;
        margin: 20px 0
    }

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section {
        gap: 15px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section {
        flex-direction: column
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .user_review_count {
    display: flex;
    gap: 10px
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .user_review_count .avg_review {
        background-color: #ff000f;
        border-radius: 6px;
        color: #fff;
        font-size: 28px;
        font-weight: 700;
        height: 45px;
        text-align: center;
        width: 5pc
    }

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .user_review_count .total_reviewtext_count .user_rating_text2 {
        font-size: 19px;
        font-weight: bolder;
        margin-bottom: 0
    }

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .user_review_count .total_reviewtext_count .user_rating_text2 {
        font-size: 17px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .user_review_count .total_reviewtext_count .user_rating_text3 {
    color: #777676;
    font-size: 9pt;
    font-weight: 600;
    margin-bottom: 0;
    padding: 5px
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .user_review_count .total_reviewtext_count .user_rating_text3 span {
        color: #000;
        font-weight: 700
    }

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale {
        gap: 10px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .rating_scale_category {
    width: 22%
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .rating_scale_category {
        width: 45%
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .rating_scale_category {
    position: relative
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .rating_scale_category p {
        font-size: 11px;
        font-weight: 600;
        margin-bottom: 9px
    }

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .rating_scale_category .rating_div {
        border: 1px solid #000;
        border-radius: 10px;
        height: 10px;
        width: 150px
    }

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .rating_scale_category .rating_div {
        width: 125px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .rating_scale_category .rating_div {
        width: 90%
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .rating_scale_category .rating_number {
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 3px;
    top: 0
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .cleanliness {
    position: relative
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .cleanliness p {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 9px
    }

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .cleanliness p {
        font-size: 18px;
        margin-bottom: 4px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .cleanliness .rating_div {
    border: 1px solid #000;
    border-radius: 10px;
    height: 10px;
    width: 150px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .cleanliness .rating_div {
        width: 125px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .cleanliness .rating_div {
        width: 90%
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .cleanliness .rating_number2 {
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 3px;
    top: 0
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .cleanliness .rating_number2 {
        font-size: 1pc;
        right: 50px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .room {
    position: relative
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .room p {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 9px
    }

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .room p {
        font-size: 18px;
        margin-bottom: 4px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .room .rating_div {
    border: 1px solid #000;
    border-radius: 10px;
    height: 10px;
    width: 150px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .room .rating_div {
        width: 125px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .room .rating_div {
        width: 90%
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .room .rating_number3 {
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 3px;
    top: 0
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .room .rating_number3 {
        font-size: 1pc;
        right: 50px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .food {
    position: relative
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .food p {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 9px
    }

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .food p {
        font-size: 18px;
        margin-bottom: 4px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .food .rating_div {
    border: 1px solid #000;
    border-radius: 10px;
    height: 10px;
    width: 150px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .food .rating_div {
        width: 125px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .food .rating_div {
        width: 90%
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .food .rating_number4 {
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 3px;
    top: 0
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .food .rating_number4 {
        font-size: 1pc;
        right: 50px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .value_for_money {
    position: relative
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .value_for_money p {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 9px
    }

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .value_for_money p {
        font-size: 18px;
        margin-bottom: 4px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .value_for_money .rating_div {
    border: 1px solid #000;
    border-radius: 10px;
    height: 10px;
    width: 150px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .value_for_money .rating_div {
        width: 100%
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .value_for_money .rating_div {
        width: 90%
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .value_for_money .rating_number5 {
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 3px;
    top: 0
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .user_rating_scale_section .rating_scale .value_for_money .rating_number5 {
        font-size: 1pc;
        right: 50px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section {
    margin: 20px 0 35px
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .user_rating_text4 {
        color: #999c9a;
        font-size: 9pt;
        margin-bottom: 0
    }

@media(min-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .user_rating_text4 {
        font-size: 14px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .latest_ratings {
    display: flex;
    gap: 9pt;
    margin: 10px 0 20px
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .latest_ratings {
        gap: 9px
    }
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .latest_ratings {
        gap: 5px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .latest_ratings .number {
    border: 2px solid #ff000f;
    border-radius: 6px;
    color: #ff000f;
    font-size: 14px;
    font-weight: 600;
    padding: 0 7px
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .user_rating_text5 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .user_rating_text6 {
    font-size: 14px;
    letter-spacing: .9pt;
    margin-bottom: 0
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section {
    display: flex;
    gap: 10px;
    margin-top: 20px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section {
        flex-direction: column
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_left {
    padding-top: 8px
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_left .user_rating_text7 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 0
    }

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top {
    display: flex;
    gap: 9pt
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top {
        gap: 4px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top {
        flex-direction: column
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter1 {
    border: 2px solid #2189dc;
    border-radius: 5px;
    color: #2189dc;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    padding: 8px 20px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter1 {
        font-size: 15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter1 {
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter1 {
        font-size: 18px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter2 {
    border: 2px solid #c8c8c8;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    padding: 8px 20px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter2 {
        font-size: 15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter2 {
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter2 {
        font-size: 18px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter3 {
    border: 2px solid #c8c8c8;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    padding: 8px 20px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter3 {
        font-size: 15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter3 {
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter3 {
        font-size: 18px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter4 {
    border: 2px solid #c8c8c8;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    padding: 8px 20px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter4 {
        font-size: 15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter4 {
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter4 {
        font-size: 18px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter5 {
    border: 2px solid #c8c8c8;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    padding: 8px 20px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter5 {
        font-size: 15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter5 {
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter5 {
        font-size: 18px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter6 {
    border: 2px solid #c8c8c8;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    padding: 8px 20px;
    position: relative;
    width: 265px
}

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter6 {
        font-size: 15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter6 {
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter6 {
        font-size: 18px;
        width: 100%
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter6 .short_by {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    font-weight: 600;
    width: 100%
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter6 .short_by {
        width: 80%
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter6 .short_by {
        width: 100%
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_top .filter6 .downarrow i {
    font-size: 1pc;
    font-weight: 600;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 9pt
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_bottm {
    margin-top: 10px
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_bottm .filter7 {
        border: 2px solid #c8c8c8;
        border-radius: 5px;
        color: #000;
        cursor: pointer;
        font-size: 17px;
        font-weight: 600;
        padding: 8px 20px;
        text-align: center;
        width: 175px
    }

@media screen and (max-width:1024px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_bottm .filter7 {
        font-size: 15px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_bottm .filter7 {
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .second_rating_section .filter_section .filter_section_right .filter_section_right_bottm .filter7 {
        font-size: 18px;
        text-align: left;
        width: 100%
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section {
    padding: 25px 20px 9pt
}

    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .user_rating_text8 {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 1pc
    }

@media screen and (max-width:414px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .user_rating_text8 {
        font-size: 20px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review1 {
    background-color: #f3f3f3;
    padding: 25px 35px 25px 25px
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review1 {
        padding: 25px 20px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review1 .user_rating_text9 {
    font-size: 20px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 10px
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review1 .user_rating_text10 {
    color: #999c9a;
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 10px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review1 .user_rating_text10 {
        font-size: 1pc
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review1 .user_rating_text10 {
        font-size: 14px;
        line-height: 24px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review1 .user_rating_text10 .child1 {
    color: #000;
    font-weight: 600
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review1 .user_rating_text10 .child2 {
    background: #ff000f;
    border: 1px solid #ff000f;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 3px 5px
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review1 .user_rating_text11 {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review1 .user_rating_text11 {
        font-size: 18px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review1 .user_rating_text11 {
        font-size: 1pc
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review2 {
    background-color: #f3f3f3;
    margin-top: 20px;
    padding: 25px 35px 25px 25px
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review2 {
        padding: 25px 20px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review2 .user_rating_text12 {
    font-size: 20px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 10px
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review2 .user_rating_text13 {
    color: #999c9a;
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 10px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review2 .user_rating_text13 {
        font-size: 1pc
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review2 .user_rating_text13 {
        font-size: 14px;
        line-height: 24px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review2 .user_rating_text13 .child1 {
    color: #000;
    font-weight: 600
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review2 .user_rating_text13 .child2 {
    background: #ff000f;
    border: 1px solid #ff000f;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 3px 5px
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review2 .user_rating_text14 {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review2 .user_rating_text14 {
        font-size: 18px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section .detailed_review2 .user_rating_text14 {
        font-size: 1pc
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 {
    padding: 15px 20px 25px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 {
        padding: 0
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .user_rating_text15 {
    font-size: 1pc;
    font-weight: 700;
    margin-bottom: 15px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .user_rating_text15 {
        margin-top: 15px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 {
    border: 2px solid #f3f3f3;
    margin-bottom: 15px;
    padding: 25px 35px 25px 25px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 {
        padding: 10px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text16 {
    font-size: 1pc;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 10px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text16 {
        font-size: 14px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text17 {
    color: #999c9a;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: 10px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text17 {
        font-size: 9pt
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text17 .child1 {
    color: #000;
    font-size: 1pc;
    font-weight: 700
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text17 .child2 {
    background: #ff000f;
    border: 1px solid #ff000f;
    border-radius: 5px;
    color: #fff;
    font-size: 1pc;
    font-weight: 700;
    padding: 3px 5px
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text18 {
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text18 {
        font-size: 14px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating-read-more {
    align-items: center;
    color: #ff000f;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600
}

@media(min-width:992px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating-read-more {
        font-size: 15px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating-read-more:after {
    color: #fff;
    color: #ff000f;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding-left: 5px
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .ellipsis-readmore {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text19 {
    color: #999c9a;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 20px
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text19 {
        font-size: 1pc
    }
}

@media screen and (max-width:414px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text19 {
        font-size: 14px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text19 span i {
    color: #2189dc;
    font-size: 25px
}

@media screen and (max-width:414px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review3 .user_rating_text19 span i {
        font-size: 22px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 {
    border: 2px solid #f3f3f3;
    margin-top: 20px;
    padding: 25px 35px 25px 25px
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 {
        padding: 25px 20px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text20 {
    font-size: 20px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 10px
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text21 {
    color: #999c9a;
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 10px
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text21 {
        font-size: 1pc
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text21 {
        font-size: 14px;
        line-height: 24px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text21 .child1 {
    color: #000;
    font-weight: 600
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text21 .child2 {
    background: #ff000f;
    border: 1px solid #ff000f;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 3px 5px
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text22 {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text22 {
        font-size: 18px
    }
}

@media screen and (max-width:568px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text22 {
        font-size: 1pc
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text23 {
    color: #999c9a;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 20px
}

@media screen and (max-width:450px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text23 {
        font-size: 1pc
    }
}

@media screen and (max-width:414px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text23 {
        font-size: 14px
    }
}

.App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text23 span i {
    color: #2189dc;
    font-size: 25px
}

@media screen and (max-width:414px) {
    .App .hotel-details-ota .user_rating_wrapper .user_rating_container .user_rating_tab_section .tabs-btn-content-container .tabs-content-container .all-reviews .detailed_review_section2 .detailed_review4 .user_rating_text23 span i {
        font-size: 22px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper.container-xxl {
        max-width: none
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper {
    background-color: #f3f3f3;
    padding: 15px;
    text-align: left
}

@media(min-width:992px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper {
        padding: 35px
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .guest_rating_header {
    background-color: #ff000f;
    border-radius: 6px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 6px 40px
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper {
    background-color: #fff
}

    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews {
        background-color: #fff;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-top: 15px;
        width: 100%
    }

@media(min-width:992px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews {
        flex-direction: row;
        gap: 50px;
        padding: 20px
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating {
    padding: 20px 20px 0;
    width: 100%
}

@media(min-width:992px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating {
        padding: 0;
        width: 25%
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .view-reviews {
    color: #000;
    font-size: 18px;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .view-reviews {
        font-size: 26px
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .overall-rating {
    padding-top: 20px
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-heading {
    border-bottom: 1px solid #707070;
    color: #000;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 15px
}

@media(min-width:1500px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-heading {
        font-size: 26px
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 15px
}

    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative .rating-text-number {
        color: #ff000f;
        font-size: 30px;
        font-weight: 700
    }

@media(min-width:1500px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative .rating-text-number {
        font-size: 42px !important
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative .rating-text {
    color: #ff000f;
    font-size: 1pc;
    font-weight: 700
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative .number_of_reviews {
    align-items: flex-end;
    color: #a4a4a4;
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 600;
    padding-left: 5px
}

@media(min-width:1500px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative .number_of_reviews {
        font-size: 20px
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative .poweredby {
    color: #a4a4a4;
    font-size: 13px;
    font-weight: 600
}

    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative .poweredby img {
        height: 1pc;
        width: 100%
    }

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews {
    width: 100%
}

@media(min-width:992px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews {
        padding-top: 35px;
        width: 75%
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_review {
    border-bottom: 1px solid #707070;
    padding: 20px
}

    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_review:last-child {
        border-bottom: none
    }

    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_review:first-child {
        border-top: 1px solid #707070
    }

@media(min-width:992px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_review:first-child {
        border-top: none
    }

    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_review {
        padding: 10px 0
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_reviews_header {
    display: flex
}

    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_reviews_header .rating-red {
        border: 2px solid #ff000f;
        border-radius: 10px;
        color: #ff000f;
        height: 33px;
        width: 35px
    }

@media(min-width:1500px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_reviews_header .rating-red {
        height: 47px;
        width: 45px
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_reviews_header .rating-red p {
    font-size: 13px;
    font-weight: 600;
    padding: 6px
}

@media(min-width:1500px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_reviews_header .rating-red p {
        font-size: 1pc;
        padding: 10px
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_reviews_header .rating-author-date {
    padding-left: 10px
}

    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_reviews_header .rating-author-date h5 {
        font-size: 18px;
        font-weight: 700
    }

@media(min-width:992px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_reviews_header .rating-author-date h5 {
        font-size: 1pc
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_reviews_header .rating-author-date h5 {
        font-size: 24px
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_reviews_header .rating-author-date p {
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 400
}

@media(min-width:992px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_reviews_header .rating-author-date p {
        font-size: 15px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .guest_reviews_header .rating-author-date p {
        font-size: 22px
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .review-description {
    display: block;
    margin: 10px 0
}

    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .review-description .review-description-text {
        font-size: 14px
    }

@media(min-width:992px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .review-description .review-description-text {
        font-size: 15px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .review-description .review-description-text {
        font-size: 22px
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .review-description .review-description-text .review-description-read-less {
    color: #ff000f;
    font-size: 14px;
    font-weight: 600
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .review-description .review-description-read-more {
    align-items: center;
    color: #ff000f;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600
}

@media(min-width:992px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .review-description .review-description-read-more {
        font-size: 15px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .review-description .review-description-read-more {
        font-size: 22px;
        font-weight: 400
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .review-description .review-description-read-more:after {
    color: #fff;
    color: #ff000f;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding-left: 5px
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .Guest_ratings_reviews .guest_reviews .review-description .ellipsis-readmore {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .read-all-reviews-number {
    display: none;
    padding: 0 20px 40px;
    width: 100%
}

@media(min-width:992px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .read-all-reviews-number {
        padding: 30px 40px
    }
}

.App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .read-all-reviews-number p {
    background-color: #f3f3f3;
    font-size: 14px;
    font-weight: 600;
    padding: 15px;
    text-align: center
}

@media(min-width:992px) {
    .App .hotel-details-ota .yatra_rating .guest_rating_wrapper .Guest_ratings_reviews_wrapper .read-all-reviews-number p {
        padding: 10px;
        text-align: right
    }
}

.App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper {
    background-color: #f3f3f3;
    padding: 15px;
    text-align: left
}

@media(min-width:992px) {
    .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper {
        padding: 35px
    }
}

.App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .guest_rating_header {
    background-color: #ff000f;
    border-radius: 6px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 6px 40px
}

.App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews {
    background-color: #fff;
    display: block;
    margin-top: 15px;
    padding: 30px 40px;
    width: 100%
}

    .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating {
        display: flex;
        flex-direction: row;
        padding-bottom: 50px;
        width: 100%
    }

        .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative {
            width: 25%
        }

            .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative .rating-text-number {
                display: flex
            }

                .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative .rating-text-number .rating-number {
                    color: #ff000f;
                    font-size: 30px;
                    font-weight: 700
                }

@media(min-width:1500px) {
    .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative .rating-text-number .rating-number {
        font-size: 42px !important
    }
}

.App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative .rating-text-number .number_of_reviews {
    align-items: center;
    color: #707070;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    padding-left: 15px
}

@media(min-width:1500px) {
    .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .overall-rating-cummilative .rating-text-number .number_of_reviews {
        font-size: 20px
    }
}

.App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .rating_scale {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    width: 25%
}

    .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .rating_scale .rating_scale_category {
        align-items: center;
        display: flex;
        padding-top: 10px;
        position: relative
    }

        .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .rating_scale .rating_scale_category p {
            font-size: 13px;
            font-weight: 600;
            margin-right: 5px
        }

        .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .rating_scale .rating_scale_category .rating_div {
            border: 1px solid #000;
            border-radius: 10px;
            height: 10px;
            margin-right: 35px;
            width: 210px
        }

        .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .rating_scale .rating_scale_category .rating_number {
            font-size: 13px;
            font-weight: 600;
            position: absolute;
            right: 5px
        }

@media(min-width:992px) {
    .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .rating_scale .rating_scale_category .rating_number {
        top: 9pt
    }
}

.App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .rating-category-circles {
    display: flex;
    padding: 10px;
    width: 50%
}

    .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .rating-category-circles .rating-category {
        margin-left: 20px
    }

        .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .rating-category-circles .rating-category .rating-circle-border {
            background-color: #fff;
            background: linear-gradient(270deg,#000 50%,transparent 0),linear-gradient(0deg,#000 50%,#d3d3d3 0);
            border-radius: 100%;
            height: 60px;
            position: relative;
            text-align: center;
            width: 60px
        }

            .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .rating-category-circles .rating-category .rating-circle-border .rating-circle {
                background-color: #fff;
                border-radius: 100%;
                height: 50px;
                left: 5px;
                position: relative;
                text-align: center;
                top: 5px;
                width: 50px
            }

            .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .rating-category-circles .rating-category .rating-circle-border p {
                bottom: 15px;
                color: #ff000f;
                font-size: 1pc;
                font-weight: 700;
                left: 25px;
                position: absolute
            }

        .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_rating .rating-category-circles .rating-category .rating-category-text {
            font-size: 14px;
            font-weight: 600
        }

.App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews {
    -moz-column-count: 2;
    column-count: 2
}

    .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review {
        border-bottom: 1px solid #707070;
        padding: 20px 0;
        page-break-inside: avoid
    }

        .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review:last-child {
            border-bottom: none
        }

        .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review:first-child {
            border-top: 1px solid #707070
        }

        .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review .guest_reviews_header h5 {
            font-size: 1pc;
            font-weight: 700
        }

        .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review .guest_reviews_header .rating-cummilative-number-date {
            display: flex;
            padding: 5px 0
        }

            .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review .guest_reviews_header .rating-cummilative-number-date .rating-cummilative-number {
                font-size: 13px;
                font-weight: 600;
                padding-right: 10px
            }

            .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review .guest_reviews_header .rating-cummilative-number-date .rating-cummilative-date {
                color: #707070;
                font-size: 13px
            }

        .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review .review-description .review-description-text {
            font-size: 14px
        }

@media(min-width:992px) {
    .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review .review-description .review-description-text {
        font-size: 15px
    }
}

.App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review .review-description .review-description-read-more {
    align-items: center;
    color: #ff000f;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600
}

@media(min-width:992px) {
    .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review .review-description .review-description-read-more {
        font-size: 15px
    }
}

@media(min-width:1500px) {
    .App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review .review-description .review-description-read-more {
        font-size: 22px
    }
}

.App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review .review-description .review-description-read-more:after {
    color: #fff;
    color: #ff000f;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding-left: 5px
}

.App .hotel-details-ota .clear_trip_rating .guest_rating_wrapper .Guest_ratings_reviews .guest_reviews .guest_review .review-description .ellipsis-readmore {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.hotel-imgs-modal {
    background-color: rgba(0,0,0,.9) !important;
    display: block !important
}

    .hotel-imgs-modal .hotel-images-popup-slider {
        display: flex;
        margin: 0 !important
    }

        .hotel-imgs-modal .hotel-images-popup-slider .hotel-images-popup-slider--slide picture {
            display: flex;
            justify-content: center
        }

        .hotel-imgs-modal .hotel-images-popup-slider .hotel-images-popup-slider--slide .hotel-images-popup-slider-img {
            border-radius: 0;
            height: 500px;
            max-height: 500px;
            -o-object-fit: cover;
            object-fit: cover;
            overflow-y: hidden;
            width: 80%
        }

@media(min-width:992px) {
    .hotel-imgs-modal .hotel-images-popup-slider .hotel-images-popup-slider--slide .hotel-images-popup-slider-img {
        width: 100%
    }
}

.hotel-imgs-modal .hotel-images-popup-slider .slick-next, .hotel-imgs-modal .hotel-images-popup-slider .slick-prev {
    background-color: transparent !important
}

.hotel-imgs-modal .hotel-images-popup-slider .slick-prev {
    left: 0
}

@media(min-width:992px) {
    .hotel-imgs-modal .hotel-images-popup-slider .slick-prev {
        left: -45px
    }
}

.hotel-imgs-modal .hotel-images-popup-slider .slick-next {
    right: 0
}

@media(min-width:992px) {
    .hotel-imgs-modal .hotel-images-popup-slider .slick-next {
        right: -45px
    }
}

.hotel-imgs-modal .hotel-images-popup-slider .slick-next:after, .hotel-imgs-modal .hotel-images-popup-slider .slick-prev:before {
    color: #fff !important
}

.hotel-imgs-modal .modal-content {
    background-color: transparent !important
}

.hotel-imgs-modal .btn-close {
    background-image: none !important
}

    .hotel-imgs-modal .btn-close:after {
        bottom: 20px;
        color: #fff;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        position: absolute;
        right: 0
    }

    .hotel-imgs-modal .btn-close:before {
        display: none !important
    }

.hotel-imgs-modal .modal-header {
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999
}

.hotel-imgs-modal .modal-body {
    padding: 0
}

    .hotel-imgs-modal .modal-body .carousel-control-prev-icon {
        background-image: none !important
    }

        .hotel-imgs-modal .modal-body .carousel-control-prev-icon:after {
            color: #fff;
            content: "";
            font-family: bootstrap-icons;
            font-size: 22px;
            left: -40px;
            position: absolute
        }

    .hotel-imgs-modal .modal-body .carousel-control-next-icon {
        background-image: none !important
    }

        .hotel-imgs-modal .modal-body .carousel-control-next-icon:after {
            color: #fff;
            content: "";
            font-family: bootstrap-icons;
            font-size: 22px;
            position: absolute;
            right: -40px
        }

@media(max-width:767px) {
    .App .user_rating_tab_section .tab-btns {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        scroll-padding-left: 1rem;
        scroll-snap-type: x mandatory;
        white-space: nowrap
    }

        .App .user_rating_tab_section .tab-btns::-webkit-scrollbar {
            display: none
        }

        .App .user_rating_tab_section .tab-btns .tab-btn {
            scroll-snap-align: start;
            scroll-snap-stop: always
        }

    .App .curated-package-details .top-content-strip {
        padding: 0
    }

    .App .p-mb-lr-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media(min-width:1024px) {
    .App .container .p0, .App .container.p0 {
        padding: 0
    }
}

@media(min-width:768px) {
    .App .container .card {
        float: left;
        margin: 0 8px;
        width: 32%
    }
}

.App .container .card .card-body .card-subtitle, .App .container .card .card-body .card-text {
    color: #898989
}

    .App .container .card .card-body .card-subtitle .fa-percentage, .App .container .card .card-body .card-text .fa-percentage {
        background: #e6313b;
        border-radius: 50%;
        color: #fff;
        font-size: 9pt;
        margin-right: 7px;
        padding: 4px 6px
    }

.App .container .card .card-body .card-text {
    line-height: 1.2
}

@media(min-width:1500px) {
    .App .container .card .card-body .card-text {
        line-height: 2pc
    }
}

.App .container .card .card-body .pd-top {
    padding-top: 25px
}

.App .container .card .card-body .pd0 {
    padding: 0
}

.App .container .card .card-body .desc .desc-txt {
    font-size: 20px;
    font-weight: 700
}

    .App .container .card .card-body .desc .desc-txt:after {
        border-right: 2px solid #000
    }

    .App .container .card .card-body .desc .desc-txt .clr-red {
        color: #e6313b;
        padding-right: 5px
    }

.App .container .card .card-body .img-pos {
    border-radius: 4px;
    height: 200px
}

.App .container .card .card-body .text-center .fa, .App .container .card .card-body .text-center .fa-solid {
    color: #898989;
    font-size: 25px
}

.App .container .card .card-body .list {
    color: #898989;
    font-weight: 700;
    padding-left: 15px;
    padding-top: 20px
}

    .App .container .card .card-body .list .list-item::marker {
        color: #e6313b
    }

.App .container .card .card-body .mb0 {
    margin-bottom: 0
}

.App .container .card .card-body .clr-red {
    color: #e6313b
}

.App .container .card .card-body .clr-gray {
    color: #898989
}

@media(max-width:768px) {
    .App .container .card .card-body .d-flex .pd-lr {
        padding: 0 8px
    }
}

.App .container.bg-gray {
    background-color: #f0f0f0;
    padding: 20px
}

.App .container .price-range-slider {
    width: 100%
}

    .App .container .price-range-slider .range-value {
        display: flex;
        justify-content: space-between
    }

        .App .container .price-range-slider .range-value div {
            font-size: 9pt;
            font-weight: 600
        }

    .App .container .price-range-slider .range-bar {
        background: #ddd;
        border: none;
        height: 3px;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 100%;
        width: calc(100% - 20px)
    }

        .App .container .price-range-slider .range-bar .ui-slider-range {
            background: #ff000f
        }

        .App .container .price-range-slider .range-bar .ui-slider-handle {
            background: #ddd;
            border: 0;
            border-radius: 50%;
            cursor: pointer;
            display: inline-block;
            height: 19px;
            margin-left: -9pt;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            width: 20px
        }

            .App .container .price-range-slider .range-bar .ui-slider-handle:focus-visible {
                outline: 0
            }

            .App .container .price-range-slider .range-bar .ui-slider-handle:before {
                color: #fff;
                content: "";
                font-size: 9pt;
                margin-left: 4px
            }

            .App .container .price-range-slider .range-bar .ui-slider-handle + span {
                background: #ff000f;
                border-radius: 50%;
                cursor: pointer;
                height: 19px;
                position: relative;
                width: 20px
            }

                .App .container .price-range-slider .range-bar .ui-slider-handle + span:last-child {
                    float: left
                }

                .App .container .price-range-slider .range-bar .ui-slider-handle + span:before {
                    color: #fff;
                    content: "";
                    font-family: icomoon
                }

    .App .container .price-range-slider #slider-range-v2 {
        width: calc(100% - 8px)
    }

.App .container .flights .btn {
    background: #fff;
    border: 1px solid #e1e1e1;
    height: 50px;
    line-height: 18px;
    margin-right: -6px;
    width: 175px
}

    .App .container .flights .btn:focus {
        box-shadow: none
    }

    .App .container .flights .btn:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .App .container .flights .btn:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

.App .container .padd-25 {
    padding: 0 25px
}

.App .curated-package-details .loader-content, .App .curated-package-listing .loader-content {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 500px;
    width: 100%
}

    .App .curated-package-details .loader-content img, .App .curated-package-listing .loader-content img {
        max-width: 50px
    }

.App .curated-package-details .curated-search, .App .curated-package-listing .curated-search {
    gap: 15px
}

@media(min-width:1500px) {
    .App .curated-package-details .curated-search, .App .curated-package-listing .curated-search {
        gap: 20px
    }
}

.App .curated-package-details .curated-search .from-search, .App .curated-package-details .curated-search .to-search, .App .curated-package-listing .curated-search .from-search, .App .curated-package-listing .curated-search .to-search {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    flex: 1;
    padding: 25px 13px 7px;
    position: relative;
    text-align: left
}

    .App .curated-package-details .curated-search .from-search span, .App .curated-package-details .curated-search .to-search span, .App .curated-package-listing .curated-search .from-search span, .App .curated-package-listing .curated-search .to-search span {
        color: #5b5b5b;
        font-size: 9pt;
        font-weight: 700;
        position: absolute;
        top: 8px
    }

@media(min-width:1500px) {
    .App .curated-package-details .curated-search .from-search span, .App .curated-package-details .curated-search .to-search span, .App .curated-package-listing .curated-search .from-search span, .App .curated-package-listing .curated-search .to-search span {
        font-size: 18px
    }
}

.App .curated-package-details .curated-search .from-search input, .App .curated-package-details .curated-search .to-search input, .App .curated-package-listing .curated-search .from-search input, .App .curated-package-listing .curated-search .to-search input {
    background: #fff;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    outline: none;
    width: 100%
}

@media(min-width:768px) {
    .App .curated-package-details .curated-search .from-search input, .App .curated-package-details .curated-search .to-search input, .App .curated-package-listing .curated-search .from-search input, .App .curated-package-listing .curated-search .to-search input {
        font-size: 18px
    }
}

@media(min-width:1500px) {
    .App .curated-package-details .curated-search .from-search input, .App .curated-package-details .curated-search .to-search input, .App .curated-package-listing .curated-search .from-search input, .App .curated-package-listing .curated-search .to-search input {
        font-size: 26px;
        padding-top: 6px
    }
}

.App .curated-package-details .curated-search .from-search .auto-suggestion, .App .curated-package-details .curated-search .to-search .auto-suggestion, .App .curated-package-listing .curated-search .from-search .auto-suggestion, .App .curated-package-listing .curated-search .to-search .auto-suggestion {
    background: #fff;
    border: 1px solid #ddd;
    left: 0;
    max-height: 200px;
    overflow: auto;
    position: absolute;
    top: 100%;
    width: 100%
}

    .App .curated-package-details .curated-search .from-search .auto-suggestion ul, .App .curated-package-details .curated-search .to-search .auto-suggestion ul, .App .curated-package-listing .curated-search .from-search .auto-suggestion ul, .App .curated-package-listing .curated-search .to-search .auto-suggestion ul {
        padding: 0
    }

        .App .curated-package-details .curated-search .from-search .auto-suggestion ul li, .App .curated-package-details .curated-search .to-search .auto-suggestion ul li, .App .curated-package-listing .curated-search .from-search .auto-suggestion ul li, .App .curated-package-listing .curated-search .to-search .auto-suggestion ul li {
            cursor: pointer;
            padding-bottom: 5px;
            padding-left: 15px
        }

.App .curated-package-details .curated-search .from-search .auto-suggestion, .App .curated-package-listing .curated-search .from-search .auto-suggestion {
    z-index: 10
}

.App .curated-package-details .curated-search .to-search .auto-suggestion, .App .curated-package-listing .curated-search .to-search .auto-suggestion {
    z-index: 9
}

.App .curated-package-details .curated-search .modify-search, .App .curated-package-listing .curated-search .modify-search {
    display: flex;
    justify-content: center;
    padding-top: 15px
}

@media(min-width:768px) {
    .App .curated-package-details .curated-search .modify-search, .App .curated-package-listing .curated-search .modify-search {
        justify-content: space-between;
        padding-top: 0
    }
}

.App .curated-package-details .curated-search .modify-search button, .App .curated-package-listing .curated-search .modify-search button {
    border-radius: 5px !important;
    color: #fff;
    font-size: 14px !important;
    font-weight: 700
}

@media(min-width:768px) {
    .App .curated-package-details .curated-search .modify-search button, .App .curated-package-listing .curated-search .modify-search button {
        font-size: 1pc !important
    }
}

@media(min-width:1500px) {
    .App .curated-package-details .curated-search .modify-search button, .App .curated-package-listing .curated-search .modify-search button {
        font-size: 24px !important;
        font-weight: 600
    }
}

.App .curated-package-details .curated-search.d-flex, .App .curated-package-listing .curated-search.d-flex {
    flex-direction: column
}

@media(min-width:768px) {
    .App .curated-package-details .curated-search.d-flex, .App .curated-package-listing .curated-search.d-flex {
        flex-direction: row
    }
}

.App .curated-package-details .filters .select-filters, .App .curated-package-listing .filters .select-filters {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin-bottom: 0;
    position: relative
}

@media(min-width:768px) {
    .App .curated-package-details .filters .select-filters, .App .curated-package-listing .filters .select-filters {
        flex-direction: row;
        gap: 0;
        justify-content: space-between;
        margin-bottom: 50px
    }
}

@media(min-width:1500px) {
    .App .curated-package-details .filters .select-filters, .App .curated-package-listing .filters .select-filters {
        margin-left: 150px;
        margin-right: 150px
    }
}

.App .curated-package-details .filters .select-items, .App .curated-package-listing .filters .select-items {
    min-width: 24%
}

    .App .curated-package-details .filters .select-items button, .App .curated-package-listing .filters .select-items button {
        align-items: center;
        background: #fff;
        border: 2px solid #c3c3c3;
        border-radius: 5px;
        color: #000;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        height: 45px;
        justify-content: space-between;
        padding-left: 21px;
        padding-right: 35px;
        position: relative;
        width: 100%
    }

@media(min-width:1500px) {
    .App .curated-package-details .filters .select-items button, .App .curated-package-listing .filters .select-items button {
        font-size: 22px;
        height: 60px
    }
}

.App .curated-package-details .filters .select-items button .down-icon, .App .curated-package-listing .filters .select-items button .down-icon {
    fill: #000;
    width: 25px
}

.App .curated-package-details .filters .select-items.price-filters, .App .curated-package-listing .filters .select-items.price-filters {
    position: relative
}

    .App .curated-package-details .filters .select-items.price-filters .MuiSlider-root, .App .curated-package-listing .filters .select-items.price-filters .MuiSlider-root {
        color: #ff000f
    }

.App .curated-package-details .filters .select-items .price-range span, .App .curated-package-listing .filters .select-items .price-range span {
    color: #ff000f;
    font-size: 9pt;
    font-weight: 700
}

.App .curated-package-details .filters .select-items .close-btn, .App .curated-package-listing .filters .select-items .close-btn {
    cursor: pointer;
    font-size: 30px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0
}

.App .curated-package-details .filters .select-items .filter-dropdown, .App .curated-package-listing .filters .select-items .filter-dropdown {
    background: #fff;
    left: 0;
    padding: 0 15px 15px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%;
    z-index: 99
}

    .App .curated-package-details .filters .select-items .filter-dropdown input[type=checkbox], .App .curated-package-listing .filters .select-items .filter-dropdown input[type=checkbox] {
        cursor: pointer;
        height: 0;
        opacity: 0;
        position: absolute;
        width: 0
    }

    .App .curated-package-details .filters .select-items .filter-dropdown .filter-btns, .App .curated-package-listing .filters .select-items .filter-dropdown .filter-btns {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 20px;
        padding-top: 10px
    }

        .App .curated-package-details .filters .select-items .filter-dropdown .filter-btns button, .App .curated-package-listing .filters .select-items .filter-dropdown .filter-btns button {
            border: 2px solid #ff000f;
            border-radius: 45px;
            color: #ff000f;
            font-size: 22px;
            margin-right: 15px;
            padding-left: 35px;
            padding-right: 35px;
            text-align: center;
            width: auto
        }

            .App .curated-package-details .filters .select-items .filter-dropdown .filter-btns button.apply, .App .curated-package-listing .filters .select-items .filter-dropdown .filter-btns button.apply {
                background: #ff000f;
                color: #fff
            }

    .App .curated-package-details .filters .select-items .filter-dropdown .checkmark, .App .curated-package-listing .filters .select-items .filter-dropdown .checkmark {
        background-color: #fff;
        border: 1px solid #000;
        height: 20px;
        left: 0;
        position: absolute;
        top: 0;
        width: 20px
    }

    .App .curated-package-details .filters .select-items .filter-dropdown input[type=checkbox]:checked ~ .checkmark, .App .curated-package-listing .filters .select-items .filter-dropdown input[type=checkbox]:checked ~ .checkmark {
        background-color: #ff000f;
        border: 1px solid #ff000f
    }

        .App .curated-package-details .filters .select-items .filter-dropdown input[type=checkbox]:checked ~ .checkmark:after, .App .curated-package-listing .filters .select-items .filter-dropdown input[type=checkbox]:checked ~ .checkmark:after {
            color: #fff;
            content: "";
            font-family: bootstrap-icons;
            font-size: 20px;
            font-weight: 700;
            left: 0;
            position: relative
        }

    .App .curated-package-details .filters .select-items .filter-dropdown .checkmark:after, .App .curated-package-listing .filters .select-items .filter-dropdown .checkmark:after {
        color: #fff;
        height: 10px;
        top: -5px;
        width: 5px
    }

    .App .curated-package-details .filters .select-items .filter-dropdown .checkbox input:checked ~ .checkmark:after, .App .curated-package-listing .filters .select-items .filter-dropdown .checkbox input:checked ~ .checkmark:after {
        display: block
    }

.App .curated-package-details .filters .select-items .categories, .App .curated-package-listing .filters .select-items .categories {
    padding: 25px 0
}

    .App .curated-package-details .filters .select-items .categories:first-of-type, .App .curated-package-listing .filters .select-items .categories:first-of-type {
        padding-top: 0
    }

    .App .curated-package-details .filters .select-items .categories:last-of-type, .App .curated-package-listing .filters .select-items .categories:last-of-type {
        border-bottom: none
    }

.App .curated-package-details .filters .select-items label, .App .curated-package-listing .filters .select-items label {
    margin-bottom: 10px;
    margin-right: 20px;
    padding-left: 25px;
    position: relative
}

.App .curated-package-details .filters .select-items h2, .App .curated-package-listing .filters .select-items h2 {
    color: #45a9ea;
    font-size: 1pc;
    font-weight: 700;
    margin-bottom: 25px
}

.App .curated-package-details .filters .select-items .MuiFormLabel-root, .App .curated-package-listing .filters .select-items .MuiFormLabel-root {
    color: #ed1b24;
    text-align: left;
    width: 100%
}

.App .curated-package-details .filters .select-items .MuiFormControl-root, .App .curated-package-listing .filters .select-items .MuiFormControl-root {
    width: 100%
}

.App .curated-package-details .filters .select-items .MuiSvgIcon-root, .App .curated-package-listing .filters .select-items .MuiSvgIcon-root {
    fill: #ed1b24
}

.App .curated-package-details .filters .select-items .MuiInputLabel-shrink, .App .curated-package-listing .filters .select-items .MuiInputLabel-shrink {
    align-items: center;
    bottom: 0;
    display: flex;
    padding: 16.5px 14px;
    pointer-events: none;
    right: 0;
    transform: unset
}

.App .curated-package-details .filters .select-items .MuiOutlinedInput-notchedOutline, .App .curated-package-listing .filters .select-items .MuiOutlinedInput-notchedOutline {
    border: none
}

.App .curated-package-details .filters .select-items.price-filters .MuiFormLabel-root, .App .curated-package-listing .filters .select-items.price-filters .MuiFormLabel-root {
    cursor: pointer;
    pointer-events: auto
}

.App .curated-package-details .filters .select-items .MuiCheckbox-root, .App .curated-package-listing .filters .select-items .MuiCheckbox-root {
    padding: 4px
}

.App .curated-package-details .filters .select-items .more-filters, .App .curated-package-listing .filters .select-items .more-filters {
    background: #f4f4f4;
    border-radius: 5px;
    font-size: 20px;
    left: 50%;
    max-width: 340px;
    min-width: 340px;
    position: absolute;
    top: 50px;
    transform: translateX(-50%);
    z-index: 99
}

    .App .curated-package-details .filters .select-items .more-filters h2, .App .curated-package-listing .filters .select-items .more-filters h2 {
        color: #000;
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 25px;
        text-align: left
    }

    .App .curated-package-details .filters .select-items .more-filters .priceSlider, .App .curated-package-listing .filters .select-items .more-filters .priceSlider {
        border-bottom: 1px solid #d0d3d8;
        padding: 35px
    }

        .App .curated-package-details .filters .select-items .more-filters .priceSlider .MuiBox-root, .App .curated-package-listing .filters .select-items .more-filters .priceSlider .MuiBox-root {
            padding: 0 10px
        }

    .App .curated-package-details .filters .select-items .more-filters .flightbtns, .App .curated-package-listing .filters .select-items .more-filters .flightbtns {
        padding: 35px
    }

        .App .curated-package-details .filters .select-items .more-filters .flightbtns .flightfilter, .App .curated-package-listing .filters .select-items .more-filters .flightbtns .flightfilter {
            border: 1px solid #ed1b24;
            border-radius: 5px;
            display: flex;
            overflow: hidden
        }

        .App .curated-package-details .filters .select-items .more-filters .flightbtns button, .App .curated-package-listing .filters .select-items .more-filters .flightbtns button {
            background: #fff;
            border: none;
            border-radius: 0;
            font-size: 14px;
            font-weight: 600;
            justify-content: center;
            line-height: normal;
            padding: 10px;
            text-transform: none
        }

            .App .curated-package-details .filters .select-items .more-filters .flightbtns button:first-of-type, .App .curated-package-listing .filters .select-items .more-filters .flightbtns button:first-of-type {
                border-right: 1px solid #ed1b24
            }

            .App .curated-package-details .filters .select-items .more-filters .flightbtns button.active, .App .curated-package-listing .filters .select-items .more-filters .flightbtns button.active {
                background-color: #ff000f !important;
                color: #fff !important
            }

.App .curated-package-details .filters .selectedFilter, .App .curated-package-listing .filters .selectedFilter {
    flex: 1 0 100%;
    width: 100%
}

    .App .curated-package-details .filters .selectedFilter .clear-all, .App .curated-package-listing .filters .selectedFilter .clear-all {
        background: none;
        border: none;
        color: #ff000f;
        font-size: 15px;
        position: absolute;
        right: 0;
        top: 30px
    }

        .App .curated-package-details .filters .selectedFilter .clear-all i, .App .curated-package-listing .filters .selectedFilter .clear-all i {
            font-size: 20px
        }

    .App .curated-package-details .filters .selectedFilter .filters, .App .curated-package-listing .filters .selectedFilter .filters {
        display: flex;
        flex-wrap: wrap;
        padding: 25px 75pt 0 0;
        position: relative
    }

@media(min-width:1500px) {
    .App .curated-package-details .filters .selectedFilter .filters, .App .curated-package-listing .filters .selectedFilter .filters {
        padding-bottom: 15px
    }
}

.App .curated-package-details .filters .selectedFilter .filters label, .App .curated-package-listing .filters .selectedFilter .filters label {
    background: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-right: 9pt;
    padding: 8px 9pt
}

.App .curated-package-details .curated-header, .App .curated-package-listing .curated-header {
    background-color: #f0f0f0;
    margin-bottom: 40px;
    padding-bottom: 40px;
    padding-top: 40px
}

@media(min-width:768px) {
    .App .curated-package-details .curated-header, .App .curated-package-listing .curated-header {
        margin-bottom: 50px;
        padding: 75px 75pt 50px
    }
}

@media(min-width:1500px) {
    .App .curated-package-details .curated-header, .App .curated-package-listing .curated-header {
        margin-bottom: 75px;
        padding: 115px 215px 70px
    }
}

.App .curated-package-details .cp-wrapper, .App .curated-package-listing .cp-wrapper {
    flex-wrap: wrap;
    gap: 13px;
    justify-content: flex-start;
    margin-bottom: 50px;
    row-gap: 25px
}

    .App .curated-package-details .cp-wrapper .no-result-found, .App .curated-package-listing .cp-wrapper .no-result-found {
        display: block;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        width: 100%
    }

    .App .curated-package-details .cp-wrapper .load-more, .App .curated-package-listing .cp-wrapper .load-more {
        padding-top: 5px;
        text-align: center;
        width: 100%
    }

@media(min-width:768px) {
    .App .curated-package-details .cp-wrapper .load-more, .App .curated-package-listing .cp-wrapper .load-more {
        padding-top: 0
    }
}

.App .curated-package-details .cp-wrapper .loader-content, .App .curated-package-listing .cp-wrapper .loader-content {
    display: flex;
    justify-content: center;
    width: 100%
}

    .App .curated-package-details .cp-wrapper .loader-content img, .App .curated-package-listing .cp-wrapper .loader-content img {
        max-width: 50px
    }

.App .curated-package-details .cp-wrapper.d-flex, .App .curated-package-listing .cp-wrapper.d-flex {
    flex-direction: column
}

@media(min-width:768px) {
    .App .curated-package-details .cp-wrapper.d-flex, .App .curated-package-listing .cp-wrapper.d-flex {
        flex-direction: row
    }
}

.App .curated-package-details .packages, .App .curated-package-listing .packages {
    flex: 1 0 100%;
    max-width: 100%
}

@media(min-width:768px) {
    .App .curated-package-details .packages, .App .curated-package-listing .packages {
        flex: 1 0 32.5%;
        max-width: 32.5%
    }
}

@media(min-width:768px)and (max-width:991px) {
    .App .curated-package-details .packages, .App .curated-package-listing .packages {
        flex: 1 0 32.5%;
        max-width: 50%
    }
}

.App .curated-package-details .card, .App .curated-package-listing .card {
    height: 100%;
    margin: 0;
    width: 100%
}

    .App .curated-package-details .card .card-img-top, .App .curated-package-listing .card .card-img-top {
        margin-bottom: 35px;
        position: relative
    }

        .App .curated-package-details .card .card-img-top img, .App .curated-package-listing .card .card-img-top img {
            border-radius: 5px;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

    .App .curated-package-details .card .partner-logo, .App .curated-package-listing .card .partner-logo {
        background: #f0f0f0;
        border-radius: 75pt;
        bottom: -20px;
        padding: 8px 25px;
        position: absolute;
        right: 10px;
        z-index: 99
    }

        .App .curated-package-details .card .partner-logo img, .App .curated-package-listing .card .partner-logo img {
            max-width: 65px
        }

    .App .curated-package-details .card .price, .App .curated-package-listing .card .price {
        font-size: 20px
    }

    .App .curated-package-details .card .card-headers, .App .curated-package-listing .card .card-headers {
        text-align: left
    }

        .App .curated-package-details .card .card-headers h2, .App .curated-package-listing .card .card-headers h2 {
            align-items: center;
            color: #7f7f7f;
            display: flex;
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 5px
        }

@media(min-width:1500px) {
    .App .curated-package-details .card .card-headers h2, .App .curated-package-listing .card .card-headers h2 {
        font-size: 21px;
        line-height: 2pc
    }
}

.App .curated-package-details .card .card-headers h2 img, .App .curated-package-listing .card .card-headers h2 img {
    margin-right: 5px
}

@media(min-width:1500px) {
    .App .curated-package-details .card .card-headers h2 img, .App .curated-package-listing .card .card-headers h2 img {
        height: 23px;
        width: 23px
    }
}

.App .curated-package-details .card .card-headers h3, .App .curated-package-listing .card .card-headers h3 {
    color: #262626;
    font-size: 1pc;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(min-width:768px) {
    .App .curated-package-details .card .card-headers h3, .App .curated-package-listing .card .card-headers h3 {
        font-size: 18px
    }
}

@media(min-width:1500px) {
    .App .curated-package-details .card .card-headers h3, .App .curated-package-listing .card .card-headers h3 {
        font-size: 26px;
        line-height: 2pc
    }
}

.App .curated-package-details .card .card-headers h4, .App .curated-package-listing .card .card-headers h4 {
    align-items: center;
    color: #7f7f7f;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px
}

@media(min-width:1500px) {
    .App .curated-package-details .card .card-headers h4, .App .curated-package-listing .card .card-headers h4 {
        font-size: 19px;
        line-height: 2pc
    }
}

.App .curated-package-details .card .card-headers h4 img, .App .curated-package-listing .card .card-headers h4 img {
    margin-right: 5px
}

@media(min-width:1500px) {
    .App .curated-package-details .card .card-headers h4 img, .App .curated-package-listing .card .card-headers h4 img {
        height: 28px;
        width: 23px
    }
}

.App .curated-package-details .card-desc, .App .curated-package-listing .card-desc {
    margin-bottom: 18px;
    text-align: left
}

    .App .curated-package-details .card-desc h2, .App .curated-package-listing .card-desc h2 {
        color: #262626;
        font-size: 1pc;
        font-weight: 700
    }

@media(min-width:1500px) {
    .App .curated-package-details .card-desc h2, .App .curated-package-listing .card-desc h2 {
        font-size: 25px;
        line-height: 31px
    }
}

.App .curated-package-details .amenities-group, .App .curated-package-listing .amenities-group {
    justify-content: flex-start;
    margin-bottom: 25px
}

@media(min-width:1500px) {
    .App .curated-package-details .amenities-group, .App .curated-package-listing .amenities-group {
        gap: 10px
    }
}

.App .curated-package-details .amenities, .App .curated-package-listing .amenities {
    flex: 1 0 25%;
    max-width: 25%;
    text-align: center
}

    .App .curated-package-details .amenities img, .App .curated-package-listing .amenities img {
        display: inline;
        margin-bottom: 5px
    }

@media(min-width:1500px) {
    .App .curated-package-details .amenities img, .App .curated-package-listing .amenities img {
        height: 40px;
        width: 40px
    }
}

.App .curated-package-details .amenities p, .App .curated-package-listing .amenities p {
    color: #666;
    font-size: 13px;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .curated-package-details .amenities p, .App .curated-package-listing .amenities p {
        font-size: 21px;
        line-height: 2pc
    }
}

.App .curated-package-details .card-pricing, .App .curated-package-listing .card-pricing {
    align-items: center;
    justify-content: space-between
}

    .App .curated-package-details .card-pricing .card-price h5, .App .curated-package-listing .card-pricing .card-price h5 {
        color: #797979;
        display: inline-block;
        font-size: 14px;
        font-weight: 800;
        padding: 0 5px;
        position: relative
    }

        .App .curated-package-details .card-pricing .card-price h5 h6, .App .curated-package-listing .card-pricing .card-price h5 h6 {
            color: #181818;
            font-size: 24px;
            font-weight: 700
        }

        .App .curated-package-details .card-pricing .card-price h5 p, .App .curated-package-listing .card-pricing .card-price h5 p {
            color: #a7a7a7;
            font-size: 9pt;
            font-weight: 500
        }

    .App .curated-package-details .card-pricing .card-price h6, .App .curated-package-listing .card-pricing .card-price h6 {
        align-items: center;
        color: #181818;
        display: flex;
        font-size: 24px;
        font-weight: 700;
        line-height: normal
    }

@media(min-width:1500px) {
    .App .curated-package-details .card-pricing .card-price h6, .App .curated-package-listing .card-pricing .card-price h6 {
        font-size: 37px;
        line-height: 2pc
    }
}

.App .curated-package-details .card-pricing .card-price p, .App .curated-package-listing .card-pricing .card-price p {
    color: #a7a7a7;
    font-size: 9pt
}

@media(min-width:1500px) {
    .App .curated-package-details .card-pricing .card-price p, .App .curated-package-listing .card-pricing .card-price p {
        font-size: 19px;
        line-height: 2pc
    }
}

.App .curated-package-details .card-pricing .others-amenities, .App .curated-package-listing .card-pricing .others-amenities {
    text-align: left
}

    .App .curated-package-details .card-pricing .others-amenities ul, .App .curated-package-listing .card-pricing .others-amenities ul {
        margin-bottom: 0;
        padding: 0 !important
    }

    .App .curated-package-details .card-pricing .others-amenities li, .App .curated-package-listing .card-pricing .others-amenities li {
        color: #797979;
        font-size: 15px;
        font-weight: 600;
        padding-left: 9pt;
        position: relative
    }

@media(min-width:1500px) {
    .App .curated-package-details .card-pricing .others-amenities li, .App .curated-package-listing .card-pricing .others-amenities li {
        font-size: 23px;
        line-height: 2pc
    }
}

.App .curated-package-details .card-pricing .others-amenities li:before, .App .curated-package-listing .card-pricing .others-amenities li:before {
    background: #ea3328;
    border-radius: 50%;
    content: " ";
    height: 5px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 5px
}

.App .curated-package-details .card-pricing .card-price, .App .curated-package-listing .card-pricing .card-price {
    text-align: right
}

.App .curated-package-listing .loader-content {
    align-items: center;
    background-color: hsla(0,0%,100%,.8);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 50%;
    position: fixed;
    top: 63px;
    transform: translateX(-50%);
    width: 100%;
    z-index: 99
}

.App .packages .card .card-desc b {
    color: #ff000f;
    font-weight: 700
}

@media(min-width:992px)and (max-width:1200px) {
    .App .curated-package-listing .cp-wrapper {
        gap: 10px !important;
        row-gap: 25px !important
    }
}

.curated-package-listing .cp-wrapper .packages .card .card-body .card-pricing .card-price p strong {
    font-weight: 600 !important
}

@media(min-width:1500px) {
    .curated-package-listing .cp-wrapper .load-more .inc-button-primary {
        margin: 35px 0 50px !important
    }
}

.tripspage .App .curated-package-listing .curated-header, .tripspage .App .curated-package-listing .filters {
    display: none !important
}

.App * {
    margin: 0;
    padding: 0
}

.App .top-content {
    margin: 0 auto;
    position: relative;
    width: 100%
}

    .App .top-content p {
        margin: 0
    }

    .App .top-content .top-bar {
        background-color: #ddefff;
        border-radius: 8px;
        list-style-type: none;
        margin-bottom: 30px;
        padding: 15px 25px;
        text-align: left;
        width: 100%;
        z-index: 1
    }

        .App .top-content .top-bar li {
            display: inline-block
        }

            .App .top-content .top-bar li:first-child {
                background-color: #ea3323;
                border: 1.3333333333px solid #ea3323;
                border-radius: 20px;
                margin-right: 60px;
                padding: 5px 15px
            }

@media(min-width:1500px) {
    .App .top-content .top-bar li:first-child {
        border-radius: 30px;
        margin-right: 90px
    }
}

.App .top-content .top-bar li:first-child p {
    border-right: 0 solid transparent;
    color: #fff;
    padding-left: 14px;
    padding-right: 14px
}

@media(min-width:1500px) {
    .App .top-content .top-bar li:first-child p {
        padding-bottom: 13px;
        padding-top: 13px
    }
}

.App .top-content .top-bar li:first-child + li p {
    border-left: 1px solid #262626
}

.App .top-content .top-bar li p {
    border-right: 1px solid #262626;
    color: #262626;
    font-size: 19px;
    font-weight: 700;
    line-height: 18px;
    padding: 5px 60px
}

@media(min-width:1500px) {
    .App .top-content .top-bar li p {
        font-size: 28px;
        padding: 5px 90px
    }
}

.App .top-content .top-bar li:last-child p {
    border-right: 0 solid transparent
}

.App .main-content {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    position: relative;
    width: 100%
}

    .App .main-content .left-bar {
        position: sticky;
        top: 5pc
    }

        .App .main-content .left-bar h4 {
            color: #191919;
            font-size: 19px;
            font-weight: 700;
            margin-bottom: 20px;
            text-align: center;
            width: 100%;
            z-index: 1
        }

@media(min-width:1500px) {
    .App .main-content .left-bar h4 {
        font-size: 28px;
        margin-top: 15px
    }
}

.App .main-content .left-bar .left-bar-content {
    width: 100%;
    z-index: 1
}

    .App .main-content .left-bar .left-bar-content ul.days-count {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        position: relative;
        width: 100%
    }

        .App .main-content .left-bar .left-bar-content ul.days-count li {
            margin-bottom: 1pc;
            text-align: center
        }

            .App .main-content .left-bar .left-bar-content ul.days-count li:last-child .progress-bar {
                height: 50%;
                top: 0
            }

            .App .main-content .left-bar .left-bar-content ul.days-count li:first-child .progress-bar {
                height: 100%;
                top: 50%
            }

            .App .main-content .left-bar .left-bar-content ul.days-count li a {
                background-color: #f8f8f8;
                border-radius: 20px;
                color: #222;
                display: block;
                font-size: 15px;
                font-weight: 700;
                margin-bottom: 15px;
                padding: 6px 0;
                position: relative;
                text-decoration: none
            }

                .App .main-content .left-bar .left-bar-content ul.days-count li a.active {
                    background-color: #e7e7e7;
                    color: #000;
                    font-size: 15px;
                    font-weight: 700;
                    opacity: 1
                }

                    .App .main-content .left-bar .left-bar-content ul.days-count li a.active p {
                        opacity: 1
                    }

@media(min-width:1500px) {
    .App .main-content .left-bar .left-bar-content ul.days-count li a.active p {
        font-size: 22px
    }
}

.App .main-content .left-bar .left-bar-content ul.days-count li a p {
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
    opacity: .349
}

@media(min-width:1500px) {
    .App .main-content .left-bar .left-bar-content ul.days-count li a p {
        font-size: 22px
    }
}

.App .main-content .left-bar .left-bar-content ul.days-count li a .progress-bar--circle {
    background-color: #d9d9d9;
    border-radius: 50%;
    bottom: 10px;
    height: 10px;
    left: 30px;
    opacity: .502;
    position: absolute;
    transition: all .1s;
    width: 10px
}

@media(min-width:1500px) {
    .App .main-content .left-bar .left-bar-content ul.days-count li a .progress-bar--circle {
        bottom: 1pc;
        left: 43px
    }
}

.App .main-content .left-bar .left-bar-content ul.days-count li a .progress-bar--circle.active {
    background-color: #d0d0d0;
    opacity: 1
}

.App .main-content .left-bar .left-bar-content .progress-bar {
    background-color: #d4d4d4;
    border-radius: 5px;
    height: 150%;
    left: 34px;
    opacity: .349;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: 1
}

@media(min-width:1500px) {
    .App .main-content .left-bar .left-bar-content .progress-bar {
        left: 47px
    }
}

.App .main-content .left-bar .left-bar-content .progress-bar--increment {
    background-color: #e7e7e7;
    border-radius: 5px;
    height: 0;
    left: 4em;
    position: absolute;
    top: 1em;
    width: 2px
}

.App .main-content .right-block {
    margin-left: 40px;
    position: relative
}

    .App .main-content .right-block .right-bar {
        max-width: 900px;
        width: 100%
    }

@media(min-width:1500px) {
    .App .main-content .right-block .right-bar {
        max-width: 990pt
    }
}

.App .main-content .right-block .right-bar .dots-icon {
    display: flex;
    justify-content: center;
    position: relative
}

    .App .main-content .right-block .right-bar .dots-icon:before {
        border-left: 4px dotted #60bdf9;
        content: "";
        display: block;
        height: 30px;
        margin: 3px 0;
        position: relative
    }

@media(min-width:768px) {
    .App .main-content .right-block .right-bar .dots-icon:before {
        height: 50px;
        margin: 5px 0
    }
}

@media(min-width:1500px) {
    .App .main-content .right-block .right-bar .dots-icon:before {
        height: 67px
    }
}

.App .main-content .right-block .right-bar .pin-icon {
    display: flex;
    justify-content: center;
    position: relative
}

    .App .main-content .right-block .right-bar .pin-icon:before {
        border-left: 4px dotted #60bdf9;
        content: "";
        display: block;
        height: 75pt;
        left: 2em;
        margin: 3px 0;
        position: relative
    }

@media(min-width:1500px) {
    .App .main-content .right-block .right-bar .pin-icon:before {
        height: 100pt;
        left: 3.5em;
        margin: 10px 0;
        top: 5px
    }
}

.App .main-content .right-block .right-bar .pin-icon .trip-sections__number {
    height: 60px;
    position: relative;
    width: 60px
}

@media(min-width:1500px) {
    .App .main-content .right-block .right-bar .pin-icon .trip-sections__number {
        height: 81pt;
        top: -35px;
        width: 81pt
    }
}

.App .main-content .right-block .right-bar .pin-icon .trip-sections__number:before {
    background-color: #45a9ea;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transform: rotate(45deg);
    width: 100%
}

.App .main-content .right-block .right-bar .pin-icon .trip-sections__number span {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    left: 50%;
    letter-spacing: 1px;
    line-height: 23px;
    padding: 10px;
    position: relative;
    text-align: center;
    top: 55%;
    transform: translate(-50%,-50%)
}

@media(min-width:1500px) {
    .App .main-content .right-block .right-bar .pin-icon .trip-sections__number span {
        font-size: 29px;
        list-style: 34px
    }
}

.App .main-content .right-block .travel-block {
    background-color: #efefef;
    border-radius: 10px
}

    .App .main-content .right-block .travel-block .travel-details {
        align-items: center;
        display: flex;
        height: 100%
    }

        .App .main-content .right-block .travel-block .travel-details h4 {
            font-size: 23px;
            padding: 1pc 65px;
            position: relative;
            text-align: left
        }

@media(min-width:1500px) {
    .App .main-content .right-block .travel-block .travel-details h4 {
        font-size: 34px;
        line-height: 38px;
        padding: 35px 30px !important
    }
}

.App .main-content .right-block .travel-block .travel-details h4:before {
    background-repeat: no-repeat;
    content: "";
    height: 40px;
    left: 10px;
    position: absolute;
    top: 30px;
    width: 45px
}

.App .main-content .right-block .travel-block .day2-travel {
    align-items: center;
    display: flex;
    height: 100%
}

    .App .main-content .right-block .travel-block .day2-travel h4 {
        font-size: 23px;
        padding: 1pc 0 1pc 4pc;
        position: relative
    }

        .App .main-content .right-block .travel-block .day2-travel h4:before {
            background-position: 0 -198px;
            background-repeat: no-repeat;
            content: "";
            height: 30px;
            left: 10px;
            position: absolute;
            top: 30px;
            width: 50px
        }

.App .main-content .right-block .travel-block .travel-steps {
    align-items: center;
    display: flex;
    height: 100%
}

    .App .main-content .right-block .travel-block .travel-steps ul {
        align-items: flex-end;
        display: flex;
        list-style-type: none;
        margin-bottom: 0
    }

        .App .main-content .right-block .travel-block .travel-steps ul li {
            display: inline-block;
            line-height: normal
        }

            .App .main-content .right-block .travel-block .travel-steps ul li > div {
                align-items: flex-end;
                display: flex
            }

            .App .main-content .right-block .travel-block .travel-steps ul li strong {
                color: #000;
                font-size: 17px;
                font-weight: 700;
                letter-spacing: 0;
                line-height: 21px
            }

@media(min-width:1500px) {
    .App .main-content .right-block .travel-block .travel-steps ul li strong {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 2pc
    }
}

.App .main-content .right-block .travel-block .travel-steps ul li img {
    filter: invert(11%) sepia(90%) saturate(7447%) hue-rotate(354deg) brightness(127%) contrast(110%)
}

@media(min-width:1500px) {
    .App .main-content .right-block .travel-block .travel-steps ul li img {
        width: 35px
    }
}

.App .main-content .right-block .travel-block .travel-steps ul li span {
    color: #666;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: normal;
    margin-left: 8px
}

@media(min-width:1500px) {
    .App .main-content .right-block .travel-block .travel-steps ul li span {
        font-size: 21px;
        letter-spacing: 0;
        line-height: 2pc
    }
}

.App .main-content .right-block .travel-block .travel-steps ul li span svg {
    fill: #ff000f;
    height: 25px;
    margin-right: 10px;
    width: 25px
}

.App .main-content .right-block .travel-block .travel-steps ul li span.activity, .App .main-content .right-block .travel-block .travel-steps ul li span.flight, .App .main-content .right-block .travel-block .travel-steps ul li span.hotel, .App .main-content .right-block .travel-block .travel-steps ul li span.transfer {
    position: relative
}

.App .main-content .right-block .travel-block .travel-steps ul li:not(:first-child) {
    border-right: 1px solid #262626;
    padding-left: 15px;
    padding-right: 15px
}

.App .main-content .right-block .travel-block .travel-steps ul li:last-child {
    border-right: none
}

.App .main-content .right-block .sightseeing-block {
    background-color: #f0f0f0;
    border-radius: 10px
}

    .App .main-content .right-block .sightseeing-block .destination-img {
        padding-bottom: 1pc;
        padding-top: 1pc
    }

@media(min-width:1500px) {
    .App .main-content .right-block .sightseeing-block .destination-img {
        padding: 25px 0
    }
}

.App .main-content .right-block .sightseeing-block .destination-img img {
    border-radius: 10px 0 0 10px
}

.App .main-content .right-block .sightseeing-block .destination-img svg {
    margin-left: 30px
}

.App .main-content .right-block .sightseeing-block .destination-details {
    padding: 35px 0
}

    .App .main-content .right-block .sightseeing-block .destination-details h4 {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        color: #262626;
        display: -webkit-box;
        font-size: 23px;
        font-weight: 700;
        line-height: 36px;
        margin-bottom: 0;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis
    }

@media(min-width:1500px) {
    .App .main-content .right-block .sightseeing-block .destination-details h4 {
        font-size: 34px;
        line-height: 45px
    }
}

.App .main-content .right-block .sightseeing-block .destination-details .time-place {
    margin-bottom: 5px
}

    .App .main-content .right-block .sightseeing-block .destination-details .time-place strong {
        color: #398ed6;
        font-size: 13px;
        line-height: 26px
    }

        .App .main-content .right-block .sightseeing-block .destination-details .time-place strong:first-child {
            border-right: 1px solid #6b6b6b;
            padding-right: 10px
        }

        .App .main-content .right-block .sightseeing-block .destination-details .time-place strong:last-child {
            padding-left: 10px
        }

    .App .main-content .right-block .sightseeing-block .destination-details .time-place span {
        color: #6b6b6b;
        font-weight: 400
    }

.App .main-content .right-block .sightseeing-block .destination-details .time-place-detail p {
    color: #6b6b6b;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0;
    white-space: nowrap
}

    .App .main-content .right-block .sightseeing-block .destination-details .time-place-detail p .text-red {
        color: red
    }

.App .main-content .right-block .sightseeing-block .destination-details .timings {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-top: 10px
}

    .App .main-content .right-block .sightseeing-block .destination-details .timings .flight-detail-item {
        flex: 1 0 20%;
        max-width: 20%;
        text-align: center
    }

        .App .main-content .right-block .sightseeing-block .destination-details .timings .flight-detail-item span {
            display: block;
            font-size: 9pt;
            font-weight: 500
        }

        .App .main-content .right-block .sightseeing-block .destination-details .timings .flight-detail-item .flight-airline-id {
            margin-top: 5px
        }

@media(min-width:1500px) {
    .App .main-content .right-block .sightseeing-block .destination-details .timings .flight-detail-item .flight-airline-id, .App .main-content .right-block .sightseeing-block .destination-details .timings .flight-detail-item .flight-airline-name {
        font-size: 1pc
    }
}

.App .main-content .right-block .sightseeing-block .destination-details .timings .departure-time-place {
    flex: 1 0 20%;
    max-width: 20%;
    text-align: left
}

    .App .main-content .right-block .sightseeing-block .destination-details .timings .departure-time-place span {
        display: block;
        font-size: 14px;
        font-weight: 500
    }

@media(min-width:1500px) {
    .App .main-content .right-block .sightseeing-block .destination-details .timings .departure-time-place span {
        font-size: 18px
    }
}

.App .main-content .right-block .sightseeing-block .destination-details .timings .departure-time-place .departure-time {
    font-size: 1pc;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .main-content .right-block .sightseeing-block .destination-details .timings .departure-time-place .departure-time {
        font-size: 18px
    }
}

.App .main-content .right-block .sightseeing-block .destination-details .timings .time-taken {
    display: grid;
    flex: 1 0 40%;
    flex: 1;
    max-width: 40%;
    text-align: center
}

    .App .main-content .right-block .sightseeing-block .destination-details .timings .time-taken span {
        color: #6b6b6b;
        font-weight: 500
    }

    .App .main-content .right-block .sightseeing-block .destination-details .timings .time-taken .stripe {
        background: #da3732;
        height: 2px
    }

.App .main-content .right-block .sightseeing-block .destination-details .timings .arrive-time-place {
    flex: 1 0 20%;
    max-width: 20%;
    text-align: right
}

    .App .main-content .right-block .sightseeing-block .destination-details .timings .arrive-time-place span {
        display: block;
        font-size: 14px;
        font-weight: 500
    }

@media(min-width:1500px) {
    .App .main-content .right-block .sightseeing-block .destination-details .timings .arrive-time-place span {
        font-size: 18px
    }
}

.App .main-content .right-block .sightseeing-block .destination-details .timings .arrive-time-place .arrive-time {
    font-size: 1pc;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .main-content .right-block .sightseeing-block .destination-details .timings .arrive-time-place .arrive-time {
        font-size: 18px
    }
}

.App .main-content .right-block .sightseeing-block .destination-details .layover-timing {
    background-color: #fff;
    border-radius: 5px;
    margin: 10px 0;
    padding: 5px
}

.App .main-content .right-block .m-my-trip {
    background-color: #fff;
    border: .6666666667px solid #bababa;
    border-radius: 10px;
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: center
}

    .App .main-content .right-block .m-my-trip .destination-img {
        display: flex;
        justify-content: center
    }

    .App .main-content .right-block .m-my-trip .book-now h4 {
        align-items: center;
        color: #262626;
        display: flex;
        font-size: 35px;
        font-weight: 700;
        justify-content: center;
        letter-spacing: -1px;
        line-height: 21px;
        margin-bottom: 20px;
        text-align: center
    }

@media(min-width:1500px) {
    .App .main-content .right-block .m-my-trip .book-now h4 {
        font-size: 52px
    }
}

.App .main-content .right-block .m-my-trip .book-now .book-btn {
    background-color: red;
    border-radius: 19px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: 37px;
    letter-spacing: 1px;
    text-align: center;
    width: 246px
}

@media(min-width:1500px) {
    .App .main-content .right-block .m-my-trip .book-now .book-btn {
        font-size: 22px;
        height: 50px;
        width: 350px
    }
}

@media(min-width:1024px)and (max-width:1920px) {
    .App .top-content .top-bar {
        left: 0
    }

    .App .main-content .left-bar {
        margin-left: 25px;
        max-width: 140px
    }
}

@media(min-width:1024px)and (max-width:1920px)and (min-width:1500px) {
    .App .main-content .left-bar {
        max-width: 203px
    }
}

@media(min-width:1024px)and (max-width:1920px) {
    .App .main-content .left-bar .days-count {
        width: 100%
    }

        .App .main-content .left-bar .days-count li a p {
            font-size: 15px
        }

    .App .main-content .right-block {
        margin-left: 40px;
        margin-top: 10px
    }
}

@media(min-width:1024px)and (max-width:1920px)and (min-width:1500px) {
    .App .main-content .right-block {
        margin-top: 70px
    }
}

@media(min-width:1024px)and (max-width:1920px) {
    .App .main-content .right-block .travel-block .travel-details h4 {
        padding: 1pc 30px
    }

        .App .main-content .right-block .travel-block .travel-details h4:before {
            top: 25px
        }

    .App .main-content .right-block .travel-block .travel-steps ul {
        padding-left: 0
    }

    .App .main-content .right-block .sightseeing-block .destination-img {
        align-items: center;
        display: flex;
        height: 100%
    }

    .App .main-content .right-block .sightseeing-block .destination-details {
        padding: 60px 24px
    }

        .App .main-content .right-block .sightseeing-block .destination-details .time-place-detail p.time-txt {
            white-space: nowrap
        }

        .App .main-content .right-block .sightseeing-block .destination-details .time-place-detail p.place-txt {
            padding-left: 20px
        }

    .App .main-content .right-block .right-bar .pin-icon .trip-sections__number span {
        font-size: 20px
    }
}

@media(min-width:1024px)and (max-width:1920px)and (min-width:1500px) {
    .App .main-content .right-block .right-bar .pin-icon .trip-sections__number span {
        font-size: 29px;
        line-height: 34px
    }
}

@media(min-width:768px)and (max-width:1023px) {
    .App .top-content .top-bar {
        left: 0
    }

        .App .top-content .top-bar li:first-child {
            margin-right: 25px
        }

        .App .top-content .top-bar li p {
            padding: 5px 25px
        }

    .App .main-content .left-bar h4 {
        font-size: 14px
    }

    .App .main-content .left-bar .left-bar-content .days-count {
        width: 100%
    }

        .App .main-content .left-bar .left-bar-content .days-count li a p {
            font-size: 14px
        }

    .App .main-content .left-bar .left-bar-content .progress-bar, .App .main-content .left-bar .left-bar-content .progress-bar--circle {
        display: none
    }

    .App .main-content .right-block {
        margin-left: 20px
    }

        .App .main-content .right-block .travel-block .travel-details h4 {
            font-size: 20px;
            padding: 1pc 0 1pc 45px
        }

            .App .main-content .right-block .travel-block .travel-details h4:before {
                left: 0;
                top: 20px
            }

        .App .main-content .right-block .travel-block .travel-steps ul {
            padding-left: 0
        }

        .App .main-content .right-block .travel-block .day2-travel h4 {
            font-size: 18px;
            padding: 1pc 0 1pc 40px
        }

            .App .main-content .right-block .travel-block .day2-travel h4:before {
                left: -10px;
                top: 20px
            }

        .App .main-content .right-block .sightseeing-block .destination-img {
            align-items: center;
            display: flex;
            height: 100%;
            padding-bottom: 0;
            padding-top: 0
        }

            .App .main-content .right-block .sightseeing-block .destination-img img {
                border-radius: 10px;
                max-height: 200px;
                width: 100%
            }

        .App .main-content .right-block .sightseeing-block .destination-details {
            padding: 20px 0
        }

            .App .main-content .right-block .sightseeing-block .destination-details .time-place-detail p.time-txt {
                white-space: nowrap
            }

            .App .main-content .right-block .sightseeing-block .destination-details .time-place-detail p.place-txt {
                padding-left: 25px
            }

        .App .main-content .right-block .right-bar .pin-icon .trip-sections__number span {
            font-size: 14px
        }
}

@media(max-width:767px) {
    .App .top-content .top-bar {
        left: 0;
        margin-bottom: 0;
        padding: 10px 20px;
        text-align: center
    }

        .App .top-content .top-bar li {
            display: block
        }

            .App .top-content .top-bar li:first-child {
                margin: 0 25px 0 auto;
                max-width: 10pc
            }

            .App .top-content .top-bar li p {
                font-size: 14px
            }

    .App .main-content {
        flex-direction: column
    }

        .App .main-content .left-bar h4 {
            font-size: 14px;
            padding-left: 30px;
            padding-top: 20px;
            text-align: left
        }

        .App .main-content .left-bar .slick-list {
            padding: 0 !important
        }

        .App .main-content .left-bar .left-bar-content .days-count {
            width: 100%
        }

            .App .main-content .left-bar .left-bar-content .days-count li a p {
                font-size: 14px
            }

        .App .main-content .left-bar .left-bar-content .progress-bar, .App .main-content .left-bar .left-bar-content .progress-bar--circle {
            display: none
        }

        .App .main-content .right-block {
            margin-left: 0
        }

            .App .main-content .right-block .right-bar {
                position: static
            }

                .App .main-content .right-block .right-bar .travel-block {
                    margin: 0;
                    padding-bottom: 1pc
                }

                    .App .main-content .right-block .right-bar .travel-block .travel-details {
                        display: block;
                        text-align: center
                    }

                        .App .main-content .right-block .right-bar .travel-block .travel-details h4 {
                            margin-bottom: 0;
                            padding: 1pc 0
                        }

                            .App .main-content .right-block .right-bar .travel-block .travel-details h4:before {
                                left: 10px;
                                top: 10px
                            }

                    .App .main-content .right-block .right-bar .travel-block .travel-steps {
                        display: block;
                        text-align: center
                    }

                        .App .main-content .right-block .right-bar .travel-block .travel-steps ul {
                            flex-wrap: wrap;
                            padding-left: 0
                        }

                            .App .main-content .right-block .right-bar .travel-block .travel-steps ul li {
                                border-right: none
                            }

                                .App .main-content .right-block .right-bar .travel-block .travel-steps ul li > div {
                                    align-items: center;
                                    display: flex;
                                    flex-direction: column
                                }

                                .App .main-content .right-block .right-bar .travel-block .travel-steps ul li strong {
                                    font-size: 14px
                                }

                                .App .main-content .right-block .right-bar .travel-block .travel-steps ul li span {
                                    font-size: 9pt;
                                    margin-left: 0;
                                    margin-top: 5px
                                }

                                .App .main-content .right-block .right-bar .travel-block .travel-steps ul li:first-child {
                                    flex: 1 0 100%;
                                    margin-bottom: 15px;
                                    max-width: 100%;
                                    text-align: left
                                }

                                .App .main-content .right-block .right-bar .travel-block .travel-steps ul li:nth-child(2) {
                                    padding-left: 0
                                }

                .App .main-content .right-block .right-bar .sightseeing-block {
                    margin: 0
                }

                    .App .main-content .right-block .right-bar .sightseeing-block .destination-img {
                        padding: 22px 6px 1pc
                    }

                        .App .main-content .right-block .right-bar .sightseeing-block .destination-img img {
                            border-radius: 10px;
                            max-height: 200px;
                            width: 100%
                        }

                        .App .main-content .right-block .right-bar .sightseeing-block .destination-img svg {
                            margin-left: 0
                        }

                    .App .main-content .right-block .right-bar .sightseeing-block .destination-details {
                        padding: 1pc 6px;
                        text-align: center
                    }

                        .App .main-content .right-block .right-bar .sightseeing-block .destination-details h4 {
                            font-size: 18px;
                            line-height: normal;
                            margin-bottom: 15px
                        }

                .App .main-content .right-block .right-bar .pin-icon .trip-sections__number span {
                    font-size: 14px
                }

            .App .main-content .right-block .m-my-trip {
                margin: 0
            }

                .App .main-content .right-block .m-my-trip .destination-img {
                    margin-bottom: 1pc
                }
}

.curated-package-details .inc-card-btn {
    width: 100%
}

@media(min-width:992px) {
    #explore-more-packages-container {
        display: flex
    }
}

.App .curated-package-details-preview {
    text-align: left
}

    .App .curated-package-details-preview p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22.5px
    }

@media(min-width:992px) {
    .App .curated-package-details-preview p {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .App .curated-package-details-preview p {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 34px
    }
}

.App .curated-package-details-preview h1 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 18px
}

@media(min-width:992px) {
    .App .curated-package-details-preview h1 {
        font-size: 22px;
        margin-bottom: 30px
    }
}

@media(min-width:1500px) {
    .App .curated-package-details-preview h1 {
        font-size: 30px;
        margin-bottom: 30px
    }
}

.App .curated-package-details-preview h1:before {
    border-bottom: 3px solid #ff000f;
    content: "";
    display: block;
    margin-bottom: 10px;
    opacity: 1;
    padding: 3px;
    width: 4%
}

@media(min-width:575px) {
    .App .curated-package-details-preview h1:before {
        margin: 0 0 10px
    }
}

.App .destination-details .destination-description {
    text-align: left
}

    .App .destination-details .destination-description .destination-description-text {
        color: #6b6b6b;
        font-size: 14px;
        font-weight: 500
    }

@media(min-width:992px) {
    .App .destination-details .destination-description .destination-description-text {
        font-size: 15px
    }
}

@media(min-width:1500px) {
    .App .destination-details .destination-description .destination-description-text {
        font-size: 22px
    }
}

.App .destination-details .destination-description .destination-description-read-more {
    align-items: center;
    color: #ff000f;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0
}

@media(min-width:992px) {
    .App .destination-details .destination-description .destination-description-read-more {
        font-size: 15px
    }
}

.App .destination-details .destination-description .destination-description-read-more:after {
    color: #fff;
    color: #ff000f;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding-left: 5px
}

.App .destination-details .destination-description .ellipsis-readmore {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.App .destination-details .activities {
    color: #6b6b6b;
    font-size: 14px;
    font-weight: 500;
    margin-left: 15px;
    margin-top: 15px;
    text-align: left
}

@media(min-width:992px) {
    .App .destination-details .activities {
        font-size: 15px
    }
}

.App .destination-details .activities li {
    list-style: disc;
    padding-right: 5px
}

@media(min-width:1500px) {
    .App .destination-details .activities li {
        font-size: 18px
    }
}

.App .destination-details .activities.column-division {
    -moz-column-count: 2;
    column-count: 2;
    width: 100%
}

.App .curated-package-details .packagedetail-errormessage {
    font-size: 26px;
    font-weight: 700;
    margin: 165px 0
}

.App .curated-package-details .inc-hero-banner-wrapper .slick-slide {
    margin: 0 !important
}

@media(min-width:575px) {
    .App .curated-package-details .inc-hero-banner-wrapper .inc-hero-banner-with-thumbnail .slick-prev {
        left: 44%
    }

    .App .curated-package-details .inc-hero-banner-wrapper .inc-hero-banner-with-thumbnail .slick-next {
        right: 45%
    }
}

@media(min-width:768px) {
    .App .curated-package-details .inc-hero-banner-wrapper .inc-hero-banner-with-thumbnail .slick-next {
        right: 48%
    }
}

@media(min-width:992px) {
    .App .curated-package-details .inc-hero-banner-wrapper .inc-hero-banner-with-thumbnail .slick-next {
        right: 48%
    }
}

.App .curated-package-details .inc-hero-banner-with-thumbnail .slick-slider {
    clear: unset !important;
    position: unset !important
}

.App .curated-package-details .inc-bg-overlay--left-right:before {
    left: 0
}

.App .curated-package-details .inc-hero-banner-wrapper .inc-thumbnail-slider-wrapper .inc-hero-banner-slider-thumbnail-nav {
    width: 100%
}

@media(min-width:992px) {
    .App .curated-package-details .inc-hero-banner-wrapper .inc-thumbnail-slider-wrapper .inc-hero-banner-slider-thumbnail-nav {
        left: 0 !important;
        width: 100% !important
    }
}

@media(min-width:1281px) {
    .App .curated-package-details .inc-hero-banner-wrapper .inc-thumbnail-slider-wrapper .inc-hero-banner-slider-thumbnail-nav {
        left: 0 !important;
        width: 100% !important
    }
}

.App .curated-package-details .inc-hero-banner-wrapper .inc-thumbnail-slider-wrapper .inc-hero-banner-slider-thumbnail-nav .slick-next:after, .App .curated-package-details .inc-hero-banner-wrapper .inc-thumbnail-slider-wrapper .inc-hero-banner-slider-thumbnail-nav .slick-prev:before {
    color: #fff !important
}

.App .curated-package-details .inc-hero-banner-wrapper .inc-thumbnail-slider-wrapper .inc-hero-banner-slider-thumbnail-nav .slick-slide .thumbnail-card img {
    width: 100%
}

@media(min-width:1200px) {
    .App .curated-package-details .inc-hero-banner-wrapper .inc-thumbnail-slider-wrapper .inc-hero-banner-slider-thumbnail-nav .slick-slide .thumbnail-card img {
        height: 60px
    }
}

@media(min-width:1500px) {
    .App .curated-package-details .inc-hero-banner-wrapper .inc-thumbnail-slider-wrapper .inc-hero-banner-slider-thumbnail-nav .slick-slide .thumbnail-card img {
        height: 75px
    }
}

.App .curated-package-details .inc-hero-banner-wrapper .inc-thumbnail-slider-wrapper .inc-hero-banner-slider-thumbnail-nav .slick-slide .thumbnail-card picture {
    display: block;
    width: 100%
}

.App .curated-package-details .inc-hero-banner-wrapper .inc-thumbnail-slider-wrapper .inc-hero-banner-slider-thumbnail-nav .slick-list {
    width: 100%
}

@media(min-width:768px) {
    .App .curated-package-details .inc-hero-banner-wrapper .inc-thumbnail-slider-wrapper .inc-hero-banner-slider-thumbnail-nav .slick-list .slick-track {
        margin-left: unset
    }
}

.App .curated-package-details .inc-hero-banner-wrapper .inc-thumbnail-slider-wrapper {
    max-width: 100% !important
}

@media(max-width:767px) {
    .App .curated-package-details .top-bar {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        scroll-padding-left: 1rem;
        scroll-snap-type: x mandatory;
        white-space: nowrap
    }

        .App .curated-package-details .top-bar::-webkit-scrollbar {
            display: none
        }

        .App .curated-package-details .top-bar li {
            scroll-snap-align: start;
            scroll-snap-stop: always
        }

    .App .curated-package-details .top-content-strip {
        padding: 0
    }
}

@media(min-width:1500px) {
    .book-now h4 svg {
        height: 45px;
        width: 45px
    }
}

@media(min-width:1200px) {
    #package-details .curated-package-details .inc-hero-banner-wrapper .inc-hero-banner-with-thumbnail .inc-hero-banner-content-wrapper {
        top: 45% !important
    }
}

.App .bus-listing .form-control::placeholder {
    color: #c3c3c3;
    font-size: 14px;
    font-weight: 600
}

.App .bus-listing .radio {
    display: flex
}

    .App .bus-listing .radio label {
        cursor: pointer;
        display: flex
    }

    .App .bus-listing .radio input[type=radio] {
        align-items: center;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        border: 1px solid #c3c3c3;
        border-radius: 50%;
        display: flex;
        height: 14px;
        justify-content: center;
        margin-right: 10px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 14px
    }

        .App .bus-listing .radio input[type=radio]:before {
            background-color: #ff000f;
            border-radius: 50%;
            content: "";
            height: 8px;
            transform: scale(0);
            transition: transform .12s ease-in-out;
            width: 8px
        }

        .App .bus-listing .radio input[type=radio]:checked:before {
            transform: scale(1)
        }

.App .bus-listing .checkbox {
    display: flex;
    position: relative
}

    .App .bus-listing .checkbox label {
        align-items: center;
        cursor: pointer;
        display: flex
    }

    .App .bus-listing .checkbox .ellipsis {
        line-height: normal;
        max-width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

@media(min-width:768px) {
    .App .bus-listing .checkbox .ellipsis {
        max-width: 75px
    }
}

@media(min-width:1200px) {
    .App .bus-listing .checkbox .ellipsis {
        max-width: 130px
    }
}

@media(min-width:1500px) {
    .App .bus-listing .checkbox .ellipsis {
        max-width: 180px
    }
}

.App .bus-listing .checkbox input[type=checkbox] {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    border-radius: 2px;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    flex: 1 0 20px;
    height: 20px;
    justify-content: center;
    margin-right: 10px;
    max-width: 20px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

    .App .bus-listing .checkbox input[type=checkbox]:checked:before {
        color: #ff000f;
        content: "";
        font-family: bootstrap-icons !important;
        font-size: 1pc
    }

.App .bus-listing label {
    font-size: 14px;
    font-weight: 600
}

.App .bus-listing .item-count {
    color: #585757;
    font-size: 9pt;
    font-weight: 600;
    position: absolute;
    right: 0
}

@media(min-width:1500px) {
    .App .bus-listing .item-count {
        font-size: 18px
    }
}

.App .bus-listing .content-block {
    background-color: #f0f0f0;
    border-radius: 3px;
    color: #000;
    margin-bottom: 20px;
    padding: 60px 20px;
    padding: 30px 35px;
    position: relative
}

@media(min-width:768px) {
    .App .bus-listing .content-block {
        padding: 30px 20px
    }
}

@media(min-width:1200px) {
    .App .bus-listing .content-block {
        padding: 30px 35px
    }
}

@media(min-width:1500px) {
    .App .bus-listing .content-block {
        padding: 45px 35px
    }
}

.App .bus-listing .content-block .title {
    text-align: left
}

    .App .bus-listing .content-block .title h6 {
        font-size: 14px
    }

@media(min-width:1500px) {
    .App .bus-listing .content-block .title h6 {
        font-size: 20px
    }
}

.App .bus-listing .content-block .sub-title {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
    text-align: left
}

    .App .bus-listing .content-block .sub-title h6 {
        color: #6f6f6f;
        font-size: 9pt;
        font-weight: 700
    }

@media(min-width:1500px) {
    .App .bus-listing .content-block .sub-title h6 {
        font-size: 18px
    }
}

.App .bus-listing .content-block .btn-primary {
    border-radius: 5px !important;
    font-size: 18px !important;
    padding: 6px 15px !important;
    width: 100%
}

.App .bus-listing .content-block p {
    font-size: 1pc;
    font-weight: 600
}

    .App .bus-listing .content-block p.txt-small {
        font-size: 9pt;
        font-weight: 500
    }

.App .bus-listing .content-block .text-red, .App .bus-listing .content-block .text-red p {
    color: #ff000f
}

.App .bus-listing .content-block .show-more-less {
    text-align: left
}

    .App .bus-listing .content-block .show-more-less button {
        color: #ff000f;
        font-size: 9pt;
        font-weight: 600
    }

@media(min-width:1500px) {
    .App .bus-listing .content-block .show-more-less button {
        font-size: 18px
    }
}

.App .bus-listing .content-block label {
    font-size: 9pt
}

@media(min-width:1500px) {
    .App .bus-listing .content-block label {
        font-size: 18px
    }
}

.App .bus-listing .content-block .price-range-slider span {
    font-size: 9pt;
    font-weight: 600
}

@media(min-width:1500px) {
    .App .bus-listing .content-block .price-range-slider span {
        font-size: 18px
    }
}

.App .bus-listing .content-block .origin-destination-filter label {
    align-items: flex-start
}

    .App .bus-listing .content-block .origin-destination-filter label input {
        top: 0;
        transform: translateY(0)
    }

    .App .bus-listing .content-block .origin-destination-filter label .ellipsis {
        overflow: visible;
        text-align: left;
        text-overflow: ellipsis;
        white-space: normal
    }

@media(min-width:1200px) {
    .App .bus-listing .content-block .origin-destination-filter label .ellipsis {
        max-width: 250px
    }
}

.App .bus-listing .clear-all-filters {
    font-size: 9pt;
    right: 35px;
    top: 30px
}

@media(min-width:1500px) {
    .App .bus-listing .clear-all-filters {
        font-size: 18px;
        font-weight: 600;
        right: 55px;
        top: 45px
    }
}

.App .bus-listing .checkbox-container {
    cursor: pointer;
    display: inline-block;
    font-size: 1pc;
    margin-right: 15px;
    padding-left: 30px;
    position: relative
}

    .App .bus-listing .checkbox-container input {
        cursor: pointer;
        opacity: 0;
        position: absolute
    }

.App .bus-listing .checkbox-name {
    padding-left: 0
}

.App .bus-listing .chips-selection {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

    .App .bus-listing .chips-selection .checkbox {
        background-color: #fff;
        border: 1px solid #9b98a0;
        border-radius: 4px;
        display: flex;
        flex: 1 0 45%;
        justify-content: center;
        max-width: 50%;
        padding: 10px;
        position: relative
    }

@media(min-width:1500px) {
    .App .bus-listing .chips-selection .checkbox {
        padding: 20px
    }
}

.App .bus-listing .chips-selection .checkbox.checked {
    background-color: #ff000f;
    color: #fff
}

.App .bus-listing .chips-selection .checkbox input[type=checkbox] {
    height: 100%;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    transform: none;
    width: 100%
}

.App .bus-listing .chips-selection .checkbox-container {
    font-size: 14px !important;
    justify-content: center;
    margin-right: 0;
    padding: 0;
    position: unset;
    width: 100%
}

@media(min-width:1500px) {
    .App .bus-listing .chips-selection .checkbox-container {
        font-size: 1pc !important
    }
}

.App .bus-listing .btn-bookings-container .travel-selection {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative
}

@media(min-width:1500px) {
    .App .bus-listing .btn-bookings-container .travel-selection {
        margin-bottom: 35px
    }
}

.App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper {
    display: flex;
    position: relative;
    white-space: nowrap
}

    .App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button {
        background-color: transparent;
        border: 1px solid #c3c3c3;
        color: #000;
        display: inline-flex;
        flex: 1 0 33.33%;
        font-weight: 700;
        justify-content: center;
        max-width: 33.33%;
        padding: 10px 0
    }

@media(min-width:1200px) {
    .App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button {
        font-size: 20px;
        padding: 15px 0
    }
}

@media(min-width:1500px) {
    .App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button {
        padding: 25px 0
    }
}

.App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: .3rem;
    pointer-events: none
}

@media(min-width:1500px) {
    .App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content {
        gap: 10px
    }
}

.App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content img {
    height: 1pc;
    width: 1pc
}

@media(min-width:1500px) {
    .App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content img {
        height: 24px;
        width: 24px
    }
}

.App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span {
    display: block
}

    .App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child {
        font-size: 9pt;
        font-weight: 700;
        line-height: 1.2;
        position: relative;
        text-align: left
    }

@media(min-width:992px) {
    .App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child {
        font-size: 20px
    }
}

.App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child i {
    left: 40px;
    position: absolute;
    top: 18px
}

@media(min-width:1500px) {
    .App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:first-child i {
        left: 50px;
        top: 25px
    }
}

.App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span:nth-child(2) {
    color: #ff000f;
    font-size: 10px;
    text-align: left
}

.App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .active-btn {
    border-bottom: 2px solid #da3732
}

.App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .bi-chevron-down:before {
    font-weight: 700 !important
}

.App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .sort-content {
    background: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 5px;
    display: block;
    font-weight: 600;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    width: 200px;
    z-index: 10
}

@media(min-width:1500px) {
    .App .bus-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .sort-content {
        padding: 35px 45px;
        right: 5%;
        top: 100%;
        width: 300px
    }
}

.App .bus-listing .bus-card-bottom-row-expanded {
    position: relative
}

.App .bus-listing .reviews-list .loader-content.list-loader {
    left: 50%;
    padding: 20px 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.App .bus-listing .inc-desktop-filters {
    display: none
}

@media(min-width:992px) {
    .App .bus-listing .inc-desktop-filters {
        display: block
    }
}

.App .bus-listing .inc-mobile-filters-accordion {
    align-items: center;
    background-color: #ff000f;
    border-radius: 5px;
    color: #fff;
    display: flex;
    height: 50px;
    justify-content: center;
    padding: 10px 15px;
    position: relative;
    width: 100%
}

@media(min-width:992px) {
    .App .bus-listing .inc-mobile-filters-accordion {
        display: none
    }
}

.App .bus-listing .inc-mobile-filters-accordion:before {
    color: #fff;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px
}

.App .bus-listing .inc-mobile-filters {
    display: block;
    margin-bottom: 20px
}

@media(min-width:992px) {
    .App .bus-listing .inc-mobile-filters {
        display: none
    }
}

.App .bus-listing .inc-mobile-filters .content-block {
    left: 0;
    position: absolute;
    top: 63px;
    width: 100%;
    z-index: 9
}

@media(min-width:1500px) {
    .App .bus-listing .getStartedBanner-content .nav-link {
        font-weight: 600 !important;
        margin: 0 5px !important
    }

    .App .bus-listing #nav-Bus {
        padding-bottom: 20px !important;
        padding-top: 0 !important
    }

        .App .bus-listing #nav-Bus .search-location-box input {
            font-size: 22px !important
        }

        .App .bus-listing #nav-Bus .search-location-box .lbl_input {
            font-size: 14px
        }

        .App .bus-listing #nav-Bus .input-daterange2 {
            height: 56px
        }

            .App .bus-listing #nav-Bus .input-daterange2 .lbl_input {
                font-size: 14px
            }

            .App .bus-listing #nav-Bus .input-daterange2 .htl_guests .fnt13 {
                padding-top: 1px
            }

                .App .bus-listing #nav-Bus .input-daterange2 .htl_guests .fnt13 .fnt30 {
                    font-size: 22px !important
                }

        .App .bus-listing #nav-Bus .getStarted-Search {
            height: 55px
        }

    .App .bus-booking-container {
        margin-top: 30px !important
    }

        .App .bus-booking-container .travel-selection {
            margin-bottom: 20px !important
        }
}

.App .bus-booking-container .inc-desktop-filters .item-count {
    font-weight: 500
}

.App .bus-booking-container .inc-desktop-filters .show-more-less button {
    font-size: 15px;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .bus-booking-container .inc-desktop-filters .show-more-less button {
        font-size: 20px
    }

    .App .bus-booking-container .inc-desktop-filters .chips-selection input[type=checkbox] {
        font-size: 18px
    }
}

.App .bus-available-container .bus-header-filter {
    background-color: #fff;
    border: 2px solid #e1e1e1;
    border-radius: 5px;
    display: flex;
    height: 75px;
    justify-content: center;
    width: 1231px
}

    .App .bus-available-container .bus-header-filter .bus_hd_filter {
        color: #898989;
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 44px;
        padding: 13px;
        position: relative;
        text-align: center;
        width: 33.33%
    }

        .App .bus-available-container .bus-header-filter .bus_hd_filter:not(:last-child) {
            border-right: 2px solid #e1e1e1
        }

        .App .bus-available-container .bus-header-filter .bus_hd_filter.active {
            color: #000
        }

            .App .bus-available-container .bus-header-filter .bus_hd_filter.active:after {
                background-color: #ff000f;
                bottom: 0;
                content: "";
                height: 3px;
                left: 0;
                opacity: 1;
                position: absolute;
                transition: opacity .3s;
                width: 100%
            }

.App .bus-available-container .bus-promo {
    background-color: #fff;
    border: 2px solid #e1e1e1;
    border-radius: 5px;
    height: 186px;
    margin-top: 18px;
    padding: 35px
}

    .App .bus-available-container .bus-promo .bus-promo-wrap {
        display: flex
    }

        .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-number-of-buses {
            text-align: left
        }

            .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-number-of-buses h4 {
                color: #000;
                font-family: Montserrat;
                font-size: 31px;
                font-weight: 700;
                letter-spacing: -1px;
                margin: 0
            }

            .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-number-of-buses p.bus-company {
                color: #000;
                font-family: Montserrat;
                font-size: 1pc;
                font-weight: 600;
                margin-top: 8px
            }

            .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-number-of-buses p.total-buses {
                color: #000;
                font-family: Montserrat;
                font-size: 22px;
                font-weight: 600
            }

        .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-view-buses {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-right: 2pc
        }

            .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-view-buses.p-align-right {
                margin-left: auto
            }

            .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-view-buses .bus-promo-price .bus-promo-max-price, .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-view-buses .bus-promo-price .bus-promo-st-price, .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-view-buses .bus-promo-price .currency-icon {
                color: #000;
                font-family: Montserrat;
                font-size: 24px;
                font-weight: 700;
                letter-spacing: 0;
                text-align: center
            }

                .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-view-buses .bus-promo-price .currency-icon:after {
                    color: #000;
                    content: "";
                    display: inline-block;
                    font-family: bootstrap-icons;
                    font-size: 21px;
                    font-weight: 600;
                    height: 25px;
                    margin-top: 13px;
                    width: 23px
                }

            .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-view-buses .bus-promo-view-more-buses p {
                color: #ff000f;
                cursor: pointer;
                font-size: 24px;
                font-weight: 700;
                letter-spacing: 0;
                margin-top: 20px;
                position: relative;
                text-align: center
            }

                .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-view-buses .bus-promo-view-more-buses p:after {
                    color: #ff000f;
                    content: "";
                    display: inline-block;
                    font-family: bootstrap-icons;
                    font-size: 21px;
                    font-weight: 600;
                    height: 25px;
                    margin-left: 10px;
                    position: absolute;
                    width: 23px
                }

                .App .bus-available-container .bus-promo .bus-promo-wrap .bus-promo-view-buses .bus-promo-view-more-buses p.active:after {
                    content: ""
                }

.App .bus-available-container .all-buses-list .available_route_box {
    background-color: #fff;
    border: 2px solid #e1e1e1;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: 18px;
    padding: 20px
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .available_route_box {
        padding: 45px 35px 20px
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width:1200px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow {
        flex-direction: row
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box01 {
    flex: 1 0 100%;
    max-width: 100%
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box01 {
        flex: 1 0 30%;
        max-width: 30%
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box01 .bus_type_data {
    text-align: left
}

    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box01 .bus_type_data .bus_service_name {
        color: #000;
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -1px;
        margin: 0
    }

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box01 .bus_type_data .bus_service_name {
        font-size: 28px
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box01 .bus_type_data p.bus_type {
    color: #000;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 10px
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box01 .bus_type_data p.bus_type {
        font-size: 20px;
        margin-top: 15px
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 {
    flex: 1 0 100%;
    margin-top: 4px;
    max-width: 100%;
    padding-top: 15px
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 {
        flex: 1 0 50%;
        max-width: 50%;
        padding-top: 0
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data {
    display: flex
}

    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_reach_time, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_start_time {
        color: #484848;
        font-family: Montserrat;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0
    }

        .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time p.lighttext, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_reach_time p.lighttext, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_start_time p.lighttext {
            font-size: 10px;
            font-weight: 500;
            padding-top: 7px;
            text-align: center
        }

@media(min-width:575px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time p.lighttext, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_reach_time p.lighttext, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_start_time p.lighttext {
        font-size: 9pt
    }
}

@media(min-width:768px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time p.lighttext, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_reach_time p.lighttext, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_start_time p.lighttext {
        font-size: 1pc
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time span, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_reach_time span, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_start_time span {
    font-size: 10px;
    font-weight: 500
}

@media(min-width:575px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time span, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_reach_time span, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_start_time span {
        font-size: 9pt
    }
}

@media(min-width:768px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time span, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_reach_time span, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_start_time span {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time span, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_reach_time span, .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_start_time span {
        font-size: 18px
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time {
    align-items: center;
    display: flex;
    font-size: 18px;
    height: 2pc
}

    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time .dashed-line {
        background-color: #e1e1e1;
        height: 2px;
        margin: 0 9pt;
        width: 26px
    }

    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time span {
        font-size: 9pt;
        font-weight: 500
    }

@media(min-width:768px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time span {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box02 .bus_time_data .bus_duration_time span {
        font-size: 18px
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box03 {
    flex: 1 0 100%;
    max-width: 100%
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box03 {
        flex: 1 0 15%;
        max-width: 15%
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box03 .route_fare_data {
    align-items: center;
    display: none;
    flex-direction: row;
    margin-right: 45px;
    padding-top: 20px;
    width: 100%
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box03 .route_fare_data {
        display: flex
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box03 .route_fare_data .route_price {
    color: #000;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 1pc 0;
    text-align: right
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box03 .route_fare_data .route_price {
        text-align: center
    }
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box03 .route_fare_data .route_price {
        margin-bottom: 0
    }
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box03 .route_fare_data {
        flex-direction: column;
        margin-right: 0;
        padding-top: 0
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box03 .route_fare_data .price-container-cab {
    flex: 1 0 60%;
    max-width: 60%
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box03 .route_fare_data .price-container-cab {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box03 .route_fare_data img {
    flex: 1 0 40%;
    max-height: 5pc;
    max-width: 40%
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_toprow .route_box03 .route_fare_data img {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    position: relative
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow {
        align-items: center;
        flex-direction: row
    }
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow {
        margin-top: 10px
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow .bus_route_rating_info {
    color: #747474;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: none
}

    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow .bus_route_rating_info .star_ratings {
        background-color: #e4e4e4;
        border-radius: 15px;
        color: #000;
        font-family: Montserrat;
        font-size: 15px;
        font-weight: 700;
        height: 29px;
        letter-spacing: 0;
        line-height: 44px;
        padding: 7px 9pt;
        width: 65px
    }

    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow .bus_route_rating_info .total_no_ratings {
        margin-left: 10px;
        margin-right: 14px
    }

    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow .bus_route_rating_info .live-track {
        color: #747474;
        margin-left: 14px;
        text-decoration: none
    }

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow .bus_route_sheet_info {
    color: #747474;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    padding-top: 10px;
    text-decoration: none
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow .bus_route_sheet_info {
        margin-left: auto;
        padding-top: 0
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow .bus_route_sheet_info .seat-left {
    margin-right: 14px
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow .bus_route_sheet_info .window-seat {
    margin-left: 14px
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow .price-container-cab-mobile {
    position: absolute;
    right: 0;
    top: 15px
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow .price-container-cab-mobile {
        display: none
    }
}

.App .bus-available-container .all-buses-list .available_route_box .available_route_box_middlerow .price-container-cab-mobile .route_price-mobile {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: right
}

.App .bus-available-container .all-buses-list .available_route_box_bottom_row {
    align-items: center;
    background-color: #fff;
    border: 2px solid #e1e1e1;
    border-top: none;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    position: relative
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box_bottom_row {
        flex-direction: row
    }
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .available_route_box_bottom_row {
        padding: 0 35px
    }
}

.App .bus-available-container .all-buses-list .available_route_box_bottom_row .bottom_row-col-left {
    display: flex;
    flex-wrap: wrap
}

.App .bus-available-container .all-buses-list .available_route_box_bottom_row .bus_route_col span {
    align-items: center;
    color: #747474;
    cursor: pointer;
    display: flex;
    font-size: 9pt;
    font-weight: 500;
    height: 45px;
    letter-spacing: 0;
    margin-right: 25px
}

@media(min-width:768px) {
    .App .bus-available-container .all-buses-list .available_route_box_bottom_row .bus_route_col span {
        font-size: 14px
    }
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box_bottom_row .bus_route_col span {
        font-size: 9pt;
        height: 65px
    }
}

.App .bus-available-container .all-buses-list .available_route_box_bottom_row .bus_route_col span.active {
    border-bottom: 2px solid #ff000f
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .available_route_box_bottom_row .bus_route_col span {
        font-size: 14px;
        height: 71px;
        margin-right: 50px
    }
}

.App .bus-available-container .all-buses-list .available_route_box_bottom_row .bus_route_col span:after {
    color: #747474;
    content: "";
    font-family: bootstrap-icons;
    font-size: 9pt;
    font-weight: 600;
    margin-left: 7px;
    margin-top: 3px
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .available_route_box_bottom_row .bus_route_col span:after {
        font-size: 14px
    }
}

.App .bus-available-container .all-buses-list .available_route_box_bottom_row .book_btn_wrapper {
    margin-top: 14px
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .available_route_box_bottom_row .book_btn_wrapper {
        margin-left: auto
    }
}

.App .bus-available-container .all-buses-list .available_route_box_bottom_row .book_btn_wrapper a {
    margin-bottom: 14px !important
}

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded {
    background: #fff;
    border: 2px solid #e1e1e1;
    border-radius: 4px;
    padding: 45px 20px;
    width: 100%;
    z-index: 1
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded {
        padding: 35px 35px 10px
    }
}

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .closeIcon-wrapper {
    display: flex;
    justify-content: end;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 100%
}

    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .closeIcon-wrapper .bus-btn-close:after {
        background-color: #ea3328;
        border-radius: 50%;
        color: #000;
        color: #fff;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        font-size: 9pt;
        padding: 5px
    }

@media(min-width:575px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .closeIcon-wrapper .bus-btn-close:after {
        font-size: 17px;
        padding: 9px
    }
}

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list {
    display: none
}

    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list.active {
        display: flex;
        flex-direction: column
    }

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list.active {
        flex-direction: row
    }
}

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list span {
    display: block;
    font-size: 9pt;
    font-weight: 500;
    text-align: left
}

@media screen and (min-width:720px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list span {
        font-size: 14px
    }
}

@media(min-width:768px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list span {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list span {
        font-size: 1pc
    }
}

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy {
    display: flex;
    flex: 1 0 100%;
    flex-direction: column;
    max-width: 100%
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy {
        flex: 1 0 35%;
        max-width: 35%
    }
}

@media(min-width:1200px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy {
        flex: 1 0 38%;
        max-width: 38%
    }
}

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .bottom, .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .top {
    display: flex;
    justify-content: space-between
}

    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .bottom h6, .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .top h6 {
        font-size: 14px
    }

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .bottom h6, .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .top h6 {
        font-size: 18px
    }
}

@media(min-width:768px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .top {
        width: 190px
    }
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .top {
        width: 225px
    }
}

@media(min-width:1200px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .top {
        width: unset
    }
}

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .list-hours, .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .penalty {
    display: flex;
    flex-direction: column-reverse
}

    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .list-hours span, .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .penalty span {
        padding: 5px 0
    }

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .cancellation-policy .penalty {
    min-width: 42px
}

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .information {
    padding-top: 15px;
    text-align: left
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .information {
        padding-left: 20px;
        padding-top: 0
    }
}

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .information h6 {
    font-size: 14px
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .information h6 {
        font-size: 18px
    }
}

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .information p {
    font-size: 9pt
}

@media screen and (min-width:720px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .information p {
        font-size: 14px
    }
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .information p {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .policies-list .information p {
        font-size: 18px
    }
}

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .photos-list {
    display: none
}

    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .photos-list.active {
        display: block
    }

    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .photos-list .photos-list-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 22px
    }

        .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .photos-list .photos-list-container .error-message {
            font-size: 1pc;
            font-weight: 600
        }

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .photos-list .photos-list-container .error-message {
        font-size: 20px
    }
}

.App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .photos-list img {
    border-radius: 5px;
    max-height: 210px;
    max-width: 330px;
    min-width: 330px
}

@media(min-width:992px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .photos-list img {
        max-width: 15pc;
        min-width: 15pc
    }
}

@media(min-width:1500px) {
    .App .bus-available-container .all-buses-list .bus-card-bottom-row-expanded .photos-list img {
        max-width: 365px;
        min-width: 365px
    }
}

.App .bus-available-container .viewLess-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

    .App .bus-available-container .viewLess-wrapper .viewLess-btn {
        color: #ff000f;
        font-size: 14px;
        font-weight: 600;
        line-height: normal
    }

@media(min-width:1200px) {
    .App .bus-available-container .viewLess-wrapper .viewLess-btn {
        font-size: 1pc
    }
}

@media(min-width:1500px) {
    .App .bus-available-container .viewLess-wrapper .viewLess-btn {
        font-size: 22px
    }
}

.App .Bus-Amenities-wrapper {
    display: flex;
    justify-content: center;
    width: 100%
}

    .App .Bus-Amenities-wrapper .amenities-list-wrapper {
        align-items: center;
        display: flex;
        flex-direction: column;
        width: 100%
    }

        .App .Bus-Amenities-wrapper .amenities-list-wrapper .amenities-list {
            -moz-column-gap: 50px;
            column-gap: 50px;
            flex-wrap: wrap;
            padding: 20px;
            width: 100%
        }

@media(min-width:1500px) {
    .App .Bus-Amenities-wrapper .amenities-list-wrapper .amenities-list {
        padding: 30px 30px 0
    }
}

.App .Bus-Amenities-wrapper .amenities-list-wrapper .amenities-list .list-item {
    align-items: center;
    display: flex;
    flex: 1;
    padding: 0 25px 15px;
    text-align: left
}

@media(min-width:768px) {
    .App .Bus-Amenities-wrapper .amenities-list-wrapper .amenities-list .list-item {
        width: 225px
    }
}

@media(min-width:1500px) {
    .App .Bus-Amenities-wrapper .amenities-list-wrapper .amenities-list .list-item {
        padding: 0 25px 50px;
        width: 250px
    }
}

.App .Bus-Amenities-wrapper .amenities-list-wrapper .amenities-list .list-item span {
    margin-right: 10px
}

.App .Bus-Amenities-wrapper .amenities-list-wrapper .amenities-list .list-item p {
    color: #000;
    font-size: 9pt;
    font-weight: 600
}

@media(min-width:1500px) {
    .App .Bus-Amenities-wrapper .amenities-list-wrapper .amenities-list .list-item p {
        font-size: 19px
    }
}

.App .Bus-Amenities-wrapper .amenities-list-wrapper .amenities-list img {
    max-width: 30px
}

.App .pickup-drop-wrapper {
    margin-bottom: 20px;
    margin-top: 20px;
    max-height: 350px;
    overflow: auto
}

    .App .pickup-drop-wrapper .picup-drop-inner-container {
        flex-direction: column;
        padding: 0 20px
    }

@media(min-width:992px) {
    .App .pickup-drop-wrapper .picup-drop-inner-container {
        flex-direction: row
    }
}

@media(min-width:1500px) {
    .App .pickup-drop-wrapper .picup-drop-inner-container {
        padding: 25px 45px
    }
}

.App .pickup-drop-wrapper .picup-drop-inner-container .pickup-point {
    flex: 1 0 100%;
    max-width: 100%
}

@media(min-width:992px) {
    .App .pickup-drop-wrapper .picup-drop-inner-container .pickup-point {
        flex: 1 0 40%;
        max-width: 40%
    }
}

.App .pickup-drop-wrapper .picup-drop-inner-container .pickup-point .pickup-heading {
    color: #ff000f;
    font-size: 1pc;
    font-weight: 600;
    padding-bottom: 10px;
    text-align: left
}

@media(min-width:1500px) {
    .App .pickup-drop-wrapper .picup-drop-inner-container .pickup-point .pickup-heading {
        font-size: 22px;
        padding-bottom: 15px
    }
}

.App .pickup-drop-wrapper .picup-drop-inner-container .pickup-point .pickup-details-list .pickup-details {
    display: flex;
    padding-bottom: 5px;
    text-align: left
}

@media(min-width:1500px) {
    .App .pickup-drop-wrapper .picup-drop-inner-container .pickup-point .pickup-details-list .pickup-details {
        padding-bottom: 10px
    }
}

.App .pickup-drop-wrapper .picup-drop-inner-container .pickup-point .pickup-details-list .pickup-details .place, .App .pickup-drop-wrapper .picup-drop-inner-container .pickup-point .pickup-details-list .pickup-details .time {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

@media(min-width:1500px) {
    .App .pickup-drop-wrapper .picup-drop-inner-container .pickup-point .pickup-details-list .pickup-details .place, .App .pickup-drop-wrapper .picup-drop-inner-container .pickup-point .pickup-details-list .pickup-details .time {
        font-size: 18px
    }
}

.App .pickup-drop-wrapper .picup-drop-inner-container .pickup-point .pickup-details-list .pickup-details .time {
    flex: 1 0 15%;
    margin-right: 25px;
    max-width: 15%
}

.App .pickup-drop-wrapper .picup-drop-inner-container .middle-line {
    display: none;
    flex: 1 0 20%;
    justify-content: center;
    max-width: 20%
}

@media(min-width:992px) {
    .App .pickup-drop-wrapper .picup-drop-inner-container .middle-line {
        display: flex
    }
}

.App .pickup-drop-wrapper .picup-drop-inner-container .middle-line span {
    background-color: #bfbdbd;
    display: block;
    height: 100%;
    width: 1px
}

.App .pickup-drop-wrapper .picup-drop-inner-container .drop-point {
    flex: 1 0 100%;
    max-width: 100%
}

@media(min-width:992px) {
    .App .pickup-drop-wrapper .picup-drop-inner-container .drop-point {
        flex: 1 0 40%;
        max-width: 40%
    }
}

.App .pickup-drop-wrapper .picup-drop-inner-container .drop-point .drop-heading {
    color: #ff000f;
    font-size: 1pc;
    font-weight: 600;
    padding-bottom: 10px;
    text-align: left
}

@media(min-width:1500px) {
    .App .pickup-drop-wrapper .picup-drop-inner-container .drop-point .drop-heading {
        font-size: 22px;
        padding-bottom: 15px
    }
}

.App .pickup-drop-wrapper .picup-drop-inner-container .drop-point .drop-details-list .drop-details {
    display: flex;
    padding-bottom: 5px;
    text-align: left
}

@media(min-width:1500px) {
    .App .pickup-drop-wrapper .picup-drop-inner-container .drop-point .drop-details-list .drop-details {
        padding-bottom: 10px
    }
}

.App .pickup-drop-wrapper .picup-drop-inner-container .drop-point .drop-details-list .drop-details .place, .App .pickup-drop-wrapper .picup-drop-inner-container .drop-point .drop-details-list .drop-details .time {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

@media(min-width:1500px) {
    .App .pickup-drop-wrapper .picup-drop-inner-container .drop-point .drop-details-list .drop-details .place, .App .pickup-drop-wrapper .picup-drop-inner-container .drop-point .drop-details-list .drop-details .time {
        font-size: 18px
    }
}

.App .pickup-drop-wrapper .picup-drop-inner-container .drop-point .drop-details-list .drop-details .time {
    flex: 1 0 15%;
    margin-right: 25px;
    max-width: 15%
}

.App .bus-reviews-wrapper .review-inner-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 40px
    }

@media(min-width:992px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper {
        flex-direction: row
    }
}

.App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating {
    align-items: center;
    background-color: red;
    border-radius: 5px;
    display: flex;
    flex: 1 0 100%;
    justify-content: center;
    max-height: 70px;
    max-width: 100%;
    padding: 15px
}

@media(min-width:992px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating {
        flex: 1 0 30%;
        max-width: 30%
    }
}

@media(min-width:1200px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating {
        flex: 1 0 15%;
        max-width: 15%;
        padding: 15px
    }
}

.App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating .rating {
    padding-right: 15px
}

    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating .rating .overall-rating, .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating .rating .total-number {
        color: #fff
    }

    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating .rating .overall-rating {
        font-size: 27px;
        font-weight: 500;
        line-height: normal
    }

    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating .rating .total-number {
        font-size: 11px;
        font-weight: 500
    }

@media(min-width:575px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating .rating .total-number {
        font-size: 14px
    }
}

@media(min-width:1200px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating .rating .total-number {
        font-size: 11px
    }
}

.App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating .nummber-reviews .number-of-rating, .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating .nummber-reviews .number-of-reviews {
    color: #fff;
    font-size: 9pt;
    font-weight: 500;
    line-height: normal
}

@media(min-width:575px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating .nummber-reviews .number-of-rating, .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .review-rating .nummber-reviews .number-of-reviews {
        font-size: 14px
    }
}

.App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .bus-review-feature {
    display: flex;
    flex: 1 0 100%;
    flex-wrap: wrap;
    max-width: 100%
}

@media(min-width:992px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .bus-review-feature {
        flex: 1 0 70%;
        max-width: 70%
    }
}

@media(min-width:1200px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .bus-review-feature {
        flex: 1 0 80%;
        max-width: 80%
    }
}

.App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .bus-review-feature .feature-item {
    border: 2px solid #e1e1e1;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin: 9pt;
    padding: 10px
}

    .App .bus-reviews-wrapper .review-inner-wrapper .rating-section-wrapper .bus-review-feature .feature-item.active {
        background-color: #ff000f;
        border: none;
        border-radius: 5px;
        color: #fff
    }

.App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper {
    padding: 0 40px
}

@media(min-width:1200px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper {
        padding: 0 5pc
    }
}

.App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slider-item .content-container {
    display: flex
}

    .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slider-item .content-container .left-item-details {
        margin-right: 30px
    }

        .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slider-item .content-container .left-item-details .number-box {
            border: 2px solid #e1e1e1;
            border-radius: 5px;
            color: #000;
            font-size: 1pc;
            font-weight: 500;
            padding: 8px 15px;
            text-align: center;
            width: -moz-fit-content;
            width: fit-content
        }

    .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slider-item .content-container .right-item-details .reviewer-details {
        align-items: center;
        display: flex
    }

        .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slider-item .content-container .right-item-details .reviewer-details .name {
            color: #979797;
            font-size: 13px;
            font-weight: 500
        }

        .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slider-item .content-container .right-item-details .reviewer-details .divider {
            background-color: #979797;
            height: 15px;
            margin: 0 10px;
            width: 2px
        }

        .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slider-item .content-container .right-item-details .reviewer-details .review-date {
            color: #979797;
            font-size: 13px;
            font-weight: 500
        }

    .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slider-item .content-container .right-item-details .reviewer-comments {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        max-height: 125px;
        overflow-x: hidden;
        overflow-y: auto;
        padding-top: 10px;
        text-align: left
    }

@media(min-width:1200px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slider-item .content-container .right-item-details .reviewer-comments {
        max-height: 200px;
        padding-top: 30px
    }
}

.App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slider-item {
    padding: 0
}

@media(min-width:1200px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slider-item {
        padding: 10px
    }
}

.App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-track {
    height: 100%
}

.App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-next, .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-prev {
    background-color: #ff000f;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%)
}

    .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-next.slick-disabled, .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-prev.slick-disabled {
        background-color: #e0e0e0
    }

    .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-next:after, .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-next:before, .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-prev:after, .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-prev:before {
        color: #fff;
        font-size: 1pc
    }

@media(min-width:992px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-next:after, .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-next:before, .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-prev:after, .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-prev:before {
        font-size: 20px
    }
}

.App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-next {
    right: -50px
}

@media(min-width:1200px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-next {
        right: -65px
    }
}

.App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-prev {
    left: -50px
}

@media(min-width:1200px) {
    .App .bus-reviews-wrapper .review-inner-wrapper .bus-slider-wrapper .bus-inner-wrapper .slick-prev {
        left: -65px
    }
}

.App .amenities-list, .App .bus-card-bottom-row-expanded, .App .pickup-list, .App .reviews-list, .App .rtc-bus-list {
    display: none
}

    .App .amenities-list.active, .App .bus-card-bottom-row-expanded.active, .App .pickup-list.active, .App .reviews-list.active, .App .rtc-bus-list.active {
        display: block
    }

@media(min-width:1500px) {
    .App .reviews-list {
        padding: 10px 0 40px
    }

    .App .photos-list {
        padding: 0 0 25px
    }
}

.App .bus-listing .load-more {
    margin-top: 20px
}

@media(min-width:1500px) {
    .App .bus-listing .load-more {
        margin-top: 65px
    }
}

.App .rdrCalendarWrapper {
    position: relative
}

.App .bus-listing .ls-datepicker {
    width: auto
}

@media(min-width:992px) {
    .App .bus-listing .ls-datepicker {
        width: 100%
    }
}

.App .cab-listing .form-control::placeholder {
    color: #c3c3c3;
    font-size: 14px;
    font-weight: 600
}

.App .cab-listing .radio {
    display: flex
}

    .App .cab-listing .radio label {
        cursor: pointer;
        display: flex
    }

    .App .cab-listing .radio input[type=radio] {
        align-items: center;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        border: 1px solid #c3c3c3;
        border-radius: 50%;
        display: flex;
        height: 14px;
        justify-content: center;
        margin-right: 10px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 14px
    }

        .App .cab-listing .radio input[type=radio]:before {
            background-color: #ff000f;
            border-radius: 50%;
            content: "";
            height: 8px;
            transform: scale(0);
            transition: transform .12s ease-in-out;
            width: 8px
        }

        .App .cab-listing .radio input[type=radio]:checked:before {
            transform: scale(1)
        }

.App .cab-listing .checkbox {
    display: flex
}

    .App .cab-listing .checkbox label {
        align-items: center;
        cursor: pointer;
        display: flex
    }

    .App .cab-listing .checkbox .ellipsis {
        line-height: normal;
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .App .cab-listing .checkbox input[type=checkbox] {
        align-items: center;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        border: 1px solid #a9a9a9;
        border-radius: 2px;
        border-radius: 3px;
        cursor: pointer;
        display: flex;
        flex: 1 0 20px;
        height: 20px;
        justify-content: center;
        margin-right: 10px;
        max-width: 20px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 20px
    }

        .App .cab-listing .checkbox input[type=checkbox]:checked:before {
            color: #ff000f;
            content: "";
            font-family: bootstrap-icons !important;
            font-size: 1pc
        }

.App .cab-listing label {
    font-size: 14px;
    font-weight: 600
}

.App .cab-listing .content-block {
    background-color: #f0f0f0;
    border-radius: 3px;
    color: #000;
    margin-bottom: 20px;
    padding: 60px 20px;
    padding: 30px 35px;
    position: relative
}

@media(min-width:1500px) {
    .App .cab-listing .content-block {
        padding: 45px 35px
    }
}

.App .cab-listing .content-block .title {
    text-align: left
}

    .App .cab-listing .content-block .title h6 {
        font-size: 14px
    }

@media(min-width:1500px) {
    .App .cab-listing .content-block .title h6 {
        font-size: 20px
    }
}

.App .cab-listing .content-block .sub-title {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
    text-align: left
}

    .App .cab-listing .content-block .sub-title h6 {
        color: #6f6f6f;
        font-size: 9pt;
        font-weight: 700
    }

@media(min-width:1500px) {
    .App .cab-listing .content-block .sub-title h6 {
        font-size: 18px
    }
}

.App .cab-listing .content-block .btn-primary {
    border-radius: 5px !important;
    font-size: 18px !important;
    padding: 6px 15px !important;
    width: 100%
}

.App .cab-listing .content-block p {
    font-size: 1pc;
    font-weight: 600
}

    .App .cab-listing .content-block p.txt-small {
        font-size: 9pt;
        font-weight: 500
    }

.App .cab-listing .content-block .text-red, .App .cab-listing .content-block .text-red p {
    color: #ff000f
}

.App .cab-listing .content-block .show-more-less {
    text-align: left
}

    .App .cab-listing .content-block .show-more-less button {
        color: #ff000f;
        font-size: 9pt;
        font-weight: 600
    }

@media(min-width:1500px) {
    .App .cab-listing .content-block .show-more-less button {
        font-size: 18px
    }
}

.App .cab-listing .content-block label {
    font-size: 9pt
}

@media(min-width:1500px) {
    .App .cab-listing .content-block label {
        font-size: 18px
    }
}

.App .cab-listing .content-block .price-range-slider span {
    font-size: 9pt;
    font-weight: 600
}

@media(min-width:1500px) {
    .App .cab-listing .content-block .price-range-slider span {
        font-size: 18px
    }
}

.App .cab-listing .content-block .origin-destination-filter label {
    align-items: flex-start
}

    .App .cab-listing .content-block .origin-destination-filter label input {
        top: 0;
        transform: translateY(0)
    }

    .App .cab-listing .content-block .origin-destination-filter label .ellipsis {
        overflow: visible;
        text-align: left;
        text-overflow: ellipsis;
        white-space: normal
    }

@media(min-width:1200px) {
    .App .cab-listing .content-block .origin-destination-filter label .ellipsis {
        max-width: 250px
    }
}

.App .cab-listing .clear-all-filters {
    font-size: 9pt;
    right: 35px;
    top: 30px
}

@media(min-width:1500px) {
    .App .cab-listing .clear-all-filters {
        font-size: 18px;
        font-weight: 600;
        right: 55px;
        top: 45px
    }
}

.App .cab-listing .btn-bookings-container .travel-selection {
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative
}

@media(min-width:1500px) {
    .App .cab-listing .btn-bookings-container .travel-selection {
        margin-bottom: 35px
    }
}

.App .cab-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper {
    display: flex;
    position: relative;
    white-space: nowrap
}

    .App .cab-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button {
        background-color: transparent;
        border: 1px solid #c3c3c3;
        color: #000;
        display: inline-flex;
        flex: 1 0 40%;
        justify-content: center;
        max-width: 40%;
        padding: 10px 0
    }

@media(min-width:1500px) {
    .App .cab-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button {
        font-size: 20px;
        font-weight: 700;
        padding: 25px 0
    }
}

.App .cab-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: .3rem;
    pointer-events: none
}

@media(min-width:1500px) {
    .App .cab-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content {
        gap: 10px
    }
}

.App .cab-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button .btn-content .text-content span {
    display: block
}

.App .cab-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sorting-btn {
    flex: 1 0 60%;
    max-width: 60%
}

.App .cab-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper button:first-child {
    pointer-events: none !important
}

.App .cab-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .bi-chevron-down:before {
    font-weight: 700 !important
}

.App .cab-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .sort-content {
    background: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 5px;
    display: block;
    font-weight: 600;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    width: 200px;
    z-index: 10
}

@media(min-width:1500px) {
    .App .cab-listing .btn-bookings-container .travel-selection .wrapper-container .sorting-wrapper .sort-btn .sort-content {
        padding: 35px 45px;
        right: 5%;
        top: 100%;
        width: 300px
    }

    #cab-listing .cab-listing .cab-available-container .cab-card-inner-container .cab-card-right .route_price {
        padding-bottom: 25px !important
    }

    #cab-listing .cab-booking-container {
        margin-top: 35px !important
    }
}

.App .cab-available-container .cab-card {
    background-color: #fff;
    border: 2px solid #e1e1e1;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: 15px;
    padding: 20px
}

@media(min-width:1500px) {
    .App .cab-available-container .cab-card {
        margin-top: 25px;
        padding: 40px
    }
}

.App .cab-available-container .cab-card .cab-card-inner-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width:1200px) {
    .App .cab-available-container .cab-card .cab-card-inner-container {
        flex-direction: row
    }
}

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-top {
    align-items: center;
    display: flex
}

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type {
    margin-left: 35px;
    text-align: left
}

    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type p {
        align-items: center;
        display: flex;
        flex-direction: column;
        font-weight: 700
    }

@media(min-width:768px) {
    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type p {
        flex-direction: row
    }
}

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type p:nth-child(2) {
    font-size: 9pt;
    font-weight: 600
}

@media(min-width:768px) {
    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type p:nth-child(2) {
        font-size: 1pc
    }
}

@media(min-width:1500px) {
    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type p:nth-child(2) {
        font-size: 20px
    }
}

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type .vehicle-type {
    font-size: 18px
}

@media(min-width:768px) {
    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type .vehicle-type {
        font-size: 20px
    }
}

@media(min-width:1500px) {
    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type .vehicle-type {
        font-size: 28px
    }
}

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type .modelDescription {
    color: #9a9a9a;
    font-size: 10px;
    font-weight: 500;
    margin-left: 10px
}

@media(min-width:768px) {
    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type .modelDescription {
        font-size: 14px
    }
}

@media(min-width:1500px) {
    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type .modelDescription {
        font-size: 20px
    }
}

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type .no-of-seats {
    align-items: center;
    display: flex
}

    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-type .no-of-seats:before {
        color: #fff;
        color: #ed1a25;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        font-size: 8px;
        margin-left: 10px;
        margin-right: 10px
    }

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

@media(min-width:1500px) {
    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom {
        margin-left: 8pc;
        margin-top: 40px
    }
}

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom p {
    display: flex;
    font-size: 9pt;
    font-weight: 600;
    padding: 10px 0
}

@media(min-width:768px) {
    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom p {
        font-size: 18px
    }
}

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom p .extra-fare, .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom p .fuel-type {
    align-items: center;
    display: flex;
    flex: 1 0 40%;
    max-width: 40%
}

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom p img {
    margin-right: 15px
}

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom p .extra-fare-content, .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom p .fuel-type-content {
    flex: 1 0 50%;
    margin-left: 45px;
    max-width: 50%;
    text-align: left
}

@media(min-width:768px) {
    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom p .extra-fare-content, .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom p .fuel-type-content {
        flex: 1 0 60%;
        max-width: 60%
    }
}

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom p .extra-fare-content .grey-text, .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-left-bottom p .fuel-type-content .grey-text {
    color: #747474;
    font-weight: 500;
    padding: 0 5px
}

.App .cab-available-container .cab-card .cab-card-inner-container .cab-card-right {
    align-items: center;
    display: flex
}

    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-right .route_price {
        font-size: 25px;
        font-weight: 700;
        padding: 15px 0
    }

@media(min-width:768px) {
    .App .cab-available-container .cab-card .cab-card-inner-container .cab-card-right .route_price {
        font-size: 35px;
        padding: 35px 0
    }
}

.App .cab-available-container .route_fare_data {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding-top: 0;
    width: 100%
}

@media(min-width:768px) {
    .App .cab-available-container .route_fare_data {
        flex-direction: column;
        padding-top: 0
    }
}

.App .cab-available-container .route_fare_data .price-container-cab {
    flex: 1 0 60%;
    max-width: 60%
}

@media(min-width:768px) {
    .App .cab-available-container .route_fare_data .price-container-cab {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.App .cab-available-container .route_fare_data img {
    flex: 1 0 40%;
    max-width: 40%
}

@media(min-width:768px) {
    .App .cab-available-container .route_fare_data img {
        flex: 1 0 100%;
        max-width: 100%
    }
}

.App .sorting-btn .text-content {
    color: #898989;
    display: flex
}

    .App .sorting-btn .text-content:after {
        color: #fff;
        color: #ed1a25;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        margin-left: 5px
    }

.App .sorting-btn.active-btn .text-content:after {
    color: #fff;
    color: #ed1a25;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px
}

.App .text-content {
    font-size: 15px;
    font-weight: 700;
    line-height: normal
}

@media(min-width:768px) {
    .App .text-content {
        font-size: 20px
    }
}

@media(min-width:1500px) {
    #bus-listing #nav-Car .cab-listingcontent .Innertabs .nav-link, #cab-listing #nav-Car .cab-listingcontent .Innertabs .nav-link, #flight-listing #nav-Car .cab-listingcontent .Innertabs .nav-link, #hotelbooking #nav-Car .cab-listingcontent .Innertabs .nav-link, #hoteldetails #nav-Car .cab-listingcontent .Innertabs .nav-link {
        font-size: 20px !important;
        padding: 10px 55px !important
    }

    #bus-listing #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box, #cab-listing #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box, #flight-listing #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box, #hotelbooking #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box, #hoteldetails #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box {
        margin: 0 5px 5px 0 !important
    }

        #bus-listing #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box input, #cab-listing #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box input, #flight-listing #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box input, #hotelbooking #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box input, #hoteldetails #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box input {
            font-size: 14px !important;
            font-weight: 600
        }
}

@media(min-width:1680px) {
    #bus-listing #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box input, #cab-listing #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box input, #flight-listing #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box input, #hotelbooking #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box input, #hoteldetails #nav-Car .cab-listingcontent .Innertabs .location-fields .search-location-box input {
        font-size: 20px !important
    }
}

@media(min-width:1500px) {
    #bus-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30, #cab-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30, #flight-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30, #hotelbooking #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30, #hoteldetails #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30 {
        font-size: 14px !important;
        font-weight: 600
    }
}

@media(min-width:1680px) {
    #bus-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30, #cab-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30, #flight-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30, #hotelbooking #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30, #hoteldetails #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .input-group .htl_guests .fnt13 .fnt30 {
        font-size: 20px !important
    }
}

@media(min-width:1500px) {
    #bus-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input, #cab-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input, #flight-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input, #hotelbooking #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input, #hoteldetails #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input {
        font-size: 14px !important;
        font-weight: 600
    }
}

@media(min-width:1680px) {
    #bus-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input, #cab-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input, #flight-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input, #hotelbooking #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input, #hoteldetails #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input {
        font-size: 20px !important
    }
}

@media(min-width:1500px) {
    #bus-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder, #cab-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder, #flight-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder, #hotelbooking #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder, #hoteldetails #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder {
        font-size: 14px !important;
        font-weight: 600
    }
}

@media(min-width:1680px) {
    #bus-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder, #cab-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder, #flight-listing #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder, #hotelbooking #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder, #hoteldetails #nav-Car .cab-listingcontent .Innertabs .tab-content .tab-pane .selectPackageContent input::placeholder {
        font-size: 20px !important
    }
}

.App .cab-listing .inc-desktop-filters {
    display: none
}

@media(min-width:992px) {
    .App .cab-listing .inc-desktop-filters {
        display: block
    }
}

.App .cab-listing .inc-mobile-filters-accordion {
    align-items: center;
    background-color: #ff000f;
    border-radius: 5px;
    color: #fff;
    display: flex;
    height: 50px;
    justify-content: center;
    padding: 10px 15px;
    position: relative;
    width: 100%
}

@media(min-width:992px) {
    .App .cab-listing .inc-mobile-filters-accordion {
        display: none
    }
}

.App .cab-listing .inc-mobile-filters-accordion:before {
    color: #fff;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px
}

.App .cab-listing .inc-mobile-filters {
    display: block;
    margin-bottom: 20px
}

@media(min-width:992px) {
    .App .cab-listing .inc-mobile-filters {
        display: none
    }
}

.App .cab-listing .inc-mobile-filters .content-block {
    left: 0;
    position: absolute;
    top: 63px;
    width: 100%;
    z-index: 9
}

.boxStyle {
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    max-width: 520px;
    padding: 45px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

    .boxStyle .warning-icon {
        margin-bottom: 35px;
        width: 85px
    }

    .boxStyle p {
        font-size: 18px;
        font-weight: 400;
        padding-bottom: 45px;
        text-align: center
    }

.App .inc-asi-booking-container {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    width: 100%
}

@media(min-width:1200px) {
    .App .inc-asi-booking-container {
        flex-direction: row;
        margin: 50px 0 !important
    }
}

.App .inc-asi-booking-container .ls-datepicker .rdrCalendarWrapper {
    border: 1px solid #ccc
}

.App .inc-asi-booking-container .inc-asi-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 25px 5% 0 0;
    width: 100%
}

@media(min-width:1200px) {
    .App .inc-asi-booking-container .inc-asi-container {
        margin: 0 35px 0 0;
        width: 25%
    }
}

.App .inc-asi-booking-container .inc-asi-container h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
    text-align: left
}

.App .inc-asi-booking-container .inc-asi-container ul {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 300px;
    overflow-y: auto;
    padding: 25px;
    width: 100%
}

@media(min-width:1500px) {
    .App .inc-asi-booking-container .inc-asi-container ul {
        height: 500px
    }
}

.App .inc-asi-booking-container .inc-asi-container ul li {
    text-align: left;
    width: 100%
}

    .App .inc-asi-booking-container .inc-asi-container ul li label {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px
    }

    .App .inc-asi-booking-container .inc-asi-container ul li input[type=radio] {
        display: none;
        margin-right: 10px
    }

    .App .inc-asi-booking-container .inc-asi-container ul li .custom-radio {
        align-items: flex-start;
        cursor: pointer;
        display: inline-flex;
        margin: 10px;
        position: relative;
        width: 100%
    }

    .App .inc-asi-booking-container .inc-asi-container ul li .custom-radio-button {
        border: 1px solid #707070;
        border-radius: 50%;
        display: inline-block;
        flex: 1 0 22px;
        height: 22px;
        margin-right: 10px;
        max-width: 22px;
        position: relative;
        transition: border-color .3s;
        width: 22px
    }

    .App .inc-asi-booking-container .inc-asi-container ul li .custom-radio-text {
        flex: 1 0 90%;
        line-height: normal;
        max-width: 90%
    }

    .App .inc-asi-booking-container .inc-asi-container ul li .custom-radio:hover .custom-radio-button {
        border-color: #ff000f
    }

    .App .inc-asi-booking-container .inc-asi-container ul li .custom-radio-button:after {
        background-color: #ff000f;
        border-radius: 50%;
        content: "";
        height: 14px;
        left: 50%;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        transition: opacity .3s;
        width: 14px
    }

    .App .inc-asi-booking-container .inc-asi-container ul li input[type=radio]:checked + .custom-radio-button:after {
        opacity: 1
    }

.App .inc-asi-booking-container .inc-asi-cart-container {
    margin-top: 20px;
    width: 100%
}

@media(min-width:1200px) {
    .App .inc-asi-booking-container .inc-asi-cart-container {
        margin-top: 0;
        width: 40%
    }
}

.App .inc-asi-booking-container .inc-asi-cart-container h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: left
}

@media(min-width:768px) {
    .App .inc-asi-booking-container .inc-asi-cart-container h4 {
        margin-bottom: 25px;
        margin-top: 0
    }
}

.App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item {
    align-items: flex-start;
    border: 2px solid #e1e1e1;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    height: 300px;
    justify-content: flex-start;
    padding: 20px;
    width: 100%
}

    .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .error-message {
        color: #ff000f;
        font-size: 1pc
    }

    .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .monumentText {
        font-size: 22px;
        font-weight: 700;
        padding-bottom: 20px;
        text-align: left
    }

    .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .tcktText {
        font-size: 15px;
        font-weight: 600;
        padding-top: 10px;
        text-align: left
    }

    .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section {
        display: flex;
        flex-direction: column;
        width: 100%
    }

@media(min-width:768px) {
    .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section {
        flex-direction: row
    }
}

.App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section .time-section-wrap {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    margin-top: 20px;
    text-align: left
}

@media(min-width:768px) {
    .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section .time-section-wrap {
        margin-top: 0
    }
}

.App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section .time-section-wrap .inc-timeslot {
    border: 2px solid #ccc;
    border-radius: 5px;
    display: flex;
    flex: 1;
    width: 100%
}

    .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section .time-section-wrap .inc-timeslot .inc-timeslot-list {
        background: #fff;
        cursor: pointer;
        display: flex;
        flex: 1;
        flex-direction: column;
        font-size: 18px;
        font-weight: 600;
        position: absolute;
        top: 100%;
        width: 100%
    }

        .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section .time-section-wrap .inc-timeslot .inc-timeslot-list li {
            padding: 5px 15px;
            width: 100%
        }

            .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section .time-section-wrap .inc-timeslot .inc-timeslot-list li.disabled {
                background: rgba(0,0,0,.04);
                color: #707070;
                cursor: default
            }

            .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section .time-section-wrap .inc-timeslot .inc-timeslot-list li.slot-unavailable {
                display: none
            }

        .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section .time-section-wrap .inc-timeslot .inc-timeslot-list .selected {
            background: #ff000f;
            color: #fff
        }

    .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section .time-section-wrap .inc-timeslot .btn:first-child:active {
        background-color: unset !important;
        border-color: #fff !important
    }

    .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section .time-section-wrap .inc-timeslot .btn {
        box-shadow: none;
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        width: 100%
    }

        .App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section .time-section-wrap .inc-timeslot .btn.disabled {
            border: none;
            pointer-events: none
        }

.App .inc-asi-booking-container .inc-asi-cart-container .inc-cart-item .inc-monument-calender-section .time-section-wrap .lbl_input {
    color: #909090;
    font-size: 14px;
    font-weight: 600
}

.App .inc-asi-booking-container .inc-asi-cart-container .asi-listing-proceed-btn {
    padding-top: 20px
}

    .App .inc-asi-booking-container .inc-asi-cart-container .asi-listing-proceed-btn .inc-button-primary-disabled {
        background-color: #ccc !important
    }

.App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    text-align: left
}

    .App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 {
        border: 2px solid #ccc;
        border-radius: 5px;
        flex: 1;
        flex-direction: row;
        flex-wrap: nowrap;
        min-height: 45px;
        width: 100% !important
    }

@media(min-width:768px) {
    .App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 {
        margin: 0 10px 0 0;
        width: 220px !important
    }
}

@media(min-width:1500px) {
    .App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 {
        margin: 0 20px 0 0;
        width: 235px !important
    }
}

.App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields {
    background: #fff;
    cursor: pointer;
    flex-direction: column;
    margin: 0 0 10px;
    min-height: 40px;
    position: relative;
    text-align: left !important;
    width: 100% !important
}

@media(min-width:768px) {
    .App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields {
        margin: 5px;
        min-height: 40px
    }
}

@media(min-width:992px) {
    .App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields {
        margin: 0
    }
}

@media(min-width:1500px) {
    .App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields {
        min-height: 55px
    }
}

.App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields .depart-date-select {
    border: 2px solid #c8c8c8 !important;
    border-radius: 5px !important;
    margin-bottom: 0;
    min-height: 30px !important
}

.App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields .right-icons .calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width:1500px) {
    .App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields .right-icons .calendar-icon {
        right: 15px
    }
}

.App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields .right-icons .calendar-icon .bi-calendar-week-fill:before {
    font-size: 22px
}

.App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields .right-icons .calendar-icon svg {
    width: 20px
}

.App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields .htl_guests {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: start;
    padding-left: 15px;
    width: 100%
}

    .App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields .htl_guests .fnt13 {
        font-size: 18px;
        font-weight: 600
    }

.App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields .date-label {
    display: flex;
    justify-content: space-between;
    width: 100%
}

    .App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 .form-fields .date-label .lbl_input {
        display: none;
        font-size: 9pt
    }

@media(min-width:992px) {
    .App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .input-daterange2 {
        flex: 1
    }
}

.App .inc-asi-booking-container .inc-asi-cart-container .date-section-wrap .lbl_input {
    color: #909090;
    font-size: 14px;
    font-weight: 600
}

.App .asi-listing-details .loader-content {
    align-items: center;
    background-color: hsla(0,0%,100%,.8);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 50%;
    min-height: 500px;
    position: fixed;
    top: 63px;
    transform: translateX(-50%);
    width: 100%;
    z-index: 99
}

    .App .asi-listing-details .loader-content img {
        max-width: 50px
    }

.App .ticket-booking-asi-submission {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 20px
}

@media(min-width:992px) {
    .App .ticket-booking-asi-submission {
        flex-direction: row;
        row-gap: 0
    }
}

.App .ticket-booking-asi-submission form {
    flex: 1 0 100%;
    max-width: 100%
}

@media(min-width:992px) {
    .App .ticket-booking-asi-submission form {
        flex: 1 0 50%;
        max-width: 50%
    }
}

.App .ticket-booking-asi-submission form .error {
    color: #ff000f;
    font-size: 14px;
    font-weight: 500;
    padding-top: 5px
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission form .error {
        font-size: 18px
    }
}

.App .ticket-booking-asi-submission form .custom-radio {
    display: none
}

    .App .ticket-booking-asi-submission form .custom-radio + span {
        color: #000;
        cursor: pointer;
        display: inline-block;
        padding-left: 40px;
        position: relative
    }

        .App .ticket-booking-asi-submission form .custom-radio + span:before {
            background-color: #fff;
            border: 1px solid #707070;
            border-radius: 50%;
            content: "";
            height: 25px;
            left: 0;
            position: absolute;
            top: 2px;
            width: 25px
        }

    .App .ticket-booking-asi-submission form .custom-radio:checked + span:before {
        background-color: #fff
    }

    .App .ticket-booking-asi-submission form .custom-radio + span:after {
        background: #ff000f;
        border-radius: 50%;
        content: "";
        height: 15px;
        left: 5px;
        opacity: 0;
        position: absolute;
        top: 7px;
        transition: opacity .2s;
        width: 15px
    }

    .App .ticket-booking-asi-submission form .custom-radio:checked + span:after {
        opacity: 1
    }

.App .ticket-booking-asi-submission .checkbox {
    display: flex;
    position: relative
}

    .App .ticket-booking-asi-submission .checkbox label {
        align-items: center;
        cursor: pointer;
        display: flex
    }

    .App .ticket-booking-asi-submission .checkbox .ellipsis {
        line-height: normal;
        max-width: 130px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .checkbox .ellipsis {
        max-width: 180px
    }
}

.App .ticket-booking-asi-submission .checkbox input[type=checkbox] {
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    border-radius: 2px;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    flex: 1 0 20px;
    height: 20px;
    justify-content: center;
    margin-right: 10px;
    max-width: 20px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

    .App .ticket-booking-asi-submission .checkbox input[type=checkbox]:checked:before {
        color: #ff000f;
        content: "";
        font-family: bootstrap-icons !important;
        font-size: 1pc
    }

.App .ticket-booking-asi-submission .checkbox-container {
    cursor: pointer;
    display: inline-block;
    font-size: 1pc;
    margin-right: 15px;
    padding-left: 30px;
    position: relative
}

    .App .ticket-booking-asi-submission .checkbox-container input {
        cursor: pointer;
        margin-top: 0 !important;
        opacity: 0;
        position: absolute
    }

.App .ticket-booking-asi-submission .checkbox-name {
    padding-left: 0
}

.App .ticket-booking-asi-submission .chips-selection {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .chips-selection {
        gap: 15px
    }
}

.App .ticket-booking-asi-submission .chips-selection .checkbox {
    background-color: #fff;
    border: 1px solid #9b98a0;
    border-radius: 4px;
    display: flex;
    flex: 1 0 45%;
    justify-content: center;
    max-width: 50%;
    padding: 10px;
    position: relative
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .chips-selection .checkbox {
        flex: 1 0 20%;
        max-width: 20%;
        padding: 20px 50px
    }
}

.App .ticket-booking-asi-submission .chips-selection .checkbox.checked {
    background-color: #ff000f;
    color: #fff
}

.App .ticket-booking-asi-submission .chips-selection .checkbox input[type=checkbox] {
    height: 100%;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    transform: none;
    width: 100%
}

.App .ticket-booking-asi-submission .chips-selection .checkbox-container {
    font-size: 14px !important;
    justify-content: center;
    margin-right: 0;
    padding: 0;
    position: unset;
    width: 100%
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .chips-selection .checkbox-container {
        font-size: 1pc !important
    }

    .App .ticket-booking-asi-submission .chips-selection input[type=checkbox] {
        font-size: 18px
    }
}

.App .ticket-booking-asi-submission .adultPaxCard {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    margin-bottom: 15px;
    margin-top: 10px
}

@media(min-width:992px) {
    .App .ticket-booking-asi-submission .adultPaxCard {
        -moz-column-gap: 50px;
        column-gap: 50px
    }
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .adultPaxCard {
        -moz-column-gap: 125px;
        column-gap: 125px;
        margin-top: 30px
    }
}

.App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

    .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .paxTxt {
        margin-right: 15px
    }

        .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .paxTxt .paxTxt1 {
            font-size: 18px;
            font-weight: 600;
            text-align: left
        }

@media(min-width:992px) {
    .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .paxTxt .paxTxt1 {
        font-size: 20px
    }
}

.App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent {
    display: flex;
    flex-direction: row
}

    .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .sub {
        border: 1px solid #dcdcdc;
        border-radius: 50%;
        cursor: pointer;
        font-size: 22px;
        font-weight: 600;
        height: 30px;
        left: 0;
        top: 0;
        -webkit-user-select: none;
        user-select: none;
        width: 33px
    }

        .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .sub.active {
            background: #ff000f;
            color: #fff
        }

        .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .sub.inactive {
            background: #dcdcdc;
            color: #343434
        }

    .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .spacer {
        clear: both;
        height: 10px
    }

    .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .add {
        border: 1px solid #dcdcdc;
        border-radius: 50%;
        cursor: pointer;
        font-size: 1pc;
        font-weight: 600;
        height: 30px;
        right: 0;
        top: 0;
        -webkit-user-select: none;
        user-select: none;
        width: 33px
    }

        .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .add.active {
            background: #ff000f;
            color: #fff
        }

        .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .add.inactive {
            background: #dcdcdc;
            color: #343434
        }

    .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .PlusMinusRow {
        align-items: center;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        line-height: 28px;
        margin: 0;
        max-width: 75pt;
        min-height: 30px;
        overflow: hidden;
        position: relative;
        text-align: center
    }

    .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .PlusMinus_number {
        border: 0;
        color: #000;
        font-size: 1pc;
        font-weight: 600;
        height: 30px;
        line-height: 30px;
        margin: auto;
        outline: 0;
        text-align: center;
        width: 2pc
    }

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .adultPaxCard .adultBoxWrapper .adultBox .adultPaxCardContent .PlusMinus_number {
        font-size: 20px;
        margin: 0 5px
    }
}

.App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

    .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .paxTxt {
        margin-right: 15px
    }

        .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .paxTxt .paxTxt1 {
            font-size: 18px;
            font-weight: 600;
            text-align: left
        }

@media(min-width:992px) {
    .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .paxTxt .paxTxt1 {
        font-size: 20px
    }
}

.App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent {
    display: flex;
    flex-direction: row
}

    .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .sub {
        border: 1px solid #dcdcdc;
        border-radius: 50%;
        cursor: pointer;
        font-size: 22px;
        font-weight: 600;
        height: 30px;
        left: 0;
        top: 0;
        -webkit-user-select: none;
        user-select: none;
        width: 33px
    }

        .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .sub.active {
            background: #ff000f;
            color: #fff
        }

        .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .sub.inactive {
            background: #dcdcdc;
            color: #343434
        }

    .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .spacer {
        clear: both;
        height: 10px
    }

    .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .add {
        border: 1px solid #dcdcdc;
        border-radius: 50%;
        cursor: pointer;
        font-size: 1pc;
        font-weight: 600;
        height: 30px;
        right: 0;
        top: 0;
        -webkit-user-select: none;
        user-select: none;
        width: 33px
    }

        .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .add.active {
            background: #ff000f;
            color: #fff
        }

        .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .add.inactive {
            background: #dcdcdc;
            color: #343434
        }

    .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .PlusMinusRow {
        align-items: center;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        line-height: 28px;
        margin: 0;
        max-width: 75pt;
        min-height: 30px;
        overflow: hidden;
        position: relative;
        text-align: center
    }

    .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .PlusMinus_number {
        border: 0;
        color: #000;
        font-size: 1pc;
        font-weight: 600;
        height: 30px;
        line-height: 30px;
        margin: auto;
        outline: 0;
        text-align: center;
        width: 2pc
    }

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .adultPaxCard .childBoxWrapper .childBox .childPaxCardContent .PlusMinus_number {
        font-size: 20px;
        margin: 0 5px
    }
}

.App .ticket-booking-asi-submission .form-input-row {
    -moz-column-gap: 45px;
    column-gap: 45px;
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

@media(min-width:1200px) {
    .App .ticket-booking-asi-submission .form-input-row {
        flex-direction: row;
        row-gap: 10px
    }
}

.App .ticket-booking-asi-submission .note span {
    font-size: 15px;
    font-style: italic;
    font-weight: 400
}

.App .ticket-booking-asi-submission .selected-booking-card {
    flex: 1 0 100%;
    max-width: 100%
}

@media(min-width:992px) {
    .App .ticket-booking-asi-submission .selected-booking-card {
        flex: 1 0 45%;
        max-width: 45%
    }
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .selected-booking-card {
        flex: 1 0 50%;
        max-width: 50%
    }
}

.App .ticket-booking-asi-submission .selected-booking-card .selected-booking-card-content {
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 20px;
    text-align: left
}

@media(min-width:992px) {
    .App .ticket-booking-asi-submission .selected-booking-card .selected-booking-card-content {
        padding: 20px 30px
    }
}

.App .ticket-booking-asi-submission .selected-booking-card h6 {
    font-size: 1pc;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .selected-booking-card h6 {
        font-size: 20px
    }
}

.App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card {
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px
}

    .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .monument-name {
        color: #ff000f;
        font-size: 1pc;
        font-weight: 700
    }

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .monument-name {
        font-size: 22px
    }
}

.App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .people-data, .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .price-time-data {
    padding-top: 20px
}

    .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .people-data span, .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .price-time-data span {
        font-size: 14px;
        font-weight: 400
    }

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .people-data span, .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .price-time-data span {
        font-size: 1pc
    }
}

.App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .people-data .count, .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .price-time-data .count {
    font-weight: 600
}

.App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .people-data {
    padding-bottom: 10px
}

    .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .people-data span:first-child {
        padding-right: 15px
    }

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .people-data span:first-child {
        padding-right: 40px
    }
}

.App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .price-time-data {
    display: flex;
    justify-content: space-between;
    padding-top: 0;
    width: 100%
}

    .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .price-time-data div {
        display: flex;
        flex-direction: column
    }

.App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .booking-data {
    padding: 20px 10px
}

@media(min-width:992px) {
    .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .booking-data {
        padding: 20px
    }
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .booking-data {
        padding: 30px
    }
}

.App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .price-data {
    align-items: center;
    border-top: 2px solid #e1e1e1;
    display: flex;
    justify-content: end;
    padding: 20px
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .price-data {
        padding: 35px 30px
    }
}

.App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .price-data span {
    font-size: 1pc;
    font-weight: 700
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .price-data span {
        font-size: 22px
    }
}

.App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .price-data .price-total-value {
    color: #ff000f;
    font-size: 20px;
    font-weight: 700;
    padding-left: 50px
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .selected-booking-card .asi-card-data-card .price-data .price-total-value {
        font-size: 30px;
        padding-left: 125px
    }
}

.App .ticket-booking-asi-submission form h4, .App .ticket-booking-asi-submission form label {
    display: flex;
    flex-direction: column;
    font-size: 1pc;
    font-weight: 700;
    padding-top: 10px
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission form h4, .App .ticket-booking-asi-submission form label {
        font-size: 20px;
        padding-top: 2pc
    }
}

.App .ticket-booking-asi-submission form h4 input, .App .ticket-booking-asi-submission form label input {
    border: 2px solid #c3c3c3;
    border-radius: 5px;
    font-weight: 600;
    margin-top: 15px;
    padding: 9pt
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission form h4 input, .App .ticket-booking-asi-submission form label input {
        padding: 9pt 20px
    }
}

.App .ticket-booking-asi-submission form h4 input::placeholder, .App .ticket-booking-asi-submission form label input::placeholder {
    color: #000;
    font-size: 1pc;
    font-weight: 400
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission form h4 input::placeholder, .App .ticket-booking-asi-submission form label input::placeholder {
        font-size: 20px
    }
}

.App .ticket-booking-asi-submission form .nationality-data {
    padding-top: 0;
    width: 100%
}

.App .ticket-booking-asi-submission form .form-item-container {
    flex: 1 0 100%;
    max-width: 100%;
    text-align: left
}

@media(min-width:1200px) {
    .App .ticket-booking-asi-submission form .form-item-container {
        flex: 1 0 45%;
        max-width: 45%
    }
}

.App .ticket-booking-asi-submission form .form-item-container.full-width {
    flex: 1 0 100%;
    max-width: 100%
}

.App .ticket-booking-asi-submission form .form-item-container.age-container input {
    flex: 1 0 30%;
    max-width: 30%
}

@media(min-width:1200px) {
    .App .ticket-booking-asi-submission form .form-item-container.age-container input {
        flex: 1 0 45%;
        max-width: 45%
    }
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission form .form-item-container.age-container input {
        flex: 1 0 40%;
        max-width: 40%
    }
}

.App .ticket-booking-asi-submission form .form-item-country {
    display: flex
}

    .App .ticket-booking-asi-submission form .form-item-country label {
        width: 100%
    }

.App .ticket-booking-asi-submission .asi-proceed-btn {
    display: flex;
    justify-content: center;
    padding: 35px 0 40px
}

.App .ticket-booking-asi-submission .asi-terms {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:992px) {
    .App .ticket-booking-asi-submission .asi-terms {
        flex-direction: row
    }
}

.App .ticket-booking-asi-submission .asi-terms span {
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .asi-terms span {
        font-size: 15px
    }
}

.App .ticket-booking-asi-submission .asi-terms .tooltip-container {
    text-align: center
}

    .App .ticket-booking-asi-submission .asi-terms .tooltip-container span {
        color: #ff000f;
        padding-left: 5px
    }

.App .ticket-booking-asi-submission .radio-label-container {
    display: flex
}

    .App .ticket-booking-asi-submission .radio-label-container .radio-label {
        display: flex;
        flex-direction: row;
        padding-right: 15px
    }

        .App .ticket-booking-asi-submission .radio-label-container .radio-label input[type=radio] {
            margin-right: 20px;
            margin-top: 0
        }

.App .ticket-booking-asi-submission .custom-select-input {
    border: 2px solid #c3c3c3;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    margin-top: 15px;
    padding: 9pt
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .custom-select-input {
        padding: 9pt 20px
    }
}

.App .ticket-booking-asi-submission .custom-select-input:after {
    color: #fff;
    color: #000;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%
}

.App .ticket-booking-asi-submission .custom-select-input .placeholder-select {
    color: #000;
    font-size: 1pc;
    font-weight: 400
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .custom-select-input .placeholder-select {
        font-size: 20px
    }
}

.App .ticket-booking-asi-submission .custom-select-container {
    background-color: #fff;
    border: 1px solid #c3c3c3;
    padding: 5px;
    position: absolute;
    width: 100%;
    z-index: 1
}

    .App .ticket-booking-asi-submission .custom-select-container .list-item-custom {
        font-size: 14px;
        font-weight: 500
    }

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .custom-select-container .list-item-custom {
        font-size: 18px
    }
}

.App .ticket-booking-asi-submission .custom-select-container .list-item-custom:hover {
    background: rgba(0,0,0,.04)
}

.App .ticket-booking-asi-submission .custom-select-container ::placeholder {
    color: #000;
    font-size: 1pc;
    font-weight: 400
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .custom-select-container ::placeholder {
        font-size: 20px
    }
}

.App .ticket-booking-asi-submission .custom-select, .App .ticket-booking-asi-submission .proof-value-input label {
    position: relative
}

.App .ticket-booking-asi-submission .proof-value-input .aadhar-proof-masking {
    bottom: 9pt;
    color: #dcdcdc;
    display: none;
    font-weight: 600;
    left: 5px;
    position: absolute
}

.App .ticket-booking-asi-submission .proof-value-input.masking-selected .aadhar-proof-masking {
    display: block
}

.App .ticket-booking-asi-submission .proof-value-input.masking-selected input {
    padding-left: 90px
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .proof-value-input.masking-selected input {
        padding-left: 115px
    }
}

.App .ticket-booking-asi-submission .api-error-message, .App .ticket-booking-asi-submission .required-asterisk {
    color: #ff000f
}

.App .ticket-booking-asi-submission .fetch-error {
    font-size: 36px;
    font-weight: 700;
    text-align: center
}

.App .asi-form-details .loader-content {
    align-items: center;
    background-color: hsla(0,0%,100%,.8);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 50%;
    min-height: 500px;
    position: fixed;
    top: 63px;
    transform: translateX(-50%);
    width: 100%;
    z-index: 99
}

    .App .asi-form-details .loader-content img {
        max-width: 50px
    }

#monuments-booking .inc-title-heading {
    margin-top: 30px
}

@media(min-width:992px) {
    #monuments-booking .inc-title-heading {
        margin-top: 0
    }
}

.App .ticket-booking-asi-submission .tooltip-container {
    display: inline-block;
    position: relative
}

.App .ticket-booking-asi-submission .tooltip-content {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    color: #333;
    left: 50%;
    opacity: 0;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 150%;
    transform: translateX(-50%);
    transition: opacity .3s;
    visibility: hidden;
    width: 200px;
    z-index: 1
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .tooltip-content {
        padding: 20px;
        width: 310px
    }
}

.App .ticket-booking-asi-submission .tooltip-content:before {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
    width: 0
}

.App .ticket-booking-asi-submission .tooltip-content li {
    color: gray;
    font-size: 9pt;
    font-weight: 400;
    list-style-type: decimal;
    padding: 8px 0
}

@media(min-width:1500px) {
    .App .ticket-booking-asi-submission .tooltip-content li {
        font-size: 13px
    }
}

.App .ticket-booking-asi-submission .tooltip-content ol {
    padding-left: 15px
}

.App .ticket-booking-asi-submission .tooltip-container:hover .tooltip-content {
    opacity: 1;
    visibility: visible
}

@media(max-width:992px) {
    .App .ticket-booking-asi-submission .tooltip-container.open-terms {
        opacity: 1;
        visibility: visible
    }
}

.App .dam-repository-main-container .dam-search-component {
    padding: 30px 60px 0
}

@media(min-width:992px) {
    .App .dam-repository-main-container .dam-search-component {
        padding: 50px 60px 0
    }
}

@media(min-width:1200px) {
    .App .dam-repository-main-container .dam-search-component {
        padding: 50px 200px 0
    }
}

@media(min-width:1600px) {
    .App .dam-repository-main-container .dam-search-component {
        padding: 75px 260px 0
    }
}

.App .dam-repository-main-container .search-container {
    display: flex;
    width: 100%
}

.App .dam-repository-main-container .dam-dropdown-menu {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    left: 10%;
    position: absolute;
    top: 105%;
    width: 80%;
    z-index: 1
}

.App .dam-repository-main-container .dam-dropdown-item {
    cursor: pointer;
    padding: 15px 20px;
    text-align: left
}

    .App .dam-repository-main-container .dam-dropdown-item:hover {
        background-color: #f0f0f0
    }

.App .dam-repository-main-container .search-input-container {
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 50px;
    display: flex;
    padding: 10px 30px;
    width: 100%
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .search-input-container {
        padding: 15px 30px
    }
}

.App .dam-repository-main-container .search-input {
    background-color: #f1f1f1;
    border: none;
    color: #000;
    font-size: 1pc;
    font-weight: 500;
    outline: none;
    width: 100%
}

@media(min-width:1200px) {
    .App .dam-repository-main-container .search-input {
        font-size: 20px
    }
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .search-input {
        font-size: 22px
    }
}

.App .dam-repository-main-container .search-input::placeholder {
    color: #9d9d9d;
    font-size: 1pc;
    font-style: italic;
    font-weight: 500
}

@media(min-width:992px) {
    .App .dam-repository-main-container .search-input::placeholder {
        font-size: 22px
    }
}

.App .dam-repository-main-container .search-icon {
    cursor: pointer;
    margin-left: 10px
}

    .App .dam-repository-main-container .search-icon:before {
        color: #fff;
        color: #ff000f;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        font-size: 14px
    }

@media(min-width:992px) {
    .App .dam-repository-main-container .search-icon:before {
        font-size: 22px
    }
}

.App .dam-repository-main-container .dam-category-container {
    padding: 35px 0 0
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .dam-category-container {
        padding: 75px 0 0
    }
}

.App .dam-repository-main-container .dam-category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .dam-category-list {
        gap: 20px
    }
}

.App .dam-repository-main-container .dam-category-heading {
    margin-bottom: 15px;
    text-align: left
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .dam-category-heading {
        margin-bottom: 35px
    }
}

.App .dam-repository-main-container .dam-category-item {
    border-radius: 15px;
    cursor: pointer;
    flex: 1;
    height: 200px;
    overflow: hidden;
    position: relative
}

@media(min-width:768px) {
    .App .dam-repository-main-container .dam-category-item {
        height: 230px
    }
}

@media(min-width:1200px) {
    .App .dam-repository-main-container .dam-category-item {
        height: 275px
    }
}

.App .dam-repository-main-container .dam-category-item:before {
    background: linear-gradient(180deg,rgba(125,185,232,0),#000);
    bottom: 0;
    content: " ";
    height: 45%;
    left: 0;
    position: absolute;
    width: 100%
}

.App .dam-repository-main-container .dam-category-image {
    border-radius: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.App .dam-repository-main-container .dam-category-text {
    bottom: 45px;
    color: #fff;
    font-size: 9pt;
    font-weight: 700;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    width: 100%
}

@media(min-width:575px) {
    .App .dam-repository-main-container .dam-category-text {
        font-size: 1pc
    }
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .dam-category-text {
        font-size: 21px
    }
}

.App .dam-repository-main-container .dam-list-top-container {
    display: flex;
    justify-content: space-between;
    position: relative
}

    .App .dam-repository-main-container .dam-list-top-container .dam-list-top-left-container {
        flex: 1 0 50%;
        max-width: 50%
    }

@media(min-width:575px) {
    .App .dam-repository-main-container .dam-list-top-container .dam-list-top-left-container {
        flex: 1 0 80%;
        max-width: 80%
    }
}

.App .dam-repository-main-container .dam-list-top-container .dam-list-top-right-container {
    flex: 1 0 40%;
    max-width: 40%
}

@media(min-width:575px) {
    .App .dam-repository-main-container .dam-list-top-container .dam-list-top-right-container {
        flex: 1 0 20%;
        max-width: 20%
    }
}

.App .dam-repository-main-container .dam-list-bottom-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding-top: 25px
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .dam-list-bottom-container {
        gap: 22px;
        padding-top: 60px
    }
}

.App .dam-repository-main-container .load-more {
    padding-top: 30px
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .load-more {
        padding-top: 70px
    }
}

.App .dam-repository-main-container .filter-dropdown-category {
    display: flex;
    flex-direction: column
}

@media(min-width:992px) {
    .App .dam-repository-main-container .filter-dropdown-category {
        flex-direction: row
    }
}

.App .dam-repository-main-container .filter-category-section {
    margin-top: 15px
}

@media(min-width:992px) {
    .App .dam-repository-main-container .filter-category-section {
        margin-top: 0
    }
}

.App .dam-repository-main-container .chip-container {
    display: flex;
    position: relative
}

    .App .dam-repository-main-container .chip-container:after {
        background-color: #dadada;
        bottom: -4px;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        transition: background-color .3s;
        z-index: 1
    }

.App .dam-repository-main-container .chip {
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    padding: 10px;
    position: relative;
    transition: color .3s,border-color .3s
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .chip {
        font-size: 1pc;
        padding: 10px 15px
    }
}

.App .dam-repository-main-container .chip.active {
    font-weight: 600
}

.App .dam-repository-main-container .chip:after {
    background-color: transparent;
    bottom: -5px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    transition: background-color .3s;
    z-index: 2
}

.App .dam-repository-main-container .chip.active:after {
    background-color: #414141
}

.App .dam-repository-main-container .image-card {
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    width: 300px
}

@media(min-width:575px) {
    .App .dam-repository-main-container .image-card {
        width: 225px
    }
}

@media(min-width:1200px) {
    .App .dam-repository-main-container .image-card {
        width: 230px
    }
}

@media(min-width:1600px) {
    .App .dam-repository-main-container .image-card {
        width: 345px
    }
}

.App .dam-repository-main-container .image {
    border: 1px solid #c3c3c3;
    border-radius: 10px;
    height: 180px;
    width: 100%
}

@media(min-width:575px) {
    .App .dam-repository-main-container .image {
        height: 150px
    }
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .image {
        height: 15pc
    }
}

.App .dam-repository-main-container .details {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 15px 5px
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .details {
        gap: 30px
    }
}

.App .dam-repository-main-container .info {
    display: flex;
    flex-direction: column;
    text-align: left
}

    .App .dam-repository-main-container .info p {
        font-size: 13px;
        font-weight: 400
    }

.App .dam-repository-main-container .download-icon {
    cursor: pointer
}

    .App .dam-repository-main-container .download-icon:before {
        color: #fff;
        color: #7f7f7f;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px
    }

.App .dam-repository-main-container .modal-overlay {
    align-items: center;
    background: transparent;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .5s ease,visibility .5s ease;
    visibility: hidden;
    width: 100%;
    z-index: 50
}

    .App .dam-repository-main-container .modal-overlay.open {
        background: rgba(0,0,0,.5);
        opacity: 1;
        visibility: visible
    }

.App .dam-repository-main-container .modal-content {
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    height: 50%;
    max-height: 25pc;
    padding: 15px;
    position: relative;
    transform: translateY(-50px);
    transition: transform .5s ease;
    width: auto
}

@media(min-width:992px) {
    .App .dam-repository-main-container .modal-content {
        height: 65%;
        max-height: 500px
    }
}

.App .dam-repository-main-container .modal-overlay.open .modal-content {
    transform: translateY(0)
}

.App .dam-repository-main-container .close-icon {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 9pt;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: -40px
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .close-icon {
        font-size: 1pc
    }
}

.App .dam-repository-main-container .close-icon:after {
    color: #fff;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 20px;
    margin-left: 5px
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .close-icon:after {
        font-size: 30px
    }
}

.App .dam-repository-main-container .modal-image {
    height: auto;
    max-height: 85%;
    width: -moz-fit-content;
    width: fit-content
}

.App .dam-repository-main-container .modal-details {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 10px 0 5px
}

@media(min-width:1500px) {
    .App .dam-repository-main-container .modal-details {
        gap: 30px;
        padding: 20px 0 5px
    }
}

.App .dam-repository-main-container .modal-info {
    display: flex;
    flex-direction: column;
    text-align: left
}

    .App .dam-repository-main-container .modal-info p {
        font-size: 13px;
        font-weight: 400
    }

.App .dam-repository-main-container .download-button {
    align-items: center;
    color: #fff;
    display: flex
}

    .App .dam-repository-main-container .download-button:after {
        color: #fff;
        content: "";
        font-family: bootstrap-icons;
        font-size: 22px;
        font-size: 9pt;
        margin-left: 10px
    }

@media(min-width:1500px) {
    .App .dam-repository-main-container .download-button:after {
        font-size: 1pc
    }
}

.App .dam-repository-main-container .loader-content {
    align-items: center;
    background-color: hsla(0,0%,100%,.8);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 50%;
    min-height: 500px;
    position: fixed;
    top: 63px;
    transform: translateX(-50%);
    width: 100%;
    z-index: 99
}

    .App .dam-repository-main-container .loader-content img {
        max-width: 50px
    }

.App .dam-repository-main-container .large-img {
    height: 1px;
    overflow: hidden;
    width: 1px
}

    .App .dam-repository-main-container .large-img #sourceImage {
        height: auto !important;
        max-width: unset !important;
        width: auto !important
    }

.dam-repository-container .contenthub-filters .select-filters {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    margin-bottom: 0
}

@media(min-width:1500px) {
    .dam-repository-container .contenthub-filters .select-filters {
        flex-direction: row;
        gap: 25px;
        justify-content: space-between
    }
}

.dam-repository-container .contenthub-filters .select-items button {
    align-items: center;
    background: #fff;
    border: 2px solid #c3c3c3;
    border-radius: 5px;
    color: #000;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 45px;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

@media(min-width:1500px) {
    .dam-repository-container .contenthub-filters .select-items button {
        font-size: 1pc;
        height: 45px
    }
}

.dam-repository-container .contenthub-filters .select-items button .down-icon {
    fill: #000;
    margin-left: 55px;
    width: 25px
}

.dam-repository-container .contenthub-filters .select-items button.active-filter-btn {
    background-color: #ff000f;
    color: #fff
}

    .dam-repository-container .contenthub-filters .select-items button.active-filter-btn .down-icon {
        fill: #fff
    }

.dam-repository-container .contenthub-filters .select-items .close-btn {
    cursor: pointer;
    font-size: 30px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0
}

.dam-repository-container .contenthub-filters .select-items .filter-dropdown {
    background: #fff;
    border: 1px solid #d3d3d3;
    left: 0;
    padding: 0 15px 15px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 100%;
    z-index: 99
}

    .dam-repository-container .contenthub-filters .select-items .filter-dropdown input[type=checkbox] {
        cursor: pointer;
        height: 0;
        opacity: 0;
        position: absolute;
        width: 0
    }

    .dam-repository-container .contenthub-filters .select-items .filter-dropdown .filter-btns {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 20px;
        padding-left: 20px;
        padding-top: 10px
    }

        .dam-repository-container .contenthub-filters .select-items .filter-dropdown .filter-btns button {
            border: 2px solid #ff000f;
            border-radius: 45px;
            color: #ff000f;
            font-size: 22px;
            margin-right: 15px;
            padding-left: 35px;
            padding-right: 35px;
            text-align: center;
            width: auto
        }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .filter-btns button.apply {
                background: #ff000f;
                color: #fff
            }

    .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories {
        padding: 25px 0
    }

        .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories:first-of-type, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories:first-of-type {
            padding-top: 0
        }

        .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories:last-of-type, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories:last-of-type {
            border-bottom: none
        }

        .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list h4, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list h4 {
            font-size: 20px;
            font-weight: 700;
            padding-left: 20px
        }

        .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            margin: 15px 0 15px 20px;
            overflow: hidden;
            overflow-y: auto
        }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items label, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items label {
                margin-bottom: 0
            }

                .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items label .checkmark, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items label .checkmark {
                    background-color: #fff;
                    border: 1px solid #000;
                    height: 20px;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 20px
                }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items input[type=checkbox]:checked ~ .checkmark, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items input[type=checkbox]:checked ~ .checkmark {
                background-color: #ff000f;
                border: 1px solid #ff000f
            }

                .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items input[type=checkbox]:checked ~ .checkmark:after, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items input[type=checkbox]:checked ~ .checkmark:after {
                    color: #fff;
                    content: "";
                    font-family: bootstrap-icons;
                    font-size: 20px;
                    font-weight: 700;
                    left: -1px;
                    position: relative
                }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items .checkmark:after, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items .checkmark:after {
                color: #fff;
                height: 10px;
                top: -5px;
                width: 5px
            }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items .checkbox input:checked ~ .checkmark:after, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items .checkbox input:checked ~ .checkmark:after {
                display: block
            }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items input[type~=checkbox], .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items input[type~=checkbox] {
                display: none
            }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items input[type=checkbox], .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items input[type=radio], .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items input[type=checkbox], .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items input[type=radio] {
                box-sizing: content-box;
                padding: 0
            }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items input[type~=checkbox] + label, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items input[type~=checkbox] + label {
                color: #000;
                cursor: pointer
            }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items label, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items label {
                display: block;
                line-height: 1.5
            }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items input[type~=checkbox]:checked + label:before, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items input[type~=checkbox]:checked + label:before {
                background-color: #ff000f;
                border: none;
                color: #fff;
                content: "";
                font-family: bootstrap-icons;
                font-size: 22px;
                font-size: 18px;
                font-weight: 700;
                left: 0;
                line-height: 1;
                position: absolute;
                text-transform: none;
                top: 1px
            }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .filter-list-items input[type~=checkbox] + label:before, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .filter-list-items input[type~=checkbox] + label:before {
                border: 1px solid #000;
                color: #fff;
                content: "";
                display: inline-block;
                font-size: 18px;
                height: 18px;
                left: 0;
                line-height: 1pc;
                margin-right: 10px;
                position: absolute;
                top: 1px;
                vertical-align: middle;
                width: 18px
            }

        .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            height: 310px;
            justify-content: center;
            margin: 50px 0;
            overflow: hidden;
            overflow-y: auto
        }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items > div, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items > div {
                flex: 1 0 16%;
                list-style: none;
                max-width: 16%;
                padding: 0 10px
            }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items ul, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items ul {
                flex: 1 0 16%;
                list-style: none;
                padding: 0 20px;
                width: 100%
            }

                .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items ul li .inc-map-icon img, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items ul li .inc-map-icon img {
                    width: 94px
                }

                .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items ul li .checkmark, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items ul li .checkmark {
                    background-color: #fff;
                    border: 1px solid #000;
                    height: 20px;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 20px
                }

                .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items ul li input[type=checkbox]:checked ~ .checkmark, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items ul li input[type=checkbox]:checked ~ .checkmark {
                    background-color: #ff000f;
                    border: 1px solid #ff000f
                }

                    .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items ul li input[type=checkbox]:checked ~ .checkmark:after, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items ul li input[type=checkbox]:checked ~ .checkmark:after {
                        color: #fff;
                        content: "";
                        font-family: bootstrap-icons;
                        font-size: 20px;
                        font-weight: 700;
                        left: -1px;
                        position: relative
                    }

                .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items ul li .checkmark:after, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items ul li .checkmark:after {
                    color: #fff;
                    height: 10px;
                    top: -5px;
                    width: 5px
                }

                .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items ul li .checkbox input:checked ~ .checkmark:after, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items ul li .checkbox input:checked ~ .checkmark:after {
                    display: block
                }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items input[type~=checkbox], .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items input[type~=checkbox] {
                display: none
            }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items input[type=checkbox], .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items input[type=radio], .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items input[type=checkbox], .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items input[type=radio] {
                box-sizing: content-box;
                padding: 0
            }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items input[type~=checkbox] + label, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items input[type~=checkbox] + label {
                color: #000;
                cursor: pointer
            }

            .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items .inc-ch-filter-bar__label, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items .inc-ch-filter-bar__label {
                color: #45a9ea;
                display: inline-block;
                font-size: 18px;
                font-weight: 700;
                margin-right: 45px;
                margin-top: 15px;
                padding-left: 0;
                padding-right: 5px;
                position: relative
            }

@media screen and (max-width:767px) {
    .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items .inc-ch-filter-bar__label, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items .inc-ch-filter-bar__label {
        margin-right: 15px;
        margin-top: 20px
    }
}

@media(min-width:992px) {
    .dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items .inc-ch-filter-bar__label, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items .inc-ch-filter-bar__label {
        width: auto
    }
}

.dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items label, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items label {
    display: block;
    line-height: 1.5
}

.dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items input[type~=checkbox]:checked + label:before, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items input[type~=checkbox]:checked + label:before {
    background-color: #ff000f;
    border: none;
    color: #fff;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 18px;
    font-weight: 700;
    left: 0;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 1px
}

.dam-repository-container .contenthub-filters .select-items .filter-dropdown .regioncategories .menu-list-items input[type~=checkbox] + label:before, .dam-repository-container .contenthub-filters .select-items .filter-dropdown .yearcategories .menu-list-items input[type~=checkbox] + label:before {
    border: 1px solid #000;
    color: #fff;
    content: "";
    display: inline-block;
    font-size: 18px;
    height: 18px;
    left: 0;
    line-height: 1pc;
    margin-right: 10px;
    position: absolute;
    top: 1px;
    vertical-align: middle;
    width: 18px
}

.dam-repository-container .contenthub-filters .select-items label {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-right: 20px;
    padding-left: 25px;
    position: relative
}

.dam-repository-container .contenthub-filters .select-items h2 {
    color: #45a9ea;
    font-size: 1pc;
    font-weight: 700;
    margin-bottom: 25px
}

.dam-repository-container .contenthub-filters .select-items .more-filters {
    background: #f4f4f4;
    border-radius: 5px;
    font-size: 20px;
    left: 50%;
    max-width: 340px;
    min-width: 340px;
    position: absolute;
    top: 50px;
    transform: translateX(-50%);
    z-index: 99
}

    .dam-repository-container .contenthub-filters .select-items .more-filters h2 {
        color: #000;
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 25px;
        text-align: left
    }

.dam-repository-container .contenthub-filters .selectedFilter {
    min-width: 75%
}

    .dam-repository-container .contenthub-filters .selectedFilter .clear-all {
        background: none;
        border: none;
        color: #ff000f;
        font-size: 15px;
        font-weight: 600;
        position: absolute;
        right: 20px;
        top: 5px
    }

        .dam-repository-container .contenthub-filters .selectedFilter .clear-all i {
            font-size: 20px;
            left: -25px;
            position: absolute;
            top: -3px
        }

    .dam-repository-container .contenthub-filters .selectedFilter .filters {
        display: flex;
        flex-wrap: wrap;
        padding: 25px 75pt 0 0;
        position: relative
    }

@media(min-width:992px) {
    .dam-repository-container .contenthub-filters .selectedFilter .filters {
        padding-top: 0
    }
}

@media(min-width:1500px) {
    .dam-repository-container .contenthub-filters .selectedFilter .filters {
        padding-bottom: 15px
    }
}

.dam-repository-container .contenthub-filters .selectedFilter .filters label {
    background: #f5f5f5;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 10px;
    margin-right: 9pt;
    padding: 4px 20px 4px 5px
}

    .dam-repository-container .contenthub-filters .selectedFilter .filters label i {
        font-size: 18px
    }

body, html {
    background: #fff;
    color: #000;
    font-family: Montserrat;
    font-size: 1pc;
    line-height: 1.5;
    margin: 0
}

body {
    overflow-x: hidden
}

body, header {
    margin: 0 auto;
    max-width: 20in
}

a {
    color: #2020e0
}

button, input, optgroup, select, textarea {
    font: inherit
}

h1, h2, h3, h4, h5, h6, p {
    font-family: Montserrat;
    margin: 0
}

h1 {
    font-size: 40px;
    font-weight: 700
}

@media(min-width:768px) {
    h1 {
        font-size: 140px
    }
}

h2 {
    font-size: 42px;
    font-weight: 900
}

@media(min-width:768px) {
    h2 {
        font-size: 150px
    }
}

h3 {
    font-size: 10px;
    font-weight: 800
}

@media(min-width:768px) {
    h3 {
        font-size: 26px
    }
}

h4 {
    font-size: 9pt;
    font-weight: 700
}

@media(min-width:768px) {
    h4 {
        font-size: 27px
    }
}

h5 {
    font-size: 10px;
    font-weight: 700
}

@media(min-width:768px) {
    h5 {
        font-size: 22px
    }
}

h6 {
    font-size: 18px;
    font-weight: 700
}

@media(min-width:768px) {
    h6 {
        font-size: 18px
    }
}

p {
    font-size: 10px;
    font-weight: 600
}

@media(min-width:768px) {
    p {
        font-size: 18px
    }
}

p.txt-small {
    font-size: 9pt;
    font-weight: 600
}

@media(min-width:768px) {
    p.txt-small {
        font-size: 9pt
    }
}

.container {
    max-width: inherit;
    padding-left: inherit;
    padding-right: inherit
}

.inc-btn--small a {
    background-color: #da3732;
    border-radius: 5px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: #fff;
    display: inline;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    padding: 14px 28px;
    text-decoration: none
}

.inc-btn--large .cmp-teaser__action-container {
    background: #da3732 !important;
    border-radius: 10px !important;
    max-width: 100% !important;
    white-space: nowrap !important
}

.inc-btn--large .cmp-teaser__action-container, .inc-btn--large a {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important
}

.inc-btn--large a {
    color: #fff !important;
    padding: 9pt !important;
    text-align: center !important
}

    .inc-btn--large a:after {
        content: unset !important
    }

.inc-btn--large--arrow .cmp-teaser__action-container {
    background: #da3732 !important;
    border-radius: 10px !important;
    max-width: 100% !important;
    white-space: nowrap !important
}

.inc-btn--large--arrow .cmp-teaser__action-container, .inc-btn--large--arrow a {
    align-items: center !important;
    display: flex !important;
    justify-content: center !important
}

.inc-btn--large--arrow a {
    color: #fff !important;
    padding: 9pt !important;
    text-align: center !important
}

    .inc-btn--large--arrow a:after {
        color: #fff !important;
        top: 0 !important
    }

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    background: #d3d3d3;
    border-radius: 5px
}

::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 20px
}

.btn-primary, .btn-primary:hover {
    background-color: #ff000f;
    border-color: #da3732;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    width: auto
}

main.container {
    max-width: 20in
}

main .experiencefragment {
    float: none !important
}

.red-background {
    background-color: #ff000f;
    color: #fff;
    padding: 0 5px
}

.inc-container {
    clear: both !important;
    float: none !important;
    margin: 0 auto !important;
    padding: 0 9pt !important
}

@media(min-width:992px) {
    .inc-container {
        padding: 0 70px !important
    }
}

.modal-fullscreen {
    margin: 0 auto;
    max-width: 20in !important;
    padding: 20px
}

@media(min-width:992px) {
    .modal-fullscreen {
        padding: 0 130px
    }
}

.modal {
    background-color: #fff
}

.cmp-link__screen-reader-only {
    display: none !important
}

.inc-header__section--login .cmp-container > .aem-Grid {
    align-items: center;
    display: flex
}

.inc-header__section--login .cmp-image__image {
    cursor: pointer;
    margin-right: 20px;
    width: auto
}

.inc-block__description {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 2pc;
    position: relative
}

@media(min-width:992px) {
    .inc-block__description {
        margin-bottom: 42px
    }
}

.inc-block__description .cmp-text {
    align-items: center;
    display: flex;
    max-width: 330px;
    padding: 10px;
    position: relative
}

    .inc-block__description .cmp-text:after, .inc-block__description .cmp-text:before {
        border: 2px solid #2e2e2e;
        content: "";
        height: 100%;
        position: absolute;
        width: 7px
    }

@media(min-width:992px) {
    .inc-block__description .cmp-text:after, .inc-block__description .cmp-text:before {
        width: 10px
    }
}

.inc-block__description .cmp-text:before {
    border-width: 1px 0 1px 1px;
    left: 0
}

@media(min-width:992px) {
    .inc-block__description .cmp-text:before {
        border-width: 3px 0 3px 3px
    }
}

.inc-block__description .cmp-text:after {
    border-width: 1px 1px 1px 0;
    right: 0
}

@media(min-width:992px) {
    .inc-block__description .cmp-text:after {
        border-width: 3px 3px 3px 0
    }

    .inc-block__description .cmp-text {
        max-width: 968px;
        padding: 14px 34px
    }
}

.inc-block__description .cmp-text p {
    font-size: 9pt;
    font-weight: 500;
    line-height: 15px;
    text-align: center
}

@media(min-width:992px) {
    .inc-block__description .cmp-text p {
        font-size: 27px;
        line-height: 33px
    }
}

.inc-block__heading {
    float: none !important;
    margin: 25px auto;
    padding: 0 20px
}

@media(min-width:992px) {
    .inc-block__heading {
        margin: 70px auto 50px;
        max-width: 80pc;
        padding: 0
    }
}

.inc-block__heading h2 {
    word-wrap: break-word;
    color: #d1d1d1;
    font-family: Montserrat,sans-serif;
    font-size: 40px;
    font-size: clamp(40px,8vw,150px) !important;
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 33px;
    line-height: clamp(33px,8vw,87pt) !important;
    margin: 0 auto;
    opacity: 1;
    text-align: center;
    word-spacing: 0
}

@media(min-width:992px) {
    .inc-block__heading h2 {
        letter-spacing: 0;
        word-spacing: -6px
    }
}

@media(min-width:1500px) {
    .inc-block__heading h2 {
        letter-spacing: -6px;
        word-spacing: -10px
    }
}

.inc-block__heading p {
    font-size: 9pt;
    font-weight: 400;
    line-height: 18px;
    margin: 20px auto 0;
    max-width: 1500px;
    text-align: center
}

@media(min-width:1500px) {
    .inc-block__heading p {
        margin: 0 auto
    }
}

@media(min-width:992px) {
    .inc-block__heading p {
        font-size: 24px;
        line-height: 34px;
        margin: 35px 95px 0
    }
}

.inc-block__heading--resize.inc-block__heading h2 {
    font-size: 26px;
    font-size: clamp(26px,7vw,8pc) !important
}

@media(min-width:992px) {
    .inc-block__heading--resize.inc-block__heading h2 {
        font-size: 8pc;
        font-size: clamp(26px,7vw,8pc) !important
    }
}

@media(min-width:992px) {
    .inc-block__heading:has(+.inc-carousel__overlap) {
        margin-bottom: 40px
    }
}

@media(min-width:992px) {
    .inc-carousel__overlap + .inc-block__heading {
        margin-top: 50px !important
    }
}

.container + .inc-container__experience-banner_text {
    margin-top: 30px !important
}

@media(min-width:992px) {
    .container + .inc-container__experience-banner_text {
        margin-top: 60px !important
    }
}

.experiencefragment + .inc-container__experience-banner_text {
    margin-top: 24px !important
}

@media(min-width:992px) {
    .experiencefragment + .inc-container__experience-banner_text {
        margin-top: 84px !important
    }
}

.experiencefragment + .inc-container__experience-banner_text .text {
    padding-top: 1%
}

.inc-container--fluid .inc-container {
    padding: 0
}

@media(min-width:992px) {
    .inc-container--fluid .inc-container {
        padding: 0 95px
    }
}

.cmp-list::-webkit-scrollbar {
    width: 8px
}

.cmp-list::-webkit-scrollbar-track {
    background: #d3d3d3;
    border-radius: 5px
}

.cmp-list::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 20px
}

.inc-block__heading.inc-block__mobile-only {
    display: block
}

@media(min-width:992px) {
    .inc-block__heading.inc-block__mobile-only {
        display: none
    }
}

.inc-tabs .cmp-tabs__tablist {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 25px
}

@media(min-width:992px) {
    .inc-tabs .cmp-tabs__tablist {
        margin-bottom: 45px
    }
}

.inc-tabs .cmp-tabs__tab {
    background-color: #f2f1f2;
    border-bottom: none;
    border-radius: 30px;
    color: #000;
    font-size: 9pt;
    font-weight: 600;
    margin: 2px 8px;
    padding: 10px 20px
}

@media(min-width:992px) {
    .inc-tabs .cmp-tabs__tab {
        font-size: 22px;
        padding: 10px 30px
    }
}

.inc-tabs .cmp-tabs__tab.cmp-tabs__tab--active {
    background-color: #ff000f;
    color: #fff
}

.inc-container--imagetext {
    background-color: #f2f1f2;
    border-radius: 10px;
    margin-top: 30px
}

@media(min-width:992px) {
    .inc-container--imagetext {
        padding: 60px 30px
    }
}

.inc-container--imagetext .cmp-container {
    display: flex
}

    .inc-container--imagetext .cmp-container .image {
        max-width: 100%;
        padding: 0
    }

@media(min-width:992px) {
    .inc-container--imagetext .cmp-container .image {
        max-width: 50%;
        padding: 0 30px
    }
}

.inc-container--imagetext .cmp-container .image .cmp-image {
    width: 100%
}

    .inc-container--imagetext .cmp-container .image .cmp-image .cmp-image__image {
        border-radius: 5px;
        display: block
    }

@media(min-width:992px) {
    .inc-container--imagetext .cmp-container .image .cmp-image .cmp-image__image {
        border-radius: 15px
    }
}

.inc-container--imagetext .cmp-container .text {
    max-width: 100%;
    padding: 18px
}

@media(min-width:992px) {
    .inc-container--imagetext .cmp-container .text {
        max-width: 50%;
        padding: 0 30px
    }
}

.inc-container--imagetext .cmp-container .text .cmp-text {
    color: #000
}

    .inc-container--imagetext .cmp-container .text .cmp-text h3 {
        display: none
    }

@media(min-width:992px) {
    .inc-container--imagetext .cmp-container .text .cmp-text h3 {
        display: block;
        font-size: 35px;
        font-weight: 800;
        line-height: 40px;
        margin-bottom: 10px
    }
}

@media(min-width:1200px) {
    .inc-container--imagetext .cmp-container .text .cmp-text h3 {
        font-size: 65px;
        line-height: 60px
    }
}

@media(min-width:1500px) {
    .inc-container--imagetext .cmp-container .text .cmp-text h3 {
        font-size: 103px;
        line-height: 89px
    }
}

.inc-container--imagetext .cmp-container .text .cmp-text ol, .inc-container--imagetext .cmp-container .text .cmp-text ul {
    margin-top: 0;
    padding: 0 20px
}

    .inc-container--imagetext .cmp-container .text .cmp-text ol li, .inc-container--imagetext .cmp-container .text .cmp-text ul li {
        font-size: 9pt;
        font-weight: 400;
        padding: 10px 0
    }

@media(min-width:1200px) {
    .inc-container--imagetext .cmp-container .text .cmp-text ol li, .inc-container--imagetext .cmp-container .text .cmp-text ul li {
        font-size: 18px;
        font-weight: 500
    }
}

@media(min-width:1500px) {
    .inc-container--imagetext .cmp-container .text .cmp-text ol li, .inc-container--imagetext .cmp-container .text .cmp-text ul li {
        font-size: 22px
    }
}

.inc-container--imagetext .cmp-container .text .cmp-text p {
    font-size: 9pt;
    font-weight: 400;
    line-height: 1pc;
    margin-top: 0
}

@media(min-width:1200px) {
    .inc-container--imagetext .cmp-container .text .cmp-text p {
        font-size: 22px;
        font-weight: 500;
        line-height: 36px
    }
}

@media(min-width:1500px) {
    .inc-container--imagetext .cmp-container .text .cmp-text p {
        font-size: 27px
    }
}

.inc-container--imagetext .cmp-container .text .cmp-text h4 {
    color: #ff000f;
    font-size: 9pt;
    font-weight: 800;
    line-height: 14px;
    padding: 0 0 8px;
    text-transform: uppercase
}

@media(min-width:1200px) {
    .inc-container--imagetext .cmp-container .text .cmp-text h4 {
        font-size: 22px;
        line-height: 36px
    }
}

@media(min-width:1500px) {
    .inc-container--imagetext .cmp-container .text .cmp-text h4 {
        font-size: 40px;
        line-height: 36px;
        padding: 55px 0
    }
}

.inc-container--guide {
    clear: both !important
}

    .inc-container--guide .cmp-container {
        position: relative
    }

        .inc-container--guide .cmp-container .aem-Grid {
            bottom: 0;
            display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: center;
            left: 50%;
            position: absolute;
            text-align: left;
            top: auto;
            width: 50%
        }

            .inc-container--guide .cmp-container .aem-Grid .text .cmp-text {
                color: #fff
            }

                .inc-container--guide .cmp-container .aem-Grid .text .cmp-text p {
                    font-size: 9pt;
                    font-size: clamp(9pt,3vw,42px);
                    font-weight: 400;
                    line-height: 1pc;
                    line-height: clamp(9pt,4vw,54px);
                    padding-right: 20px
                }

@media(min-width:992px) {
    .inc-container--guide .cmp-container .aem-Grid .text .cmp-text p {
        font-size: 9pt;
        font-size: clamp(9pt,3vw,42px)
    }
}

@media(min-width:1200px) {
    .inc-container--guide .cmp-container .aem-Grid .text .cmp-text p {
        font-weight: 600;
        padding-right: 75pt
    }
}

.inc-container--guide .cmp-container .aem-Grid .button {
    margin-top: 10px
}

@media(min-width:1200px) {
    .inc-container--guide .cmp-container .aem-Grid .button {
        margin-top: 25px
    }
}

@media(min-width:1500px) {
    .inc-container--guide .cmp-container .aem-Grid .button {
        margin-top: 50px
    }
}

.inc-container--guide .cmp-container .aem-Grid .button a {
    background-color: #da3732;
    border-radius: 30px;
    color: #fff;
    font-size: 9pt;
    font-size: clamp(9pt,2vw,27px);
    font-weight: 600;
    line-height: 42px;
    padding: 10px 30px;
    text-decoration: none
}

@media(min-width:1500px) {
    .inc-container--guide .cmp-container .aem-Grid .button a {
        padding: 20px 65px
    }
}

.inc-container--guide .cmp-container .cmp-image__image {
    border-radius: 5px
}

@media(min-width:992px) {
    .inc-container--guide .cmp-container .cmp-image__image {
        border-radius: 15px
    }
}

.black-theme-page {
    background-color: #181818
}

    .black-theme-page main .inc-container {
        background-color: #202020
    }

@media(min-width:992px) {
    .inc-block__mobile-only + .inc-aemcarousel {
        margin-top: 70px !important
    }
}

.inc-carousel.inc-carousel__content--bg .cmp-teaser__description {
    display: none
}

@media(min-width:992px) {
    .inc-carousel.inc-carousel__content--bg .cmp-teaser__description {
        display: block
    }
}

.inc-aemcarousel__souvenirs-container .carousel .cmp-carousel__item .cmp-container .text .cmp-text p {
    display: none
}

@media(min-width:992px) {
    .inc-aemcarousel__souvenirs-container .carousel .cmp-carousel__item .cmp-container .text .cmp-text p {
        display: block
    }
}

.inc-carousel.inc-carousel__overlap.inc-border--top .slick-slide .teaser .cmp-teaser__content .cmp-teaser__description {
    display: none
}

@media(min-width:992px) {
    .inc-carousel.inc-carousel__overlap.inc-border--top .slick-slide .teaser .cmp-teaser__content .cmp-teaser__description {
        display: block
    }
}

.remove-gradient__overlay .cmp-container:after, .remove-gradient__overlay .cmp-teaser:after {
    display: none
}

.disableSlick .slick-track {
    display: flex;
    flex-wrap: wrap;
    transform: translateZ(0) !important;
    width: 100% !important
}

.disableSlick .slick-list {
    overflow: visible !important
}

.disableSlick .slick-slide {
    float: none !important
}

.inc-title-heading {
    padding: 0 30px 2pc;
    text-align: center
}

@media(min-width:992px) {
    .inc-title-heading {
        padding: 0 0 50px
    }
}

.inc-title-heading h2 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1.5px
}

@media(min-width:992px) {
    .inc-title-heading h2 {
        font-size: 50px
    }
}

.inc-title-heading h3 {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 13px;
    font-weight: 400;
    justify-content: center
}

@media(min-width:992px) {
    .inc-title-heading h3 {
        font-size: 24px
    }
}

.inc-title-heading h3:after, .inc-title-heading h3:before {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    width: 3%
}

.inc-title-heading h3:before {
    margin-right: 10px
}

.inc-title-heading h3:after {
    margin-left: 10px
}

.inc-title-heading h4 {
    color: #000;
    font-size: 30px;
    font-weight: 700
}

@media(min-width:992px) {
    .inc-title-heading h4 {
        font-size: 30px
    }
}

.inc-title-heading h4:before {
    border-top: 3px solid #ff000f;
    content: "";
    display: block;
    height: 100%;
    padding-bottom: 10px;
    width: 30px
}

.inc-title-heading p {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    margin-top: 20px
}

@media(min-width:992px) {
    .inc-title-heading p {
        font-size: 15px
    }
}

.inc-card-text, p {
    font-weight: 400
}

.inc-container-bg-grey {
    background: #f3f3f3
}

.inc-container-bg-red-top {
    background: #da3732
}

.inc-container-bg-red-bottom {
    background: #da3732;
    background-size: 100% 50%
}

.slick-list {
    margin: 0;
    overflow: hidden
}

.carousel-actions .next-btn, .carousel-actions .prev-btn {
    text-align: center
}

.btn {
    border-radius: 30px !important
}

.btn-primary {
    font-size: 14px !important;
    padding: 6px 30px !important
}

    .btn-primary, .btn-primary:hover {
        background-color: #ff000f !important
    }

        .btn-primary:hover {
            transition: all .3s
        }

.btn-primary-white {
    color: #000 !important
}

.btn-primary-white, .btn.btn-primary.btn-primary-white:hover {
    background-color: #fff !important
}

.mb-5 {
    margin-bottom: 40px !important
}

@media(min-width:992px) {
    .mb-5 {
        margin-bottom: 5pc !important
    }
}

.mt-5 {
    margin-top: 2pc !important
}

@media(min-width:992px) {
    .mt-5 {
        margin-top: 50px !important
    }
}

.pb-5 {
    padding-bottom: 2pc !important
}

@media(min-width:992px) {
    .pb-5 {
        padding-bottom: 50px !important
    }
}

.pt-5 {
    padding-top: 25px !important
}

@media(min-width:992px) {
    .pt-5 {
        padding-top: 50px !important
    }
}

.btn:active {
    background-color: #ff000f !important
}

.inc-card-btn {
    align-items: center;
    display: flex;
    justify-content: center
}

.inc-theme-container {
    padding-top: 65px
}

@media(min-width:992px) {
    .inc-theme-container {
        padding-top: 75pt
    }
}

.inc-theme-container header {
    background-color: #000 !important;
    top: 0 !important
}

@media(min-width:1025px) {
    .st-right {
        top: 15% !important
    }
}

@media(min-width:1500px) {
    .st-right {
        top: 35% !important
    }
}

.st-right .st-btn {
    display: flex !important
}

.st-right.st-hidden {
    z-index: 0 !important
}

.inc_button--feedback {
    background: #ff000f;
    border-radius: 5px 0 0 5px;
    bottom: 45%;
    height: 90pt;
    padding: 6px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 28px !important;
    z-index: 10
}

@media(min-width:992px) {
    .inc_button--feedback {
        width: 38px !important
    }
}

.inc_button--feedback a {
    color: #fff;
    display: block;
    font-weight: 700;
    height: 88px;
    left: 4px;
    position: absolute;
    text-decoration: none;
    top: 15px;
    transform: rotate(-90deg)
}

@media(min-width:768px) {
    .inc_button--feedback a {
        left: 2px
    }
}

@media(min-width:1500px) {
    .inc_button--feedback a {
        left: 0
    }
}

a {
    text-decoration: none
}

.text-red, a {
    color: #ff000f
}

.inc-bg-overlay--bottom-top:before {
    background: linear-gradient(180deg,hsla(0,48%,59%,0) 0,rgba(0,0,0,.5) 80%);
    border-radius: 14px;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.inc-bg-overlay--left-right:before {
    background: linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.8));
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00ffffff",GradientType=1);
    height: 100%;
    opacity: .7;
    position: absolute;
    width: 100%;
    z-index: 1
}

.inc-card--body__gray .card-body {
    background: #f4f4f4
}

.inc-card--body__white .card-body {
    background: #fff
}

.double-row-card {
    padding-top: 15px
}

@media(min-width:1500px) {
    .double-row-card {
        padding-top: 30px
    }
}

.double-row-card .carousel-actions {
    bottom: -12% !important;
    right: 50% !important;
    transform: translateX(50%)
}

    .double-row-card .carousel-actions .next-btn {
        margin-right: 0 !important
    }

.hotellisting-section .hotellisting__images {
    border-radius: 10px;
    overflow: hidden
}

    .hotellisting-section .hotellisting__images img {
        height: 315px;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
        width: auto
    }

.inc-card-body {
    z-index: 9
}

.inc-clearfix {
    clear: both
}

#content-hub-listing .inc-hero-banner-wrapper .inc-hero-banner-with-thumbnail {
    max-height: 74vh !important;
    width: 100%
}

    #content-hub-listing .inc-hero-banner-wrapper .inc-hero-banner-with-thumbnail .inc-hero-banner-content-wrapper {
        top: 50% !important;
        transform: translateY(-50%) !important
    }

.dam-repository-container .dam-container-spacing-container {
    padding: 0 20px
}

@media(min-width:992px) {
    .dam-repository-container .dam-container-spacing-container {
        padding: 0 50px
    }
}

@media(min-width:1200px) {
    .dam-repository-container .dam-container-spacing-container {
        padding: 0 5pc
    }
}

@media(min-width:1500px) {
    .dam-repository-container .dam-container-spacing-container {
        padding: 0 10pc
    }
}

.dam-repository-container .dam-repository-listing-section {
    padding: 60px 0
}

@media(min-width:1500px) {
    .dam-repository-container .dam-repository-listing-section {
        padding: 90pt 0
    }
}

.dam-repository-container .dam-list-heading {
    font-size: 18px;
    font-weight: 800;
    margin-right: 10px;
    text-align: left
}

@media(min-width:1500px) {
    .dam-repository-container .dam-list-heading {
        font-size: 2pc;
        margin-right: 35px
    }
}

.dam-repository-container .dam-repository-search-section {
    background-repeat: no-repeat;
    background-size: 100% 70% !important
}

    .dam-repository-container .dam-repository-search-section.detail-view {
        background-size: 100% 85% !important
    }

        .dam-repository-container .dam-repository-search-section.detail-view .dam-category-item {
            height: 115px
        }

.dam-repository-container .dam-back-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 1pc;
    font-weight: 600;
    margin-top: 20px
}

@media(min-width:1500px) {
    .dam-repository-container .dam-back-button {
        font-size: 21px;
        margin-top: 60px
    }
}

.dam-repository-container .dam-back-button:before {
    color: #fff;
    color: #000;
    content: "";
    font-family: bootstrap-icons;
    font-size: 22px;
    font-size: 9pt;
    margin-right: 18px
}

@media(min-width:1200px) {
    .dam-repository-container .dam-back-button:before {
        font-size: 20px
    }
}