/* #FAA935 , #ff5100 */
@import url('https://fonts.googleapis.com/css2?family=Island+Moments&display=swap');

:root {
    --primary: #FAA935;
    --secondary: #FAA935;
    /* ── Brand ── */
    --hotel-primary: #FAA935;
    /* main brand (logo yellow) */
    --hotel-primary-hover: #e5941f;
    --hotel-dark: #FAA935;
    --hotel-secondary: #000000;
    /* black */
    --hotel-secondary-hover: #222222;

    --hotel-accent: #EE6E6E;
    /* soft red accent */
    --hotel-accent-hover: #d95c5c;

    --hotel-gradient: linear-gradient(135deg, #FAA935 0%, #e5941f 100%);

    /* ── Text ── */
    --hotel-text-dark: #000000;
    --hotel-text-body: #555555;
    --hotel-text-muted: #6c757d;
    --hotel-text-white: #ffffff;

    --hotel-text-primary: #FAA935;
    --hotel-text-accent: #EE6E6E;

    /* ── Backgrounds ── */
    --hotel-bg-page: #ffffff;
    --hotel-bg-white: #ffffff;

    --hotel-bg-light: #f1ca9f45;
    /* warm soft bg */
    --hotel-bg-blue-light: #CAE5F4;
    /* alternate section */

    --hotel-bg-dark: #000000;

    --hotel-bg-success-light: #e6f7ec;
    --hotel-bg-danger-light: #ffe5e5;

    /* ── Borders ── */
    --hotel-border: #dddddd;
    --hotel-border-primary: #f1ca9f;
    --hotel-border-dark: #333333;

    /* ── Buttons ── */

    /* Primary (CTA - yellow) */
    --hotel-btn-primary-bg: #FAA935;
    --hotel-btn-primary-hover: #e5941f;
    --hotel-btn-primary-text: #000000;

    /* Secondary (black buttons) */
    --hotel-btn-secondary-bg: #000000;
    --hotel-btn-secondary-hover: #222222;
    --hotel-btn-secondary-text: #ffffff;

    /* Accent */
    --hotel-btn-accent-bg: #EE6E6E;
    --hotel-btn-accent-hover: #d95c5c;
    --hotel-btn-accent-text: #ffffff;

    /* Outline */
    --hotel-btn-outline-border: #FAA935;
    --hotel-btn-outline-text: #FAA935;
    --hotel-btn-outline-hover-bg: #FAA935;
    --hotel-btn-outline-hover-text: #000000;

    /* ── Feedback ── */
    --hotel-success: #28a745;
    --hotel-error: #dc3545;
    --hotel-warning: #ffc107;
    --hotel-info: #17a2b8;

    /* ── Typography ── */
    --hotel-font-primary: 'Roboto', sans-serif;

    /* ── Effects ── */
    --hotel-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    --hotel-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.08);
    --hotel-transition: all 0.3s ease;

    /* ── Radius ── */
    --hotel-radius-sm: 4px;
    --hotel-radius-md: 8px;
    --hotel-radius-lg: 12px;
}

.hotel-payment-btn {

    background-color: var(--hotel-dark);
    padding: 10px;
    border: none;
    color: white;
    font-weight: 700;
    border-radius: 10px;
    letter-spacing: 1px;

}

.contactUs-wrapper .contact-arrow {
    display: none;
}

.jh-icon a svg {
    display: block;
}

.main-menu nav>ul a svg {
    margin-left: 0px;
    max-width: 20px;
}

.cont-phone {
    display: flex;
    gap: 6px;
}

.cont-email {
    display: flex;
    gap: 10px;
}

.flight_list_box.dom label>label>div>span:nth-of-type(2).non-refundable,
.flight_list_box.return label>label>div>span:nth-of-type(2).non-refundable {
    color: red !important;
}

.flight_list_box.dom label>label>div>span:nth-of-type(2).refundable,
.flight_list_box.return label>label>div>span:nth-of-type(2).refundable {
    color: green !important;
}

.contactUs-wrapper .contact-bg {
    background: #fbf6e3;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.main-menu nav>ul a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000;
    font-weight: 600;
    gap: 2px;
}

.morepaymentgatewayoption h4,
.shadow-lg h4 {
    color: black !important;
}

.morepaymentgatewayoption>label.gateway-option {
    background: black !important;
}


.bg-light.rounded-pill.overflow-hidden.mb-4>div {
    background: black !important;
}

.card.shadow-sm.rounded-4.border-0.p-4.text-center.bg-white>div>span {
    background: black !important;
}



svg.svg-inline--fa.fa-plane-arrival.fs-5.mx-1,
svg.svg-inline--fa.fa-right-left.fs-5.mx-1,
svg.svg-inline--fa.fa-plane-departure.fs-5.mx-1 {
    color: #faa935 !important;
}

.main-menu nav>ul a::after {
    content: "";
    height: 3px;
    background: #FAA935;
    border-radius: 20px;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transform: translateX(-50%);
    width: 0;
}

.popup>p img {
    display: none;
}

.main-menu nav>ul>li {
    margin: 0 22px;
    position: relative;
}

.main-menu nav>ul a:hover,
li.jh-icon.active a {
    color: #FAA935
}

.main-menu nav>ul a:hover::after {
    width: 100%;
}

.top-header {
    background: #FAA935;
}

.top-header ul li a {
    font-weight: 500;
    color: #000;
}

button.dropdown-toggle.p-0.bg-transparent.text-white.border-0 {
    color: black !important;
}

.main-header .header-wrapper {
    padding: 0;
}

.carousel-container-hotel {
    padding: 0;
}

.home .search-engine {
    background-image: none;
    padding-top: 130px;
    padding-bottom: 40px;
}

.home.search-engine.UT {
    position: relative;
}

.home.search-engine.UT .flight-search-wrapper h1 {
    position: absolute;
    top: -91px;
    font-size: 28px;
    left: 50%;
    transform: translateX(-50%);
}

.trip-type-toggle.trip-section {
    display: none;
}

.input-fields.trip-place {
    display: flex;
    margin: 0;
    gap: 6px;
    width: 58%;
}

.flight-search-wrapper .input-fields.trip-place .input-with-icon {
    width: 50%;
}

.flight-search-wrapper .input-fields.trip-place .input-with-icon:first-child {
    margin-bottom: 0;
}

.flight-search-wrapper .input-fields .input-icons {
    left: 17px;
}

.flight-search-wrapper>div {
    margin-bottom: 0;
}

.home .search-engine .passenger-wrapper {
    width: auto;
}

.PreferredAirline input {
    width: 100%;
    display: none;
}

svg.rightandleft-calendar,
svg.rightandleft-flip {
    background-color: #faa935;
}

.date-pickers .css-15395ss-MuiPickersSectionList-root-MuiPickersInputBase-sectionsContainer-MuiPickersOutlinedInput-sectionsContainer {
    width: 120px !important;
}

.search-flight button.search-button {
    width: 100%;
    padding: 7px 9px;
    font-size: 14px;
    white-space: nowrap;
    background-color: #faa935;
    color: #000;
}

.flight-search-wrapper {
    background: #ffffff;
    color: #000;
    display: flex;
    display: flex;
    max-width: 1320px;
    position: relative;
    gap: 6px;
    align-items: center;
    padding: 18px;
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.passenger-input>span {
    font-weight: 500;
    font-size: 16px;
}

.flight-search-wrapper .input-with-icon input {
    border: 1px solid #c4c4c4;
    padding: 5px 10px 5px 45px;
}

.home.search-engine.UT svg.rightandleft-flip {
    right: 47%;
    rotate: 180deg;
}

svg.rightandleft-flip {
    right: 47%;
}

.passenger-wrapper {
    border: 1px solid #c4c4c4;
    border-radius: 5px;
}

.one-way .return-picker.active-return-picker {
    opacity: .5;
    cursor: default;
    pointer-events: none;
}

.last_mint_main {
    display: none;
}

section.latest_main {
    display: none;
}

.unpb-txt {
    display: none;
}

section .interNa {
    display: none;
}

.app-news-bg {
    display: none;
}

.deal_banner-1 {
    display: none;
}

.trip-type-toggle button.active {
    background: #faa935;
    color: #000;
    border: none;
}

.date-pickers svg.rightandleft-calendar {
    right: 45%;
}

.trip-type-toggle button {
    color: #000;
    border: 1px solid #faa935;
}

.trip-type-toggle {
    position: absolute !important;
    top: -50px;
    margin: 0;
    z-index: 9;
    left: 0;
}

.udWraper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.udWraper .why_heading {
    width: 20%;
}

.udWraper .UDslider {
    width: 80%;
}

.reas_box h3 {
    font-family: 'Montserrat';
    color: #000;
    font-weight: 600;
    font-size: 14px;
    text-align: start;
    padding-top: 7px;
}

.reas_box p {
    padding: 0;
    margin: 0;
    font-size: 13px;
    text-align: start;
}

.ne_review_card {
    min-height: 170px;
    border-right: 2px solid #faa935;
    border-bottom: 2px solid #faa935;
    text-align: start !important;
    padding: 15px 0 0 15px;
}

.reas_box img {
    width: 55px;
    margin: 0;
}

.udWraper .why_heading .col-md-12 h2 {
    text-align: start !important;
    font-size: 21px;
    font-family: Montserrat;
    font-weight: 600;
    color: #000;
}

.udWraper .why_heading .col-md-12 span {
    color: #EE6E6E;
    font-family: Island Moments;
    font-weight: 600;
    font-size: 20px;
}

.re-card.exciting-wrapper img.exoffers-image {
    width: 100%;
    border-radius: 6px;
}

.re-card.exciting-wrapper .ne_review_card.exciting-ofr {
    padding: 0;
}

.subscription-container {
    background-color: #CAE5F4;
    color: #000000;
    text-align: center;
}

.subscription-container span {
    color: #EE6E6E;
    font-family: 'Island Moments';
    font-weight: 600;
    font-size: 43px;
}

.subscription-container .img-wrapper {
    position: relative;
    width: 518px;
    height: 363px;
    display: flex;
    justify-content: flex-start;
}

.subscription-container .img-wrapper img {
    object-fit: contain;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.subscription-container h2 {
    font-size: 24px;
    margin-bottom: 5px;
}

.subscription-form {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 17px auto;
    max-width: 500px;
}

.subscription-form input[type=email] {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ced4da;
    border-radius: 5px 0 0 5px;
    outline: none;
    font-size: 16px;
}

.subscription-form button {
    background-color: #faa935;
    color: #ffffff;
    border: none;
    padding: 15px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.re-card.exciting-wrapper h2 {
    font-size: 21px;
    font-family: Montserrat;
    font-weight: 600;
    color: #000;
    margin-top: 5rem;
}

.subscription-container .subscription_flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mainjhwrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.mainjhwrapper .wrapperitems {
    width: 16%;
    display: flex;
    justify-content: center;
}

.mainjhwrapper .wrapperitems.lo-del {
    width: 25%;
}

.foot-socials ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.foot-socials ul li a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.2rem;
    background: #faa935 !important;
    font-size: 15px !important;
    transition: all ease 0.4s;
    color: #fff;
}


.footer-widget .foot-socials ul li a svg {
    height: 23px;
    width: 23px;
    color: white;
}

.footer-widget {
    margin-bottom: 30px;
    margin-top: 30px;
}

.footer-widget h4 {
    margin-bottom: 15px;
    font-size: 15px;
    color: #003a75;
}

.footer-menu li {
    margin-bottom: 5px;
}

.footer-widget ul li a {
    color: #1a1a1a;
    font-size: 13px;
    transition: color 0.3s ease;
}

.footer-widget ul li a svg,
.luc-ty {
    height: 16px;
    width: 16px;
}

.footer-widget ul li a:hover {
    color: var(--secondary);
}

.popup .ud_logo {
    width: 220px;
    height: 50px;
    position: relative;
    top: 0;
    left: 18px;
}

.popup-call .call-button {
    background: #faa935;
}

.flight-search-wrapper input:focus,
.flight-search-wrapper input:focus-visible {
    border: 1px solid #faa935;
}

.passenger-dropdown button {
    background: #faa935;
}

.passenger-dropdown .member-count {
    color: black;
}

span.age-limit {
    color: #faa935;
}

ul.dropDown li.dropDown-items:hover {
    background: #faa935;
    color: black;
}

ul.dropDown li.dropDown-items .country-name {
    color: black;
    display: block;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

li.jh-icon.active {
    color: #FAA935;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}

.skel-modify {
    background-color: #FAA935;
}

.ske-filtter .skel-result {
    background-color: #FAA935;
}

.Edit_rc {
    background: #FAA935;
    padding: 5px;
}

.holiday-search-container {
    background: url(/images/UTimg/holiday-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 481px;
}

.sidebar-wrapper .sidebar-header {
    background: #faa92b;
}

.closeFilter-wrapper button.reset-btn {
    color: black;
    font-size: 15px;
    background: #faa935;
}

.sidebar-wrapper .sidebar-header h3 {
    color: black;
}

.result_found {
    color: black;
}

.search-result-wrapper p {
    color: rgb(255, 255, 255);
}

.search-result-wrapper .read-only {
    color: rgb(255, 255, 255);
}

.Edit_rc .edit-btn {
    background: #ee6e6e;
    border: none;
}

.sidebar-title {
    color: #000000;
}

h6.sidebar-title {}

.filter-subheading {
    color: #000000;
}

.strip-more-details svg {
    color: #000000;
}

.stops-wrapper .depart-icon svg,
.stops-wrapper .arrival-icon svg {
    color: black;
}

.flight-bothSide .duration svg {
    color: black;
}

.stops-wrapper .stops-name:before {
    border-color: black;
}

.stops-wrapper .stops-name {
    color: black;
}

.mobile-btn-bag button.btn {
    background: black;
    color: #faa935;
}

.sidebar-price-range .range-wrapper .range-slider>.track {
    background: #ee6e6e;
}

.Edit_rc .mob-filter {
    background: BLACK;
}

.sec-header .top-header ul>li>* {
    COLOR: BLACK;
}

.top-header .currency ul {
    background: black;
}

.top-header .currency ul li {
    border: none;
}

.top-header .currency ul li:nth-child(4),
.top-header .currency ul li:nth-child(5) {
    border: none;
}

.top-header .currency ul li:last-child {
    border: none;
}

.top-header .currency ul li:hover {
    background: #faa935;
}

.sidebar-stop-text .btn.btn-primary:hover {
    background: black;
}

.review-trip h2 {
    color: black;
}

.review-trip {
    background-color: #faa935;
}

.dob-calendar .MuiFormControl-root {
    width: 100%;
}

.dob-calendar .MuiPickersSectionList-root {
    padding: 7px 0 !important;
}

.dob-calendar button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.css-1ysp02-MuiButtonBase-root-MuiIconButton-root svg,
svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.css-q7mezt {
    display: none;
}

.flight-details-text1 p.active {
    background-color: #ff9600;
}

.flight-details-text1 {
    background: #9d9d9d4f;
}



.table-striped tr.grand-total-row td {
    background: #f5f3dd;
    color: #ff9600;
}

.flight-list .flight-logo {
    width: 15% !important;
}

.flight-list .flight-logo img {
    width: auto !important;
    height: auto !important;
    border: none !important;
}

.flight-list .flight-status {
    width: 42.5% !important;
}

span.info-depart {
    color: #ff9600;
}

.booking-bg-wrapper .flight-booking-route-identity {
    border-bottom: 1px solid #ccc;
}

.booking-bg-wrapper .flight-booking-route-identity>span {
    background-color: #000000 !important;
    border-radius: 5px 5px 0 0 !important;
    padding: .35rem .5rem !important;
    color: #faa935;
}

.sidebar .flight-summary {
    background: #faa935;
    color: black;
}

.table-striped tr.grand-total-row td span {
    color: #ff9600;
}

.wc-icon,
.wc-featureBox h4 {
    color: black;
}

.wc-modalHeader {
    background: black;
}

.wc-modalHeader h3 {
    color: white;
}

.wc-modalContent h4 {
    color: #faa92b;
}

.wc-modalHeader button {
    color: white;
}

.do-data .heading span {
    color: #faa935;
}

.jhf-wrapper {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    margin-top: 0px;
}

/* .header.jsx-bb5fade8e3bfa298 {
    background: linear-gradient(90deg, rgb(255 225 184) -.92%, rgb(255 255 255) 101.57%);
}

.featureBox.jsx-bb5fade8e3bfa298 h4.jsx-bb5fade8e3bfa298 {
    color: #faa935;
}

.primaryBtn.jsx-bb5fade8e3bfa298 {
    background: #faa935;
} */
h2.hohead {
    display: none;
}

/* 
.flight-search-container.cm-container {
    position: relative;
} */

.flight-search-wrapper.jhhotel-wrapper {
    display: flex;
    max-width: 1300px;
    width: 100%;
    padding: 40px 26px 4px;
    gap: 10px;
    background-color: #fff;
    border-radius: 12px;
    /* position: absolute;
    top: 6px; */
}

.search-engine.hotel-search .flight-search-wrapper>div:not(:last-child),
.search-engine.hotel-search .last-input {
    margin: 0;
}

.hotel-search label {
    color: #000;
}

.flight-search-wrapper input,
.passenger-input {
    padding: 8px 13px 6px;
    border-radius: 5px;
}

.hotel-search .date-pickers {
    gap: 10px !important;
    width: 60%;
}

.search-engine.hotel-search.jhbg .date-pickers .check-in-wrapper.hotel-calendar button {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.jhhotel-wrapper .hotel-calendar .MuiPickersSectionList-root {
    padding: 8px 0;
    width: 100%;
    font-weight: 500;
}

.hotel-search .date-pickers .hotel-calendar {
    width: 50%;
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.trip-place input {
    width: 100%;
}

.flight-search-wrapper.jhhotel-wrapper .input-fields.trip-place {
    flex-grow: 1;
    display: block;
}

.destination-search {
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.jhhotel-wrapper .search-flight button {
    padding: 5px 33px;
    font-size: 18px;
    margin-bottom: 30px;
}

.search-engine.hotel-search.jhbg .css-joz0rk-MuiPickersSectionList-section-MuiPickersInputBase-section,
.search-engine.hotel-search.jhbg span.MuiPickersSectionList-section.css-7p02jm,
.search-modify span.MuiPickersSectionList-section.css-7p02jm,
.search-modify.hotel-search-modify .css-joz0rk-MuiPickersSectionList-section-MuiPickersInputBase-section {
    position: relative;
    left: 15px;
    top: -1px;
}

button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-edgeEnd.MuiIconButton-sizeMedium.css-1ysp02-MuiButtonBase-root-MuiIconButton-root {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
}

.search-btn-wrapper.newsearchWrapper button.add-room-btn,
.search-btn-wrapper.newsearchWrapper button.done-btn,
.hotel-search .passenger-dropdown .search-btn-wrapper button {
    background: #EE6E6E;
}

li.destinationcity:hover,
ul.child-destinations li:hover {
    background: #EE6E6E;
}

.destinationcity span svg {
    color: #faa935 !important;
}

.NotFound_noHotelFoundWrapper__E1uxv {
    border: 1px solid #faa935 !important;
}

button.sessionexpire-btn {
    background-color: #faa935 !important;
}

.HotelListingPage_mobileToggleBtn__GXewq {
    border: 2px solid #CAE5F4 !important;
    color: #000000 !important;
}

.HotelListingPage_mobileToggleBtn__GXewq:hover {
    background: #faa935 !important;
    color: white !important;
}

.NotFound_title__z4Yfy,
.NotFound_noHotelIcon__kU0jy {
    color: #faa935 !important;
}

.hotels .search-engine {
    background-image: url('/images/UTimg/hotels-bannerud.jpg');
    padding: 10rem 0;
}

.detail-heading {
    background: #faa935;
    color: black;
}

.flight-stop--danger .flight-stop-interval {
    background: #faa935;
    color: #000000;
}

.flight-stop--danger .flight-duration path {
    fill: #faa935;
}

.information svg path {
    fill: #faa935;
}

.information h5 {
    color: #faa935;
}

table.table.table-striped.table-bordered.table-responsive tr th {
    background-color: #000000;
    color: #faa935;
}

.flight-details-divider:before {
    border: 1px solid #faa935;
}

.total-price-wrapper {
    color: black;
}

.popup-book-btn button {
    background: #faa935;
    color: black;
}

.baggage-table th {
    color: #ff9600;
    background: #faa93521;
}

.morepaymentgatewayoption {
    display: flex;
    gap: 12px;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 10px;
    width: 500px;
    background: white;
    border-top: 1px solid #d2d2d2;
    box-shadow: none !important;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    margin-top: 20px;
    position: relative;
    z-index: 9;
}

.gateway-options {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.gateway-option input {
    display: none;
}

label.gateway-option {}

.list-group-item.active {
    background-color: #faa935 !important;
    color: black !important;
    border: none !important;
}

.list-group.list-group-flush .form-check-input:checked {
    background-color: #000000;
    border-color: #000000;
    box-shadow: none;
}

span.payment-method-wrapper {
    background: black;
    padding: 5px;
    border-radius: 50%;
    margin-right: 1rem;
}

body .btn:hover {
    background: black;
}

body .btn {
    background: black;
}


.inner-confirmation .cont-head {
    background: #000000;
}

.inner-confirmation .layover span {
    background: #faa935;
    border-color: #faa935;
    color: black;
}

.inner-confirmation .list-container.spacing p span {
    color: #faa935;
}

.confirm-right .outer .booking td.ref-id {
    color: #faa935;
}

.modal-inner-body .flight-search-wrapper {
    background: #000000;
    border-radius: 0;
    display: block;
    max-width: 550px;
}

.modal-inner-body .flight-search-wrapper .input-fields.trip-place {
    display: block;
    width: 100%;
}

.modal-inner-body .trip-type-toggle {
    position: unset !important;
}

.inner-wrapper-modal {
    top: 17%;
}

.modal-inner-body .flight-search-wrapper .PreferredAirline input {
    display: block;
}

.inner-wrapper-modal .flight-search-wrapper>div {
    margin-bottom: 10px;
}

.modal-inner-body .passenger-wrapper {
    border: none;
}

.modal-inner-body .passenger-input>span {
    font-size: 18px;
    font-weight: 600;
}

.inner-wrapper-modal svg.rightandleft-calendar {
    right: 47%;
}

.modal-inner-body .trip-type-toggle button {
    color: white;
}

.modal-inner-body svg.rightandleft-flip {
    top: 61%;
}

.modal-overlay .modal-header {
    background: black;
    border-bottom: 1px dashed;
}

.sidebar-wrapper .sidebar-header h3 {
    color: white;
}

.result_found {
    color: white;
}

.flight_list_box.dom,
.return-box-width .flight_list_box.return {
    padding: 0;
    /* border: 5px solid #000000; */
}


.flight_list_box.dom .flight_result_inn.c.mt-2,
.flight_list_box.dom .flight-details,
.flight_list_box.dom .flight-footer.dom_trip_type {
    padding: 0px 7px;
}

.return-box-width .flight_list_box.return>label>label,
.flight_list_box.dom label>label {
    padding: 2px 2px;
    /* background: #cae5f4; */
    border-bottom: 1px dashed #000000 !important;
}

.list_price .inut {
    margin: 0 !important;
}

/* .flight_list_box.return.active-box,
.flight_list_box.dom.active-box {
    background: #faa935;
    color: white;
} */

.return-box-width .flight_list_box.return .flight_result_inn,
.return-box-width .flight_list_box.return .flight-details,
.return-box-width .flight_list_box.return .flight-footer.dom_trip_type {
    padding: 0px 7px;
}



.flight_list_box.return label>label>div>span:nth-of-type(1),
.flight_list_box.dom label>label>div>span:nth-of-type(1) {
    color: #000000 !important;
}

/* .flight_list_box.return.active-box .list_price,
.flight_list_box.dom.active-box .list_price {
    color: white;
}

.flight_list_box.return.active-box .airline_name,
.flight_list_box.dom.active-box .airline_name {
    color: #ffffff;
} */

/* .flight_list_box.return.active-box .airline_name>span,
.flight_list_box.dom.active-box .airline_name>span {
    color: #ffffff !important;
} */

/* .flight_list_box.dom.active-box .duration-stop,
.flight_list_box.return.active-box .duration-stop {
    color: white;
} */



.flight_list_box.return label>label>span,
.flight_list_box.dom label>label>span {
    /* color: #EE6E6E !important; */
    font-weight: 600;
}

/* .flight_list_box.return label>label>div>span,
.flight_list_box.dom label>label>div>span {
    color: #103e65 !important;
} */

.flight_list_box.return>label>label>span>img,
.flight_list_box.dom>label>label>span>img {
    display: none;
}

/* .side-other-head {
    background: #faa92b;
    color: white;
} */

.flight-list .flight-logo img,
.flight__airline_logo img {
    width: auto;
    height: auto;
}

.split_view_outer {
    /* background: #CAE5F4 !important; */
    background: #f9f4eb !important;
    /* color: white !important; */
    border-color: #faa935 !important;
}

/* .split_view_outer span.airline_name {
    color: white;
} */

/* .split_view_outer .duration-time {
    color: white;
} */

/* .split_view_outer .location-name {
    color: white;
} */

/* .split_view_outer .duration-stop {
    color: white;
} */

/* .split_view_outer span.flight-class {
    color: white;
} */

/* .split_view_outer .list_price {
    color: white;
} */


/* .split_view_outer .total-price {
    color: #ee6e6e;
} */

/* .split_view_outer button.flight-sticky-btn {
    background: #ee6e6e;
    font-weight: 600;
} */

.container-fluid .row .table_listing_warapper .dom-box-width>span,
.container-fluid .row .table_listing_warapper .return-box-width>span {
    color: #ffffff !important;
    background: black !important;
}

.airline-list-select-btn.d-flex.align-items-center.gap-3 button.btn {
    background: #000000;
    color: rgb(255, 255, 255);
}

.baggage-table tr:last-child td {
    color: #000;
}

.hotel-search .input-icon svg,
.hotel-search .passenger-input svg {
    color: #EE6E6E;
}

.search-modify.hotel-search-modify {
    padding: 10px 0;
    background-color: #EE6E6E;
    position: sticky;
    top: 0;
    z-index: 1;
}

.recent-search-dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.UT-recent-item-parent {
    width: 250px !important;
    background: #faa935 !important;
    border: 1px solid #faa935 !important;
}

.modify-btn-wrapper.hotel button.modify-btn {
    background: black;
    border: none;
    color: white;
    padding: 5px;
    border-radius: 5px;
}

.RefundShield_cardHeader__5x5Rj {
    background: linear-gradient(90deg, #EE6E6E -.92%, #ffffff 101.57%);
}

.openHotelSearch .hotel-search-modify .flight-search-wrapper {
    display: block;
    top: 13%;
    left: 50%;
    transform: translate(-50%);
    max-width: 500px;
    width: 100%;
    padding: 15px;
    z-index: 9999;
    position: absolute;
    background-color: #fff !important;
    color: black;
    border-radius: 12px;
}

/* .hotel-search-modify .flight-search-wrapper{
    display:none;
} */
.openHotelSearch .hotel-modal-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    overflow: auto;
}

.hotel-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.hotel-modify-search-header {
    /* background-color: #2a9d8f; */
    padding: 12px 16px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden;
}

.hotel-modify-search-header,
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hotel-modify-search-left {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.hotel-modify-search-close {
    background: transparent;
    color: white;
    border: none;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.openHotelSearch .search-modify .date-pickers,
.openHotelSearch .search-modify .input-fields,
.openHotelSearch .search-modify .last-input,
.openHotelSearch .search-modify .search-flight {
    width: 100%;
}

.openHotelSearch .search-modify label {
    margin-bottom: 5px;
}

.openHotelSearch .input-fields.trip-place {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

.popup-destination {
    color: #EE6E6E;
}

p.popup-destination svg {
    color: #faa935;
}

.popup img {
    width: 100%;
    max-width: 200px;
    position: relative;
    right: -37px
}

.HotelCard_hotelActionSection__wsm0x .HotelCard_bookNowBtn__Bxwvs {
    background: #000000 !important;
    color: #ee6e6e !important;
}

.AmenitiesModal_header__d00zh {
    background-color: #faa92b !important;
    color: black !important;
}

.AmenitiesModal_tile__oCfDb {
    background: #fffefb !important;
}

.AmenitiesModal_text__A8zNI {
    color: #000000 !important;
}

.HotelFilter_sidebarHeader__jn0Bi,
.HotelFilter_resetBtn__r_Qer,
.HotelFilter_filterTitle__on_nu {
    color: black !important;
}

.HotelFilter_hotelFilterPrice__mBJnC,
.HotelFilter_showMore__MH6oS,
.HotelCard_showMoreLink__T_yhV {
    color: #ee6e6e !important;
}

.HotelFilter_hotelSidebarScrolled__pqIaa {
    border-top: 2px solid #faa935 !important;
}

.NotFound_sortBarOptionActive__8zkqx {
    color: black !important;
    background-color: #fbf1e3 !important;
}

.NotFound_sortBarSelect__lsHzw:hover {
    border-color: #faa935 !important;
}



.HotelFilter_hotelSidebar__h0ITg {
    max-height: calc(100vh - 59px) !important;
}

/* .openHotelSearch .search-modify .flight-search-wrapper input {
    margin-bottom: 10px;
    line-height: 0;
} */
.search-modify .input-icon {
    top: 36px;
    color: #ee6e6e;
}

.search-modify .flight-search-wrapper input {
    font-size: 16px;
    padding: 4px 4px 4px 35px;
    line-height: 1;
    color: black;
}

.hotel-search-body {
    padding: 15px;
}

.hotel-search-modify .hotel-calendar .MuiPickersSectionList-root {
    padding: 6px 0;
}

.openHotelSearch .passenger-wrapper {
    border: none;
}

.openHotelSearch .date-pickers {
    margin-bottom: 10px;
}

.openHotelSearch .passenger-input {
    border: 1px solid #ccc;
}

.openHotelSearch .search-modify .passenger-input>span {
    color: black;
}

.search-modify .passenger-input svg {
    color: #ee6e6e;
}

.hotel-modify-search-header {
    background: #faa935;
}


.HotelDetailHeader_hotelBackLink__mGJUI {
    color: #a52444 !important;
}

.BookingSidebar_priceStrip__TkH4D,
.HotelRemarks_srHeader__xe_vw {
    background-color: #faa935 !important;
}

.BookingSidebar_bookBtn__BuvDl,
.RoomCard_selectBtn__D2N9Y {
    background: #d4a017 !important;
    color: black !important;
}

.HotelTabs_icon__uhsmm,
.HotelTabs_navBtn__7TsHi:hover,
.HotelDetailHeader_hotelChainTile__suTO0 {
    color: #d4a017 !important;
}

.BookingSidebar_dateVal__iQXoY,
.HotelDetailHeader_chainIcon__qLaBU,
.BookingSidebar_selectionTitle__t5UfI,
.BookingSidebar_selectionRowVal__rDXiN,
.HotelDescription_title__rUn8M,
.HotelDescription_toggle__MhgR0,
.RoomCard_mealHeader__WuLL4 .RoomCard_mealIcon__Vpr5u,
.RoomCard_occupancyIcon__NyBzw,
.HotelTabs_summaryItem__dFBuo .HotelTabs_summaryIcon__aJNJl,
.HotelTabs_summaryIcon__u__rO,
.BookingSidebar_mapTitle__HltMf {
    color: #ee6e6e !important;
}

.BookingSidebar_dateLabelIcon__9kaD2,
.BookingSidebar_metaIcon__5wXWE,
.BookingSidebar_selectionCheckIcon__eAgfS,
.BookingSidebar_selectionTotal__krOc3,
.BookingSidebar_mapTitleIcon__BXKKK {
    color: black !important;
}


button.RoomCard_selectBtn__D2N9Y.RoomCard_selectBtnSelected__VqLI4 {
    background: #10b981 !important;
}

.HotelTabs_slider__q5_bq {
    background: #faa935 !important;
}



.RoomCard_mealVariantSelected__aHVEW,
.RoomCard_roomCardSelected__Bd40G,
.RoomCard_roomCard__d_DIS:hover,
.RoomCard_mealVariant__xCDLA:hover {
    border-color: #faa935 !important;
}

.HotelTabs_nightsBadge__ucO2W {
    color: #d4a017 !important;
}

.HotelTabs_nav__p096s .HotelTabs_navBtnActive__WD_Bq {
    color: #d4a017 !important;
}

.HotelPaymentPage_payPageBanner__W1F6h {
    background: #ee6e6e !important;
}

.RoomCard_showMoreBtn__grFdF {
    color: #2196F3 !important;
    font-weight: 600;
    text-decoration: underline !important;
}

.PaymentHotelSummary_amenitiesBtn__OCkZa,
.PaymentTermsBar_payTermsBar__AI0XH .PaymentTermsBar_payNowBtn__yPZv3 {
    color: #faa935 !important;
    background: black !important;
}

.PaymentPriceTable_payPriceTh__3ZRNw {
    background: #faa935 !important;
    color: black !important;
}

.PaymentPriceTable_payPriceTotalCell__u5L6r,
.HotelUnavailableModal_header__CGuQy h3,
.PaymentPriceTable_payGrandTotalValue__fQE1N,
.ConfirmationHotelInfo_cardHeaderIcon__SoOcH,
.ConfirmationHotelInfo_metaIcon__ujEdj,
.ConfirmationSidebar_cardHeaderIcon__YzwI1 {
    color: #ee6e6e !important;
}

.PaymentStayInfo_payStayLabel__mHftK,
.PaymentTermsBar_payTermsPolicyBtn__F0zkR,
.text-muted span.text-success {
    color: #d4a017 !important;
}

.PaymentStayInfo_payCancelItem__2j7X9 {
    border-left: 3px solid #faa935 !important;
}

.PaymentGuestForm_payGuestRoomHeader__wePaB {
    background: black !important;
}

.PaymentPolicyModal_modalHeader__9sO1F {
    background: #faa935 !important;
}

.Hotelpricebreakup_hotelPriceHeading__NJI4C p:first-child,
.Hotelpricebreakup_hotelPriceContentIcon__CF5hY svg {
    color: #faa935 !important;
}

.Hotelonlinepayment_hotelOnlinePaymentWrapper__QXm3n h4 {
    color: rgb(250 169 53) !important;
    border-top: none !important;
    border-bottom: 1px solid;
    padding: 0 0 10px 0;
}



.Hotelonlinepayment_hotelOnlinePaymentWrapper__QXm3n {
    margin: 0;
    padding: 0;
}

button.btn.btn-outline-success {
    padding: 7px 10px;
    border-radius: 5px;
}

button.btn.btn-success {
    background: #ee6e6e;
    padding: 7px 10px;
    border-radius: 5px;

}

.card-footer.text-center.bg-teal button.iciciPayBtn {
    background: black;
    color: white;
    border: none;
    padding: 3px 8px;
    border-radius: 5px;
}

.gateway-info .text-muted>strong {
    color: #faa935;
}

.ConfirmationHotelInfo_cardHeader__LM8pz h2,
.Hotelbooknowmodal_hotelModalHeader__qYvro h3,
.HotelUnavailableModal_iconWrapper__E2i47,
.ConfirmationHotelInfo_dateValue__bN_8B,
.ConfirmationSidebar_cardHeader__rTzfO h2,
.ConfirmationSidebar_priceTotal__QPtbg span,
.ConfirmationSidebar_policyRoomLabel__Z_bL3,
.ConfirmationHotelInfo_roomPrice___629_,
.refundshield-card .rs-price {
    color: #faa935 !important;
}

.ConfirmationHotelInfo_hotelName__09rg0,
.HotelUnavailableModal_secondaryBtn__0MGYV,
.HotelConfirmationPage_spinner__3MSS3 .HotelConfirmationPage_loadingWrapper__EnztU p {
    color: black !important;
}

.ConfirmationHotelInfo_nightsPill__mYk3g,
.flight-details-text1 p.active {
    background: #faa935 !important;
}

.information.newinfo>ul {
    list-style-type: none !important;
}

.ts-gradient-header,
.wc-header,
.refundshield-card .rs-top,
.rs-reason-header {
    background: linear-gradient(90deg, #f5f3dd -0.92%, rgb(255 255 255) 101.57%);
    color: black !important;
}

.rs-reason-header {
    border: none !important;
}

.ts-price-row {
    color: #000000;
}

.ts-benefit-item,
.ts-service-item {
    background: #dfe7eb;
}

.ts-show-all {
    color: #faa92b;
}

.ts-modal-header h3 {
    color: #faa92b;
}

.ts-close-btn {
    background: #faa92b;
}

.ConfirmationHotelInfo_roomBadge__cOmv5,
.ConfirmationSidebar_btnPrimary__o2_nS,
.ConfirmationSidebar_btnSecondary__yFZWP,
.HotelUnavailableModal_hotelPrimaryBtn__ybyYp {
    background: black !important;
    color: #faa935 !important;
}

.RoomCard_imageLoader__4GlM_,
.RoomCard_imgNav__MMA3w {
    z-index: 0 !important;
}

.ConfirmationSidebar_priceCard__fxOZm {
    border: 2px solid #faa935 !important;
}

.Hotelbooknowmodal_hotelSpinner__oF8G3 {
    border-top: 4px solid #ee6e6e !important;
}

.pck-price-boxs {
    background: linear-gradient(90deg, #faa935 0%, #ffe5e529 100%);
    color: #000000;
}

.holiday-query button.btn {
    border: 1px solid #ee6e6e;
}

.holiday-booking button.btn {
    background: #ee6e6e;
    border: none;
}

.incuamenity-holiday .amenityItem svg,
.pck-boxs .time-du-pack .clock-du svg {
    color: #faa935;
}

.incul-itny span.lay {
    color: #000000;
}

.teb-holi {
    background: #ee6e6e;
}

.teb-holi a.all-tabs-btn.active {
    background: black;
    color: #faa935;
}

.pck-boxs .pck-boxs-title:before {
    background: #ee6e6e;
}

.innertitle {
    background: #faa935;
    color: black;
}

.dycircle {
    background: #faa935;
    color: black;
}

.query-box span {
    background: #ee6e6e;
}

button.formSubmit {
    background: #ee6e6e;
    color: white;
    border: none;
    border-radius: 5px;
}



.pri-del .room-price {
    background: black;
}

.base-p-room p.tpri.newPricingBlock {
    color: #ee6e6e;
}

.planedel .plane-facl svg {
    color: #faa935;
}

.planedel h4.planetitle {
    color: #f59e21;
}



.jhtranddes .ne_review_card {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 12px -2px rgba(50, 50, 93, .25), 0 3px 7px -3px rgba(0, 0, 0, .3);
    padding: 10px;
    cursor: pointer;
    height: 100%;
    min-height: 225px;
}

.jhtranddes .slick-slide {
    padding: 0 4px 4px;
    height: auto !important;
}

img.trandingdes {
    width: 100%;
    height: 140px;
    object-fit: cover;
}

.jhtranddes p.resname {
    color: #faa935;
    margin: 0;
    font-weight: 600;
}

.jhtranddes p.re-price {
    margin: 0;
    color: #000000;
    font-weight: 600;
}

h3.po_package {
    font-size: 35px;
    color: #ee6f6e;
    font-family: Island Moments;
    font-weight: 700;

}

.cruies-boxs.cruies-boxs-rc .cruies-type-img {
    width: 100%;
    height: 235px;
    object-fit: cover;
    border-radius: 7px;
}

.cruise-h1 {
    font-size: 35px;
    text-align: center;
    font-weight: 600;
    font-family: "Island Moments";
    color: #000000;
}

.cruies-boxs.cruies-boxs-rc a {
    color: #555;
}

.cruies-boxs .cruies-detail .cruies-name {
    font-size: 34px;
    font-weight: 700;
    margin: 0;
    color: #ee6f6e;
    font-family: 'Island Moments';
    line-height: 1;
}

.cruies-boxs.cruies-boxs-rc button {
    background-color: #faa935;
    color: white;
    border: none;
    padding: 7px 10px;
    border-radius: 4px;
    width: 100%;
    cursor: pointer;
}

section.Fav-crui {
    margin: 30px 0 0 0;
}

.Choose-Reservationcentre .cruies-boxs {
    background: #faa935;
}

p.cruies-des.mt-2 {
    margin-bottom: 0;
}

.Fav-crui {
    background-color: #f1ca9f45;
}

.cruisedata {
    background-color: #faa935;
    color: white;
}

.cruisedata .breadcrumb {
    padding: 4px;
}

.cruisedata .breadcrumb li a {
    color: #000000;
}

.cruisedata .breadcrumb li.active {
    color: #0D47A1 !important;
}

.slick-slide img {
    display: block;
}

.img-fluid-my {
    height: 400px;
}

.enquiry-form_RC_Cruise {
    background-color: #011627;
    max-width: 400px;
    margin: auto;
}

.enquiry-form_RC_Cruise .fs-14 {
    font-size: 14px;
}

.enquiry-form_RC_Cruise .btn-primary {
    background-color: #EE6E6E;
    border: none;
    font-size: 15px;
    padding: 6px;
}

.enquiry-form_RC_Cruise .form-control {
    padding: 4px 10px !important;
}

.cruise-left-deal .btn-cruise {
    background: #EE6E6E;
}

.cruise-info h5 {
    color: #faa935;
    font-weight: 700;
}

.someCD {
    background: #f1ca9f45;
}

/* Gateway Options */
.gateway-options {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.gateway-option {
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    color: #000;
    background-color: #fff;
    border: 2px solid #ddd;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.gateway-option input {
    margin-right: 8px;
}

.gateway-option.active {
    color: #fff;
    background-color: #000000;
    border: 2px solid #000000;
}

.download-btn {
    background: linear-gradient(135deg, #282828 0%, #f7a734 100%);
}

.user-del-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    position: relative;
}

.user-del-wrapper .info-wrappers {
    display: flex;
    gap: 10px;
}

.user-del-wrapper .info-wrappers .user-info p {
    margin: 0;
    font-size: 13px;
    color: #000000;
}

.user-del-wrapper .info-wrappers .user-info {
    display: flex;
    gap: 5px;
    background-color: #f3dfc2;
    align-items: baseline;
    padding: 1px 5px;
    border-radius: 4px;
}

.user-del-wrapper .info-wrappers .user-info span svg {
    width: 14px;
    height: 14px;
    color: #000000;
}

.user-del-wrapper .sharewrapper {
    background-color: #faa935;
    color: rgb(0, 0, 0);
    padding: 0px 5px;
    border-radius: 2px;
    cursor: pointer;
}

.user-del-wrapper .socialmediaicon {
    display: none;
}

.user-del-wrapper .sharewrapper:hover .socialmediaicon {
    display: block;
}

.sharewrapper ul {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    right: 18px;
    background-color: white;
    border: 1px solid #ccc;
    padding: 3px 6px 0px;
    border-radius: 4px;

}

.cruises-bg {
    background: url(/images/UTimg/cruise_banner.svg) no-repeat;
    background-position: 50%;
    display: inline-block;
    width: 100%;
    background-size: cover;
    position: relative;
    min-height: 400px;
}

.inquhotel {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.inbtnjh {
    background: var(--secondary);
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 4px;
}

body.new-body-class {
    overflow: hidden;
}

.new-body-class .modal-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.carousel-container-hotel {
    padding: 35px 0;
}

.inquery-wrapper {
    max-width: 600px;
    background-color: #f2f2f2;
    padding: 16px 10px;
    position: relative;
    margin: 10px;
    width: 100%;
}

.inquery-wrapper form {
    background-color: #fff;
    padding: 10px;
}

.inquery-wrapper form button.jhinquery {
    width: 100%;
    border: none;
    background: var(--secondary);
    color: white;
    padding: 10px;
    border-radius: 5px;
}

.inquery-wrapper form input,
.inquery-wrapper form textarea {
    width: 100%;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin-bottom: 12px;
}

.inquery-wrapper .callButton {
    background: var(--secondary);
    text-align: center;
    padding: 10px;
    border-radius: 6px;
}

.inlogo svg {
    position: absolute;
    top: 7px;
    cursor: pointer;
    color: black;
    right: 10px;
    height: 20px;
    width: 20px;
}

.inquery-wrapper .callButton a {
    color: white !important;
}

.inlogo.text-center img {
    width: 50%;
}

.fg-orange-container {
    background-color: #eaf3ff;
    padding: 20px 0;
}

.why-hotel__grid {
    width: 100%;
    display: flex;
    gap: 20px;
    margin: auto;
}

.why-hotel__card {
    width: 100%;
    height: 200px;
    border: 1px solid #cfcfcf63;
    border-radius: 5px;
    padding: 15px;
    margin: auto;
    background: #bdbdbd2b;
    color: var(--black-color);
    align-content: center;
    transition: transform 0.3s ease;
}

.why-hotel__img {
    height: 60px;
    width: 60px;
    margin-bottom: 10px;
    background: var(--white-bg);
    border-radius: 5px;
}

.why-hotel__title {
    font-weight: 600;
    font-size: 18px;
}

.why-hotel__card:hover {
    box-shadow: 0 5px 10px rgba(2, 6, 23, 0.1);
    transform: translateY(-10px);
}



/*HotelHighlights css*/
.highlights__grid {
    width: 100%;
    display: flex;
    gap: 20px;
    padding: 20px 0;
}

.highlights__img {
    border-radius: 10px;
    background: var(--white-bg);
    width: 50%;
}

.highlights__txt {
    width: 50%;
    padding: 25px;
    box-sizing: border-box;
    color: var(--dark-color);
    font-family: var(--font-poppins);
    align-content: center;
}

.highlights__title {
    font-size: 22px;
    font-weight: 600;
}

.highlights__icon {
    width: 25px;
    height: 25px;
    background: var;
    background: var(--secondary-color);
    border-radius: 5px;
    padding: 0px 4px;
    align-content: center;
    color: #000;
}

.highlights__subtitle {
    display: flex;
    gap: 10px;
    margin: 6px 0px;
}

.route-section {
    background: #f5f5f5;
    padding: 46px 15px;
}

.route-section .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.route-section h2 {
    font-size: 22px;
    font-weight: 600;
    color: #222;
}

.route-section .tabs {
    display: flex;
    gap: 10px;
}

.route-section .tabs button {
    border: 1px solid #faa935;
    padding: 8px 16px;
    border-radius: 20px;
    background: transparent;
    cursor: pointer;
    color: #faa935;
    font-size: 14px;
    transition: 0.3s;
}

.route-section .tabs .active {
    background: #faa935;
    color: #fff;
}

.route-section .grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}

.route-section .card {
    background: #fff;
    border-radius: 14px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}

.route-section .card:hover {
    transform: translateY(-5px);
}

.route-section .image {
    width: 80px;
    height: 80px;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
}

.route-section .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.route-section .date {
    font-size: 12px;
    color: #777;
    margin: 10px 0;
}

.route-section .route {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.route-section .arrow {
    color: #faa935;
    font-size: 18px;
}

.route-section .type {
    font-size: 13px;
    color: #faa935;
    margin: 6px 0;
}

.route-section .price {
    font-weight: 600;
    font-size: 16px;
}

.destination-section {
    padding: 20px;
    background: #f1ca9f45;
}

.destination-section .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.destination-section .exploreBtn {
    background: #000;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.3s;
}

.destination-section .exploreBtn:hover {
    background: #333;
}

.destination-section .tag {
    font-size: 25px;
    font-weight: 600;
    font-family: "Island Moments";
    color: #ee6e6e;
}

.destination-section h2 {
    text-transform: lowercase;
    font-size: 28px;
    font-weight: 600;
    color: #222;
}

.destination-section .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.destination-section .card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    height: 210px;
    cursor: pointer;
}

.destination-section .card.big {
    grid-row: span 2;
    height: 440px;
}

.destination-section .card.wide {
    grid-column: span 2;
}

.destination-section .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.destination-section .card:hover img {
    transform: scale(1.08);
}

.destination-section .overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 18px;
    background: linear-gradient(to top,
            rgba(0, 0, 0),
            rgba(0, 0, 0, 0.2),
            transparent);
}

.destination-section .overlay h3 {
    font-family: "Montserrat";
    font-size: 19px;
    margin: 0;
    color: #fff;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.destination-section .overlay p {
    margin: 2px 0 0;
    font-size: 13px;
    letter-spacing: 2px;
    color: #eee;
}

.destination-section .overlay p span {
    font-size: 10px;
    color: #ee6f6e;
}

.fg-orange-container {
    background-color: #faa9351c;
    padding: 20px 0;
}

@media (max-width: 1480px) {
    .container-fluid .row .table_listing_warapper {
        width: 80%;
    }

}

@media (max-width: 1338px) {
    .hotels .search-engine {
        padding: 13rem 0;
        height: 45vh;
    }
}

@media (max-width: 1200px) {
    .holiday-search-container {
        min-height: 381px;
    }

    .hotel-search .input-icon {
        top: 9px;
    }

}

@media (max-width: 991px) {
    .home.search-engine.UT .flight-search-wrapper h1 {
        top: -62px;
        white-space: nowrap
    }

    .holiday-search-container {
        min-height: 250px;
    }

    .flight-search-wrapper.jhhotel-wrapper {
        display: block;
    }

    .hotels .search-engine {
        padding: 9vh 4vh;
        height: unset;
    }

    .hotel-search .date-pickers {
        width: 100%;
    }

    .jsx-c4a2e93dfd537d92.ud_hero_s .images {
        display: none;
    }

    .flight-search-wrapper {
        position: relative;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        padding: 15px;
    }

    .subscription-container .img-wrapper {
        width: auto;
    }

    .flight-search-wrapper {
        display: block;
        border-radius: 10px;
        max-width: 550px;
    }

    .input-fields.trip-place {
        width: 100%;
        margin-bottom: 12px;
    }

    .flight-search-wrapper>div {
        margin-bottom: 12px;
    }



    .trip-type-toggle {
        position: relative !important;
        top: 0;
    }

    .date-pickers svg.rightandleft-calendar {
        right: 47%;
    }

    .home .search-engine .passenger-wrapper {
        width: 50%;
    }

    .PreferredAirline input {
        border: 1px solid #c4c4c4;
        display: block;
    }

    .mainjhwrapper .wrapperitems.lo-del {
        width: 39%;
    }

    .mainjhwrapper .wrapperitems {
        width: 20%;
    }

}

@media (max-width: 767px) {
    .highlights__txt {
        width: 100%;
        font-size: 18px;
    }

    .highlights__img {
        display: none;
    }

    .home.search-engine.UT {
        padding-top: 31px;
        padding-bottom: 20px;
    }

    .flight-search-wrapper {
        padding-top: 20px;
    }

    .flight-search-wrapper h1 {
        display: none;
    }

    .holiday-search-container {
        min-height: 189px;
        padding: 0;
    }

    .udWraper {
        display: block;
    }

    .udWraper .why_heading {
        width: 100%;
        text-align: center;
    }

    .udWraper .why_heading .col-md-12 h2 {
        text-align: center !important;
    }

    .udWraper .UDslider {
        width: 100%;
        margin: 16px 0px;
    }

    .subscription-container .img-wrapper {
        display: none;
    }

    .subscription-container .subscription_flex {
        padding: 20px 0;
    }

    .footer-widget {
        margin: 10px 0;
    }

    .mainjhwrapper {
        justify-content: start;
    }

    .mainjhwrapper .wrapperitems {
        width: 30%;
        justify-content: start;
    }

    .mainjhwrapper .wrapperitems.lo-del {
        width: 100%;
        justify-content: start;
    }

    header .tollfree {
        background: #faa935;
    }

    header .navbar-toggle {
        background: #000000;
    }

    .card.big.jsx-fe3c7d30b2acd79a {
        height: 210px;
    }
}

@media (max-width: 568px) {
    .home.search-engine.UT svg.rightandleft-flip{
        rotate: 90deg;
    }
    .search-engine.hotel-search .flight-search-wrapper input {
        padding-left: 28px;
    }

    .highlights__title {
        font-size: 15px;
    }

    .highlights__txt {
        font-size: 12px;
        padding: 0px;
    }

    .search-engine.hotel-search.jhbg .css-joz0rk-MuiPickersSectionList-section-MuiPickersInputBase-section,
    .search-modify.hotel-search-modify .css-joz0rk-MuiPickersSectionList-section-MuiPickersInputBase-section,
    .search-engine.hotel-search.jhbg span.MuiPickersSectionList-section.css-7p02jm,
    .search-modify span.MuiPickersSectionList-section.css-7p02jm {
        font-weight: 500;
        font-size: 14px;
        top: 2px;
        left: 16px;
    }

    .openholibook .book-box {
        overflow-y: scroll !important;
        height: 100%;
    }

    .flight-search-wrapper .input-fields.trip-place .input-with-icon {
        width: 100% !important;
    }

    /* .flight-search-wrapper .input-fields.trip-place svg.rightandleft-flip {
    transform: rotate(90deg) !important;
} */
    .input-fields.trip-place {
        display: block !important;
    }

    .flight-search-wrapper .input-fields.trip-place .input-with-icon:first-child {
        margin-bottom: 15px !important;
    }

    .holiday-search-container {
        min-height: 128px;
    }

    .hotels .search-engine {
        padding: 4vh 0;
    }

    .flight-search-wrapper.jhhotel-wrapper {
        padding: 40px 11px 0;
    }

    .hotel-search .date-pickers {
        width: 96%;
    }

    .carousel-container-hotel {
        display: none;
    }

    .featured-section .heading h2 {
        font-size: 20px;
    }

    .exploreBtn.jsx-d55880b7445f2dee {
        font-size: 12px !important;
        white-space: nowrap;
        border-radius: 5px !important;
    }

    .destination-grid {
        gap: 10px !important;
    }

    .mainjhwrapper .wrapperitems {
        width: 48%;
    }

    .travel-section.jsx-c4a2e93dfd537d92 {
        display: none;
    }

    .home .search-engine {
        padding: 20px 0;
    }

    .flight-search-wrapper {
        padding: 15px 10px;
    }

    svg.rightandleft-flip {
        right: 47%;
        padding: 8px;
        top: 30px;
    }

    .date-pickers svg.rightandleft-calendar {
        right: 47%;
        padding: 9px;
        top: 3px;
    }

    header .tollfree {
        padding: 3px 8px;
        margin: 0;
    }

    .tollfree svg {
        max-width: 16px;
        height: 16px;
    }

    header .tollfree a {
        line-height: 1;
    }

    header .navbar-toggle span {
        width: 18px;
    }

    header .navbar-toggle {
        padding: 7px 6px;
    }



    .destination-section.jsx-fe3c7d30b2acd79a .jsx-fe3c7d30b2acd79a.header {
        display: block;
        text-align: center;
        margin-bottom: 12px;
    }

    .destination-section.jsx-fe3c7d30b2acd79a .jsx-fe3c7d30b2acd79a.header h2.jsx-fe3c7d30b2acd79a {
        font-size: 20px;
    }

    .subscription-container h2 {
        font-size: 20px;
    }
}

@media print {

    .bg-white.jhf-wrapper .cm-container,
    .main-header .cm-container,
    .top-header .cm-container {
        display: none !important;
    }
}

@media print {
    .pageWrapper {
        background: var(--hotel-bg-white);
        padding-top: 50px;
    }
}

@media (max-width: 1200px) {
   .route-section .grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
   .route-section .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 568px) {
   .route-section .show-more-wrapper {
        text-align: end;
        margin-top: 15px;
    }

    .route-section .card {
        padding-bottom: 0;
    }

    .route-section .show-more-wrapper button {
        padding: 5px 13px;
        border: none;
        background: #000000;
        color: #fff;
        border-radius: 8px;
        cursor: pointer;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
   .route-section .grid {
        grid-template-columns: 1fr;
    }

    .route-section .header {
        flex-direction: column;
        gap: 10px;
    }
}