@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital@0;1&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

 :root {
     --main-color: #555;
     --primary: #FF7900;
     --secondary: #103e65;
     --roboto: Roboto, sans-serif;
     --white-color: #fff;
     --black-color: #000;
     --gray-color: #ccc;
 }

 body {
     font-family: var(--roboto) !important;
     font-size: 14px;
     color: var(--main-color);
 }

 body a {
     text-decoration: none;
     transition: all 0.4s ease-out;
 }

 body .css-q6vpb4,
 .css-18ultcs-MuiPopper-root-MuiPickerPopper-root {
     z-index: 999999 !important;
 }

 body a:hover {
     color: var(--primary);
 }

 .cp {
     cursor: pointer;
 }

 .m body {
     font-family: var(--roboto) !important;
     font-size: 14px;
     color: var(--main-color);
 }

 button.readmore_h {
     color: blue;
     background: white;
     border: none;
     font-size: 13px;
     text-decoration: underline;
 }

 .wave-header {
     position: relative;
     width: 100%;
     height: 150px;
     overflow: hidden;
 }

 .inputGroup .highlight {
     animation: pulse 1.5s ease-in-out infinite;
     background: #fff3cd;
     padding: 4px 8px;
     border-radius: 6px;
 }

 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7);
     }

     70% {
         box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
     }
 }

 .waves {
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 100px;
 }

 .parallax>use {
     animation: moveWaves 25s cubic-bezier(.55, .5, .45, .5) infinite;
 }

 .parallax>use:nth-child(1) {
     animation-delay: -2s;
     animation-duration: 7s;
 }

 .parallax>use:nth-child(2) {
     animation-delay: -3s;
     animation-duration: 10s;
 }

 .parallax>use:nth-child(3) {
     animation-delay: -4s;
     animation-duration: 13s;
 }

 .parallax>use:nth-child(4) {
     animation-delay: -5s;
     animation-duration: 20s;
 }

 @keyframes moveWaves {
     0% {
         transform: translate3d(-90px, 0, 0);
     }

     100% {
         transform: translate3d(85px, 0, 0);
     }
 }




 .hotel_listing_inner_wrapper {
     display: flex;
 }

 body a {
     text-decoration: none;
     transition: all 0.4s ease-out;
 }

 body a:hover {
     color: var(--primary);
 }

 .cp {
     cursor: pointer;
 }

 .booking-bg-wrapper .flight-booking-route-identity>span.domestic_baggage.flight_del__baggage {
     padding: 0 0 0 5px !important;
     background: white !important;
     line-height: 1 !important;
 }

 .baggage-table {
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
     border: 1px solid #dcdcdc;
     border-radius: 8px;
     overflow: hidden;
     font-size: 14px;
     min-width: 228px;
 }

 .baggage-table th {
     background-color: #e6f4ea;
     /* light green header */
     color: #2e7d32;
     /* dark green text */
     font-weight: 600;
     padding: 8px 12px;
     text-align: center;
     border-bottom: 1px solid #dcdcdc;
 }

 .baggage-table td {
     padding: 8px 12px;
     text-align: center;
     border-bottom: 1px solid #f0f0f0;
     background-color: white;
 }

 .review-details-btn {
     padding: 10px;
     color: #000;
     font-weight: 500;
 }

 .alert-info {
     background-color: white;
     box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
     border: 1px solid #000;
     border-radius: 4px;
     cursor: pointer;

 }

 .baggage-table tr:last-child td {
     border-bottom: none;
     /* remove last row border */
 }

 .flight-details-outer {
     background: white;
     padding: 4px;
     border-radius: 4px;
 }

 .baggage-table td:first-child {
     font-weight: 600;
     text-align: left;
     background-color: #ffffff;
 }

 .flight-details-outer span.badge.rounded-pill.bg-primary {
     line-height: 1.3;
     margin: 5px 0;
 }

 .baggage-table span {
     display: inline-flex;
     align-items: center;
     gap: 4px;
     white-space: nowrap;
 }

 .baggage-table svg {
     color: #555;
     font-size: 14px;
 }

 .flight-details-text1 {
     background: #c3e4e2;
     padding: 6px;
     margin-bottom: 4px;
 }

 .flight-details-text1 p {
     display: inline-block;
     padding: 3px 10px;
     transition: all 0.3s ease;
     font-size: 12px;
 }

 .flight-details-text1 p.active {
     background-color: var(--primary);
     color: white !important;
     border-radius: 5px;
 }

 .all-bag-type {
     position: relative;
     display: inline-flex;
     align-items: center;
     gap: 6px;
     cursor: pointer;
 }

 .baggage-card .baggage-item svg {
     padding-right: 4px;
 }

 span.domestic_baggage {
     font-size: 12px;
     font-weight: 500;
     color: #000;
     cursor: pointer;
     position: relative;
     display: inline-block;
 }

 .domestic_baggage span.domestic_baggage_heading svg {
     padding: 0 3px 0 1px;
 }

 .information.newinfo {
     padding: 0;
 }

 .baggage-card {
     border: 1px solid #e0e0e0;
     border-radius: 8px;
 }

 .flight_list_box.dom .baggage-card,
 .flight_list_box.return .baggage-card,
 .all-bag-type .baggage-card {
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 999;
     background: #fff;
     border: 1px solid #e0e0e0;
     border-radius: 8px;
     padding: 7px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
     width: 330px;
     display: none;
 }

 .flight_list_box.dom .baggage-card .baggage-scroll {
     width: 100%;
     overflow-x: auto;
 }

 .all-bag-type:hover .baggage-card,
 .domestic_baggage:hover .baggage-card {
     display: block;
 }

 .baggage-header h3 {
     font-size: 16px;
     margin: 0;
 }


 body ul,
 body ol,
 body ul li body ol li {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 body .cm-spacing {
     padding: 45px 0;
 }

 body .cm-container {
     max-width: 1300px;
     padding-left: 10px;
     padding-right: 10px;
     width: 100%;
 }

 .reas-txt.collapsed {
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .reas-txt.expanded {
     -webkit-line-clamp: unset;
 }

 .date-pickers .css-gocv02 {
     font-weight: 500;
     width: 100%;
 }

 /* .css-w6tl5u , .MuiPickersLayout-root.css-1y6l765-MuiPickersLayout-root{
    max-height: 260px !important;
    height: 260px !important;overflow-y: scroll;
} */
 .date-pickers-1 .css-gocv02 {
     font-weight: 500;
     padding: 6.5px 0;
     width: 100%;
 }

 .row.bg-light-pink {
     background: #e2f0fb;
     font-size: 16px;
     color: #103e65;
     font-weight: 600;
     margin-bottom: 20px;
 }

 .row.bg-light-pink a {
     color: #103e65;
 }

 .css-1hgcujo-MuiPickersInputBase-root-MuiPickersOutlinedInput-root {
     background-color: white;
 }

 .card-footer.text-center.bg-teal button.btn.btn-primary {
     padding: 5px 10px;
     border-radius: 5px;
     font-size: 15px;
     background: var(--hotel-dark);
 }

 body .btn {
     font-family: var(--roboto);
     font-size: 10px;
     background-color: #FF7900;
     color: #ffffff;
     border-radius: 11px;
     padding: 5px;
     text-transform: uppercase;
     border: none;
 }

 body .btn:hover {
     background: #d36f15;
     color: #fff;
 }

 body .sec-btn {
     font-family: var(--roboto);
     background: #e9e7e7;
     min-width: 100px;
     border-radius: 16px;
     border: 1px solid #d9d9d9;
     color: #555;
     text-transform: uppercase;
     font-size: 11px;
     line-height: 1.7;
     display: inline-block;
     padding-top: 6px;
     padding-bottom: 6px;
     transition: 0.4s all;
 }

 body .sec-btn:hover {
     background: var(--primary);
     border: 1px solid var(--primary);
     color: #fff;
 }

 body span.fare {
     color: var(--primary);
 }

 /* Shubham singh */

 .hotel_name-dtl .overallRating {
     box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
 }

 .all-field-form .form-container button {
     border: none;
     background-color: #c3e4e2;
     font-size: 13px;
     padding: 3px 9px;
     border-radius: 4px;
     color: #000;
     font-weight: 500;
 }

 .guest-badge.adult,
 .guest-badge.child {
     background-color: #c3e4e2;
     color: #000;
     position: absolute;
     top: -11px;
     right: 0;
 }

 .lead-guest {
     border-bottom: 1px dashed #ccc;
     padding-bottom: 15px;
 }

 .guest-badge {
     display: inline-block;
     padding: 4px 10px;
     border-radius: 12px;
     font-size: 12px;
     font-weight: 500;
     margin-bottom: 10px;
 }

 .jhhotel-wrapper .date-pickers fieldset {
     display: none;
 }

 .hotelRating-wrapper .reviewCount a:hover svg {
     color: #000 !important;
 }


 .hotel_search_request {
     width: 65%;
 }

 .room-type ul li strong {
     color: green;
     font-size: 15px;
     padding-right: 10px;
 }

 button.more-reads {
     background: transparent;
     border: none;
     color: blue;
     text-decoration: underline;
 }

 .room-type ul li {
     font-size: 13px;
     font-weight: 500;
 }

 .newDtlsFilled.selected {
     background-color: #3d8000;
     color: white;
 }

 .countNAC span {
     font-size: 14px;
 }

 .hotelRating-wrapper .reviewCount a svg {
     color: #0d6efd !important;
     transition: 0.4s all;
 }

 .hotelRating-wrapper .reviewCount a {
     text-decoration: underline;
 }

 .modal-body span.ameni_text {
     font-size: 14px;
 }

 .modal-body span.amini_icons.fs-5 {
     color: var(--secondary);
 }

 .hotel-rooomss-2 .room-type-price .new_room-type-price-inner {
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: space-evenly;
     align-items: center;
 }

 .amenitiesContainer .amenityItem span {
     font-size: 13px;
 }

 button.hotel_aminities {
     border: none;
     background-color: var(--primary);
     color: white;
     border-radius: 3px;
     font-size: 14px;
     padding: 5px 8px;
 }

 .hotel-remark {
     border: 1px solid gray;
     border-radius: 4px;
     padding: 5px;
     font-size: 13px;
 }

 select.select-room-type {
     border-radius: 4px;
     background-color: #cbe3f77a;
     border-color: #103e65;
 }

 .hotel-search .passenger-dropdown .room-details .hotel-count.adultcount-wrapper,
 .hotel-search .passenger-dropdown .room-details .hotel-count.childcount-wrapper {
     width: 48%;
 }

 .passenger-dropdown .hotel-count.adultcount-wrapper .member-count,
 .passenger-dropdown .hotel-count.childcount-wrapper .member-count,
 .passenger-dropdown .hotel-count.childcount-wrapper button,
 .passenger-dropdown .hotel-count.adultcount-wrapper button {
     width: 22px;
     height: 22px;
     border-radius: unset;
 }

 .hotel-search-modify .newsadultcount-wrapper .hotel-count.adultcount-wrapper,
 .hotel-search-modify .newsadultcount-wrapper .hotel-count.childcount-wrapper {
     width: 48%;
 }

 .hotel-search-modify .newsadultcount-wrapper .hotel-count.adultcount-wrapper .handle-count,
 .hotel-search-modify .newsadultcount-wrapper .hotel-count.childcount-wrapper .handle-count {
     display: flex;
     width: 100%;
     justify-content: space-around;
     gap: 5px;
     border: 1px solid #afafaf;
     border-radius: 4px;
     padding: 4px;
 }

 .hotel-search-modify .room-members-details.newRoom_details {
     width: 100%;
     display: block;
     padding: 0px 0 7px 0;
 }


 button.btn.btn-outline-secondary.rounded-pill,
 button.btn.btn-warning.text-white.fw-bold.rounded-pill {
     font-size: 13px;
     border-radius: 5px !important;
 }

 .sessionexpire-btn {
     background-color: var(--primary);
     color: white;
     border: none;
     padding: 5px;
 }

 .flight-search-wrapper-1.one-way-mode p.warning.dep_war {
     left: unset;
     right: 0;
 }

 .flight-search-wrapper>div {
     margin-bottom: 10px;
     position: relative;
 }

 p.warning.dep_war {
     left: 187px;
     font-size: 11px;
     width: 49%;
 }


 /* MUI Calendar */
 .modal-inner-body .date-pickers button svg,
 .search-engine .date-pickers button svg {
     display: none !important;
 }

 .modal-inner-body .date-pickers button,
 .search-engine .date-pickers button {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
 }

 .date-pickers .MuiPickersInputBase-root {
     background: #fff !important;
     font-weight: 500;
 }



 /* modify search */

 .search-result-wrapper {
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-weight: 500;
     font-size: 15px;
 }

 .search-result-wrapper .read-only {
     display: flex;
     align-items: center;
     gap: 1rem;
 }

 .search-result-wrapper .read-only>div {
     display: inline-flex;
     align-items: center;
     gap: 0.5rem;
 }

 .search-result-wrapper p {
     margin: 0;
     font-size: 15px;
 }

 .search-result-wrapper .icon {
     margin-right: 0.5rem;
 }

 .Edit_rc .flight-search-wrapper-1 input {
     color: #000;
     font-weight: 500;
     font-size: 15px;
 }

 .Edit_rc .date-pickers .MuiPickersSectionList-root {
     padding: 6px 0;
 }

 /* End */



 /* flight-listing css */
 .Edit_rc {
     background: #103e65;
     padding: 15px 0;
 }

 .Edit_rc .edit-btn {
     padding: 7px 5px;
     text-align: center;
     font-size: 13px;
     border-radius: 4px;
     cursor: pointer;
     border: 1px solid #FF7900;
     font-weight: 600;
     max-width: 120px;
     white-space: nowrap;
     text-transform: capitalize;
     width: 100%;
     letter-spacing: -0.2px;
 }

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

 .open-search .modal-overlay {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
 }

 .modal-overlay .modal-header {
     background-color: #103e65;
     display: flex;
     justify-content: space-between;
     padding: 7px 12px;
     align-items: center;
     color: white;
     border-radius: 8px 8px 0 0;
 }

 .modal-overlay .modal-header p {
     line-height: 2;
 }

 .inner-wrapper-modal {
     background-color: white;
     border-radius: 8px;
     box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
     position: absolute;
     top: 8%;
 }

 .closeButton-modal button {
     background: #103e65;
     color: #fff;
     border: none;
     cursor: pointer;
 }

 .closeButton-modal button svg {
     font-size: 20px;
 }

 .input-waraper {
     padding: 10px;
     border-radius: 5px 5px 5px 5px;
     box-shadow: 0px 0.8px 4px rgb(140 140 140 / 75%);
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 14px;
     gap: 10px;
 }

 .input-waraper input {
     border: none;
     width: 100%;
     border-radius: 3px;
     padding: 6px;
 }

 .input-waraper label {
     white-space: nowrap;
 }

 .travell_wrapper input {
     border-bottom: 1px solid #2e8ac0 !important;
     border: none;
     font-size: 14px;
 }

 .flight-search-wrapper input {
     border-radius: 6px;
     border: 1px solid transparent;
     padding: 4px 8px;
     line-height: 1.5;
     color: #333;
     outline: 0;
     font-size: 18px;
     font-weight: 600;
     min-height: 36px;
 }

 .hotel-search .flight-search-wrapper input {
     padding-left: 31px;
 }

 .hotel-search .passenger-input span {
     color: #333;
     font-weight: 600;
 }

 .travell_wrapper {
     padding: 4px 0;
 }

 .travell_wrapper label {
     display: block;
     font-size: 14px;
     color: #2e8ac0;
     font-weight: 600;
     line-height: 1;
 }

 .cs-btn-list button {
     border-radius: 3px;
     font-size: 14px;
     background: #306a9b;
     border: none;
     color: white;
     padding: 10px;
 }

 .input-waraper input:focus-visible {
     outline: 0;
     border: 1px solid #ff7900;
 }

 .cs-btn-list {
     column-gap: 10px;
     display: flex;
     margin-bottom: 20px;
 }

 .cs-btn-list button.btn-round,
 .cs-btn-list button.btn-one-way {
     padding: 5px 10px;
 }

 .modal-overlay .flight-search-container.cm-container {
     padding: 0;
 }

 /* modal end */
 .sidebar-title {
     color: #103e65;
     line-height: 2;
     outline: 0;
     font-size: 16px;
     font-weight: 600;
     margin: 0;
 }

 .modify-header {
     padding: 8px 0;
     position: relative;
     background-color: var(--secondary);
     margin-bottom: 30px;
 }

 .flight-listing-wrapper {
     background-color: #fbfbfb;
     padding: 15px 0;
     font-family: var(--roboto);
 }

 .sidebar-wrapper {
     background-color: var(--white-color);
 }

 .sidebar-wrapper .sidebar-header {
     background: var(--secondary);
     padding: 10px;
 }

 .sidebar-wrapper .sidebar-header h3 {
     color: var(--white-color);
     font-size: 16px;
     margin: 0;
 }

 .sidebar-wrapper .sidebar-header>button {
     color: var(--white-color);
     font-size: 12px;
     background-color: var(--black-color);
     border: none;
     outline: none;
     padding: 2px 5px;
     border-radius: 4px;
     line-height: normal;
 }

 .sidebar-stop-text {
     padding: 0 10px;
 }

 .sidebar-list-check ul li {
     display: flex;
     gap: 10px;
     margin: 8px 0px 10px 0;
 }

 .sidebar-list-check ul li label {
     font-size: 12px;
     font-weight: 500;
 }

 .sidebar-list-check ul li input {
     appearance: none;
     position: relative;
 }

 .sidebar-list-check ul li input::after {
     content: "\2713";
     font-size: 0;
     font-weight: bold;
     text-align: center;
     display: inline-block;
     width: 20px;
     height: 19px;
     left: 0;
     bottom: 1px;
     background: #eceeee;
     border: 1px solid var(--gray-color);
     line-height: 26px;
     border-radius: 1px;
 }

 .sidebar-list-check ul li input::before {
     content: "\2713";
     font-size: 14px;
     display: none;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 .sidebar-list-check ul li input[type="checkbox"]:checked::before {
     display: block;
 }

 .sidebar-price-range {
     border-top: 1px solid var(--gray-color);
     padding: 0 10px;
 }

 .range-slider h5 {
     font-size: 14px;
 }

 /* Slider */
 .price-filter-section {
     width: 300px;
     margin: 20px;
 }

 .price-range-filter {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .range-slider {
     width: 100%;
     height: 8px;
     background-color: #ddd;
     position: relative;
     margin: 10px 0 13px 0;
     text-align: center;
     padding-bottom: 10px;
 }

 .thumb {
     height: 16px;
     width: 16px;
     background-color: #ff9800;
     /* Adjust this color as needed */
     border: 2px solid #333;
     border-radius: 50%;
     cursor: pointer;
     position: absolute;
     top: -4px;
     /* Center thumb with the track */
     z-index: 2;
 }

 .track {
     background-color: var(--primary);
     height: 5px;
     top: 0;
     position: absolute;
 }

 .price-range-values {
     display: flex;
     justify-content: center;
     font-size: 14px;
     color: #333;
     gap: 5px;
     align-items: center;
 }

 .price-range-values span {
     font-size: inherit;
     font-weight: 500;
     color: var(--black-color);
 }

 .sidebar-price-range .range-wrapper {
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
     align-items: self-start;
     margin: 10px 0;
 }

 .sidebar-price-range .range-wrapper .range-slider {
     background-color: transparent;
 }

 .sidebar-price-range .range-wrapper .range-slider>.track {
     background-color: var(--primary);
     border-radius: 20px;
     top: 50%;
     transform: translateY(-50%);
     height: 5px;
 }

 .sidebar-price-range .range-wrapper .range-slider>.thumb {
     height: 24px;
     width: 24px;
     border-radius: 50%;
     background-color: var(--white-color);
     top: 50%;
     transform: translateY(-50%);
     border: none;
     box-shadow: 0px 0px 3px 1px rgba(186, 186, 186, 1);
     outline: none;
 }

 .sidebar-price-range .range-wrapper .range-slider>.thumb.active {
     border: none;
     outline: none;
 }

 .sidebar-fare {
     padding: 0 15px;
     border-top: 1px solid var(--gray-color);
     margin-top: 10px;
 }

 .airlines-wrapper {
     border-top: 1px solid var(--gray-color);
     padding: 0 15px;
 }

 .airlines-wrapper.sidebar-list-check>ul>li {
     justify-content: space-between;
     color: var(--black-color);
 }

 .airlines-wrapper.sidebar-list-check>ul>li>.airline-list {
     gap: 10px;
 }

 .airlines-wrapper.sidebar-list-check>ul>li>.airline-price p {
     margin: 0px;
     font-size: 12px;
     font-weight: 500;
 }

 .airline-list-select-btn>button {
     font-size: 12px;
     padding: 2px 5px;
     font-weight: 500;
     border-radius: 3px;
 }

 .sidebar-time-wrap {
     border-top: 1px solid var(--gray-color);
     border-bottom: 1px solid var(--gray-color);

 }

 .timing-header h6 {
     color: var(--black-color);
     font-size: 14px;
     font-weight: 500;
     margin: 0;
 }

 .timing-header>button {
     font-size: 14px;
     border: none;
     outline: none;
     color: var(--main-color);
     background-color: transparent;
 }

 .depart-time-wrapper {
     /* border: 1px solid var(--gray-color); */
     padding: 10px 10px 10px 10px;
     overflow: hidden;
     /* margin-top: 10px; */
 }

 .sidebar-price-range .range-wrapper .range-slider>.track.track-0,
 .sidebar-price-range .range-wrapper .range-slider>.track.track-2 {
     background-color: #dfe0e5;
 }

 /* table css */
 .deals-table {
     width: 100%;
     overflow: auto;
     border-radius: 12px;
     border: 1px solid #c5ddf5;
     margin-bottom: 1%;
 }

 .deals-table table {
     width: 100%;
 }

 .deals-table table tr,
 .deals-table table th,
 .deals-table table td {
     border: solid 1px #c5ddf5;
     border-width: 1px !important;
 }

 .deals-table table th img {
     border-radius: 100%;
     margin: 0 40px;
 }

 .deals-table table tr th,
 .deals-table table tr td {
     padding: 3px 10px;
     text-align: center;
 }

 .deals-table table th p {
     font-size: 14px;
     font-weight: 400;
     text-align: center;
 }

 .deals-table::-webkit-scrollbar {
     height: 8px;
 }

 .deals-table::-webkit-scrollbar-thumb {
     background-color: var(--secondary);
     border-radius: 4px;
 }

 .deals-table::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px grey;
     border-radius: 10px;
 }

 .list-group-info {

     border-radius: 4px;
 }

 .book-with {
     border-radius: 5px 5px 0 0;
 }

 .twenty-support {
     border-radius: 0 0 5px 5px;
 }

 .list-group-info li {
     background-color: var(--secondary);
     color: var(--white-color);
     padding: 10px;
     line-height: 1;
 }

 ul.list-group-info li b {
     font-size: 10px;
     font-weight: 400;
 }

 ul.list-group-info li svg {
     max-width: 9px;
     width: 100%;
 }

 .limited-deals img {
     /* width: 100%; */
     margin-top: 20px;
     /* max-height: 359px; */
     /* height: 100%; */
     margin-bottom: 20px;
 }

 .sidebar-other-area-ul {
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
     gap: 10px;
 }

 .search-result-content {
     padding: 10px;
     font-size: 14px;
     overflow: hidden;
 }

 .search-result-text {
     font-size: 14px;
     font-weight: 600;
     color: #000;
 }

 .search-result-content .date-alert {
     color: #2e8fc2;
     padding-left: 5px;
 }

 .search-result {
     background: #fff;
     border: 1px solid #c9c6c6;
 }

 .sorting {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
 }

 .sorting-items {
     width: 20%;
 }

 .padding-space {
     padding-left: 5px;
 }

 .sort-option a {
     color: #929292;
     text-decoration: none;
     display: block;
     padding: 5px 10px;
     text-align: center;
 }

 .sort-option {
     background: #fff;
     border: 1px solid #bdbdbd;
     font-size: 12px;
 }

 .sort-option a svg {
     color: #bdbdbd;
     font-weight: 600;
     max-width: 9px;
     width: 100%;
 }

 .sort-option a:hover svg {
     color: var(--primary);
 }

 .more-option {
     display: flex;
     justify-content: space-between;
     font-size: 12px;
     background-color: #f2f2f2;
     padding: 9px 15px;
     line-height: 1;
     cursor: pointer;
 }

 .details-right {
     color: #346b98;
 }

 .cover-all {
     width: 100%;
     display: flex;
     justify-content: space-between;
     padding: 15px;
     padding-bottom: 0;
 }

 .flight.trpact {
     width: 20%;
 }

 .button-rond {
     width: 15%;
     padding: 0 15px 0 0;
 }

 .flight-trpact img {
     padding: 2px;
     border-radius: 3px;
     margin-bottom: 7px;
     height: 55px;
     /* max-width: 74px;
    width: 100%; */
     border: 1px solid #66666661;
     object-fit: contain;
 }

 .flight-trpact p .flight-name {
     font-size: 11px;
     color: #555;
     line-height: 1.5;
     font-weight: 600;
 }

 .button-rond .price {
     font-size: 18px;
     padding-top: 5px;
     font-weight: bold;
     line-height: 1.3;
     display: flex;
     flex-direction: column;
     text-align: end;
     color: var(--secondary);
 }

 .button-rond .price span {
     font-size: 12px;
     color: #999;
     font-weight: normal;
 }

 .buynow {
     margin: 15px 0 0 0;
 }

 .buynow .btn {
     border-radius: 4px;
     padding: 6px 9px;
     font-weight: 600;
     font-size: 13px;
 }

 .operate-by {
     text-align: center;
     font-size: 12px;
     color: #4e85af;
     margin: 3px 0 0 0;
 }

 .Main-listing {
     border: 1px solid #d5d2d2;
     background: #fff;
     width: 100%;
     margin: 10px 0 0 0;
     transition: box-shadow 0.1s ease-in-out;
 }

 .Main-listing:hover {
     border: 1px solid #ff7900;
     box-shadow: 0px 0px 5px 0px rgba(255, 121, 0, 1);
     cursor: pointer;
 }

 .depart-time-wrapper ul {
     display: flex;
     flex-wrap: wrap;
     gap: 5px;
 }

 .depart-time-wrapper .depart-time-content {
     margin-bottom: 0;
     margin-top: 4px;
 }

 .depart-time-wrapper li {
     width: 23%;
     text-align: center;
     padding: 9px 0;
     font-size: 6px;
     cursor: pointer;
     /* line-height: 1.6; */
     color: #999;
     border: 3px solid #ffffff;
     border-radius: 10px;
     border: 1px dashed #8b8b8b;
 }

 .depart-time-wrapper .sun-img {
     background: url(/images/flight_listing_sprite_result.webp) no-repeat;
     background-position: -2px -270px;
     width: 30px;
     height: 22px;
     display: inline-block;
 }

 .depart-time-wrapper .noon_icon {
     background: url(/images/flight_listing_sprite_result.webp) no-repeat;
     background-position: -39px -271px;
     width: 22px;
     height: 22px;
     display: inline-block;
 }

 .depart-time-wrapper .evening_icon {
     background: url(/images/flight_listing_sprite_result.webp) no-repeat;
     background-position: -73px -267px;
     width: 32px;
     height: 22px;
     display: inline-block;
 }

 .depart-time-wrapper .night_icon {
     background: url(/images/flight_listing_sprite_result.webp) no-repeat;
     background-position: -112px -265px;
     width: 27px;
     height: 22px;
     display: inline-block;
 }

 .filter-subheading {
     color: #103e65;
     line-height: 1.5;
     margin-bottom: 8px;
     outline: 0;
     font-size: 1.2em;
     font-weight: 600;
 }

 .depart-time-content b {
     color: #555;
     font-weight: 600;
 }

 .departure-times-active {
     background-color: #aae2ff;
 }

 .return-times-active {
     background-color: #aae2ff;
 }

 .Edit_rc .mob-filter {
     display: none;
     width: 35px;
     padding: 5.5px;
     background: #FF7900;
     border-radius: 2px;
     margin-right: 10px;
     text-align: center;
     cursor: pointer;
     transition: 0.3s all;
 }

 .Edit_rc .mob-filter svg path {
     fill: #ffffff;
 }

 .Edit_rc .text-end {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 10px;
 }

 .Edit_rc .text-end .mob-filter-wrapper {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .Edit_rc .mob-filter:hover {
     background: #d36f15;
 }


 .Edit_rc .text-end .back-btn a svg {
     width: 20px;
     height: auto;
 }

 .Edit_rc .text-end .back-btn a {
     width: 40px;
     background: #093356;
     color: #7faed5;
     font-size: 20px;
     border: 1px solid #235681;
     border-radius: 4px;
     height: 35px;
     line-height: 2.4;
     display: block;
     text-align: center;
 }

 .Edit_rc .text-end .back-btn {
     display: none;
 }

 button.closeFilter {
     background-color: #ff7900;
     border: none;
     color: white;
     margin-left: 10px;
     border-radius: 2px;
     display: none;
 }

 .flight-trpact p {
     line-height: 10px;
 }

 .FlightTypeButtons {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     width: 100%;
 }

 .FlightTypeButtons .FTBResults {
     font-size: 13px;
     font-weight: 600;
     line-height: 1.3;
     padding: 10px 15px;
     border-right: 2px solid #706f6f;
     position: relative;
     color: black;
     cursor: pointer;
 }

 .FlightTypeButtons .FTBResults.activelist::before {
     display: inline-block;
     width: 0;
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid #ff7a3a;
     content: "";
     position: absolute;
     left: calc(50% - 8px);
     bottom: -8px;
 }

 .FlightTypeButtons .FTBResults.activelist::after {
     display: inline-block;
     background: #ff7a3a;
     width: 100%;
     height: 3px;
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
 }

 .more-dtl-bn {
     display: flex;
     justify-content: space-between;
     padding: 7px 5px 7px 10px;
     background: #f9f9f9;
     box-shadow: 0 0 2px #0000005c;
     flex-wrap: wrap;
     gap: 4px;
 }

 .strip-more-details {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     gap: 4px;
     flex-wrap: wrap;
     flex-wrap: wrap;
 }

 .strip-more-details span {
     font-size: 14px;
     line-height: 1;
     font-weight: 600;
 }

 .strip-more-details .badge {
     font-size: 10px;
     line-height: 1;
     color: green;
     font-weight: 600;
     background-color: white;
     border: 1px solid green;
     border-radius: 10px;
 }

 .strip-more-details .side-flight-details {
     font-size: 13px;
     line-height: 1;
     color: #1b6ef3;
     font-weight: 600;
     text-decoration: underline;
 }

 .strip-more-details .refund {
     color: green;
 }

 .strip-more-details svg {
     width: 13px;
     padding: 0 3px;
     height: auto;
     color: var(--secondary);
 }

 .flight-info-mm h3 {
     font-size: 16px;
     color: black;
 }

 .flight-info-mm h5 {
     font-size: 16px;
     color: black;
 }

 .flight-bothSide .duration svg {
     margin-right: 5px;
     color: var(--secondary);
 }

 .ticket-details {
     border: 1px solid #ccc;
     border-radius: 4px;
     margin-top: 19px;
     box-shadow: 0 0 .3125rem rgba(0, 0, 0, .3);
 }

 .ticket-details .flight-timing-d {
     padding: 10px;
     display: flex;
     justify-content: center;
     align-items: center;

 }

 .ticket-details .Depar-t {
     padding: 4px 13px;
     font-weight: 500;
     border-radius: 4px;
     font-size: 75%;
     background-color: #103e65;
     color: white;

 }

 .flight-timing-d .date {
     font-size: 13px;
     color: #525252;
     font-weight: 500;
 }

 .stop-dura-tion svg {
     max-width: 13px;
     width: 100%;
 }

 .flight-info-mm .flightLine {
     position: relative;
     width: 100%;
     height: 0;
     top: 2px;
     margin: 4px 0;
 }

 .flight-info-mm .flightLine .flightLine-border {
     width: 87%;
     margin: 0 auto;
     border: 1px dashed #dee2e6;
 }

 .flightLine .station-tr {
     width: 10px;
     height: 10px;
     border: 2px solid #103e65;
     border-radius: 100%;
     display: inline-block;
     position: absolute;
     top: 0px;
     background-color: white;
     transform: translate(-50%, -50%);
 }

 .flight-info-mm .flightLine .cric-1 .depart-plane {
     max-width: 18px;
     width: 100%;
 }

 .flight-info-mm .flightLine .cric-2 .arrival-plan {
     max-width: 18px;
     width: 100%;
 }

 .flight-info-mm .flightLine .cric-1 {
     position: absolute;
     top: -18px;
     left: 0;
 }

 .flight-info-mm .flightLine .cric-2 {
     position: absolute;
     top: -18px;
     right: 0;
 }

 .flightLine .plane-icon {
     position: absolute;
     top: -12px;
     left: 50%;
     transform: translateX(-50%);
 }

 .flightLine .plane-icon svg {
     width: 18px;
     max-width: 100%;
     height: auto;
 }

 .destination-price span {
     font-size: 22px;
     font-weight: 600;

 }

 .destination-price svg {
     max-width: 11px;
     width: 100%;
 }

 .sidebar-stop-text .btn.btn-primary {
     background-color: #d8d8d8;
     color: #000;
     font-size: 13px;
     font-weight: 500;
 }

 .sidebar-stop-text .btn.btn-primary:hover {
     background-color: #103e65;
     color: white;
 }

 button.btn.btn-primary.active {
     background-color: #103e65;
     color: white;
 }

 .btn-group>:not(.btn-check:first-child)+.btn {
     margin: 0 !important;
 }

 label.btn.btn-primary {
     padding: 10px;
 }

 label.btn.btn-primary.active {
     background-color: #103e65;
     color: white;
 }

 .sidebar-other-outer {
     border: 1px solid #d5d2d2;
     /* margin: 20px 0 0 0; */
     background: #fff;
 }

 .side-other-head {
     background: #f5f3dd;
     color: #555;
     font-size: 15px;
     padding: 7px 10px;
 }

 .sidebar-other-area {
     /* text-align: center; */
     padding: 10px;
     overflow: hidden;
 }


 .sidebar-other-area li {
     padding: 0 0 5px 0;
     float: left;
     display: flex;
     text-align: start;
 }

 .sidebar .sidebar-other-area li {
     width: 48%;
 }

 .sidebar-other-area ul {
     display: flex;
     flex-wrap: wrap;
 }

 .why-img {
     width: 30px;
     height: 31px;
     border: 1px solid #949494;
     padding: 3px 0 0 0px;
     float: left;
     margin-right: 10px;
     text-align: center;
 }

 .why-img img {
     max-width: 30px;
     width: 100%;
 }

 .why-txt {
     float: left;
     padding: 1px 0 10px 0;
     font-size: 12px;
     font-weight: 600;
 }

 .best-price-img img {
     float: left;
     max-width: 100px;
     margin: 0px 14px 0 0;
     width: 100%;
 }

 .best-txt {
     float: left;
     width: 55%;
     padding: 10px 0 10px 0;
     text-align: left;
 }

 .best-txt span {
     color: #50a567;
     font-weight: bold;
 }

 .need-call {
     text-align: center;
     font-size: 18px;
     border: 1px dashed #bdbdbd;
     padding: 5px;
     width: 80%;
     margin: 5px auto;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
 }

 .need-call svg path {
     color: #50a567;
 }

 .need-call a {
     color: #357bb7;
 }

 .sidebar-other-area>div {
     text-align: left;
 }

 .form-group.phone {
     display: inline-block;
     width: 48%;
     margin-right: 5px;
 }

 .head.cont1 {
     background: #fff;
     color: #444;
     font-size: 20px;
     font-weight: bold;
     border-bottom: 1px solid #bdbdbd;
     margin: 0 0 20px 0;
     padding: 0 0 8px 6px;
 }

 .need-call svg {
     width: 21px;
     height: auto;
 }

 .result_found {
     padding: 7px 0 0 0;
 }

 .result_found,
 .result_found span {
     color: white;
     font-size: 12px;
 }

 .multi-stop {
     font-size: 14px;
     color: #000;
 }

 .ticket-details .divide-pr {
     border-right: 1px dashed #ccc;
     width: 83%;
 }

 .flight-timing-d .destination-price {
     width: 17%;
     text-align: center;
 }

 .closeFilter-wrapper button.reset-btn {
     background-color: #103e65;
     border: none;
     color: white;
 }

 .sidebar-fare.sidebar-list-check.cabinn>ul>li {
     width: 100%;
     margin-top: 0;
 }

 .sidebar-fare.sidebar-list-check.cabinn>ul {
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
 }

 .for_devider {
     border-top: 1px dashed #ccc;
 }

 .strip-more-details .Nonrefund {
     color: green;
 }

 .stops-wrapper {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     position: relative;
 }

 .stops-wrapper .depart-icon,
 .stops-wrapper .arrival-icon {
     flex: 0 0 auto;
 }

 .stops-wrapper .stops-lines {
     flex: 1 0 0;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-around;
     background: #ccc;
     height: 1px;
     margin: 0 10px;
 }

 /* .stops-wrapper .stops-lines:after {
    content: '';
    width: 95%;
    display: block;
    border-bottom: 1px dashed #ccc;
    position: absolute;
    top: 50%;
} */

 .stops-wrapper .depart-icon svg,
 .stops-wrapper .arrival-icon svg {
     width: 18px;
     height: 16px;
     max-width: 100%;
     color: var(--secondary);
 }

 .stops-wrapper .stops-name {
     position: relative;
     transform: translateY(15px);
     font-size: 13px;
     color: var(--secondary);
     font-weight: 500;
     z-index: 9;
 }

 .stops-wrapper .stops-name:before {
     content: '';
     width: 10px;
     height: 10px;
     border: 2px solid #103e65;
     border-radius: 100%;
     display: inline-block;
     position: absolute;
     top: -5px;
     background-color: white;
     transform: translate(-50%, -50%);
     left: 50%;
 }


 .container-fluid .row .sidebar-wrapper {
     height: 84vh;
     position: sticky;
     top: 20px;
     overflow-y: scroll;
     border: 1px solid #ccc;
     padding-left: 0;
 }

 /* .boox_wrapper {
    position: sticky;
    top: 20px;
    height: 100vh;
} */
 .boox_wrapper {
     position: sticky;
     top: 57px;
 }

 .form-inline .name-wrapper,
 .form-inline .dob-wrapper {
     display: flex;
     align-items: stretch;
 }

 .form-inline .input-card-wrapper {
     width: 49%;
 }

 .form-inline .name-wrapper>div,
 .form-inline .dob-wrapper>div {
     flex: 1;
 }

 .form-inline .field-validation-valid.text-danger {
     font-size: 12px;
     margin-left: 5px;
 }

 .expiry-date-wrapper>div {
     flex: 1;
 }

 .expiry-date-wrapper {
     width: 100%;
 }

 .form-inline .form-group.pass.mob-flt-rht {
     width: 100%;
 }

 /* Filter overlay */

 .ReactModalPortal .overlay {
     background: rgba(0, 0, 0, 0.5);
     z-index: 999;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 .flight-listing-wrapper .filter-overlay {
     position: fixed;
     width: 100%;
     top: 0;
     left: 0;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     z-index: 9;
     transition: 0.3s all;
     opacity: 0;
     visibility: hidden;
 }

 .open-fliter .flight-listing-wrapper .filter-overlay {
     opacity: 1;
     visibility: visible;
 }

 .Edit_rc .btn.edit-btn.edit_search {
     display: none;
 }

 .modal-inner-body .flight-search-wrapper {
     position: unset;
     width: auto;
     background: var(--secondary);
 }

 .modal-inner-body .last-input {
     display: flex;
     gap: 8px;
 }

 .divide-pr .flight-bothSide {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     gap: 4px;
     position: relative;
 }

 .divide-pr .flight-bothSide .departure,
 .divide-pr .flight-bothSide .arr-ived {
     width: 33%;
     /* margin: 0 15px; */
 }

 .divide-pr .flight-bothSide .stop-dura-tion {
     width: 63%;
 }

 .all-bag-type {
     display: flex;
     justify-content: center;
     gap: 4px;
     align-items: center;
 }

 .all_flight {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 4px;

 }

 .flight-sec-1 {
     width: 10%;
     min-width: 100px;
     text-align: center;
 }

 .details-sec-2 {
     width: 90%;
 }

 .flight-sec-1 .destination-price {
     display: none;
 }

 .stop-box2.col-12 {
     margin-top: 7px;
 }

 .recommended-filtter {
     width: 100%;
     background-color: #e5e3e3;
 }

 .stops-wrapper .tooltipBox {
     max-width: 260px;
     position: absolute;
     top: 22px;
     border-radius: 2px;
     box-shadow: 0px 0px 6px rgba(0, 0, 0, .2);
     z-index: 99;
     left: 50%;
     transform: translateX(-50%);
     text-align: left;
     transition: 0.4s all;
     min-width: 150px;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
 }

 .stops-wrapper .tooltipBox p {
     background: #fff;
     padding: 8px 12px;
     font-size: 12px;
     color: #555;
 }

 .stops-wrapper .stops-name:hover .tooltipBox {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
 }

 .stops-wrapper .tooltipBox:after,
 .stops-wrapper .tooltipBox:before {
     content: "";
     position: absolute;
     border-left: 7px solid rgba(0, 0, 0, 0);
     border-right: 7px solid rgba(0, 0, 0, 0);
     top: -7px;
     left: 50%;
     transform: translateX(-50%);
     border-bottom: 7px solid #ccc;
 }

 .stops-wrapper .tooltipBox p {
     font-size: 12px;
     margin: 0;
 }


 html.open-fliter,
 html.open-search {
     overflow: hidden;
 }

 .FlightTypeButtons {
     min-width: 675px;
 }

 .flight-sec-1 .way-type-1 {
     display: none;
 }

 .ticket-details .flight-timing-d.round-wrapper {
     width: 100%;
 }

 .round-wrapper .divide-pr {
     width: 100%;
 }

 .ticket-details .flight-timing-d.round-wrapper .round-inner-wrapper {
     width: 83%;
 }


 .flight-timing-d .destination-price .badge {
     display: none;
 }

 .divide-pr .flight-bothSide .stop-dura-tion .stop-number {
     display: none;
 }

 .divide-pr.return-2 {
     /* border-top: 1px dashed #ccc; */
     padding-top: 15px;
 }

 .round-wrapper .divide-pr {
     padding-bottom: 10px;
 }

 .ticket-details .divide-pr {
     position: relative;
 }

 .divide-pr .refund-status {
     display: none;
 }

 .divide-pr .depar-details {
     position: relative;
     display: flex;
     justify-content: space-between;
     gap: 10px;
     align-items: center;
     padding-right: 10px;
 }

 .divide-pr .depar-details .cm-refund-status svg {
     width: 11px;
 }

 .divide-pr .depar-details .cm-refund-status {
     font-size: 11px;
     margin-bottom: 16px;
     font-weight: 700;
 }

 .divide-pr .depar-details .cm-refund.cm-refund-status {
     color: green;
 }

 .divide-pr .depar-details .cm-Nonrefund.cm-refund-status {
     color: red;
 }

 #dvFlightDetails .detail-book-btn {
     text-align: center;
 }

 #dvFlightDetails .detail-book-btn .booknow {
     font-size: 17px;
     border-radius: 6px;
     font-weight: 600;
     padding: 10px 20px;
     text-transform: capitalize;
 }


 .popup-destination {
     font-size: 16px;
     color: var(--primary);
     font-weight: bold;
     margin-bottom: 3px;
 }

 .popup-call .call-button {
     display: inline-block;
     background: var(--primary);
     color: white;
     padding: 10px 20px;
     border-radius: 5px;
     text-decoration: none;
     font-size: 21px;
     font-weight: bold;
 }

 p.popup-destination svg {
     color: var(--secondary);
     height: 17px;
     width: 17px;
     margin: 0 10px;
 }

 .popup-call .call-button svg {
     height: 20px;
     width: 20px;
     margin-right: 10px;

 }

 .about-banner {
     width: 100%;
     height: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
     position: relative;
 }

 .about-banner img {
     width: 100%;
     height: auto;
     object-fit: cover;
     max-height: 400px;
 }

 .about-banner .banner-overlay {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     z-index: 1;
     background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.92));
 }

 .banner-content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: white;
     z-index: 2;
     background-color: var(--secondary);
     padding: 10px;
     border-radius: 5px;
 }

 .banner-content h2,
 .blog-content h2 {
     font-size: 32px;
     margin: 0;
     text-transform: capitalize;
     text-align: center;
 }

 .banner-content p {
     font-size: 1rem;
     margin: 0.5rem 0 0;
     line-height: 1.5;
 }

 .about-content {
     margin: 34px 0;
 }

 .about-content p {
     margin-bottom: 12px;
     font-size: 14px;
 }

 .about-content h1,
 .about-content h3 {
     font-size: 20px;
     color: var(--secondary);
 }

 .about-content ul li h4 {
     font-size: 17px;
     color: var(--secondary);
 }

 .about-content li {
     list-style: disc;
     font-size: 14px;
 }

 .about-content ul {
     margin-left: 19px;
 }

 .damage-tbl {
     border: 1px solid #ccc;
     margin: 10px 0;
 }

 .table.damage-tbl th:not(:last-child),
 .table.damage-tbl tr td:not(:last-child) {
     border-right: 1px solid #ccc;
 }

 .table.damage-tbl thead tr th {
     background-color: var(--secondary);
     color: white;
 }

 .table.damage-tbl tr td {
     font-size: 14px;
     text-transform: capitalize;
 }

 .blog-content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: white;
     z-index: 2;
     background-color: var(--secondary);
     padding: 10px;
     border-radius: 5px;
 }

 .blog-list {
     display: flex;
     gap: 14px;
     flex-wrap: wrap;
     margin: 10px 0;
 }

 .blog-list .blog-card {
     width: 32%;
     margin: 10px 0;
     padding: 10px;
     min-height: 394px;
     border-radius: 6px;
     box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
 }

 .blog-list .blog-card img.blog-image {
     width: 100%;
     border-radius: 8px;
 }

 .blog-list .blog-card h3.blog-title {
     font-size: 17px;
     font-weight: 600;
     padding: 10px 0 0 0;
 }

 .blog-list .blog-card p.blog-description {
     font-size: 13px;
     margin: 0;
 }

 .blog-list .blog-card a.read-more {
     font-size: 14px;
     text-decoration: underline;
 }

 .ourblog h2 {
     text-align: center;
     margin: 20px 0px 0;
     color: #000;
 }

 .about-banner.inner-about-banner img {
     width: 100%;
     height: auto;
     object-fit: cover;
     max-height: 250px;
 }

 .blog-wrapper {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .blog-wrapper .blog-inner-left {
     width: 65%;
 }

 .blog-wrapper .blog-inner-right {
     width: 30%;

 }

 .blog-inner-right .related_blog_section {
     background-color: white;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     padding: 26px 20px;
     margin-top: 30px;
 }

 .blog-wrapper .blog-inner-left p {
     font-size: 14px;
     margin: 0 0 5px 0;
 }

 .blog-wrapper .blog-inner-left ul li {
     list-style: disc;
     font-size: 14px;
 }

 .blog-wrapper .blog-inner-left ul {
     margin-bottom: 10px;
     padding-left: 20px;
 }

 .blog-wrapper .blog-inner-left .blog-title {
     font-size: 20px;
     font-weight: 700;
 }

 input.Bloginput,
 textarea.Blogtextarea {
     width: 100%;
     margin-bottom: 10px;
     padding: 7px 10px;
     border-radius: 6px;
     border: 1px solid #ccc;
 }

 button.blogbtn {
     background-color: var(--primary);
     border: none;
     cursor: pointer;
     color: white;
     padding: 5px 10px;
     width: 25%;
     border-radius: 8px;
 }

 form.blogform {
     margin: 16px 0;
 }

 .quicklinks {
     background-color: white;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     padding: 20px;
     border-radius: 7px;
     margin: 32px 0 0 0;
 }

 .blog-inner-left .imagesec {
     text-align: center;
     margin-top: 30px;
     margin-bottom: 20px;
 }

 .blog-inner-left .imagesec>img {
     width: 100%;
 }

 h3.blog-title {
     margin: 0;
     padding: 0 0 12px 0;
     margin-bottom: 12px;
     font-size: 20px;
 }

 .related_img_heading {
     display: flex;
     gap: 20px;
     align-items: center;
     margin: 0 0 30px 0;
 }

 .related_img_heading p {
     font-size: 18px;
     margin: 0;
     font-weight: 600;
     text-align: left;
     line-height: 20px;
 }

 .related_blog_img {
     height: 60px;
     border-radius: 4px;
 }

 .blog-inner-right .blog-call {
     margin: 37px 0;
 }

 .blog-inner-right .blog-call .card {
     background-color: #d3d3d3;
     padding: 20px 30px;
     border-radius: 8px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     text-align: center;
 }

 .blog-inner-right .blog-call .text {
     font-size: 16px;
     font-weight: 500;
     color: #333;
     margin-bottom: 10px;
 }

 .blog-inner-right .blog-call .subText {
     font-size: 14px;
     color: #ff6600;
     margin-bottom: 15px;
 }

 .blog-call .phoneBox {
     display: inline-block;
     border: 2px solid #000;
     padding: 10px 15px;
     font-size: 18px;
     font-weight: bold;
     color: #000;
     border-radius: 4px;
 }

 .blog-inner-right .position-ss {
     position: sticky;
     top: 0;
 }

 .top-filter-wrapper {
     display: flex;
     width: 100%;
     align-items: center;
     justify-content: space-between;
     gap: 5px;
     background: var(--secondary);
 }

 .cruise-sidebar {
     display: inline-block;
     border-right: 1px solid #e1e2e3;
     border-left: 1px solid #e1e2e3;
     border-radius: 4px;
     position: sticky;
     top: 20px;
     vertical-align: top;
     width: 20%;
     height: calc(100vh - 60px);
     overflow-y: scroll;
     min-width: 210px;
 }

 .sidebar-header {
     background: var(--secondary);
     padding: 10px;
     color: #fff;
     font-size: 22px;
     font-weight: 500;
 }

 .filters_wrapper {
     padding: 15px 10px;
     border-bottom: 1px solid #e3e3e3;
 }

 .filter-title {
     color: var(--secondary);
     font-weight: 600;
     margin-bottom: 10px;
     display: block;
 }

 .filters_wrapper .range-slider {
     background: transparent;
     margin-bottom: 8px;
 }

 .range-slider {
     width: 100%;
     height: 8px;
     background-color: #ddd;
     position: relative;
     margin: 10px 0 13px 0;
     text-align: center;
     padding-bottom: 10px;
 }

 .filters_wrapper .track.track-0 {
     background: #ccc;
 }

 .track {
     background-color: var(--primary);
     height: 5px;
     top: 0;
     position: absolute;
 }

 .filters_wrapper .track.track-1 {
     background-color: var(--primary);
 }

 .filters_wrapper .track.track-2 {
     background-color: #ccc;
 }

 .filters_wrapper .thumb {
     height: 20px;
     width: 20px;
     border-radius: 50%;
     background-color: var(--white-color);
     top: 2px;
     transform: translateY(-50%);
     border: none;
     box-shadow: 0px 0px 3px 1px rgba(186, 186, 186, 1);
     outline: none;
 }

 .filters_wrapper .price-range-values {
     justify-content: space-between;
     display: flex;
     font-size: 14px;
     color: #333;
     gap: 5px;
     align-items: center;
 }

 .cruise-sidebar::-webkit-scrollbar {
     width: 6px;
 }

 .cruise-sidebar::-webkit-scrollbar-thumb {
     background: var(--secondary);
     border-radius: 4px;
     transition: 0.4s all;

 }

 .cruise-sidebar::-webkit-scrollbar-track {
     background: #ccc
 }

 .month-calendar-container {
     max-width: 300px;
     margin: 20px auto;
     font-family: Arial, sans-serif;
 }

 .month-calendar {
     padding: 10px;
     border: 1px solid #ccc;
     border-radius: 5px;
     background: #fff;
 }

 .month-calendar label {
     font-size: 14px;
     font-weight: bold;
     display: block;
     margin-bottom: 8px;
 }

 .month-calendar input {
     width: 100%;
     padding: 8px;
     font-size: 14px;
     border: 1px solid #ccc;
     border-radius: 5px;
     margin-bottom: 10px;
 }

 .month-calendar .month-picker {
     margin: 10px 0;
 }

 .month-calendar select {
     width: 100%;
     padding: 8px;
     font-size: 14px;
     margin-bottom: 10px;
     border: 1px solid #ccc;
     border-radius: 5px;
 }

 .month-calendar .month-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 5px;
 }

 .month-calendar .month-button {
     padding: 4px;
     font-size: 14px;
     text-align: center;
     border: 1px solid #ccc;
     border-radius: 5px;
     cursor: pointer;
     background-color: #f9f9f9;
     transition: all 0.2s ease;
 }

 .month-calendar .month-button:hover {
     background-color: #e0e0e0;
 }

 .month-calendar .month-button.selected {
     background-color: var(--secondary);
     color: #fff;
     border: 1px solid var(--secondary);
 }

 .month-calendar .month-button:disabled {
     background-color: #e0e0e0;
     cursor: not-allowed;
     color: #999;
 }

 .month-calendar .calendar-actions,
 .cruise-sidebar .filter-actions {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 15px;
     gap: 10px;
 }

 .month-calendar .calendar-actions button,
 .cruise-sidebar .filter-actions button {
     width: 100%;
     padding: 5px 10px;
 }

 .cruise-sidebar .apply-button {
     background-color: var(--secondary);
     color: white;
     padding: 10px 15px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
 }

 .cruise-sidebar .reset-button {
     background-color: var(--primary);
     color: white;
     padding: 10px 15px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
 }

 .cruise-sidebar .checkbox-item {
     display: flex;
     align-items: center;
     line-height: 1;
     margin: 12px 0;
     gap: 10px;
     font-size: 15px;
     font-weight: 500;
     color: #333;
 }

 .cruise-sidebar input[type="checkbox"] {
     width: 20px;
     height: 20px;
     cursor: pointer;
 }

 .cruise-sidebar input[type="checkbox"]:checked {
     background-color: var(--primary);
     border-color: var(--primary);
 }

 .cruise-top-heading {
     color: #fff;
     text-align: center;
     background: var(--secondary);
     padding: 15px 0;
 }

 .cruise-top-heading h2 {
     margin: 0;
     text-transform: capitalize;
 }

 .form-control:focus {
     border-color: var(--primary);
     box-shadow: none;
 }

 .cruise-list-wrapper {
     height: 100%;
     display: inline-block;
     padding: 0 15px;
     width: 65%;
 }

 .cruise-listing-wrapper {
     margin-top: 20px;
     height: 100%;
 }

 .result-title h2 {
     font-size: 20px;
     color: var(--secondary);
 }

 .cruise-list-wrapper .result-title {
     margin-bottom: 30px;
     border-bottom: 3px solid var(--primary);
     padding-bottom: 10px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 15px;
 }

 .cruise-card {
     display: flex;
     flex-wrap: wrap;
     border: none;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     transition: box-shadow 0.3s ease, transform 0.3s ease;
     margin-bottom: 25px;
 }

 .cruise-image {
     max-width: 400px;
     width: 30%;
     position: relative;
     flex: 1 1 30%;
     overflow: hidden;
 }

 .cruise-info {
     flex: 2 1 45%;
     padding: 15px;
 }

 .cruise-card-price {
     flex: 1 1 25%;
     background: #103e6514;
     padding: 15px;
     text-align: center;
     color: #000;
 }

 .cruise-image img {
     width: 100%;
     height: auto;
     border-radius: 10px;
 }

 .cruise-info h5 {
     color: var(--secondary);
     font-size: 24px;
 }

 .cruise-info h6 {
     color: #000;
     font-size: 15px;
 }

 .cruise-info h6 span {
     color: var(--primary);
     font-size: 16px;
     font-weight: 600;
 }

 .cruise-info p {
     margin: 0;
     color: #000;
     display: flex;
     margin-bottom: 8px;
     font-size: 15px;
     font-weight: 500;
 }

 .cruise-info p span {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     line-height: 1;

 }

 .cruise-info p svg {
     color: var(--secondary);
     width: 14px;
     height: auto;
     margin-right: 5px;
 }

 .cruise-info .deal-divider {
     margin: 0 10px;
 }

 .cruise-info ul {
     list-style: disc;
     padding-left: 25px;
     color: #000;
     font-size: 15px;
 }

 .cruise-card-price img {
     margin-bottom: 20px;
 }

 .cruise-card-price p {
     margin-bottom: 5px;
 }

 .cruise-card-price .cruise-price h6 {
     color: var(--primary);
     font-size: 26px;
     font-weight: 600;
     margin: 0;
 }

 .cruise-card-price .cruise-price span {
     font-size: 12px;
     line-height: 1;
     font-weight: 600;
 }

 .cruise-card-price .cruise-price sub {
     bottom: 10px;
 }

 .cruise-card-price .cruise-btn {
     margin-top: 20px;
     background: var(--secondary);
     border: none;
     border-radius: 10px;
     padding: 6px 20px;
     transition: 0.4s all;
 }

 .cruise-price {
     display: flex;
     flex-direction: column;
 }

 .cruise-card-price .cruise-btn a {
     color: #fff;
 }

 .cruise-card:hover {
     box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2);
     transform: scale(1.01);
 }

 .cruise-card-price .cruise-btn:hover {
     background: var(--primary);
 }

 .cruise-listing-wrapper .boox_wrapper {
     width: 15%;
     display: inline-block;
     vertical-align: top;
     position: sticky;
     top: 20px;
 }

 .cruise-top-heading .mob-filter {
     background: var(--primary);
     width: 30px;
     height: 35px;
     color: var(--secondary);
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 3px;
     cursor: pointer;
 }

 .mob-filter-wrapper {
     display: none;
     justify-content: end;
 }

 .openCruiseFilter .cruise-sidebar {
     left: 0;
 }

 html.openCruiseFilter {
     overflow: hidden;
 }

 .cruise-container .filter-overlay {
     background: rgba(0, 0, 0, 0.5);
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     z-index: 9;
     left: 0;
     opacity: 0;
     visibility: hidden;
     transition: 0.4s all;
 }

 .openCruiseFilter .cruise-container .filter-overlay {
     opacity: 1;
     visibility: visible;
 }

 html.open-flightdeatils {
     overflow: hidden;
 }

 .flight-modal-overlay {
     position: fixed;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     top: 0;
     left: 0;
     z-index: 999999;
     opacity: 0;
     visibility: hidden;
     transition: 0.3s all;
 }

 .flightDetails-wrapper {
     position: fixed;
     z-index: 9999999;
     background: #fff;
     height: 100%;
     top: 0;
     width: 550px;
     font-family: var(--roboto);
     transition: 0.4s all;
     right: -100%;
 }

 .open-flightdeatils .flight-modal-overlay {
     opacity: 1;
     visibility: visible;
 }

 .open-flightdeatils .flightDetails-wrapper {
     right: 0;
 }

 .detail-heading {
     background: var(--secondary);
     color: #fff;
     padding: 10px;
     width: 533px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     position: relative;
     z-index: 9;
 }

 .detail-heading h5 {
     margin: 0;
     font-size: 23px;
     font-weight: 700;
 }

 .detail-heading .closeModal {
     cursor: pointer;
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 25px;
 }

 .detail-head ul {
     padding-top: 10px;
     padding-left: 10px;
 }

 .detail-head ul li {
     border-bottom: 1px solid #ccc;
 }

 .detail-head ul li span.active,
 .detail-head ul li span:hover {
     color: #0a3152;
     background: #ececec;
     border-color: #ddd;
 }

 .detail-head ul li span {
     transition: 0.3s all;
     line-height: 1.8;
     color: #555;
     display: inline-block;
     border: 1px solid transparent;
     border-bottom-color: transparent;
     margin-bottom: -1px;
     margin-right: 2px;
     border-radius: 5px 5px 0 0;
     padding: 5px 30px;
     font-weight: 600;
     font-size: 15px;
 }

 .detail-head ul li svg {
     margin-right: 10px;
     max-width: 16px;
     width: 100%;
 }

 .flight-details-segment {
     display: flex;
     align-items: flex-start;
     gap: 5px;
     font-size: 14px;
 }

 .flight-details-divider {
     width: 1px;
     height: 173px;
     background: var(--secondary);
     margin: 0 15px;
     position: relative;
 }

 .flight-leg-info {
     padding: 10px;
 }

 .flight-details-left {
     text-align: right;
 }

 .flight_scheduleLocation .city {
     font-weight: 700;
 }

 .flight_scheduleLocation img {
     width: 35px;
     height: 35px;
 }

 .flight_scheduleLocation .air-name {
     display: flex;
     gap: 15px;
     color: var(--secondary);
 }

 .flight_scheduleLocation .airline-name {
     font-weight: 700;
 }

 .flight_scheduleLocation .text-gray {
     font-weight: 500;
 }

 .flight_scheduleLocation .airportname {
     margin-bottom: 10px;
     font-weight: 500;
 }

 .flight-details-divider:before {
     background: #fff;
     border-radius: 50%;
     display: inline-block;
     width: 13px;
     height: 13px;
     position: absolute;
     border: 1px solid var(--primary);
     z-index: 1;
     content: '';
     top: 0;
     left: -6px;
 }

 .flight-details-left .date {
     font-weight: 600;
 }

 .flight-details-left .flight-duration {
     margin-top: 35px;
     margin-bottom: 35px;
     font-size: 14px;
     color: #555;
 }

 .flight-stop--danger .flight-duration {
     color: #555;
     font-weight: 500;
     font-size: 12px;
     display: flex;
     align-items: center;
     line-height: 1;
 }

 .flight-stop--danger {
     margin: 10px 0;
     display: flex;
     align-items: center;
     font-size: 14px;
     gap: 30px;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     padding: 5px 0;
 }

 .flight-stop--danger .flight-stop-interval {
     background: var(--primary);
     color: #fff;
     font-weight: 600;
     border-radius: 40px;
     padding: 3px 15px;
     font-size: 13px;
 }

 .flight-stop--danger .flight-duration path {
     fill: var(--primary);
 }

 .flight-stop--danger .flight-duration svg {
     width: 15px;
     height: 15px;
     margin-right: 10px;
 }

 .total-trip-time {
     font-size: 14px;
     margin-top: 10px;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     padding: 5px 0;
     font-weight: 600;
 }

 .total-trip-time b {
     color: var(--secondary);
     margin-left: 5px;
 }

 .total-trip-time path {
     fill: var(--primary);
 }

 .total-trip-time svg {
     margin-right: 5px;
     width: 15px;
 }

 .information h5 {
     font-weight: 700;
     color: var(--secondary);
 }

 .information {
     margin: 20px 0;
     padding: 0 20px;
 }

 .information svg {
     width: 23px;
     margin-right: 10px;
 }

 .information svg path {
     fill: var(--primary);
 }

 .information .informationBox {
     border: 1px solid #ccc;
     border-radius: 6px;
     margin-top: 20px;
 }

 .informationBox .informationBox-head {
     padding: 8px 10px;
     border-bottom: 1px solid #ced0d4;
     font-weight: 600;
 }

 .informationBox .informationBox-head img {
     margin-right: 5px;
 }

 .informationBox .informationBox-content {
     padding: 10px;
     position: relative;
 }

 .informationBox .informationBox-content ul li {
     display: flex;
     justify-content: space-between;
     text-align: left;
     font-size: 14px;
     font-weight: 700;
     padding: 5px 0;
     border-bottom: 1px solid #ccc;
 }

 .informationBox .informationBox-content ul li span {
     flex: 1;
 }

 .informationBox .informationBox-content ul li:last-child {
     border: none;
 }

 .cancellation_information h6 {
     color: var(--secondary);
 }

 .cancellation_information ul {
     margin-bottom: 15px;
     border: 1px solid #ccc;
     border-radius: 4px;
     padding: 0 10px;
 }

 .popup-book-btn {
     background: #ededed;
     position: fixed;
     padding: 15px 10px;
     bottom: 0;
     width: 550px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 15px;
 }

 .popup-book-btn button {
     border: none;
     border-radius: 5px;
     font-weight: 700;
     background: var(--secondary);
     color: #fff;
     transition: 0.3s all;
     padding: 10px 20px;
 }

 .popup-book-btn button:hover {
     background: var(--primary);
 }

 .detail-heading .closeModal svg {
     width: 19px;
 }

 .detail-head ul:nth-child(2) {
     padding-top: 70px;
 }

 .flightDetails-inner {
     height: calc(100vh - 8em);
     overflow-y: auto;
     padding-bottom: 10px;
 }

 .detail-head ul:nth-child(2) {
     padding-top: 70px;
 }

 .total-price-wrapper {
     font-size: 30px;
     font-weight: bold;
     color: var(--secondary);
     line-height: 1.2;
 }

 .total-price-wrapper span {
     font-size: 12px;
     display: block;
     font-weight: 500;
     line-height: 1;
 }

 .total-price-wrapper .currency-price {
     display: inline-block;
     font-weight: 700;
     font-size: 14px;
 }

 .sec-header .top-menu {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 15px;
     padding: 15px 0;
 }

 .sec-header .top-header {
     background: #f9f9f9;
 }

 .sec-header .top-header ul>li>* {
     color: var(--secondary);
     font-weight: 500;
 }

 .sec-header .top-header ul ul>li>* {
     color: #fff;
     font-weight: 400;
 }

 .sec-header .top-menu .header-logo img {
     max-width: 170px;
     height: auto;
 }

 .sec-header .top-header .top-menu>ul>li {
     padding: 0px 0 0px 15px;
 }

 .sec-header .top-header .top-menu>ul>li svg {
     width: 13px;
     height: auto;
 }

 .sec-header .top-header .top-menu>ul>li:last-child img {
     max-width: 200px;
     position: absolute;
     top: -10px;
     left: 12px;
 }

 .top-header .top-menu>ul>li:last-child {
     width: 205px;
 }

 .lightbox-img-wrap {
     position: relative;
     overflow: hidden;
     height: 100%;
 }

 .lightbox-enabled {
     width: 100%;
     height: 100%;
     object-fit: cover;
     cursor: pointer;
     transition: transform 0.4s ease-in-out;
 }

 .lightbox-enabled:hover {
     transform: scale(1.1);
 }

 .lightbox-container {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: rgba(0, 0, 0, 0.6);
     z-index: 9999;
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.4s ease-in-out;
 }

 .lightbox-container.active {
     opacity: 1;
     pointer-events: all;
 }

 .lightbox-image-wrapper {
     max-width: 90vw;
     max-height: 90vh;
     transform: scale(0);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: transform 0.4s ease-in-out;
 }

 .lightbox-container.active .lightbox-image-wrapper {
     transform: scale(1);
 }

 .lightbox-btn,
 .close {
     position: absolute;
     color: white;
     font-size: 50px;
     cursor: pointer;
     z-index: 999999;
 }

 .left {
     left: 50px;
 }

 .right {
     right: 50px;
 }

 .close {
     top: 50px;
     right: 50px;
 }

 .hotel-image {
     max-width: 400px;
     width: 30%;
 }

 .lightBox-gallery .lightbox-img:last-child {
     padding-left: 5px;
 }

 .lightBox-gallery {
     display: flex;
     max-height: 300px;
     flex-wrap: wrap;
     height: 100%;
     border-radius: 10px;
     overflow: hidden;
 }

 .lightBox-gallery .lightbox-img:first-child {
     width: 100%;
     height: auto;
     max-height: 170px;
 }

 .lightBox-gallery .lightbox-img:not(:first-child) {
     width: 25%;
     max-height: 60px;
     padding-top: 5px !important;

 }

 .lightBox-gallery .lightbox-img:nth-child(3) {
     padding: 0 5px;
 }

 .upselling-wrapper .head.cont1 svg {
     margin-right: 8px;
     width: 25px;
     max-width: 100%;
 }

 .upselling-card-wrapper {
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }

 .upselling-card {
     position: relative;
     background: white;
     border-radius: 8px;
     overflow: hidden;
     padding: 20px 15px;
     margin: 18px 15px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
     height: 100%;
 }

 .upselling-card::before {
     content: '';
     position: absolute;
     top: 0px;
     left: 0;
     width: 100%;
     height: 10px;
     background: linear-gradient(90deg, #103e65 0%, #103e65a8 100%);
 }

 body .upselling-wrapper .slick-next:before,
 body .upselling-wrapper .slick-prev:before {
     color: var(--secondary);
 }

 .upselling-wrapper .slick-arrow.slick-prev {
     left: -15px;
 }

 .upselling-wrapper .slick-arrow.slick-next {
     right: -15px;
 }

 .upselling-price {
     font-size: 25px;
     font-weight: 700;
     color: var(--secondary);
     line-height: 1.25;
     border-bottom: 1px solid #ccc;
     margin-bottom: 10px;
 }

 .upselling-price p {
     color: #000;
     font-weight: 500;
     font-size: 12px;
 }

 p.upselling-cabinType {
     font-size: 16px;
     font-weight: 600;
     color: var(--secondary);
     margin-bottom: 0;
 }

 .upselling-cabin-wrapper span {
     color: #000;
     font-weight: 500;
 }

 .upselling-cabin-wrapper {
     margin-bottom: 20px;
 }

 .upselling-card ul p {
     margin-bottom: 0;
     font-size: 16px;
     color: #000;
     font-weight: 500;
 }

 .upselling-card ul {
     margin-bottom: 15px;
 }

 .upselling-card ul li {
     color: var(--secondary);
 }

 .upselling-btn button {
     background: var(--secondary);
     color: #fff;
     border: none;
     width: 100%;
     font-size: 18px;
     text-transform: uppercase;
     font-weight: 500;
     padding: 5px;
     border-radius: 5px;
     transition: 0.4s all;
 }


 .upselling-card svg {
     margin-right: 10px;
     width: 11px;
     height: auto;
 }

 .upselling-card.selected {
     box-shadow: 0 8px 20px rgba(16, 62, 101, 0.7);
     transition: all 0.3s ease;
 }

 .upselling-card ul li svg.check-icon path {
     fill: #28a745;
 }

 .upselling-card ul li svg.cross-icon path {
     fill: #dc3545;
 }

 .upselling-card button svg {
     width: 15px;
 }

 .upselling-btn .selected-btn {
     background-color: #28a745;
     color: white;
     border: 2px solid #28a745;
 }

 .upselling-btn .selected-icon path {
     fill: white;
     margin-right: 8px;
 }

 .contactUs-wrapper .contact-head {
     text-align: center;
     padding-top: 40px;
     font-family: var(--roboto);
 }

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


 .contactUs-wrapper .cont-left {
     margin-top: 10px;
     padding: 20px 40px 40px 40px;
     width: 45%;
 }

 .contactUs-wrapper .cont-right {
     width: 55%;
     position: relative;
     background: var(--secondary);
     padding: 30px 40px 40px 40px;
 }

 .contactUs-wrapper .form-head {
     color: #444;
     font-size: 25px;
     font-family: Roboto Condensed;
     margin-bottom: 20px;
 }

 section.contactUs-wrapper {
     font-family: var(--roboto);
 }

 .contactUs-wrapper .form-head span {
     color: var(--secondary);
     font-size: 14px;
     display: block;
 }

 .contactUs-wrapper .contact-arrow {
     position: absolute;
     left: -28px;
 }

 .contactUs-wrapper .contact-arrow img {
     width: 100%;
     height: 48px;
 }

 .contactUs-wrapper .cont-right h2 {
     color: #fff;
 }

 .contactUs-wrapper .cont-right span {
     color: #5f8eb5;
 }

 .contactUs-wrapper .cont-right .form-group {
     width: 48.8%;
 }

 .contactUs-wrapper .cont-right .form-area {
     display: flex;
     flex-wrap: wrap;
     column-gap: 10px;
     row-gap: 15px;
 }

 .contactUs-wrapper .form-group.message-group,
 .contactUs-wrapper .form-group.submit-btn {
     width: 100%;
 }

 .contactUs-wrapper .form-area .submit-btn input {
     line-height: 1.42;
     font-size: 17px;
     padding: 10px;
     width: 30%;
     min-width: 120px;
 }

 .contactUs-wrapper .cont-right .form-note {
     margin-top: 20px;
 }

 .contactUs-wrapper .cont-right .form-note span {
     font-size: 12px;
     display: block;
 }

 .contactUs-wrapper .cont-right .form-note span a {
     color: #fff;
 }

 .contactUs-wrapper .cont-left>div {
     margin-bottom: 20px;
 }

 .contactUs-wrapper .cont-left>div span {
     display: block;
     font-size: 15px;
 }

 .contact-head h1 {
     font-size: 26px;
 }

 .corporate-travel img {
     width: 100%;
 }

 .group-booking li {
     list-style: none;
     background: url(/images/list_result.webp) 0 2px no-repeat;
     padding: 4px 0 15px 40px;
 }

 .group-booking li span {
     font-size: 14px;
 }

 .cont-right .flight-search-wrapper.croprate-travel {
     padding: 0;
     position: unset;
     background: transparent;
 }

 /* --- */


 .Corporate-Travel .tripType {
     display: flex;
     justify-content: space-between;
     margin-bottom: 20px;
 }

 .Corporate-Travel .tripType button {
     flex: 1;
     padding: 10px;
     background-color: #003c66;
     color: white;
     border: none;
     border-radius: 4px;
     margin-right: 5px;
     cursor: pointer;
 }

 .Corporate-Travel .tripType button:last-child {
     margin-right: 0;
 }

 .Corporate-Travel .tripType button.active {
     background-color: var(--primary);
     font-weight: bold;
 }

 .Corporate-Travel .form {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     justify-content: space-between
 }

 .Corporate-Travel .inputGroup {
     margin-bottom: 10px;
     width: 48%;
 }

 .Corporate-Travel .inputGroup input,
 .Corporate-Travel .inputGroup textarea,
 .Corporate-Travel .inputGroup select {
     width: 100%;
     padding: 10px;
     /* border: 1px solid #ccc; */
     border-radius: 4px;
     font-size: 14px;
 }

 .Corporate-Travel .submitButton {
     background-color: var(--primary);
     color: white;
     padding: 10px;
     border: none;
     border-radius: 4px;
     font-size: 16px;
     cursor: pointer;
     width: 100%;
 }

 .Corporate-Travel .react-datepicker-wrapper input {
     max-width: unset;
 }

 /*  */
 .formWrapper-authoriz {
     background-color: #fff;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     border: 1px solid #ccc;
     margin: 20px 0;
 }

 .formWrapper-authoriz h2 {
     text-align: center;
     margin-bottom: 20px;
     color: #003366;
 }

 .formWrapper-authoriz .form {
     display: flex;
     flex-direction: column;
 }

 .formWrapper-authoriz .fieldGroup {
     display: flex;
     gap: 10px;
     margin-bottom: 20px;
     flex-wrap: wrap;
     align-items: flex-end;
 }

 .formWrapper-authoriz .inputGroup {
     display: flex;
     flex-direction: column;
     width: 32%;
 }

 .formWrapper-authoriz .inputGroup label {
     margin-bottom: 5px;
     font-size: 14px;
     font-weight: bold;
     color: #333;
 }

 .formWrapper-authoriz .inputGroup input,
 .formWrapper-authoriz .inputGroup select {
     padding: 10px;
     font-size: 14px;
     border: 1px solid #ccc;
     border-radius: 4px;
 }

 .formWrapper-authoriz .inputGroup input[type="file"] {
     padding: 5px;
 }

 .formWrapper-authoriz .checkboxGroup {
     display: flex;
     align-items: baseline;
     margin: 20px 0;
 }

 .formWrapper-authoriz .checkboxGroup span {
     font-size: 14px;
 }

 .formWrapper-authoriz .checkboxGroup input {
     margin-right: 10px;
 }

 .formWrapper-authoriz .submitButton {
     background-color: var(--primary);
     color: #fff;
     padding: 10px;
     border: none;
     border-radius: 4px;
     font-size: 16px;
     cursor: pointer;
     text-align: center;
 }

 .smiley {
     height: 50px;
     width: 50px;
     cursor: pointer;
     transition: transform 0.2s, color 0.2s;
     background-color: white;
     border-radius: 50%;
 }

 .smiley.active {
     transform: scale(1.3);
     border: 2px solid #fff;
 }

 .smileyContainer {
     display: flex;
     justify-content: center;
     gap: 20px;
     margin-bottom: 15px;
 }

 .smileybutton {
     background-color: #5bc0de;
     color: white;
     padding: 5px 20px;
     border-radius: 8px;
     font-size: 14px;
     cursor: pointer;
     border: none;
     margin-bottom: 15px;
 }

 .cust-review {
     background: #fff;
     color: #ff7900;
     border-radius: 8px;
     text-align: center;
     font-size: 16px;
     padding: 7px 16px;
     box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
     border: none;
     margin: 0;
 }

 .error_p {
     margin: 0;
     color: red;
 }

 .cont-right.supp-left {
     width: 69%;
     padding: 0;
     background-color: #ffffff;
 }

 .Corporate-Travel.req-supp-bg {
     background: #f6f6f6;
     border: 1px solid #d7d7d7;
     padding: 15px;
     overflow: hidden;
     margin-bottom: 15px;
 }

 .inputGroup.cus-inp-grp input {
     border: 1px solid #ccc;
     border-radius: 4px;
 }

 .supp-left .supp-head {
     font-size: 21px;
     padding: 14px 0 18px 65px;
     margin: 0 0 6px 0;
     color: var(--secondary);
 }

 .supp-left .supp-head.reqs {
     background: url(/images/supp2_result.webp) 0 0 no-repeat;
 }

 .Corporate-Travel .submitButton.rcs-btn {
     width: 20%;
     margin-top: 10px;
 }

 .supp-left .supp-head.faq {
     background: url(/images/supp3_result.webp) 0 0 no-repeat;
 }

 .req-supp-bg .accordion-item {
     margin-bottom: 5px;
     border: 1px solid #ccc;
     border-radius: 4px;
 }

 .req-supp-bg .accordion-title {
     padding: 10px;
     background-color: #e0e0e0;
     cursor: pointer;
     font-weight: bold;
     display: flex;
     justify-content: space-between;
     transition: background-color .2s linear;
 }

 .req-supp-bg .accordion-content {
     background-color: #f9f9f9;
     padding: 0;
     height: 0;
     opacity: 0;
     visibility: hidden;
 }

 .req-supp-bg .accordion-content p {
     font-size: 14px;
     margin: 0;
 }

 .req-supp-bg .accordion-title h3 {
     font-size: 15px;
     margin: 0;
     font-weight: 500;
 }

 .req-supp-bg .accordion-title.active {
     background-color: var(--secondary);
     color: #fff;
 }

 .req-supp-bg .accordion-title span {
     height: 16px;
     width: 16px;
 }

 .req-supp-bg .accordion-title .cus-acco-icon {
     margin-right: 10px;
     transition: all .2s linear;
 }

 .req-supp-bg .accordion-title .cus-acco-icon.active {
     transform: rotate(180deg);
 }

 .req-supp-bg .accordion-content.show {
     max-height: 300px;
     opacity: 1;
     padding: 10px;
     visibility: visible;
     height: 100%;
     padding: 9px;
 }

 .supp-left .supp-head.self {
     background: url(/images/supp1_result.webp) 0 0 no-repeat;
 }

 .Corporate-Travel.req-supp-bg .help-title {
     background: #cfe8f5;
     color: #235c8b;
     padding: 9px 15px;
     font-size: 15px;
 }

 .Corporate-Travel.req-supp-bg .help-grid {
     display: flex;
     justify-content: space-between;
     padding: 15px;
 }

 .Corporate-Travel.req-supp-bg .help-column {
     display: flex;
     flex-direction: column;
     gap: 10px;
     width: 30%;
 }

 .Corporate-Travel.req-supp-bg .help-item {
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 10px;
     color: #007bff;
     text-decoration: none;
     font-size: 14px;
     text-align: left;
     display: flex;
     align-items: center;
     justify-content: space-between;
     transition: background-color 0.2s ease;
 }

 .Corporate-Travel.req-supp-bg .help-item:hover {
     background-color: #f1f1f1;
 }

 .contact-bg .supp-right {
     width: 27%;
 }

 .quick-links-head p {
     padding: 11px 15px;
     margin: 0;
     font-size: 13px;
 }

 .quick-links-head .new-email {
     position: relative;
     padding: 0 15px 15px;
 }

 .quick-links-head .new-email input {
     height: 35px;
     border-radius: 3px 0 0 3px;
     border: 1px solid #ccc;
     width: 100%;
     padding: 0 0 0 10px;
 }

 .quick-links-head .new-email button {
     position: absolute;
     top: 0;
     right: 15px;
     background-color: var(--primary);
     color: white;
     height: 35px;
     width: 40px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 0 3px 3px 0;
     cursor: pointer;
 }

 .quick-links-head .new-email button svg {
     height: 30px;
     width: 30px;
 }

 .quick-links-head .new-email.withcall {
     background-color: var(--secondary);
     padding: 15px;
 }

 .quick-links-head .new-email button.withmail {
     top: 15px;
     border-radius: 0;
 }

 .quick-links-head .new-email button.withmail svg {
     width: 20px;
     height: 20px;
 }

 .supp-right .still-support {
     background: url(/images/support-icon_result.webp) 0 0 no-repeat;
     color: #fff;
     font-weight: bold;
     font-size: 26px;
     height: 55px;
     padding: 0;
     width: 100%;
     max-width: 280px;
     background-position: center;
     background-size: contain;
     position: relative;
     margin-bottom: 13px;
 }

 .supp-right .still-support a {
     position: absolute;
     left: 16px;
     top: 8px;
     color: white;
 }

 .openrefund .modal-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 9;
     transition: 0.3s all;
     opacity: 1;
     visibility: visible;
     pointer-events: none;
 }

 .Protection-travle.Corporate-Travel.req-supp-bg {
     visibility: hidden;
     position: absolute;
     top: 0;
     z-index: -1;
 }

 .openrefund .Protection-travle.Corporate-Travel.req-supp-bg {
     visibility: visible;
     background-color: white;
     z-index: 9999;
     max-width: 600px;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 97%;
     padding: 0;
     border: none;
 }

 .openrefund .Protection-travle.Corporate-Travel.req-supp-bg .form {
     /* flex-direction: column; */
     padding: 15px;
     max-height: 480px;
     overflow: auto;
     overflow-x: hidden;
 }

 .openrefund .Protection-travle.Corporate-Travel.req-supp-bg .inputGroup.cus-inp-grp {
     width: 100%;
 }

 .openrefund .head-refund {
     background-color: var(--primary);
     color: white;
     display: flex;
     justify-content: space-between;
 }

 .openrefund .head-refund span svg {
     background-color: var(--secondary);
 }

 .openrefund .head-refund p {
     margin: 0;
     font-size: 18px;
     font-weight: 500;
     padding: 7px 10px;
 }

 .openrefund .head-refund span {
     height: 41px;
     width: 41px;
     background-color: var(--secondary);
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
 }

 .crui-conf {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .crui-conf .conf-one {
     width: 68%;
 }

 .crui-conf .conf-two {
     width: 30%;
 }

 .cruise-wish {
     background-color: var(--secondary);
     margin-bottom: 16px;
     padding: 7px 0;
     line-height: 1;

 }

 .cruise-wish h2 {
     text-align: center;
     color: #fff;
 }

 .cruise-wish h2 span {
     color: var(--primary);
 }

 .cru-head {
     background: #103e65;
     font-size: 18px;
     color: #fff;
     padding: 6px 10px;
     border-radius: 7px 7px 0 0;
 }

 .list-container-cru {
     border: 1px solid #bdbdbd;
     font-size: 13px;
     margin-bottom: 15px;
 }

 table.cru-billing {
     width: 100%;
     font-size: 14px;
 }

 table.cru-billing tr td {
     padding: 5px 8px;
 }

 table.cru-billing tr:nth-of-type(2n+1) {
     background: #f2f2f2;
 }

 .cru-passen-info.for-p-b {
     padding: 4px;
 }

 .cru-billing .labels {
     font-weight: bold;
 }

 .cru-trv tr th,
 .cru-trv tr td {
     padding: 5px 7px;
 }

 table.cru-billing.cru-trv tr {
     border-bottom: 1px solid #9f9f9f;
 }

 .confi-img {
     width: 100%;
     border-radius: 10px;
     margin-bottom: 13px;
 }

 .cru-passen-info.for-p-b.cru-term-cond {
     padding: 10px;
 }

 .cru-passen-info.for-p-b.cru-term-cond p {
     font-size: 13px;
 }

 .cru-term-cond p span {
     color: var(--primary);
     font-weight: 600;
 }

 .conf-one .cru-passen-info,
 .conf-two .cru-passen-info {
     padding: 10px 20px;
     border-radius: 7px;
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     margin-bottom: 20px;
 }

 .cru-passen-info .cru-passen-titles {
     font-size: 22px;
     font-weight: 500;
     margin-bottom: 5px;
     color: var(--secondary);
 }

 .back-c-btn {
     color: var(--primary);
 }

 .back-c-btn svg {
     max-width: 14px;
     width: 100%;
     margin-top: 10px;
 }

 .cruise-lines {
     padding: 0px 6px;
 }

 .crushLogoDate {
     display: flex;
     align-items: center;
     gap: 20px;
     margin-bottom: 20px;
     justify-content: space-between;
     /* border: 1px solid #cdcdcd; */
     padding: 5px 15px 5px 5px;
     border-radius: 5px;
 }

 .crushLogoDate svg {
     max-width: 12px;
     width: 100%;
     margin-right: 6px;
     color: var(--primary);
 }

 .crushLogoDate p {
     margin: 0;
     color: #000;
 }

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

 .contentBox .cruiseimage {
     width: 48%;
 }

 .contentBox .cruiseimage img {
     width: 100%;
     border-radius: 10px;
 }

 .contentBox .detailBox {
     width: 48%;
 }

 .cabin-type {
     display: flex;
     justify-content: flex-start;
     margin-bottom: 20px;
 }

 .crushLogoDate .date-day {
     display: flex;
     gap: 10px;
 }

 .contentBox .pricecategory-option {
     background-color: #efefef;
     color: #000;
     font-size: 14px;
     line-height: 1.3;
     border-right: 1px solid #333;
     width: 100%;
     text-align: center;
     padding: 10px 2px 5px 2px;
     font-weight: 500;
     cursor: pointer;
     transition: background-color 0.3s ease;
 }

 .pricecategory-option.active {
     background-color: var(--secondary);
     color: white;
 }

 .contentBox .pricecategory-option span {
     display: block;
 }

 .contentBox .pricecategory-option:last-child {
     border: none;
 }

 .detailBox h3 {
     color: #000;
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 10px;
 }

 .detailBox .select-type .select-by-type {
     font-size: 24px;
     color: var(--primary);
     font-weight: 500;
     margin-top: 30px;
     margin-bottom: 12px;
 }

 .contentBox .detailBox p {
     color: #000;
     font-size: 14px;
     font-weight: 600;
 }

 .detailBox .select-type .select-by-type span {
     color: #000;
 }

 .select-by-type .per_pp {
     font-size: 14px;
     font-weight: 500;
 }

 .ship_b-lu {
     font-size: 14px;
     font-weight: 500;
 }

 .ship_b-lu span {
     color: var(--primary);
 }

 .detailBox .cruise-btn button {
     font-size: 16px;
     color: #fff;
     height: 50px;
     min-width: 220px;
     border-radius: 5px;
     margin-right: 14px;
     text-align: center;
     font-weight: 500;
     border: none;
     background: var(--primary);
 }

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

 .Itinerary .Itinerary-days {
     width: 49%;
 }

 .Itinerary .iframe {
     width: 49%;
 }

 .Itinerary-days .itineraryItem {
     display: grid;
     grid-template-columns: 1fr 1fr 2fr;
     align-items: center;
     padding: 5px 10px;
     border: 1px solid #ddd;
     border-radius: 8px;
     background-color: #fff;
     margin: 10px 0;
 }

 .Itinerary-days .day {
     font-weight: bold;
     text-align: left;
 }

 .Itinerary-days .date {
     text-align: center;
     color: #555;
 }

 .Itinerary-days .location {
     text-align: right;
 }

 .Itinerary-days .location strong {
     font-size: 16px;
     color: var(--secondary);
 }

 .iframe iframe {
     width: 100%;
     border-radius: 10px;
     border: 2px solid #bdbdbd;
 }

 .Serenade-wrapper {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin: 36px 0;
 }

 .Serenade-wrapper .Slider-box {
     width: 46%;
 }

 .Serenade-wrapper .content-box {
     width: 48%;
 }

 .Slider-box img {
     border-radius: 10px;

 }

 .content-box .ShowMorecon {
     font-size: 25px;
     color: var(--secondary);
     font-weight: 600;
     line-height: 1.3;
     text-transform: capitalize;
     margin-bottom: 5px;
 }

 .content-box span {
     font-size: 14px;
 }

 .content-box table {
     width: 100%;
     border-collapse: collapse;
     margin: 20px 0;
     font-family: Arial, sans-serif;
     font-size: 16px;
 }

 .content-box td {
     border: 1px solid #ddd;
     padding: 4px 8px;
     font-size: 14px;
 }

 .content-box tr:nth-child(even) {
     background-color: #f9f9f9;
 }

 .content-box tr:hover {
     background-color: #f1f1f1;
     transition: background-color 0.3s ease;
 }

 .content-box .std-ser li {
     list-style: disc;
     font-size: 14px;
 }


 /* Main Tabs */
 .main-tabs {
     background-color: var(--secondary);
     display: flex;
     padding: 6px;
     border-radius: 7px 7px 0 0;
 }

 .main-tabs button {
     padding: 5px 15px;
     background-color: #efefef;
     color: #000000;
     border: none;
     cursor: pointer;
     transition: background-color 0.3s;
     width: 50%;
 }

 .sub-tabs {
     display: flex;
     align-items: center;
     width: 100%;
     justify-content: center;
     flex-wrap: wrap;
     background-color: var(--secondary);
     padding-bottom: 10px;
 }


 .main-tabs button.active,
 .sub-tabs button.active {
     background-color: var(--primary);
     color: #fff;
 }

 .sub-tabs button {
     padding: 5px 12px;
     margin: 6px;
     background-color: #fff;
     border: none;
     color: #000000;
     cursor: pointer;
     transition: background-color 0.3s;
     white-space: nowrap;
     border-radius: 4px;
 }

 .ser-fac {
     background-color: white;
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     border-radius: 5px;
 }

 .ser-fac ul {
     padding: 20px;
     background: #fff;
     list-style: none;
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     /* 5 equal columns */
     gap: 10px;
     border-radius: 0 0 7px 7px;
 }

 .ser-fac ul li {
     padding: 5px;
     background: #f9f9f9;
     border: 1px solid #ddd;
     border-radius: 5px;
     text-align: center;
     font-size: 14px;
     font-weight: bold;
     color: #333;
     transition: all 0.3s ease;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .cruise-btn {
     display: flex;
 }

 .itiner {
     margin: 15px 0 0 0;
     color: var(--secondary);
 }

 .review-trip {
     background: #103e65;
     padding: 10px 0;
     margin-bottom: 20px;
     color: #fff;
 }

 .reviewTrip-wrapper {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 15px;
 }

 .back-btn {
     width: 6%;
 }

 .back-btn span {
     background: #093356;
     color: #ffffff;
     font-size: 14px;
     border: 1px solid #235681;
     border-radius: 4px;
     line-height: 2;
     display: inline-block;
     cursor: pointer;
     padding: 3px 25px;
 }

 .review-txt {
     width: 90%;
     text-align: center;
 }

 .review-txt p {
     margin: 0;
 }

 .booking-bg-wrapper {
     display: flex;
     gap: 15px;
     font-size: 14px;
 }

 #dvFlightDetails {
     width: 60%;
 }

 aside.sidebar_new {
     width: 30%;
 }

 .flightDetails-listing {
     border: 1px solid #d5d2d2;
     width: 100%;
     margin: 0 0 15px 0;
     background: #fff;
     padding: 15px;
 }

 .flight-details-text svg {
     width: 15px;
     height: 15px;
     margin-right: 5px;
 }

 .head-flightinfo {
     border-bottom: 1px solid #bdbdbd;
     margin: 0 0 20px 0;
     display: flex;
     /* gap: 5px; */
     align-items: center;
     justify-content: space-between;
 }

 .head-flightinfo h6 {
     color: #444;
     font-size: 20px;
     font-weight: bold;
 }

 .head-flightinfo h6 svg {
     max-width: 20px;
     width: 100%;
     margin-right: 6px;
 }

 .head-flightinfo svg path {
     fill: var(--primary);
 }

 .flight-info-head {
     background: #f5f3dd;
     padding: 7px;
     color: #333;
     margin: 10px 0;
     font-weight: bold;
     font-size: 12px;
 }

 .flight-details-text svg path {
     fill: blue;
 }

 .flight-info-head span.duration {
     float: right;
     padding-right: 10px;
 }

 .flight-list {
     display: flex;
     width: 100%;
     gap: 5px;
 }

 .flight-list .flight-logo {
     width: 19%;
     margin-right: 3%;
 }

 .flight-list .flight-logo img {
     max-width: 60px;
     width: 100%;
     border: 1px solid #d5d3d3;
     padding: 2px;
     border-radius: 3px;
     margin-bottom: 5px;
 }

 .flight-list .flight-logo span {
     font-size: 10px;
     color: #888;
     line-height: 1.2;
     display: block;
 }

 .flight-list .flight-status {
     width: 35%;
     font-size: 13px;
     color: #555;
     line-height: 1.5;
     font-weight: bold;
 }

 .review-txt p span {
     font-size: 18px;
     font-weight: 500;
 }

 .cru-passenger-wrapper {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 .cru-passenger-wrapper .for-wid1 {
     width: 68%;
 }

 .cru-passenger-wrapper .for-wid2 {
     width: 30%;
 }

 .cru-passenger-wrapper .cru-passen-info {
     padding: 10px 20px;
     border-radius: 7px;
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     margin-bottom: 20px;
 }

 .cru-passenger-wrapper .cru-passen-info .cru-passen-note {
     border-bottom: 1px dashed #8f8f8f;
     padding-bottom: 8px;
 }

 .cru-passenger-wrapper .cru-passen-info .cru-passen-titles {
     font-size: 22px;
     font-weight: 500;
     margin-bottom: 5px;
     color: var(--secondary);
 }

 .cru-passenger-wrapper .cru-passen-info .cru-passen-note .note-1 {
     margin: 0;
     font-size: 11px;
     line-height: 1.5;
 }

 .cru-passenger-wrapper .cru-passen-info .cru-adult-info {
     display: flex;
     justify-content: space-between;
     padding-top: 7px;
 }

 .cru-adult-info .title-a {
     margin: 0;
     font-size: 15px;
     font-weight: 500;
     color: var(--secondary);
 }

 .cru-adult-info .cru-short-des {
     margin: 0;
     font-size: 13px;
     font-weight: 500;
 }

 .cru-adult-info .add-sub-adult {
     border: 1px solid;
     width: 30px;
     text-align: center;
     height: 30px;
     border-radius: 100%;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
 }

 .cru-adult-info .cru-count-adult {
     border: none;
     width: 45px;
     height: 30px;
     text-align: center;
     font-weight: 600;
 }

 .cru-passenger-wrapper .cru-passen-info .cont-info-cru {
     display: flex;
     align-items: center;
     width: 100%;
     gap: 20px;
 }

 .cru-passenger-wrapper .cru-passen-info .cont-info-cru .label1-cru {
     display: inline-grid;
     gap: 2px;
     width: 48%;
     margin-bottom: 10px;
 }

 .cru-passenger-wrapper .cru-passen-info .cont-info-cru .adult-type .adu-fir-name {
     width: 75%;
 }

 .cru-passenger-wrapper .cru-passen-info .cont-info-cru .adult-type {
     display: flex;
     justify-content: space-between;
 }

 .label1-cru lable {
     display: block;
     font-size: 13px;
     font-weight: 500;
     color: #404040;
 }

 .cru-passenger-wrapper .cru-passen-info .cont-info-cru .label1-cru input,
 .cru-passenger-wrapper .cru-passen-info .cont-info-cru .label1-cru select {
     height: 37px;
     border: 1px solid #c9c9c9;
     padding: 0 15px;
     width: 100%;
     font-size: 12px;
     border-radius: 4px;
 }

 .cru-passen-info .disclaimer {
     background-color: #e8faff;
     max-width: 100%;
     font-size: 12px;
     padding: 15px;
     margin-top: 0;
     font-weight: 500;
     line-height: 1;
 }

 .cru-passen-info .disclaimer input {
     margin-right: 10px;
 }

 .cru-passen-info .disclaimer2 {
     background-color: #e1e1e1;
     max-width: 100%;
     font-size: 12px;
     padding: 20px 10px;
     align-items: flex-start;
     margin-bottom: 13px;
     margin-top: 13px;
     font-weight: 500;
 }

 .cru-passen-info button.btn.cruiesnow {
     font-weight: 500;
     min-width: 214px;
     width: auto;
     cursor: pointer;
     padding: 10px;
     font-size: 16px;
 }

 .cru-passen-info .shipover {
     display: flex;
     align-items: center;
     gap: 19px;
 }

 .cru-passen-info .shipover img {
     max-height: 43px;
     max-width: 43px;
 }

 .cru-passen-info .shipover p {
     font-size: 16px;
     margin: 0;
     font-weight: 600;
     border-bottom: 2px solid;
 }

 .ship-del h3,
 .dep-ret h3 {
     font-size: 14px;
     color: #000;
     width: 100%;
     font-weight: 500;
     padding-bottom: 0px;
     margin-top: 15px;
 }

 .cru-passen-info .ship-all-del {
     font-size: 12px;
     line-height: 22px;
     margin: 0;
 }

 .dep-ret {
     display: flex;
     justify-content: space-between;
     width: 100%;
 }

 .ship-all-del span {
     color: var(--secondary);
     font-weight: 500;
 }

 .Price-del table {
     width: 100%;
     margin: 5px 0;
 }

 .Price-del table th {
     font-size: 14px;
     padding: 9px;
     width: 33%;
     color: var(--secondary);
 }

 .Price-del table td {
     font-size: 14px;
     padding: 9px;
     width: 33%;
 }

 .Price-del table tr.totalText {
     border-top: 1px solid #afaeae;
     color: var(--secondary);
     font-weight: 600;
 }

 .cru-passen-info span.incul-items {
     display: inline-flex;
     font-size: 14px;
     margin-bottom: 5px;
 }

 .cruises-bg {
     min-height: 400px;
     margin-bottom: 15px;
     background: url(/images/hero-2-banner_result.webp) no-repeat;
     background-position: 50%;
     display: inline-block;
     width: 100%;
     background-size: cover;
     position: relative;

 }

 .Choose-Reservationcentre {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     gap: 10px;
     margin: 27px 0 27px 0;

 }

 .Choose-Reservationcentre .cruies-boxs {
     box-sizing: border-box;
     background: linear-gradient(to right, #ff6a00 0%, #fb8e41 100%);
     border-radius: 10px;
     padding: 5px;
     width: 30.33%;
 }

 .Choose-Reservationcentre .wubc-txt {
     font-size: 12px;
     font-weight: 400;
     color: #fff;
     margin: 0;
 }

 .Choose-Reservationcentre .wubc-h {
     font-size: 16px;
     font-weight: 600;
     color: #fff;
     margin: 0;
 }

 .Choose-Reservationcentre .cruies-boxs img {
     max-width: 70px;
 }

 .cruise-h1 {
     font-size: 20px;
     text-align: center;
 }

 .slider-container-cruise .slick-list img {
     border-radius: 10px;
     width: 92%;
     height: 200px;
 }

 .slider-container-cruise .slick-list img.cruies-type-img {
     border-radius: 10px;
     width: 92%;
     height: 200px;
 }

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

 .Fav-crui {
     background-color: #EFEFEF;
     padding: 41px 0 50px 0;
     margin: 55px 0;
 }

 .cruies-boxs .cruies-detail {
     padding: 11px 10px 10px 15px;
     background: #fff;
     border-radius: 10px;
     box-shadow: 1px 2px 7px 1px rgb(204 204 204 / 60%);
     max-width: 84%;
     position: relative;
     bottom: 50%;
     left: 50%;
     transform: translate(-50%, -25%);
     min-height: 200px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .cruies-detail img.cruies-logo {
     width: 163px;
     max-height: 50px;
     object-fit: contain;
 }


 .cruies-boxs .cruies-detail .cruies-name {
     font-size: 20px;
     font-weight: 700;
     margin: 0;
 }

 .Perfect-cruise {
     margin: 48px 0 30px 0;
 }

 .Perfect-cruise .cruise-h2 {
     font-size: 18px;
 }

 .cruises-bg .trip-place input:first-child {
     margin-bottom: 15px;
 }

 .cruise-search-wrapper .input-wrapper input {
     width: 100%;
     padding-left: 45px;
 }

 .cruise-search-wrapper .input-wrapper img {
     position: absolute;
     left: 7px;
     top: 5px;
 }

 .review-trip h2 {
     text-align: center;
     color: var(--primary);
     margin: 0;
 }

 .review-trip {
     background: #103e65;
     padding: 10px 0;
     color: #fff;
 }

 .review-trip h2 span {
     color: #fff;
 }

 .review-trip.confirm {
     margin: 0;
     font-family: var(--roboto);
     margin-bottom: 15px;
 }

 .confirm-details-wrapper .info-txt svg {
     color: #32a335;
     width: 28px;
     height: auto;
     margin-right: 10px;
 }

 section.confirm-details-wrapper {
     font-family: var(--roboto);
 }

 .confirm-details-wrapper .info-txt {
     padding-bottom: 20px;
     display: flex;
     align-items: flex-end;
     font-size: 14px;
     color: #555;
 }

 .inner-confirmation {
     display: flex;
     align-items: flex-start;
     gap: 25px;
 }

 .inner-confirmation .confirm-left {
     width: 70%;
 }

 .inner-confirmation .confirm-right {
     width: 28%;
 }

 .inner-confirmation .cont-head {
     background: #103e65;
     font-size: 18px;
     color: #fff;
     padding: 6px 10px;
 }

 .inner-confirmation .flight-info-head {
     margin-top: 0;
     font-weight: normal;
     font-size: 13px;
 }

 .inner-confirmation .flight-info-head span {
     font-weight: bold;
 }

 .inner-confirmation .cover-all {
     padding: 0 15px;
     display: flex;
     align-items: flex-start;
     gap: 15px;
     margin-bottom: 15px;
 }

 .inner-confirmation .list-container {
     border: 1px solid #bdbdbd;
     font-size: 13px;
     margin-bottom: 15px;
 }

 .inner-confirmation .cover-all .flight {
     width: 15%;
     margin: 10px 0;
 }

 .inner-confirmation .cover-all .depart,
 .inner-confirmation .cover-all .arrival {
     width: 34%;
 }

 .inner-confirmation .cover-all .flight img {
     /* width: 60px; */
     background: #fff;
     border: 1px solid #d5d3d3;
     padding: 2px;
     border-radius: 3px;
     margin-bottom: 5px;
     height: auto;
 }

 .inner-confirmation .cover-all .flight span {
     font-size: 10px;
     display: block;
     color: #888;
 }

 .inner-confirmation .layover {
     font-size: 12px;
     padding-bottom: 4px;
     text-align: center;
     margin: 10px 0;
     background: url(/images/hr_result.webp) 0 9px repeat-x;
 }

 .inner-confirmation .layover span {
     text-align: center;
     background: var(--primary);
     border: 1px solid var(--primary);
     border-radius: 25px;
     padding: 5px 15px;
     color: #fff;
 }

 .inner-confirmation .layover .lay-time {
     all: unset;
     font-weight: bold;
 }

 .confirm-right .outer {
     /* border: 1px solid #bdbdbd; */
     font-size: 13px;
     margin-bottom: 15px;
 }

 .confirm-right .outer table.booking {
     width: 100%;
     color: #444;
 }

 .confirm-right .outer .booking td {
     background: #f4f5f5;
     border: 3px solid #fff;
     padding: 12px 5px;
 }

 .confirm-right .outer .booking td.ref-id {
     font-size: 14px;
     color: var(--primary);
     font-weight: 600;
 }

 .confirm-right table.fare {
     width: 100%;
 }

 .confirm-right table.fare th {
     padding: 8px 5px;
 }

 .confirm-right table.fare td {
     padding: 8px 5px;
 }

 .confirm-right table.fare .grandtotal-wrapper {
     background-color: #f5f3dd;
     font-weight: bold;
     font-size: 18px;
 }

 .confirm-right table.fare .grandtotal-wrapper span {
     color: var(--primary);
 }

 .confirm-right .outer .notes {
     padding: 10px;
     color: #555;
 }

 .confirm-right .outer .notes span {
     font-weight: bold;
 }

 .inner-confirmation .list-container .billing {
     width: 100%;
     color: #444;
 }

 .inner-confirmation .list-container .billing tr:nth-of-type(2n+1) {
     background: #f2f2f2;
 }

 .inner-confirmation .list-container .billing .labels {
     font-weight: bold;
 }

 .inner-confirmation .list-container .billing td {
     padding: 6px 6px;
 }

 .list-container table.travellers {
     width: 100%;
     color: #444;
     border-collapse: collapse;
 }

 .list-container table.travellers th {
     padding: 6px;
     background: #f2f2f2;
     border: 1px solid #bdbdbd;
     border-top: 0;
     border-bottom: 0;
 }

 .list-container table.travellers td {
     padding: 6px;
     border: 1px solid #bdbdbd;
     border-bottom: 0;
 }

 .list-container table.travellers td:first-child {
     border-left: 0;
 }

 .list-container table.travellers td:last-child {
     border-right: 0;
 }

 .list-container table.travellers th:first-child {
     border-left: 0;
 }

 .list-container table.travellers th:last-child {
     border-right: 0;
 }

 .inner-confirmation .list-container.spacing {
     padding: 15px;
 }

 .inner-confirmation .list-container.spacing p {
     font-size: 13px;
 }

 .inner-confirmation .list-container.spacing p span {
     font-weight: bold;
     color: var(--primary);
 }

 .flight-info-head {
     background: #f5f3dd;
     padding: 7px 0 7px 15px;
     color: #333;
     margin: 10px 0;
 }

 .inner-confirmation .layover {
     font-size: 12px;
     padding-bottom: 4px;
     text-align: center;
     margin: 10px 0;
     background: url(/images/hr_result.webp) 0 9px repeat-x;
 }

 span.info-depart {
     color: var(--primary);
     font-weight: bold;
 }

 .flight-list svg {
     max-width: 13px;
     width: 100%;
 }

 .flight-list svg path {
     fill: var(--primary);
 }

 .confirm-right table.fare {
     width: 100%;
 }

 .flight-details-text {
     cursor: pointer;
     white-space: nowrap;
     color: blue;
     text-decoration: underline;
 }

 .flightlist-wrapper .flight-layover span {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     background: var(--primary);
     font-weight: bold;
     padding: 6px 40px;
     border-radius: 20px;
     color: #fff;
     top: -15px;
     display: block;
 }

 .sidebar .flight-summary {
     background: var(--secondary);
     color: #fff;
     font-size: 20px;
     font-weight: bold;
     padding: 7px 10px;
 }

 .sidebar-outer {
     border: 1px solid #d5d2d2;
     border-top: none;
     margin: 0 0 15px 0;
     background: #fff;
 }

 .sidebar-outer table {
     margin: 0;
 }

 .flight-list .flight-status .time {
     font-size: 14px;
     font-weight: bold;
 }

 .table-striped>tbody>tr:nth-child(odd) {
     background-color: #f7f7f7;
 }

 .sidebar-outer table tr {
     font-size: 13px;
     line-height: 1.5;
 }

 .sidebar-outer table tr th {
     color: #555;
 }

 .sidebar-outer table tr th:last-child,
 .sidebar-outer table tr td:last-child {
     text-align: right;
 }

 .sidebar-outer table tr * {
     color: #555;
 }

 .table-striped tr.grand-total-row {
     font-weight: bold;
 }

 .table-striped tr.grand-total-row td {
     background: #f5f3dd;
     color: var(--primary);
     font-size: 16px;
 }

 .table-striped tr.grand-total-row td span {
     color: var(--primary);
     font-size: 16px;
 }

 .promo-bg {
     padding-bottom: 25px;
 }

 .promo-head {
     background: #357bb7;
     font-size: 15px;
     color: #fff;
     margin: 0 0 10px 0;
     padding: 8px 10px;
 }

 .promo-label {
     margin: 10px;
     color: #555;
 }

 .form-group.promo {
     width: 70%;
 }

 .form-group.prom-btn {
     width: 19%;
     margin-right: 10px;
 }

 .sidebar-outer .form-group {
     display: inline-block;
     margin-left: 10px;
 }

 .form-group.prom-btn input.btn {
     font-size: 17px;
     text-transform: capitalize;
     width: 100%;
     border-radius: 4px;
 }

 .sidebar .fare-disclaimer {
     font-size: 12px;
     background: #fff;
     border: 1px solid #d5d2d2;
     padding: 10px;
     color: #555;
 }

 .sidebar .fare-disclaimer span {
     font-weight: bold;
 }

 .list-container .htlInfor.holid-del {
     padding: 15px;
     box-shadow: none;
     border-radius: 0;
     border: none;
 }

 .packinfo .pkgtime-name {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-top: 10px;
 }

 .packinfo .pkgname {
     font-size: 26px;
     font-weight: 600;

 }

 .packinfo .pkgtimex {
     font-size: 14px;
     font-weight: 600;
     margin: 0;
     color: #000;
 }

 .packinfo .stycitynight {
     font-size: 13px;
     font-weight: 500;
     margin-top: 5px;
     color: var(--primary);
 }

 .holi-del {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .holi-del .holi-del1 {
     width: 70%;
 }

 .holi-del .holi-price {
     width: 28%;
     position: sticky;
     top: 15px;
     height: 100%;
 }

 .holliday-pkg-crauosel .slick-list .holidays-card img {
     width: 100%;
     max-height: 400px;
     border-radius: 8px;
     object-fit: cover;
 }

 .holliday-pkg-crauosel {
     margin-top: 10px;
 }

 .holliday-pkg-crauosel .holidays-card img {
     opacity: 0;
     transition: opacity 1s ease-in-out;
 }

 .slick-active .holidays-card img {
     opacity: 1;
 }

 .teb-holi {
     background-color: var(--secondary);
     padding: 10px;
     border-radius: 5px;
     display: flex;
     gap: 10px;
     margin-bottom: 13px;
     position: sticky;
     top: 0;
     z-index: 9;
 }

 .teb-holi a.all-tabs-btn {
     padding: 4px 10px;
     border-radius: 5px;
     border: none;
     background-color: #fff;
     font-size: 14px;
     transition: .3s ease-in-out;
     color: #000;
 }

 .teb-holi a.all-tabs-btn.active {
     background-color: var(--primary);
     color: white;
 }

 .teb-holi button.all-tabs-btn:hover,
 .teb-holi button.all-tabs-btn .active {
     background-color: var(--primary);
     color: #fff;
 }

 .pck-boxs {
     width: 100%;
     border: 1px solid #dbdbdb;
     padding: 9px 15px 15px 15px;
     box-shadow: 0 0 5px rgb(0, 0, 0, .10);
     position: relative;
     border-radius: 10px;
     overflow: hidden;
     margin-bottom: 20px;
 }

 .pck-boxs p.pck-boxs-title {
     font-size: 17px;
     font-weight: 600;
     color: #000;
     margin-bottom: 5px;
 }

 .pck-boxs .pck-boxs-pra {
     font-size: 14px;
     margin: 0;
 }

 .pck-boxs .pck-boxs-title:before {
     content: '';
     height: 28px;
     width: 4px;
     background-color: var(--primary);
     display: inline-block;
     position: absolute;
     top: 15px;
     left: 0;
 }

 .Itinebox {
     overflow: hidden;
     padding: 18px 0 0px 36px;
 }

 .Itinebox ul {
     position: relative;
     transition: all 0.5s linear;
     top: 0;
     width: 100%;
 }

 .Itinebox ul li {
     position: relative;
     border-radius: 10px;
     line-height: 20px;
     width: 100%;
     padding-left: 24px;
     margin-bottom: 15px;
 }

 .innerbox {
     width: 100%;
     border: 1px solid #dbdbdb;
     border-radius: 10px;
     overflow: hidden;
 }

 .innertitle {
     background: var(--secondary);
     padding: 6px 10px;
     width: 100%;
     font-size: 14px;
     color: #ffffff;
     font-weight: 600;
     border-radius: 4px 4px 0 0;
 }


 .inner-pra {
     width: 100%;
     padding: 10px;
     background: #fff;
     border-radius: 0 0 4px 4px;
 }

 .Itinebox ul li .inner-pra ul li {
     margin: 0;
     position: relative;
     padding: 0;
     margin-bottom: 5px;
     list-style: circle;
     font-size: 14px;
     line-height: normal;
     width: auto;
     margin-left: 20px;
     padding-left: 0;
 }

 .dycircle {
     position: absolute;
     left: -34px;
     color: #fff;
     font-weight: 600;
     padding: 6px 9px;
     border-radius: 20px;
     top: 0px;
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 14px;
     font-size: 11px;
     background: var(--secondary);
 }

 .incu-exclu {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .incu-exclu .pck-boxs {
     width: 48%;
 }

 .incu-exclu .pck-boxs.inclubox {
     background-color: #0080000f;
 }

 .incu-exclu .pck-boxs.inclubox .pck-boxs-title:before {
     background-color: green;
 }

 .incu-exclu .pck-boxs.exclubox {
     background-color: #ff00000f;
 }

 .incu-exclu .pck-boxs.exclubox .pck-boxs-title:before {
     background-color: red;
 }

 .pck-boxs.inclubox .holiday-inclu li,
 .pck-boxs.exclubox .holiday-exclu li {
     display: flex;
     gap: 4px;
     font-size: 13px;
     margin-bottom: 3px;
 }

 .pck-boxs.inclubox .holiday-inclu li svg {
     max-width: 14px;
     font-size: 16px;
     width: 100%;
     color: green;
 }

 .pck-boxs.exclubox .holiday-exclu li svg {
     max-width: 13px;
     font-size: 14px;
     width: 100%;
     color: red;
 }

 .Itinebox.term-con {
     padding-left: 0;
 }

 .Itinebox.term-con ul li {
     padding: 0;
 }

 .Itinebox.term-con ul li:last-child {
     margin-bottom: 0;
 }

 .pck-price-boxs {
     width: 100%;
     background: linear-gradient(90deg, #103e65 0%, #103e658c 100%);
     border-radius: 10px 10px 0 0;
     color: white;
     padding: 10px;
 }

 .pck-price-boxs .srt {
     font-size: 13px;
     margin: 0;
 }

 .pck-price-boxs .tlpricecut {
     margin: 0;
     font-size: 15px;
     text-decoration: line-through;
 }

 .pck-price-boxs .holitlprice .holicurn,
 .pck-price-boxs .holitlprice .holi-per-perice {
     font-size: 25px;
     font-weight: 700;
 }

 .pck-price-boxs .holitlprice .pptxt {
     font-size: 13px;
 }

 .pck-price-boxs .holitlprice {
     margin: 0;
 }

 .outer-boxholi-price {
     width: 100%;
     border: 1px solid #dbdbdb;
     box-shadow: 0 0 5px rgb(0, 0, 0, .10);
     position: relative;
     color: white;
     margin-top: 10px;
     border-radius: 10px;
     margin-bottom: 15px;
 }

 .holiday-query {
     padding: 10px;
     display: flex;
     justify-content: center;
 }


 .holiday-query button.btn {
     padding: 10px;
     border-radius: 28px;
     font-size: 14px;
     border: 1px solid var(--primary);
     background-color: transparent;
     color: #000;
     width: 100%;
     font-weight: 600;
 }

 .pck-boxs .time-du-pack {
     margin-bottom: 5px;
     font-weight: 600;
 }


 .pck-boxs .time-du-pack .clock-du svg {
     max-width: 14px;
     margin-right: 6px;
     color: var(--primary);
 }


 .pck-boxs .time-du-pack .dura-des {
     font-weight: 400;
     margin-left: 6px;
 }

 .incul-itny:before {
     content: '';
     display: block;
     width: 100%;
     background: #c1c1c1;
     height: 1px;
     position: absolute;
     bottom: 10px;
     right: 0;
     z-index: -1;
 }

 .incul-itny span.lay {
     border: 1px solid gray;
     font-size: 13px;
     padding: 4px 9px;
     border-radius: 13px;
     background-color: white;
     color: var(--primary);
     font-weight: 700;
 }

 .incul-itny {
     text-align: center;
     position: relative;
 }

 .incuamenity-holiday {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-top: 5px;
 }

 .incuamenity-holiday .amenityItem svg {
     width: 21px;
     color: var(--primary);
     height: 25px;
 }

 .incuamenity-holiday .amenityItem .amenity-Facility {
     font-size: 12px;
     font-weight: 600;
 }

 .incuamenity-holiday .amenityItem {
     display: flex;
     /* flex-direction: column;
    justify-content: center; */
     gap: 9px;
     margin: 5px;
     align-items: center;
     flex-wrap: wrap;
 }

 .holiday-booking {
     padding: 0 10px 10px;
     display: flex;
     justify-content: center;
 }

 .holiday-booking button.btn {
     padding: 10px;
     border-radius: 28px;
     font-size: 14px;
     border: 1px solid var(--primary);
     background-color: var(--primary);
     color: #ffffff;
     width: 100%;
     font-weight: 600;
 }

 .pck-boxs.callus1 {
     display: flex;
     align-items: self-start;
 }

 .pck-boxs.callus1 h5 {
     margin: 0;
 }

 .pck-boxs.callus1 p {
     margin: 0;
     font-size: 13px;
     font-weight: 500;
 }

 .holiday-wrapper-n {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
 }

 .holiday-wrapper-n .holiday-card1 {
     width: 32.33%;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     padding: 8px;
     border-radius: 8px;
     margin-top: 10px;
 }

 .holiday-wrapper-n .holiday-card1 img {
     width: 100%;
     border-radius: 8px;
     max-height: 173px;
 }

 .holiday-card1 .trip-del {
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid gray;
     padding: 5px 0;
     flex-wrap: wrap;
     gap: 3px;
 }

 .holiday-card1 .trip-del .trip-name h3 {
     font-size: 20px;
     color: var(--secondary);
     margin-bottom: 3px;
 }

 .holiday-card1 .trip-del .trip-name p {
     margin: 0;
     font-size: 13px;
 }

 .holiday-card1 .trip-del .duration-dn p {
     margin: 0;
     border: 1px solid var(--secondary);
     font-size: 13px;
     font-weight: 500;
     padding: 1px 3px;
     border-radius: 3px;
 }

 .holiday-card1 .facality-holiday ul {
     list-style: disc;
     padding-left: 18px;
     display: flex;
     flex-wrap: wrap;
     padding-top: 7px;
     padding-bottom: 3px;
     border-bottom: 1px solid gray;
 }

 .holiday-card1 .facality-holiday ul li {
     width: 130px;
     font-size: 13px;
 }

 .includeWrapper.holiday-price {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .ra-holi {
     display: flex;
     gap: 5px;
 }

 .ratingCount {
     background: #1ab64f;
     color: #fff;
     border-radius: 2px;
     padding: 3px 6px;
     line-height: 1;
 }

 .ra-holi svg {
     margin-left: 5px;
     width: 16px;
     height: auto;
 }

 .holiday-price .hotelDetail-btn {
     border: 1px solid var(--secondary);
     background: #fff;
     color: var(--secondary);
     transition: 0.4s all;
     font-size: 16px;
     font-weight: 600;
     border-radius: 6px;
     padding: 7px 15px;
     margin: 10px 0;
 }

 .holiday-price .hotelDetail-btn:hover {
     background: var(--secondary);
     color: #fff;
 }

 .holiday-price .hotelPrice-percentage {
     color: var(--primary);
     font-weight: 700;
 }

 .holiday-price .PricePrice {
     font-size: 18px;
     font-weight: 600;
     color: var(--secondary);
     display: flex;
     align-items: baseline;
     gap: 6px;
     justify-content: end;
 }

 .Similar-pac {
     font-size: 18px;
     font-weight: 600;
     color: #000;
     margin-bottom: 5px;
 }

 .openquery body {
     overflow: hidden;
 }

 .openquery .overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 9999;
 }

 .openquery .query-holidays {
     display: block;
     position: fixed;
     background-color: #ffffff;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     max-width: 600px;
     width: 100%;
     padding: 22px 15px 21px;
     z-index: 9999;
 }

 .openholibook body {
     overflow: hidden;
 }

 .openholibook .overlay2 {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 9999;
 }

 .openholibook .book-box {
     display: block;
     position: fixed;
     background-color: #ffffff;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     max-width: 600px;
     width: 100%;
     padding: 22px 15px 21px;
     z-index: 9999;
     overflow-y: scroll;
     height: 640px;
 }

 .query-holidays {
     display: none;
 }

 .query-box h3 {
     font-size: 21px;
     font-weight: 500;
 }

 .query-box p {
     font-size: 12px;
     font-weight: 500;
 }

 .query-box span {
     position: absolute;
     top: -4px;
     right: -4px;
     background-color: var(--primary);
     height: 25px;
     width: 25px;
     display: flex;
     justify-content: center;
     color: #fff;
     align-items: center;
     padding-top: 3px;
     border-radius: 3px;
     cursor: pointer;
 }

 .pacak-info {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .pacak-info label {
     font-size: 14px;
     margin-bottom: 5px;
     font-weight: 500;
 }

 .pacak-info input {
     width: 100%;
     border: 1px solid #a6a8aa;
     margin: 0 0 15px;
     padding: 10px 33px 10px 10px;
     position: relative;
     font-size: 14px;
     border-radius: 6px;
     /* text-transform: capitalize; */
 }

 .query-personal-del p.per-title {
     font-size: 19px;
     margin: 0;
     font-weight: 500;
 }

 .query-box {
     position: relative;
     border-bottom: 1px solid #cacbcd;
     margin-bottom: 10px;
 }

 .query-personal-del button {
     background-color: var(--secondary);
     color: white;
     border: none;
     width: 100%;
     padding: 5px;
     margin: 25px 0 0 0;
     font-size: 18px;
 }

 .adult-wrapper {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .book-box {
     display: none;
 }

 .adult-wrapper .inner-adult {
     display: flex;
     align-items: center;
     border: 1px solid var(--secondary);
 }

 .adult-wrapper .name-adult-c-i p {
     margin: 0;
     font-size: 14px;
     margin-bottom: 5px;
     font-weight: 500;
 }

 .adult-wrapper .inner-adult button {
     display: flex;
     align-items: center;
     padding: 0 10px;
     margin: 0;
 }

 .adult-wrapper .inner-adult span {
     margin: 0 10px;
 }

 .controlGroup.pacak-info button.deleteRoom {
     background-color: #fff;
     border: none;
     text-align: end;
 }

 .controls .counter {
     display: flex;
     align-items: center;
 }

 .adult-chil-btn {
     border: 2px solid var(--secondary);
     display: flex;
     width: 96%;
     border-radius: 8px;
     padding: 5px 0;
 }

 .adult-chil-btn button {
     border: none;
     background-color: #fff;
     cursor: pointer;
     width: 90%;
     text-align: center;
 }

 .counter .for-a-box {
     width: 50%;
 }

 .controls button.addRoom {
     background-color: white;
     border: none;
     font-size: 14px;
     color: #008eff;
     text-decoration: underline;
     font-weight: 500;
     margin-top: 5px;
 }

 button.calculate-btn {
     border: none;
     background-color: var(--secondary);
     color: white;
     padding: 6px 10px;
     border-radius: 7px;
 }

 .travel-date {
     display: flex;
     justify-content: space-between;
     margin: 10px 0;
     border-bottom: 1px dashed #bdbdbd;
 }

 .travel-date p {
     font-size: 16px;
     font-weight: 500;
     margin: 0;
 }

 .travel-date p.treval-info-ed {
     color: red;
     text-decoration: underline;
     font-size: 14px;
     cursor: pointer;
 }

 .travel-price-h {
     border-bottom: 1px dashed #bdbdbd;
     margin-bottom: 10px;
 }

 .travel-price-h p {
     margin: 0;
     font-weight: 500;
 }

 .travel-price-h p.travel-h-amount {
     color: green;
     font-size: 21px;
 }

 .holiday-listing-wrapper {
     height: 100%;
     margin-top: 20px;
 }

 .holiday-listing-wrapper .sidebar.holiday-sidebar {
     display: inline-block;
     border-right: 1px solid #e1e2e3;
     border-left: 1px solid #e1e2e3;
     border-radius: 4px;
     position: sticky;
     top: 20px;
     vertical-align: top;
     width: 20%;
     height: calc(100vh - 172px);
     overflow-y: scroll;
     min-width: 210px;
 }

 .holiday-list-wrapper {
     display: inline-block;
     padding: 0 15px;
     width: 65%;
 }

 .holiday-listing-wrapper .boox_wrapper {
     width: 15%;
     display: inline-block;
     vertical-align: top;
 }

 .holiday-sidebar .top-filter-wrapper {
     display: flex;
     width: 100%;
     align-items: center;
     justify-content: space-between;
     gap: 5px;
     background: var(--secondary);
 }

 .holiday-sidebar .sidebar-header {
     background: var(--secondary);
     padding: 10px;
     color: #fff;
     font-size: 22px;
     font-weight: 500;
 }

 .holiday-sidebar::-webkit-scrollbar {
     width: 6px;
 }

 .holiday-sidebar::-webkit-scrollbar-thumb {
     background: var(--secondary);
     border-radius: 4px;
     transition: 0.4s all;
 }

 .holiday-sidebar::-webkit-scrollbar-track {
     background: #ccc;
 }

 .holiday-sidebar .filters_wrapper {
     padding: 15px 10px;
     border-bottom: 1px solid #e3e3e3;
 }

 .holiday-sidebar .filter-title {
     color: var(--secondary);
     font-weight: 600;
     margin-bottom: 10px;
 }

 .holiday-sidebar .filters_wrapper .range-slider {
     background: transparent;
     margin-bottom: 8px;
 }

 .holiday-sidebar .range-slider {

     width: 100%;
     height: 8px;
     background-color: #ddd;
     position: relative;
     margin: 10px 0 13px 0;
     text-align: center;
     padding-bottom: 10px;
 }

 .holiday-sidebar .filters_wrapper .track.track-0 {
     background: #ccc;
 }

 .holiday-sidebar .filters_wrapper .track.track-1 {
     background-color: var(--primary);
 }

 .holiday-sidebar .filters_wrapper .track.track-2 {
     background-color: #ccc;
 }

 .holiday-sidebar .filters_wrapper .thumb {
     height: 20px;
     width: 20px;
     border-radius: 50%;
     background-color: var(--white-color);
     top: 2px;
     transform: translateY(-50%);
     border: none;
     box-shadow: 0px 0px 3px 1px rgba(186, 186, 186, 1);
     outline: none;
 }

 .holiday-sidebar .filters_wrapper .price-range-values {
     display: flex;
     justify-content: space-between;
     font-size: 14px;
     color: #333;
     gap: 5px;
     align-items: center;
 }

 .holiday-sidebar .filters_wrapper .filter_item ul .star-list {
     justify-content: space-between;
     display: flex;
     gap: 10px;
     margin-bottom: 8px;
 }

 .holiday-sidebar .filter_item ul li .star-icon {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .holiday-sidebar .filter_item ul li svg {
     color: var(--primary);
     width: 20px;
     height: auto;
 }

 .holiday-sidebar .filter_item label {
     font-size: 14px;
 }

 .holiday-sidebar .filter_item ul li {
     display: flex;
     gap: 10px;
     margin-bottom: 8px;
 }

 .holiday-sidebar .filters_wrapper .showMore {
     font-size: 14px;
     margin-top: 10px;
     font-weight: 600;
     color: var(--secondary);
     cursor: pointer;
 }


 .holiday-list-wrapper .result-title {
     margin-bottom: 30px;
     border-bottom: 3px solid var(--primary);
     padding-bottom: 10px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 15px;

 }

 .holiday-list-wrapper .hotel-image img {
     border-radius: 7px;
 }

 .package-duration {
     border-radius: 4px;
     border: 1px solid #e4e4e4;
     max-width: 136px;
     text-align: center;
     font-size: 13px;
     display: inline-flex;
     gap: 5px;
     width: 100%;
     justify-content: center;
     padding: 3px;
     align-items: center;
     margin-bottom: 10px;
 }

 .package-duration .days,
 .package-duration .nights {
     margin: 0;
 }

 .holiday-info-middle h5 {
     color: var(--secondary);
 }

 .holiday-info-middle .package-destination-itenary {
     font-size: 14px;
     margin-bottom: 15px;
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .package-destination-itenary .package-destinations {
     font-weight: 600;
 }

 .holidayrating .holidayrating-wrapper {
     display: flex;
     align-items: center;
     gap: 5px;
     font-size: 14px;
     font-weight: 500;
     margin-top: 10px;
 }

 .holidayrating .holidayrating-wrapper .ratingCount {
     background: #1ab64f;
     color: #fff;
     border-radius: 2px;
     padding: 3px 6px;
     line-height: 1;
 }

 .holiday-info-middle svg {
     margin-left: 5px;
     width: 16px;
     height: auto;
 }

 .holidayamenityWrapper {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-top: 10px;
 }

 .holiday-info-middle .amenityItem {
     display: flex;
     align-items: center;
     line-height: 2;
     font-weight: 500;
     font-size: 15px;
 }

 .holiday-info-middle .holidayamenityWrapper .amenityIcon {
     line-height: 1;
     font-weight: 500;
     font-size: 15px;
     display: flex;
     align-items: center;
     gap: 5px;

 }

 .holiday-info-middle .holidayamenityWrapper .amenityIcon svg {
     color: var(--secondary);
 }



 .holiday-price .PricePrice {
     font-size: 18px;
     font-weight: 600;
     color: var(--secondary);
     display: flex;
     align-items: baseline;
     gap: 6px;
     justify-content: end;
 }

 .holiday-price .hotelPrice-percentage {
     color: var(--primary);
     font-weight: 700;
 }

 .holiday-price .hotelDetail-btn {
     border: 1px solid var(--secondary);
     background: #fff;
     color: var(--secondary);
     transition: 0.4s all;
     font-size: 16px;
     font-weight: 600;
     border-radius: 6px;
     padding: 7px 15px;
     margin: 10px 0;
 }

 .holiday-price .hotelDetail-btn:hover {
     background: var(--secondary);
     color: #fff;
 }

 .holiday-card-wrapper {
     display: inline-flex;
     flex-wrap: wrap;
     justify-content: space-between;
     width: 100%;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     padding: 8px;
 }

 .holiday-card-wrapper .holiday-images {
     width: 28%;
 }

 .holiday-card-wrapper .holiday-images img {
     width: 100%;
     border-radius: 8px;
     height: 100%;
 }

 .holiday-card-wrapper .holiday-info-middle {
     width: 50%;
     padding: 15px 0 15px 15px;
 }

 .holiday-card-wrapper .holiday-price {
     width: 22%;
     text-align: end;
     padding: 15px;
     background: #f9f9f9;
     border-radius: 5px;

 }

 .modify-btn-wrapper.hotel {
     display: none;
 }

 .holiday-wrapper-n {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .holiday-wrapper-n .holiday-card1 {
     width: 32%;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     padding: 8px;
     border-radius: 8px;
     margin-top: 10px;
 }

 .htlInfor .planemain {
     display: inline-flex;
     gap: 15px;
     width: 100%;
 }

 .htlInfor .planemain .planeimg img {
     width: 100%;
     border-radius: 8px;
     box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 }

 .htlInfor .planemain .planedel {
     width: 70%;
 }

 .htlInfor .planemain .planeimg {
     width: 30%;
 }

 .planedel p {
     margin: 0;
     font-weight: 500;
 }

 .planedel h4.planetitle {
     font-size: 24px;
     margin-bottom: 0;
     color: var(--secondary);
 }

 .planedel p.plane-duration {
     margin-bottom: 3px;
     font-weight: 400;
 }

 .planedel p.plane-duration svg {
     width: 13px;
     margin-right: 7px;
 }

 .planedel p.plane-duration span {
     font-weight: 600;
     margin-right: 3px;
 }

 .planedel .plane-facl {
     padding: 10px 0;
     border-top: 1px solid #dbdbdb;
     display: flex;
     column-gap: 8px;
     flex-wrap: wrap;
 }

 p.plane-duration.planedate {
     padding: 0 0 10px 0;
 }

 .planedel .plane-facl svg {
     color: var(--primary);
     width: 18px;
     height: 18px;
 }

 .base-pri .base-p-room.pric-bottom {
     border-bottom: 1px solid #dbdbdb;
     padding: 6px 0;
 }

 .base-p-room p.gtotal.final-ammount {
     width: 70%;
     margin: 0;
 }

 .loader {
     border: 6px solid #f3f3f3;
     /* Light grey */
     border-top: 6px solid #3498db;
     /* Blue */
     border-radius: 50%;
     width: 50px;
     height: 50px;
     animation: spin 1s linear infinite;
     margin: 40px auto;
     /* Center horizontally */
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 .base-p-room p.tpri.newPricingBlock {
     width: 30%;
     margin: 0;
     color: var(--primary);
     text-align: end;
 }

 .holiday-cupon1 {
     max-height: 336px;
     overflow-y: scroll;
     margin-bottom: 0;
 }

 .fl_prnt .paymentmodes .nav button {
     border: 1px solid #e2e2e2;
     font-size: 14px;
     padding: 13px 10px;
     display: flex;
     justify-content: normal;
     gap: 10px;
     align-items: flex-start;
     text-align: justify;

 }

 .fl_prnt .paymentmodes .nav {
     display: flex;
     flex-direction: column;
     width: 20%;
     padding: 10px 0;
 }

 .fl_prnt .paymentmodes {
     display: flex;
     width: 100%;
     justify-content: space-between;
     flex-wrap: wrap;
 }

 .fl_prnt .paymentmodes .content {
     width: 78%;
 }

 .fl_prnt .paymentmodes .nav button.active {
     background-color: var(--secondary);
     color: white;
     border: 1px solid var(--secondary);
 }

 .fl_prnt .paymentmodes .nav button svg {
     width: 17px;
     height: 17px;
 }

 .creditdel .gst-section {
     margin: 0;
     padding: 10px 15px 10px 0;
 }

 .creditdel .resgi-dex {
     width: 48%;
 }

 .save-check {
     display: flex;
     gap: 7px;
     align-items: center;
     padding: 0px 15px 0px 0;
 }

 .save-check p {
     font-weight: 600;
 }

 .total-holiday p {
     margin: 0;
     font-size: 19px;
     font-weight: 600;
     color: #000;
 }

 .total-holiday p span {
     color: var(--primary);
 }

 .holiday-del-pyt {
     margin: 10px 20px 10px 0;
 }

 .content .bank-box {
     display: flex;
     align-items: center;
     gap: 7px;
     width: 48%;
     border: 1px solid #c1c1c1;
     padding: 5px;
     border-radius: 5px;
     margin: 5px 0;
 }

 .content .all-bank-box .bank-box label img {
     height: 25px;
     width: 25px;
     margin-right: 10px;
 }

 .content .all-bank-box label span {
     margin: 0;
     font-size: 15px;
     font-weight: 500;
 }

 .bank-popular {
     padding: 10px 15px 10px 0;
 }

 .bank-popular .all-bank-box {
     display: flex;
     justify-content: space-between;
     margin: 7px 0;
     cursor: pointer;
     flex-wrap: wrap;

 }

 .all-bank-sel {
     width: 100%;
     padding: 6px;
     border: 1px solid #c1c1c1;
     border-radius: 5px;
     margin-bottom: 15px;

 }

 .all-bank-sel:focus-visible {
     border: 1px solid #c1c1c1;
 }

 select.all-upi {
     border: 1px solid #cccccc;
     border-left: none;
     padding: 5px 10px;
     border-radius: 0 6px 6px 0;
     width: 40%;
 }

 .resgi-dex.upi_m {
     width: 100%;
 }

 .resgi-dex.upi_m input {
     border-radius: 6px 0 0 6px;
     width: 60%;
 }

 .how-it-works-container {
     display: flex;
     align-items: center;
     background-color: #f0f0f0;
     padding: 4px 10px;
     font-size: 13px;
     border-radius: 5px;
     margin: 4px 10px 10px 0;
 }

 .how-it-works-container .title {
     font-weight: bold;
     margin-right: 10px;
 }

 .how-it-works-container .steps {
     display: flex;
     align-items: center;
     justify-content: space-around;
     width: 100%;
 }

 .how-it-works-container .arrow {
     font-size: 15px;
     color: gray;
 }

 .holiday-search-container {
     background: url("/images/holiday-banner_result.webp");
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     min-height: 400px;

 }

 .holiday-search-container .flight-search-wrapper {
     position: relative;
 }

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

 .holiday-search input {
     max-width: 100%;
 }

 .holiday-search .passenger-dropdown .search-btn-wrapper {
     width: 100%;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
     border: none;
 }

 .holiday-search .passenger-dropdown>div {
     justify-content: space-between;
     border: none;
     padding: 5px;
 }

 .holiday-search .passenger-dropdown .search-btn-wrapper button {
     width: 100%;
     border-radius: 10px;
     background-color: var(--primary);
 }

 .holiday-search .passenger-dropdown .dropdown-heading {
     color: var(--secondary);
     font-weight: 500;
     display: flex;
     flex-direction: column;
     row-gap: 7px;
 }

 .holiday-search .passenger-dropdown {
     padding: 10px;
     max-height: 500px;
     overflow-y: auto;
 }

 .holiday-search .passenger-dropdown .dropdown-heading button {
     width: auto;
     border-radius: 10px;
     height: auto;
     font-size: 12px;
     padding: 5px 10px;
 }

 .holiday-search .passenger-dropdown::-webkit-scrollbar {
     width: 7px;
 }

 .holiday-search .passenger-dropdown::-webkit-scrollbar-track {
     background: #ccc;
     border-radius: 5px;
 }

 .holiday-search .passenger-dropdown::-webkit-scrollbar-thumb {
     background: var(--secondary);
     border-radius: 5px;
 }

 .holiday-search .passenger-dropdown .room-members-details {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     padding-bottom: 10px;
 }

 .holiday-search .passenger-dropdown .room-details>div {
     width: 33.33%;
     text-align: center;
 }

 .holiday-search .passenger-dropdown .room-details {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     margin-bottom: 8px;
     width: 100%;
 }

 .holiday-search .passenger-dropdown .dropdown-text {

     text-align: center;
     padding-top: 0;
     padding-bottom: 5px;
 }

 .holiday-search .passenger-dropdown .room-details .handle-count {
     display: flex;
     width: 100%;
     justify-content: space-around;
     gap: 5px;
 }

 .holiday-search .passenger-dropdown .child-age-selector label {
     position: static;
     color: #000;
 }

 .holiday-search .passenger-dropdown .childage-wrapper {
     padding-left: 0;
     padding-right: 0;
     flex-wrap: wrap;
     display: flex;
     justify-content: space-between;
     width: 100%;
 }

 .holiday-search .passenger-dropdown .child-age-selector {
     border: 1px solid #000;
     border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 5px;
     width: 48%;
 }

 .holiday-search .passenger-dropdown .child-age-selector select {
     border-left: 1px solid #000;
     border-width: 0 0 0 1px;
     color: #000;
     height: auto;
 }

 .holiday-search .passenger-dropdown .room-members-details:not(:first-child) {
     border-top: 1px dashed #aaa;
 }

 .holiday-search .passenger-dropdown .dropdown-heading .room-count {
     box-shadow: rgb(0 0 0 / 24%) 0px 1px 4px 0px;
     border-radius: 50px;
 }

 .trending-card-wrapper {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-auto-rows: 250px;
     gap: 20px;
     margin-top: 20px;
 }

 .trending-card {
     position: relative;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     background-color: #fff;
     transition: transform 0.3s ease-in-out;
     display: flex;
     flex-direction: column;
     align-items: stretch;
 }

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

 .trending-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .trending-content {
     padding: 15px;
     display: flex;
     flex-direction: column;
     height: 90%;
     position: absolute;
     width: 90%;
     color: #fff;
     border: 1px solid transparent;
     left: 50%;
     transform: translate(-50%, -50%);
     top: 50%;
     border-radius: 10px;
     transition: 0.4s all;
 }

 .destination-title h2 {
     font-size: 1.4rem;
     font-weight: bold;
     margin: 0;
     transition: 0.4s all;
 }

 .trending-card:hover .trending-content {
     border: 1px solid #fff;
 }

 .trending-card:hover .destination-price,
 .trending-card:hover .trending-btn {
     left: 0;
     opacity: 1;
 }

 .trending-wrapper {
     margin-bottom: 50px;
 }

 .destination-price {
     display: flex;
     align-items: center;
     justify-self: center;
     flex-direction: column;
     line-height: 1.3;
 }


 .trending-btn {
     opacity: 0;
     left: -60px;
     position: relative;
     transition: 0.4s all;
 }

 .trending-card:hover .destination-price {
     left: 0;
     opacity: 1;
 }

 .destination-price span.cm-price {
     font-size: 22px;
     color: var(--primary);
 }

 .trending-img:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.3);
 }

 .trending-card:hover .destination-title h2 {
     font-size: 16px;
 }



 .trending-btn {
     padding: 8px 12px;
     color: #fff;
     border-radius: 4px;
     cursor: pointer;
     transition: background-color 0.3s ease;
     font-size: 14px;
     background: var(--primary);
     border: none;
     font-weight: 500;
     margin-top: 0px;
 }

 .trending-destination {
     height: 100%;
 }

 .trending-img {
     height: 100%;
 }

 .holiday-wrapper .load-more {
     margin-top: 25px;
     text-align: center;
 }

 .holiday-wrapper .load-more button {
     background: var(--secondary);
     color: #fff;
     border: none;
     padding: 8px 40px;
     border-radius: 10px;
 }

 .holiday-wrapper h2.title {
     color: var(--secondary);
     font-size: 35px;
     font-weight: 500;
     text-align: center;
     margin-bottom: 40px;
 }

 .holiday-theme-scroll {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 30px;

 }

 .holiday-theme-scroll-wrapper {
     overflow-x: auto;
 }

 .holiday-theme-scroll .theme-icon-box {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     cursor: pointer;
 }

 .holiday-theme-scroll img {
     transition: 0.4s all;
 }

 .holiday-theme-scroll img.active-img {
     display: none;
 }

 .holiday-theme .slick-slide {
     padding: 0 5px;
     height: auto !important;
 }

 .holiday-theme .theme-slider {
     margin-top: 35px;
 }

 /* Theme Icon Box */
 .theme-icon-box {
     cursor: pointer;
     text-align: center;
     padding: 10px;
     transition: all 0.3s ease;
 }

 .theme-icon-box .def-img {
     display: block;
 }

 .theme-icon-box .active-img {
     display: none;
 }

 /* Show active image when active class is applied */
 .theme-icon-box.active .def-img {
     display: none;
 }

 .theme-icon-box.active .active-img {
     display: block;
 }

 /* Optional: Active card styling */
 .theme-icon-box.active {
     border-bottom: 2px solid #ff9800;
     /* Highlight active theme */
     font-weight: bold;
     color: #ff9800;
 }

 .holiday-theme .trending-content {
     justify-content: space-between;
 }

 .holiday-theme .destination-price span {
     font-size: 18px;
 }

 .holiday-theme .trending-card:hover {
     transform: none
 }

 .holiday-theme .trending-card img {
     transition: 0.4s all;
     height: 400px;
     object-fit: cover;
 }

 .holiday-theme .trending-card:hover img {
     transform: translateY(-5px);
 }

 .holiday-theme .trending-card {
     max-height: 427px;
 }

 .holiday-wrapper .holiday-landingCard {
     border-radius: 10px;
     box-shadow: 0 3px 30px 0 rgb(0 0 0 / 10%);
     padding: 25px 40px 40px;
     margin-top: 50px;
 }

 .holiday-wrapper .landingCard-wrapper {
     width: 100%;
     flex-wrap: wrap;
     justify-content: space-between;
     display: flex;
     column-gap: 10px;
 }

 .holiday-wrapper .landingCard-content {
     width: 30%;
     display: flex;
     margin-bottom: 20px;
 }

 .holiday-wrapper .landingCard-content img {
     border-radius: 100%;
     margin-right: 10px;
 }

 .holiday-wrapper .small-holiday-content {
     flex: 1;
 }

 .holiday-wrapper .small-holiday-content .mini-title {
     display: block;
     font-size: 18px;
     line-height: 1.25;
     color: var(--secondary);
     font-weight: 500;
 }

 .holiday-wrapper .small-holiday-content a {
     font-size: 13px;
     color: #000;
     font-weight: 500;
 }

 .holiday-theme-scroll-wrapper::-webkit-scrollbar {
     height: 5px;
     width: 100%;
     background: #ccc;
     border-radius: 5px;
 }

 ::-webkit-scrollbar-thumb {
     background-color: #878787 !important;
 }

 .holiday-theme-scroll-wrapper::-webkit-scrollbar-thumb {
     background: var(--secondary);
     border-radius: 5px;
 }

 .edit-holiday .search-engine {
     padding: 0;
 }

 /* Holiday Listing */

 .edit-holiday .flight-search-wrapper {
     position: relative;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     padding-top: 0;
     padding-bottom: 0;
     background: transparent;
 }

 .edit-holiday .holiday-search .flight-search-wrapper>div {
     margin: 0 !important;
     width: 30%;
 }

 .edit-holiday .date-pickers .check-in-wrapper {
     width: 100%;
 }

 .edit-holiday .react-datepicker-wrapper input {
     max-width: 100%;
 }

 .edit-holiday .holiday-search .flight-search-wrapper .search-flight {
     width: 10%;
 }

 .edit-holiday {
     padding: 35px 0 20px;
     background: var(--secondary);
 }

 .edit-holiday .holiday-search .flight-search-wrapper .search-flight button {
     font-size: 18px;
     padding: 5px;
 }

 .edit-holiday label {
     font-size: 15px;
     font-weight: 600;
     top: -30px;
 }

 .confirm-left .main-of-hotel-info {
     width: 100%;
 }

 .confirm-left .htlInfor {
     border-radius: 0;
     margin-bottom: 13px;
 }

 .confirm-left .chnglink {
     display: none;
 }

 .confirm-right .Room-Price-Details {
     width: 100%;
 }

 .confirm-right .Room-Price-Details .room-price {
     background: var(--secondary);
     border-radius: 0;
     border: 1px solid var(--secondary);
 }

 .confirm-right .pri-del {
     border-radius: 0;
 }

 .inner-confirmation .confirm-right {
     width: 35%;
 }

 .inner-confirmation .confirm-left {
     width: 65%;
 }

 .search-modify .flight-search-wrapper {
     position: relative;
     padding: 15px 0;
     width: 100%;
     background: transparent;
     display: flex;
     align-items: center;
     gap: 15px;
 }

 .search-modify {
     background: var(--secondary);
 }

 .search-modify .input-fields {
     width: 30%;
 }

 .search-modify .date-pickers {
     width: 35%;
     gap: 15px;
 }

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

 .search-modify .last-input {
     width: 25%;
 }

 .search-modify .search-flight {
     width: 10%;
     margin-top: 21px !important;
 }

 .search-modify .passenger-wrapper {
     width: 100%;
     max-width: 100%;
 }

 .search-modify .search-flight .search-button {
     width: 100%;
     font-size: 13px;
     padding: 8px 8px;
     font-weight: 600;
 }

 .search-modify .input-icon {
     position: absolute;
     color: var(--secondary);
     z-index: 9;
     top: 29px;
     font-size: 20px;
     left: 10px;
     line-height: 1;
 }

 .search-modify .date-pickers>div {
     position: relative;
 }

 .search-modify .flight-search-wrapper input {
     height: auto;
     min-height: 35px;
     padding-left: 35px;
     color: var(--secondary);
     font-weight: 500;
 }

 .search-modify .passenger-input {
     height: auto;
     min-height: 35px;
     gap: 10px;
 }

 .search-modify label {
     margin-left: 5px;
     font-size: 15px;
     font-weight: 600;
 }

 .search-modify .passenger-input svg {
     color: var(--secondary);
     width: 20px;
 }

 .search-modify svg {
     width: 15px;
     height: auto;
 }

 .search-modify .passenger-input>span {
     font-weight: 500;
     color: var(--secondary);
 }

 /* Hotel Listing */

 .hotel-sidebar {
     display: inline-block;
     border-right: 1px solid #e1e2e3;
     border-left: 1px solid #e1e2e3;
     border-radius: 4px;
     position: sticky;
     top: 70px;
     vertical-align: top;
     width: 20%;
     height: calc(100vh - 112px);
     overflow-y: scroll;
     min-width: 210px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
 }

 .hotel-list-wrapper {
     display: inline-block;
     padding: 0 15px;
     width: 100%;
 }

 .hotel-listing-wrapper {
     height: 100%;
     width: 68%;
     margin: 20px auto;
 }

 .sidebar-header {
     background: var(--secondary);
     padding: 10px;
     color: #fff;
     font-size: 22px;
     font-weight: 500;
 }

 .filters_wrapper {
     padding: 15px 10px;
     border-bottom: 1px solid #e3e3e3;
 }

 .filter-title {
     color: var(--secondary);
     font-weight: 600;
     margin-bottom: 10px;
 }

 .filter_item ul {
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
 }

 .filter_item ul li {
     display: flex;
     gap: 10px;
     margin-bottom: 8px;
 }

 .filter_item ul li:last-child {
     margin-bottom: 0;
 }

 .filter_item label {
     font-size: 14px;
 }

 .filter_item ul li * {
     cursor: pointer;
 }

 .filters_wrapper .thumb {
     height: 20px;
     width: 20px;
     border-radius: 50%;
     background-color: var(--white-color);
     top: 2px;
     transform: translateY(-50%);
     border: none;
     box-shadow: 0px 0px 3px 1px rgba(186, 186, 186, 1);
     outline: none;
 }

 .filters_wrapper .range-slider {
     background: transparent;
     margin-bottom: 8px;
 }

 .filters_wrapper .price-range-values {
     justify-content: space-between;
 }

 .filters_wrapper .track.track-2 {
     background-color: #ccc;
 }

 .filters_wrapper .track.track-1 {
     background-color: var(--primary);
 }

 .filter_item ul li .star-icon {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .filter_item ul .star-list {
     justify-content: space-between;
 }

 .filter_item ul li svg {
     color: var(--primary);
     width: 20px;
     height: auto;
 }

 .form-control:focus {
     border-color: var(--primary);
     box-shadow: none;
 }

 .hotel-sidebar::-webkit-scrollbar {
     width: 6px;
 }

 .hotel-sidebar::-webkit-scrollbar-thumb {
     background: var(--secondary);
     border-radius: 4px;
     transition: 0.4s all;

 }

 .hotel-sidebar::-webkit-scrollbar-track {
     background: #ccc
 }

 .filters_wrapper .showMore {
     font-size: 14px;
     margin-top: 10px;
     font-weight: 600;
     color: var(--secondary);
     cursor: pointer;
 }

 .result-title h2 {
     font-size: 20px;
     color: var(--secondary);
 }

 .filters_wrapper .searchBar-single-wrap {
     position: relative;
 }

 .filters_wrapper .searchBar-single-wrap sapn {
     position: absolute;
     right: 0;
     top: 0;
     background: var(--secondary);
     height: 100%;
     width: 35px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     border-bottom-right-radius: 4px;
     border-top-right-radius: 4px;
 }

 .filters_wrapper .searchBar-single-wrap sapn svg {
     width: 16px;
     height: auto;
 }

 .filters_wrapper .track.track-0 {
     background: #ccc;
 }

 .hotel-card {
     align-items: stretch;
     display: flex;
     /* max-height: 205px; */
 }

 .hotel-list-wrapper .result-title {
     margin-bottom: 1rem;
     border-bottom: 3px solid var(--primary);
     padding-bottom: 10px;
     display: flex;
     align-items: end;
     justify-content: space-between;
     gap: 15px;
 }

 span.sortBy-label {
     font-size: 14px;
     font-weight: 600;
     color: var(--secondary);
     margin-right: 10px;
 }

 span.sortBy-select {
     position: relative;
     border: 1px solid #ccc;
     background: #fff;
     cursor: pointer;
     display: flex;
     align-items: center;
     width: 180px;
     font-size: 14px;
     color: #000;
     border-radius: var(--bs-border-radius);
     padding: .475rem .75rem;
 }

 span.sortBy-select ul {
     position: absolute;
     z-index: 15;
     list-style: none;
     text-align: left;
     padding: 0;
     box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
     background-color: #fff;
     border: 1px solid #ccc;
     white-space: nowrap;
     overflow-y: auto;
     top: 100%;
     width: 180px;
     left: 0;
     margin-top: 2px;
     display: none;
 }

 span.sortBy-select ul.visible {
     display: block;
 }

 .sortBy {
     display: flex;
     align-items: center;
 }

 .sortBy-icon {
     position: absolute;
     right: 12px;
     pointer-events: none;
     display: inline-block;
     line-height: 1;
     width: 14px;
     height: 14px;
     top: 25%;
     color: var(--secondary);
 }

 span.sortBy-select ul li {
     padding: 10px 15px;
     cursor: pointer;
 }

 span.sortBy-select ul li:hover {
     background-color: #f7f6f6;
 }

 .hotel-info {
     width: 70%;
     padding-left: 15px;
 }

 .hotel-info h5 {
     color: var(--secondary);
 }

 .hotel-info-price {
     width: 27%;
     padding-left: 15px;
     border-left: 1px dashed var(--hd-border);
 }

 .streetAddress-wrapper {
     display: flex;
     align-items: center;
     gap: 5px;
     color: #000;
     font-weight: 500;
     font-size: 14px;
 }

 .hotel-info svg {
     width: 16px;
     height: auto;
     color: var(--secondary);
     margin-right: 5px;
 }

 .hotelRating-wrapper {
     display: flex;
     align-items: center;
     gap: 5px;
     font-size: 14px;
     font-weight: 500;
     margin-top: 5px;
     margin-bottom: 5px;
 }

 .hotelRating-wrapper .ratingCount {
     background: #1ab64f;
     color: #fff;
     border-radius: 2px;
     padding: 3px 6px 6px 0;
     line-height: 1;
 }

 .hotelRating-wrapper span svg {
     color: #fff;
 }

 .hotelRating-wrapper .ratingCount svg {
     margin-right: 0;
     /* margin-left: 5px; */
 }

 .hotel-info .amenityWrapper {
     display: flex;
     gap: 15px;
     margin-top: 5px;
     flex-wrap: wrap;
     row-gap: 10px;
 }

 .hotel-info .amenityItem {
     display: flex;
     align-items: center;
     line-height: 1;
     font-weight: 500;
     /* font-size: 15px;  */
     border: 1px solid #bdbdbd;
     padding: 2px 4px;
     border-radius: 3px;
 }

 .hotel-info .amenityWrapper .amenityIcon {
     line-height: 1;
 }

 .hotel-info .hotelPrice-section {
     /* margin-top: 15px; */
     display: flex;
     align-items: center;
     /* flex-flow: row wrap; */
 }

 .hotel-info .listingPrice__numbers {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .listing {
     border: 1px solid #d5d2d2;
     width: 100%;
     margin: 0 0 20px 0;
     background: #fff;
     padding: 15px 20px 20px 20px;
 }

 .confirmation-form svg path {
     fill: var(--primary);
 }

 .confirmation-form svg {
     max-width: 20px;
     width: 100%;
 }

 .form-inline .form-group {
     display: inline-block;
     margin-right: 5px;
     margin-bottom: 1rem;
 }

 .form-group.traveller {
     width: 100%;
 }

 .form-inline .form-group.pass {
     width: 49%;
 }

 .form-inline .form-group.name {
     width: 32%;
 }

 .form-inline .form-group.month,
 .form-inline .form-group.day,
 .form-inline .form-group.gender {
     width: 32%;
 }

 .form-inline .note {
     font-size: 11px;
     padding: 0 0 15px 0px;
     color: #666;
 }

 .form-inline .note span {
     font-weight: bold;
     color: var(--primary);
 }

 .form-group.card-deatils {
     width: 49%;
 }

 .form-group.select-card {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     align-items: flex-start;
 }

 .form-group.cvv small {
     width: 100%;
     display: block;
 }

 .form-group.date {
     width: 49%;
 }

 .form-group.select-card label {
     width: 100%;
 }

 .form-group.select-card img {
     display: inline-block;
     padding: 0px 5px;
     max-width: 53px;
     width: 100%;
     height: 26px;
 }

 .form-group.cvv {
     width: 49%;
     float: right;
 }

 .form-group.cvv input {
     margin-bottom: 5px;
 }

 .form-group.cvv img {
     margin-right: 5px;
 }

 .form-group.address {
     width: 100%;
 }

 #step4 .form-group.city,
 #step4 .form-group.phone {
     width: 24%;
 }

 .flexi-bg {
     display: flex;
     flex-wrap: wrap;
     border: 1px solid #d5d2d2;
     overflow: hidden;
     background: #fff;
     margin-bottom: 20px;
 }

 .flexicancel-head {
     background: #103e65;
     color: #fff;
     padding: 5px 15px;
     font-size: 20px;
     width: 100%;
 }

 .flexi-left {
     width: 22%;
     padding: 10px;
 }

 .flexi-right {
     width: 74%;
     margin: 6px 15px 0 15px;
 }

 .flexi-terms {
     background: #f5f3dd;
     color: #115894;
     font-size: 12px;
     text-align: right;
     padding: 7px 10px;
     margin-top: 5px;
     width: 100%;
 }

 .flexi-right .flexi-txt2 {
     background: #ff7900;
     padding: 4px 8px;
     color: #fff;
     font-size: 13px;
     border-radius: 4px;
     display: inline-block;
     margin-bottom: 15px;
 }

 .flexi-right .flexi-checks span {
     color: #3ea368;
 }

 .confirmation-form .open-policy {
     display: inline-flex;
     margin-left: 10px;
     cursor: pointer;
 }

 .confirmation-form .open-policy svg {
     max-width: 13px;
     width: 100%;
 }

 .no-btn .flightDetails-wrapper .popup-book-btn button {
     display: none;
 }

 .form-group.select-card select {
     width: 100%;
     margin-right: 5px;
 }

 .hotel-info .PricePrice {
     font-size: 20px;
     font-weight: 600;
     color: var(--secondary);
     display: flex;
     align-items: baseline;
     /* gap: 6px; */
 }

 .hotel-info .PricePrice .priceCurrency {
     font-size: 18px;
 }

 .listingPrice__numbers {
     height: 73.5%;
 }

 .hotel-info-price .PricePrice {
     font-size: 20px;
     font-weight: 600;
     color: var(--secondary);
     display: flex;
     align-items: baseline;
     /* gap: 6px; */
     float: right;
 }

 .hotel-info-price .hd-booking-price-per {
     font-size: 12px !important;
     font-weight: 400 !important;
     margin: 2px 7px;
     color: #757575 !important;
     float: right;
     display: block;
     width: 100%;
     text-align: right;
 }

 .hotel-info-price .PricePrice .priceCurrency {
     font-size: 18px;
     margin-top: 30px;
 }

 .hotel-info .hotel-slashedPrice {
     text-decoration: line-through;
     font-size: 15px;
     color: #6d787d;
     margin-right: 5px;
 }

 .hotel-info .hotelPrice-percentage {
     color: var(--primary);
     font-weight: 700;
 }

 .hotel-card-wrapper {
     padding: 10px;
     margin-bottom: 20px;
     border: 1px solid #ccc;
     border-radius: 10px;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1)
 }

 .hotel-image img {
     width: 100%;
     height: 100%;
     border-radius: 10px;
     height: 155px;
 }

 .hotel-info .hotelPrice-wrapper {
     width: 70%;
 }

 .hotel-info .hotelePrice-btn-wrapper {
     width: 30%;
     text-align: right;
 }

 .hotel-info-price .hotelePrice-btn-wrapper {
     width: 100%;
     text-align: right;
 }

 .hotel-info-price .hotelePrice-btn-wrapper .hotelDetail-btn {
     border: 1px solid var(--secondary);
     background: #fff;
     color: var(--secondary);
     transition: 0.4s all;
 }

 .hotel-info-price .hotelePrice-btn-wrapper button {
     font-size: 16px;
     font-weight: 600;
     border-radius: 6px;
     padding: 8px 15px;
 }

 .hotel-info .hotelePrice-btn-wrapper button {
     font-size: 16px;
     font-weight: 600;
     border-radius: 6px;
     padding: 8px 15px;
 }

 .hotel-info .hotelePrice-btn-wrapper .hotelBook-btn {
     margin-left: 15px;
     border: 1px solid var(--primary);
     color: #fff;
     background: var(--primary);
 }

 .hotel-info .hotelePrice-btn-wrapper .hotelDetail-btn:hover {
     background: var(--secondary);
     color: #fff;
 }

 .hotel-info-price .hotelePrice-btn-wrapper .hotelDetail-btn:hover {
     background: var(--secondary);
     color: #fff;
 }

 .priceTaxe-wrapper {
     font-size: 13px;
     color: #000;
 }

 span.amenity-Facility {
     color: #000;
     font-size: 12px;
 }

 .hotel-listing-wrapper .boox_wrapper {
     width: 15%;
     display: inline-block;
     vertical-align: top;
 }

 .fixed-filter {
     position: sticky;
     /* z-index: 999; */
     bottom: 10px;
     width: 100%;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff;
     left: 0;
 }

 .mob-filter-wrapper.hotel {
     background: var(--secondary);
     width: 100%;
     display: flex;
     align-items: center;
     padding: 10px;
     border-radius: 5px;
     justify-content: space-around;
     font-size: 15px;
     box-shadow: 6px 6px rgba(221, 221, 221, 0.1);
 }

 .mob-filter-wrapper.hotel svg {
     width: 15px;
     height: auto;
     margin-right: 5px;
 }

 .mob-filter-wrapper.hotel>div {
     cursor: pointer;
     position: relative;
 }

 .modify-btn-wrapper.hotel {
     display: none;
 }

 .top-filter-wrapper {
     display: flex;
     width: 100%;
     align-items: center;
     justify-content: space-between;
     gap: 5px;
     background: var(--secondary);
 }

 .mob-sort-wrapper {
     position: fixed;
     background: #fff;
     width: 100%;
     left: 0;
     z-index: 999;
     bottom: -100%;
     color: var(--secondary);
     text-align: left;
     border-radius: 12px 12px 0px 0px;
     overflow: hidden;
     padding: 16px 10px 0;
     transition: 0.5s all;
 }

 .openHotelsort .mob-sort-wrapper {
     bottom: 0;
 }

 .mob-sort-wrapper .mob-sort-title {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 10px;
     font-size: 18px;
     color: #000;
     font-weight: 500;
 }

 .mob-sort-wrapper .sortby-option-wrapper {
     padding: 8px 0px 16px;
 }

 .mob-sort-wrapper .sortby-option-wrapper .sortby-option {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
     padding: 16px;
     cursor: pointer;
     transition: 0.4s all;
 }

 .sortby-option-wrapper .sortby-option span {
     margin-right: 15px;
 }

 .sortby-option-wrapper .sortby-option span svg {
     width: 20px;
     height: auto;
 }

 .sortfilter-overlay {
     position: fixed;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     top: 0;
     z-index: -1;
     opacity: 0;
     visibility: hidden;
     transition: 0.5s all;
 }

 .openHotelsort .sortfilter-overlay {
     position: fixed;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     top: 0;
     z-index: 99;
     opacity: 1;
     visibility: visible;
 }

 .mob-sort-wrapper .sortby-option-wrapper .sortby-option:hover {
     color: var(--primary);
 }


 .flight-listing-styles .flight-search-wrapper .head-clos-htl,
 .flight-listing-styles .flight-search-wrapper h2 {
     display: none;
 }

 .small-review-type {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 6px 0;
 }

 .small-review-type .badge-standard {
     margin: 0;
     color: #000;
     background-color: gainsboro;
     padding: 4px;
 }

 .small-review-type .ratt .des-rat {
     margin: 0;
     color: #000;
     font-weight: 500;
     line-height: 1.2;
 }

 .small-review-type .ratt .ratiings {
     color: rgb(125 125 125);
     font-weight: 500;
 }

 .room-benifits .type-room-beni {
     display: flex;
     align-items: center;
     gap: 9px;
     flex-wrap: wrap;
 }

 .room-benifits .type-room-beni .par-free {
     min-width: 100px;
     /* width: 100%; */
     display: flex;
     gap: 9px;
     padding-right: 3px;
 }

 .room-benifits .type-room-beni .par-free p {
     margin: 0;
     font-size: 13px;
     /* font-weight: 500; */
 }

 .room-benifits .type-room-beni .par-free svg {
     max-width: 16px;
     width: 100%;
     color: var(--secondary);
 }

 .room-benifits p.beni-heading {
     margin: 0;
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 0px;
 }

 .hotel-rooomss-2 .room-benifits {
     width: 74%;
     border-right: 1px dashed #b4b4b4;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: 17px;
 }

 .hotel-rooomss-2 {
     display: flex;
     flex-wrap: wrap;
 }

 .can-mai-head {
     display: flex;
     width: 100%;
     justify-content: space-between;
     gap: 10px;
 }

 .can-mai-head .can-inp-pri {
     display: flex;
     gap: 5px;
 }

 .can-inp-pri p.offer-names {
     font-size: 12px;
     margin-bottom: 4px;
 }

 .can-inp-pri p.reserve-info {
     font-size: 11px;
     margin-bottom: 6px;
 }

 .can-mai-head p.offer-prices {
     margin: 0;
     font-weight: 600;
     white-space: nowrap;

 }

 .Cancellation-policy-room-type .more-del-policy {
     margin-bottom: 5px;
     font-size: 13px;
     font-weight: 500;
     color: #0075ff;
     text-decoration: underline;
     cursor: pointer;
 }

 .Cancellation-policy-room-type .beni-heading {
     margin: 0;
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 5px;
 }

 .room-type-price .newDtlsFilled {
     background-color: var(--secondary);
     border-radius: 8px;
     box-shadow: 0 1px 7px 0 #0003;
     font-size: 16px;
     padding: 7px 15px;
     border: none;
     font-weight: 400;
     margin: 2px 0;
     color: #fff;

 }

 .room-type-price .with-out-off {
     color: gray;
     margin: 0;
     text-decoration: line-through;
     font-size: 13px;
 }

 .room-type-price .with-off {
     font-size: 25px;
     font-weight: 800;
     margin-bottom: 0px;
     border-top: 1px dashed #b4b4b4;
     padding-top: 6px;
     width: 100%;
     margin-top: 10px;
 }

 .room-type-price .font16 {
     font-size: 13px;
     line-height: 1.3;
     margin-bottom: 0;
     font-weight: 400;
 }

 .room-type-price .dis-for-login span {
     color: #2975ff;
     font-weight: 600;
 }

 .room-benifits .type-room-beni .par-aera-free,
 .room-benifits .type-room-beni .par-aera-free svg {
     color: green;
 }

 .small-review-type .badge-standard.after-10re {
     background-color: green;
     color: #fff;
 }

 .footer {
     padding: 5px;
     font-size: 14px;
 }

 .footer .cancellation-property {
     color: var(--primary);
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
 }

 .hotel_wrapper {
     padding: 10px;
 }

 .hotel-rooomss-2 .room-type-price {
     width: 26%;
     padding: 10px;
     text-align: end;
 }

 .hotel-rooomss-2 .hotel_wrapper {
     width: 35%;
     padding: 10px;
 }

 .hotel_wrapper .room-types {
     color: #000;
     font-weight: 500;
     margin: 0;
     font-size: 17px;
 }

 .hotel_wrapper .slick-slide {
     padding: 0 2px;
     height: auto !important;
 }

 .hotel_wrapper .slick-slide img {
     width: 100%;
     border-radius: 6px;
     height: 300px;
 }

 .hotel-detail-wrapper-de {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     position: relative;
     margin: 20px 0 0 0;
 }

 .total-card-payment {
     width: 32%;
     position: sticky;
     top: 15px;
     height: 100%;
 }

 .hotel_name-dtl {
     width: 65%;
 }


 .hotel_name-dtl .header h2 {
     margin: 0;
     font-size: 30px;
     font-weight: bold;
     color: var(--secondary);
 }

 .hotel_name-dtl .header p {
     margin: 5px 0 10px;
     color: #666;
 }

 .hotel_name-dtl .details {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .hotel_name-dtl .rating {
     display: inline-block;
     background: #eee;
     color: #333;
     padding: 4px 8px;
     margin-right: 8px;
     border-radius: 4px;
     font-size: 12px;
     font-weight: bold;
 }

 .hotel_name-dtl .rating p {
     margin: 0;
 }

 .hotel_name-dtl .ratingValue {
     color: #fff;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
     padding: 4px 8px;
     display: flex;
     align-items: center;
 }

 .hotel_name-dtl .ratingValue p {
     font-size: 20px;
     font-weight: bolder;
 }

 .ratingValue svg {
     max-width: 22px;
 }

 .hotel_name-dtl .overallRating .per-person-r {
     font-size: 12px;
     padding: 4px;
     text-align: center;
     border-bottom-left-radius: 2px;
     border-bottom-right-radius: 2px;
     background: #f4f4f4;
     margin-bottom: 0;
     font-weight: 500;
 }

 .hotel_name-dtl .facilities {
     margin-top: 12px;
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
 }

 .hotel_name-dtl .facilities span {
     background: #ffecd1;
     padding: 4px 10px;
     border-radius: 5px;
     font-size: 12px;
     color: #555;
 }

 /* .hotel_name-dtl .loginText {
      color: #e67e22;
      font-weight: bold;
    } */


 /* components/Amenities.module.css */
 .amenitiesContainer {
     margin: 20px 0;
 }

 .amenitiesContainer h2 {
     font-size: 20px;
     margin-bottom: 8px;
     font-weight: 600;
     color: var(--secondary);
 }

 .amenitiesContainer .amenitiesList {
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     padding: 0;
     margin: 0;
     gap: 10px;
 }

 .amenitiesContainer .amenityItem {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     width: calc(33.33% - 10px);
     padding: 0 0 0 10px;
     gap: 4px;
 }

 .amenitiesContainer li.amenityItem svg {
     max-width: 19px;
     width: 100%;
     color: var(--secondary);
 }

 .amenitiesContainer .amenityItem:hover {
     background-color: #f1f1f1;
 }

 .amenitiesContainer .icon {
     margin-right: 10px;
     font-size: 1.5rem;
 }

 .amenitiesContainer .unavailable {
     text-decoration: line-through;
     color: gray;
 }

 .about-hotel-detail {
     margin: 0 0 10px 0;
 }

 .about-hotel-detail .title {
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 16px;
     color: var(--secondary);
 }

 .about-hotel-detail .subtitle {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 8px;
 }

 .about-hotel-detail .description {
     font-size: 14px;
     color: #555;
     line-height: 1.6;
     margin: 0;
 }

 .amenitiesContainer .readMore {
     font-size: 14px;
     color: #e63946;
     font-weight: 500;
     transition: color 0.3s;
     cursor: pointer;
     width: auto;
 }

 .amenitiesContainer .readMore:hover {
     color: #d62828;
 }

 .choose-room .heading {
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 12px;
     color: var(--primary);
 }

 .choose-room {
     margin: 10px 0;
 }

 .choose-room .card {
     border: 1px solid #ddd;
     border-radius: 8px;
     background: white;
     margin: 15px 0;
     position: relative;
 }

 .hotel-policies {
     padding: 14px 0;
 }

 .hotel-policies h2 {
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 16px;
     color: var(--secondary);
 }

 .hotel-policies .checkinpolicy {
     display: flex;
     align-items: center;
     gap: 20px;
 }

 .hotel-policies .policy-row .checkin-out {
     margin-bottom: 4px;
     font-size: 14px;
 }

 .hotel-policies .policy-row .checkin-out-time {
     background: #fff;
     border: solid 1px rgba(166, 166, 166, 0.2);
     padding: 8px 16px;
     border-radius: 2px;
     font-size: 16px;
     font-weight: 600;
     line-height: 1.25;
     color: #222;
     margin: 0;
     position: relative;
 }

 .hotel-policies .policy-row .checkin-out-time::after {
     position: absolute;
     content: '';
     width: 14px;
     height: 14px;
     top: -5px;
     left: 10%;
     background-color: #fff;
     transform: rotate(-45deg);
     box-shadow: 1px -1px 0px 0px rgba(166, 166, 166, 0.2), 0px 0px 0px 0px rgba(166, 166, 166, 0.2);
     z-index: 2;
 }

 .hotel-policies ul {
     margin-top: 16px;
     margin-bottom: 16px;
     padding-left: 20px;
     font-size: 14px;
     color: #666;
 }

 .hotel-policies ul li {
     margin-bottom: 8px;
     list-style: disc;
 }

 .hotel-policies .buttons {
     display: flex;
     gap: 12px;
 }

 .hotel-policies .link-button {
     background: none;
     border: none;
     color: #007bff;
     font-size: 14px;
     cursor: pointer;
     text-decoration: underline;
 }

 .hotel-policies .link-button:hover {
     color: #0056b3;
 }


 .hotel-policies .link-button.danger:hover {
     color: #c9302c;
 }

 .total-card-payment .booking-card {
     width: 100%;
     max-width: 400px;
     margin: auto;
     overflow: hidden;
     border: 1px solid #ddd;
     border-radius: 8px;
     background-color: #fff;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     font-family: Arial, sans-serif;
 }

 .total-card-payment .hotel-all-deta {
     padding: 16px;
 }

 .total-card-payment .header {
     background-color: #d32f2f;
     color: #fff;
     text-align: center;
     padding: 8px;
     font-size: 14px;
     font-weight: bold;
     border-radius: 4px 4px 0 0;
 }

 .total-card-payment .price-section {
     display: flex;
     align-items: center;
     gap: 10px;
     background-color: #103e65;
     padding: 5px 10px;

 }

 .total-card-payment .price-section .original-price .line-through {
     color: #ffffff;
 }

 .total-card-payment .current-price {
     font-size: 24px;
     color: #ffffff;
     font-weight: bold;
 }

 .total-card-payment .room-type svg {
     margin-right: 5px;
     max-width: 20px;
     /* cursor: pointer; */
 }

 .total-card-payment .room-type svg>path {
     fill: #000000;
     opacity: 1;
 }

 .total-card-payment .room-type p {
     margin: 0;
     color: #525252;
     font-size: 13px;
     font-weight: 600;
     border-bottom: 1px dashed gray;
     padding-bottom: 5px;
     padding-top: 5px;
 }

 .total-card-payment .original-price {
     font-size: 14px;
     color: #FF7900;
 }

 .total-card-payment .line-through {
     text-decoration: line-through;
 }

 .total-card-payment .taxes {
     font-size: 12px;
     color: #9e9e9e;
 }

 .total-card-payment .date-info {
     display: flex;
     justify-content: space-between;
     margin-top: 16px;
     font-size: 14px;
     color: #000;
     font-weight: 600;
 }

 .total-card-payment .room-type p {
     margin: 0;
 }

 .total-card-payment .room-type {
     margin-top: 16px;
     padding: 8px;
     border: 1px solid #000000;
     border-radius: 4px;
     font-size: 14px;
     /* display: flex;
    justify-content: space-between;
    align-items: center; */
 }

 .total-card-payment .offers {
     margin-top: 16px;
     font-size: 14px;
     color: #000000;
 }

 .total-card-payment .membership-fee {
     color: #d32f2f;
 }

 .total-card-payment .membership-benefits {
     font-size: 12px;
     color: #9e9e9e;
 }

 .total-card-payment .summary {
     margin-top: 16px;
     border-top: 1px solid #ddd;
     padding-top: 16px;
     font-size: 14px;
 }

 .total-card-payment .summary-note {
     font-size: 12px;
     color: #9e9e9e;
 }

 .total-card-payment .book-button {
     width: 100%;
     background-color: var(--secondary);
     color: #fff;
     padding: 12px;
     font-size: 16px;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     font-weight: bold;
     margin-top: 16px;
 }

 .total-card-payment .book-button:hover {
     background-color: #1b5e20;
 }

 /* .total-card-payment .footer {
    margin-top: 16px;
    font-size: 12px;
  }
  
  .total-card-payment .footer .cancellation-property {
    color: #ff7900;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
  } */

 .total-card-payment .percent-icon {
     height: 21px;
     width: 21px;
     background-color: #FF7900;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 2px;

 }

 .total-card-payment .percent-icon svg {
     max-width: 10px;
     color: white;
 }

 /*   
  .offers .cuppon-offer {
    display: flex;
    gap: 8px;
  }
  
  .total-card-payment .offers .cuppon-offer .cupoonn {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  
  .cuppon-offer .add-more-offer {
    padding: 2px 6px;
    border-radius: 4px;
    border: solid 1px #2ec478;
    background-color: #effcf5;
    color: #698e7f;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 20px;
    cursor: pointer;
    margin-top: 4px;
  }
  
  .cupoonn .offer-price {
    margin: 0;
    line-height: 1;
  
  } */

 .hotel_name-dtl .reviw-box {
     display: flex;
     width: 100%;
     border-radius: 4px;
     border: 1px solid rgba(180, 180, 180, 0.3);
 }

 .hotel_name-dtl .rating-line-g {
     width: 100%;
     display: block;
     height: 4px;
     background: rgba(100, 100, 100, 0.15);
     border-radius: 100px;
     position: relative;
 }

 .hotel_name-dtl .rating-line-yellow {
     position: absolute;
     top: 0px;
     left: 0px;
     transition: 0.8s cubic-bezier(0.21, 1.03, 0.45, 1.34);
     display: inline-block;
     border-radius: 100px;
     height: 100%;
     background: rgb(245, 166, 35);
     width: 61%;
 }

 .hotel_name-dtl .reviw-box .right-r-box {
     width: 42%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     border-right: 1px solid rgba(180, 180, 180, 0.3);
     padding: 10px;
     gap: 3px;
 }

 .hotel_name-dtl .reviw-box .left-r-box {
     width: 58%;
     padding: 8px 16px;
 }

 .hotel_name-dtl .reviw-box .right-r-des {
     margin: 0;
     font-size: 15px;
     font-weight: 600;
 }

 .hotel_name-dtl .reviw-box .rating-count {
     margin: 0;
     font-size: 12px;
 }

 .hotel_name-dtl .reviw-box .flex-rat-line {
     width: calc(100% - 40px);
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .hotel_name-dtl .reviw-box .flex-rat-line p {
     margin: 0;
     font-size: 12px;
 }

 .hotel_name-dtl .reviw-box .flex-rat-line svg {
     max-width: 14px;
     color: #939292;
 }

 .left-r-box .per_rate {
     margin: 0;
     font-size: 12px;
     min-width: 30px;
     color: rgb(0, 0, 0);
     font-weight: 500;
     text-align: right;
 }

 .left-r-box .Layouts__Row {
     display: flex;
     justify-content: space-around;
 }

 .rating-review {
     margin: 20px 0;
 }

 .rating-review .heading {
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 8px;
     color: var(--secondary);
 }

 /* .offer-price-wrapper {
    display: flex;
        align-items: baseline;
        width: 30%;
        justify-content: end;
        gap: 7px;
  }
  
  .cuppon-offer .cupoonn .free-demo {
    width: 70%;
  }
  
  .cuppon-offer .cupoonn .free-demo p {
    font-size: 13px;
  }
  
  .cupoonn .membership-w {
    font-size: 13px;
    margin: 0;
  } */

 .amenitiesContainer .amenitiesList li.show-more {
     width: 100%;
 }


 /* Lightbox styles */

 .ReactModalPortal .modal {
     position: fixed;
     top: 50% !important;
     left: 50% !important;
     transform: translate(-50%, -50%) !important;
     padding: 20px !important;
     z-index: 1000 !important;
     display: flex !important;
     justify-content: center !important;
     align-items: center !important;
     overflow: hidden !important;
     width: 100% !important;
 }

 .openquery .overlay {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.8);
     z-index: 999;
 }

 .lightbox-content {
     position: relative;
     width: 100%;
     height: 100%;
 }

 .lightbox-image {
     max-width: 100%;
     object-fit: contain;
     height: 100%;
     width: auto;
 }

 .lightbox-controls {
     position: absolute;
     top: 50%;
     width: 100%;
     display: flex;
     justify-content: space-between;
     transform: translateY(-50%);
 }

 .lightbox-image-container {
     text-align: center;
     height: 100%;
 }

 .prev-btn,
 .next-btn {
     background-color: rgba(0, 0, 0, 0.5);
     color: white;
     border: none;
     padding: 10px;
     cursor: pointer;
     font-size: 24px;
 }

 .close-btn {
     position: absolute;
     top: 10px;
     right: 10px;
     background-color: transparent;
     color: rgb(255, 255, 255);
     border: none;
     font-size: 20px;
     cursor: pointer;
 }

 .choose-room .heading-wrapper {
     position: relative;
     text-align: center;
 }

 .choose-room .heading-wrapper:after {
     content: '';
     height: 2px;
     width: 100%;
     position: absolute;
     background: var(--primary);
     left: 0;
     top: 50%;
 }

 .choose-room .types-room {
     border-bottom: 3px solid var(--primary);
     display: inline-block;
     padding: 0.5rem 1rem;
     border-radius: 15px;
     border: 1px solid var(--primary);
     font-weight: 500;
     margin: 1rem 0;
     position: relative;
     z-index: 9;
     background: #fff;
     font-size: 18px;
 }

 .Review-Booking {
     /* background: linear-gradient(180deg, #051320, #174476); */
     height: 100px;
 }

 .Review-Booking .reviw-heading {
     /* color: white; */
     font-size: 25px;
     font-weight: 600;
     margin-bottom: 0;
     padding-top: 10px;
 }

 .fl_prnt {
     display: flex;
     justify-content: center;
     position: relative;
     width: 100%;
     gap: 20px;
 }

 .fl_prnt .main-of-hotel-info,
 .fl_prnt .Room-Price-Details {
     margin-top: -20px;
 }

 .main-of-hotel-info {
     width: 65%;
 }

 .Room-Price-Details {
     width: 35%;
     position: relative;
     margin-bottom: 18px;
 }

 .fl_prnt .main-of-hotel-info .f-wrap {
     flex-wrap: wrap;
 }

 .htlInfor {
     background: #fff;
     box-shadow: 0 0 5px 0 rgb(0, 0, 0, .10);
     border-radius: 8px;
     padding: 15px;
     border: 1px solid #dbdbdb;
 }

 .main-of-hotel-info .hotel-info .hotel-name {
     margin: 0;
     font-size: 21px;
     font-weight: 600;
 }

 .main-of-hotel-info .hotel-info .hotel-name svg {
     color: rgb(255, 215, 0) !important;
 }

 .main-of-hotel-info .hotel-info .hotel-lucation {
     font-size: 12px;
     color: #8c8a8a;
     margin-bottom: 15px;
 }

 .htlInfor .hotelrvw-img {
     width: 30%;
     margin: 0 0 2% 0;
 }

 .htlInfor .hotelrvw-img img {
     max-width: 100%;
     border-radius: 7px;
     object-fit: cover;
     width: 100%;
 }

 .htlInfor .hotelrvw-info {
     width: 100%;
 }

 .hotelrvw-info .check-in-out {
     display: flex;
     align-items: center;
     padding: 15px;
     background: #ea76221a;
     border-radius: 8px;
 }

 .hotelrvw-info .check-in-out .checkInsec {
     flex: 1;
 }

 .ticket-details.one-way {
     margin-bottom: 10px;
 }

 table.table.table-striped.table-bordered.table-responsive tr th {
     background-color: var(--secondary);
     color: white;
 }

 .booking-bg-wrapper aside.sidebar {
     width: 39%;
 }

 .hotelrvw-info .check-in-out .checkInsec .check-in-title {
     font-size: 13px;
 }

 .hotelrvw-info .check-in-out .checkInsec .check-in-date {
     font-size: 15px;
     color: #000000;
     font-weight: 600;
     margin: 3px 0;
 }

 .hotelrvw-info .room-all-info {
     width: 100%;
     border-radius: 8px;
     border: 1px solid #adadad;
     margin-top: 15px;
 }

 .hotelrvw-info .room-all-info .pd15 {
     padding: 15px 20px;
 }

 .room-all-info .pd15 .room-type {
     margin: 0;
     font-size: 15px;
     font-weight: 600;
 }

 .room-all-info .pd15 .facalty {
     font-size: 12px;
     font-weight: 500;
     margin: 5px 0;
 }

 .room-all-info .pd15 .canpc {
     font-size: 13px;
     font-weight: 600;
     border-top: 1px solid #eee;
     padding-top: 8px;
     margin-top: 8px;
 }

 .room-all-info .pd15 .canc-list {
     padding: 0;
     margin: 5px 18px 5px 2px;
     list-style: disc;
     font-size: 12px;
 }

 .room-all-info .pd15 .chnglink {
     margin-left: auto;
     font-size: 12px;
     color: #2196f3;
     text-wrap: nowrap;
     cursor: pointer;
 }

 .room-all-info .cancol {
     border-top: 1px solid #BCD7EB;
     padding: 7px 15px;
 }

 .room-all-info .cancol .cantxt {
     font-size: 12px;
     color: #159D23;

 }

 .room-all-info .cancol .cantxt img {
     margin-right: 10px;
 }

 .room-all-info .cansec {
     margin-top: 17px;
     margin-bottom: 11px;
     width: 100%;
 }

 .cansec .greybar {
     background: #E0E5E2;
     height: 11px;
 }

 .cansec .greenbar {
     background: #159D23;
     height: 11px;
     width: 60%;
     position: relative;
 }

 .cansec .pinlc {
     width: 20px;
     height: 20px;
     background: url(/images/point_location.svg) no-repeat;
     background-size: 20px 20px;
     position: absolute;
     right: -5px;
     top: -5px;
 }

 .cansec .whtdot {
     width: 6px;
     height: 6px;
     background: #fff;
     border-radius: 50%;
     margin: 2px 4px;
 }

 .cansec .fl {
     float: left;
 }

 .cansec .fr {
     float: right;
 }

 .cansec .tpbder::after {
     content: '';
     width: 1px;
     height: 40px;
     background: #cbcbcb;
     position: absolute;
     right: 0;
     top: -16px;
 }

 .free_cann .mflex {
     display: flex;
 }

 .free_cann .mflex .bdright {
     display: flex;
     justify-content: space-between;
     width: 60%;
     padding: 6px;
 }

 .free_cann .mflex .cntie {
     font-size: 13px;
     font-weight: 600;
     color: #051320;
 }

 .free_cann .mflex .cntiet2 {
     font-size: 11px;
     font-weight: 500;
 }

 .free_cann .t_right {
     text-align: center;
     position: relative;
     width: 40%;
     display: flex;
     align-items: center;
     justify-content: flex-end;
 }

 .free_cann .mflex .t_right .chkidt {
     margin: 0;
     font-size: 13px;
     font-weight: 600;
     color: var(--primary);
 }

 .free_cann .mflex .t_right .chkitx {
     margin: 0;
 }

 .free_cann .t_right .nonref {
     padding: 6px 8px;
     text-align: center;
     color: #e59500;
     margin-right: 10px;
 }

 section.flight-listing-wrapper .boox_wrapper .limited-deals {
     position: sticky;
     top: 0px;
 }

 .boox_wrapper .limited-deals {
     position: sticky;
     top: 60px;
 }

 .call-link-animate {
     display: inline-flex;
     align-items: center;
     text-decoration: none;
     animation: pulse-glow 0.5s infinite ease-in-out;
     transition: transform 0.3s ease;
     border-radius: 8px;
     padding: 5px;
 }

 .call-link-animate:hover {
     transform: scale(1.05);
 }

 @keyframes pulse-glow {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.05);
     }

     100% {
         transform: scale(1);
     }
 }

 .all-field-form {
     background: #fff;
     box-shadow: 0 0 5px 0 rgb(0, 0, 0, .10);
     border-radius: 10px;
     margin: 20px 0;
     border: 1px solid #dbdbdb
 }

 .all-field-form .header-gest img {
     -webkit-filter: brightness(0) invert(1);
 }

 .all-field-form .header-gest {
     padding-left: 1%;
     font-size: 14px;
     height: 35px;
     line-height: 35px;
     background: linear-gradient(90deg, #103e65 0%, #79a2c5 100%);
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .all-field-form .header-gest p {
     margin: 0;
     font-size: 16px;
     color: white;
     font-weight: 500;
 }

 .form-container {
     padding: 20px;
 }

 .guest-section {
     margin-bottom: 20px;
     position: relative;
 }

 .guest-section .tiltle-name {
     display: flex;
     gap: 10px;
 }

 .tiltle-name>label:last-child {
     width: 100%;
 }

 .email-address>label {
     width: 50%;
     font-size: 0.9rem;
     font-weight: bold;
 }

 .email-address {
     display: flex;
     gap: 10px;

 }

 .tiltle-name label {
     display: block;
     margin-bottom: 10px;
     font-size: 0.9rem;
     font-weight: bold;
 }

 .guest-section select {
     max-width: 100px;
     padding: 8px;
     margin-top: 5px;
     border: 1px solid #ccc;
     border-radius: 4px;
     font-size: 0.9rem;
     width: 100%;
 }

 .guest-section input {
     width: 100%;
     padding: 8px;
     margin-top: 5px;
     border: 1px solid #ccc;
     border-radius: 4px;
     font-size: 0.9rem;
 }

 .name-inputs {
     display: flex;
     gap: 10px;
 }

 .mobile-inputs {
     display: flex;
     gap: 10px;
 }

 .mobile-inputs select {
     max-width: 80px;
 }

 .checkbox-container {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 8px;
 }

 .checkbox-container label {
     font-size: 13px;
     font-weight: 600;
 }

 .add-guest {
     display: inline-block;
     margin-bottom: 20px;
     font-size: 0.9rem;
     color: #007bff;
     background: none;
     border: none;
     text-decoration: underline;
     cursor: pointer;
 }

 .gst-section {
     display: flex;
     gap: 8px 17px;
     flex-wrap: wrap;
     width: 100%;
     margin-top: 13px;
     padding: 20px;
 }

 .resgi-dex {
     display: flex;
     flex-direction: column;
     width: 49%;
 }

 .resgi-dex label {
     font-size: 0.9rem;
     font-weight: bold;
 }

 .resgi-dex input,
 .resgi-dex textarea {
     width: 100%;
     padding: 8px;
     margin-top: 5px;
     border: 1px solid #ccc;
     border-radius: 4px;
     font-size: 0.9rem;
 }

 .terms {
     padding: 20px;
 }

 .terms span {
     font-size: 13px;
 }

 .terms input {
     margin-right: 5px;
 }

 .pay-button {
     background-image: linear-gradient(96deg, #239a93, #239a93);
     border: 0;
     border-radius: 4px;
     box-shadow: 0 1px 7px 0 #0003;
     color: #fff;
     cursor: pointer;
     font-size: 18px;
     font-weight: 900;
     outline: 0;
     padding: 9px 20px;
     text-align: center;
     text-transform: uppercase;
     max-width: 310px;
     margin: 10px;
     width: 100%;
 }

 .pre-req {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
 }

 .s-req {
     display: flex;
     align-items: center;
     padding: 9px 10px;
     border: 1px solid #bebebe;
     border-radius: 4px;
     min-width: 135px;
     gap: 5px;
 }

 .s-req p {
     margin: 0;
     font-size: 14px;
     font-weight: 500;
 }

 .comm-req {
     margin-bottom: 10px;
     font-size: 14px;
     font-weight: 600;
 }

 .all-field-form .req-wrapper,
 .all-field-form .mai-head {
     padding: 15px;
 }

 .all-field-form .guaranted-req {
     margin: 0;
     font-size: 12px;
     color: red;
     font-weight: 300;
 }

 .all-field-form .special-reqq {
     font-size: 19px;
     font-weight: 600;
     margin: 0;
 }

 .Room-Price-Details {
     background-color: white;
     border-radius: 11px;

 }

 .pri-del .room-price {
     padding: 12px;
     font-size: 18px;
     background: linear-gradient(90deg, #103e65 0%, #103e65a8 100%);
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     display: flex;
     align-items: center;
     gap: 10px;
     margin: 0;
     color: white;
     font-weight: 500;
     max-height: 38px;
 }

 .pri-del {
     background-color: white;
     background: #fff;
     box-shadow: 0 0 5px 0 rgb(0, 0, 0, .10);
     border-radius: 11px;
     border: 1px solid #dbdbdb;
 }

 .base-pri {
     padding: 15px;
 }

 .base-pri .base-p-room {
     display: flex;
     align-items: center;
 }

 .base-p-room .all-del-base-pri {

     width: 80%;
     margin-bottom: 4px;
     font-size: 14px;
     font-weight: 500;

 }

 .base-p-room .PricingBlock {

     /* width: 20%; */
     margin-bottom: 4px;
     text-align: end;
     font-size: 14px;
     color: rgb(20, 24, 35);
     font-weight: 500;
 }

 .base-p-room .cgnnn {
     color: green;
 }

 .discou-add p {
     color: green;
     font-size: 12px;
     margin: 0;
     font-weight: 600;
 }

 .discou-add {
     border-bottom: 0.1rem solid rgb(239, 243, 248);
     display: flex;
     gap: 5px;
     align-items: center;
     padding-bottom: 8px;
 }

 .new-text {
     border-bottom: 0.1rem solid rgb(239, 243, 248);
     padding-bottom: 8px;
 }

 .base-p-room .final-ammount,
 .base-p-room .newPricingBlock {
     font-size: 19px;
     font-weight: 600;
     color: #000;
 }

 .all-field-form .cuppan {
     font-size: 19px;
     font-weight: 600;
     margin: 0;
     background: linear-gradient(90deg, #103e65 0%, #79a2c5 100%);
     color: white;
     padding: 6px 9px;
     position: sticky;
     top: 0;
     z-index: 9;
 }

 .offer-div-wrapper {
     border: 1px dashed gray;
     padding: 7px;
     border-radius: 6px;
     margin-bottom: 10px;
     cursor: pointer;
 }

 .offer-div-wrapper.offer-div-wrapper-active {
     border: 1px dashed var(--secondary);
     background-color: var(--secondary);
     color: #fff;
     cursor: pointer;
 }

 .makeFlex {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
 }

 .makeFlex .offer-names {
     font-weight: 600;
     margin-bottom: 0;
     line-height: -1;
 }

 .makeFlex .offer-prices {
     font-weight: 600;
     margin-bottom: 0;
     line-height: -1;
 }

 .all-field-form .offer-summ {
     font-size: 13px;
     margin-top: 4px;
     margin-bottom: 4px;
 }

 .all-field-form.offer-scroll {
     max-height: 600px;
     overflow-y: auto;
 }

 .all-field-form.offer-scroll::-webkit-scrollbar {
     width: 10px;
 }

 .all-field-form.offer-scroll::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px grey;
     border-radius: 10px;
 }

 .all-field-form.offer-scroll::-webkit-scrollbar-thumb {
     background: var(--secondary);
     border-radius: 10px;
 }

 .Room-Price-Details .position-sss {
     position: sticky;
     top: 0;
 }

 .img-chek-out-in {
     display: flex;
     /* align-items: center; */
     flex-wrap: wrap;
 }

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

 .edit_pay {
     width: 64%;
 }

 .hotel-search .passenger-dropdown .search-btn-wrapper {
     width: 100%;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
     border: none;
 }

 .hotel-search .passenger-dropdown>div {
     justify-content: space-between;
     border: none;
     /* padding: 5px; */
 }

 .hotel-search .passenger-dropdown .search-btn-wrapper button {
     width: 100%;
     border-radius: 10px;
     background-color: var(--primary);
 }

 .hotel-search .passenger-dropdown .dropdown-heading {
     color: var(--secondary);
     font-weight: 500;
     display: flex;
     /* flex-direction: column; */
     justify-content: space-between;
     width: 100%;
     row-gap: 7px;
 }

 .hotel-search .passenger-dropdown {
     padding: 10px;
     max-height: 500px;
     overflow-y: auto;
 }

 .hotel-search .passenger-dropdown .room-details button.remove-room-btn {
     width: auto;
     border-radius: 10px;
     height: auto;
     font-size: 12px;
     padding: 5px 10px;
 }

 .hotel-search .passenger-dropdown::-webkit-scrollbar {
     width: 7px;
 }

 .hotel-search .passenger-dropdown::-webkit-scrollbar-track {
     background: #ccc;
     border-radius: 5px;
 }

 .hotel-search .passenger-dropdown::-webkit-scrollbar-thumb {
     background: var(--secondary);
     border-radius: 5px;
 }

 .hotel-search .passenger-dropdown .room-members-details {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     padding-bottom: 10px;
 }

 .hotel-search .passenger-dropdown .room-details>div {
     width: 33.33%;
     /* text-align: center; */
 }

 .hotel-search .passenger-dropdown .room-details {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     /* margin-bottom: 8px; */
     width: 100%;
     justify-content: space-between;
     align-items: end;
 }


 .hotel-search .passenger-dropdown .dropdown-text {

     /* text-align: center; */
     padding-top: 0;
     padding-bottom: 5px;
 }

 .hotel-search .passenger-dropdown .room-details .handle-count {
     display: flex;
     width: 100%;
     justify-content: space-around;
     gap: 5px;
     border: 1px solid #afafaf;
     border-radius: 4px;
     padding: 4px;
 }

 .hotel-search .passenger-dropdown .child-age-selector label {
     position: static;
     color: #000;
 }

 .hotel-search .passenger-dropdown .childage-wrapper {
     padding-left: 0;
     padding-right: 0;
     flex-wrap: wrap;
     display: flex;
     justify-content: space-between;
     width: 100%;
 }

 .hotel-search .passenger-dropdown .child-age-selector {
     /* border: 1px solid #000; */
     border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 5px;
     width: 48%;
 }

 .hotel-search .passenger-dropdown .child-age-selector select {
     border-left: 1px solid #afafaf;
     border-width: 1px;
     color: var(--secondary);
     height: auto;
     border-color: #afafaf;
     border-radius: 4px;
 }

 .hotel-search .passenger-dropdown .child-age-selector select:focus {
     border-color: #afafaf;
 }

 .hotel-search .passenger-dropdown .child-age-selector select:valid {
     border-color: #afafaf;
 }


 .hotel-search .passenger-dropdown .room-members-details:not(:first-child) {
     border-top: 1px dashed #aaa;
 }

 .hotel-search .passenger-dropdown .dropdown-heading .room-count {
     box-shadow: rgb(0 0 0 / 24%) 0px 1px 4px 0px;
     border-radius: 50px;
 }

 /* Hotel search end  */

 .carousel-container-hotel h1,
 .unique-stay h1 {
     font-size: 1.45rem;
     margin-bottom: 1.5rem;
     color: #333;
 }

 .carousel-container-hotel .slick-slide {
     padding: 0 10px;
     height: auto !important;
 }

 .hotels-card {
     background: #fff;
     border-radius: 8px;
     overflow: hidden;
     padding: 1rem;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .hotels-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
 }

 .hotels-card img {
     width: 100%;
     max-height: 150px;
     object-fit: cover;
     border-radius: 8px;
 }

 .hotels-card h2 {
     font-size: 1.2rem;
     margin: 0.5rem 0 0 0;
     color: #444;
 }

 .hotels-card p {
     font-size: .9rem;
     margin: 0;
 }

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

 .unique-stay .slick-slide {
     padding: 0 10px;
     height: auto !important;
 }

 .unique-stay .card {
     border: 1px solid #ddd;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     text-align: left;
     background: #fff;
 }

 .unique-stay .card-image {
     width: 100%;
     height: 200px;
     object-fit: cover;
 }

 .unique-stay .card-content {
     padding: 15px;
 }

 .unique-stay .title {
     font-size: 1.2rem;
     font-weight: bold;
     margin-bottom: 5px;
 }

 .unique-stay .location {
     color: #666;
     font-size: 0.9rem;
     margin-bottom: 3px;
 }

 .unique-stay .price {
     font-size: 1rem;
     margin: 5px 0;
     padding: 15px;
     height: 32px;
     color: #ff7900;
     background-color: #ff79003b;
     clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
     display: flex;
     justify-content: center;
     align-items: center;
     max-width: 190px;
 }

 .unique-stay .total-price,
 .unique-stay .discount,
 .unique-stay .rating {
     font-size: 0.8rem;
     color: #555;
 }

 .unique-stay .pric-discount1 {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .unique-stay .pric-discount1 .discount {
     margin-bottom: 0;
     padding: 3px 5px;
     background-color: #103e65;
     color: white;
     border-radius: 3px;
 }

 .unique-stay .slick-prev:before,
 .unique-stay .slick-next:before {
     font-family: 'slick';
     font-size: 20px;
     line-height: 1;
     opacity: .75;
     color: #103e65;
     font-size: 30px;
     opacity: 1;
 }

 .unique-stay .slick-arrow.slick-prev {
     left: -37px;
 }

 .unique-stay .slick-arrow.slick-next {
     right: -40px;
 }

 .unique-stay .price strong {
     font-size: 20px;
 }

 .hotel-whychoose {
     padding: 40px 0;
 }

 .unique-stay .rate-details {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .unique-stay .rate-details button {
     border: none;
     background: none;
     font-size: 13px;
     text-decoration: underline;
     color: #103e65;
     font-weight: 400;
 }

 .location svg {
     max-width: 10px;
 }

 .unique-stay .slick-arrow.slick-prev {
     left: 0;
 }

 .unique-stay .slick-arrow.slick-next {
     right: 0;
 }

 .unique-stay .slick-prev:before,
 .unique-stay .slick-next:before {
     color: #fff;
 }

 .sitemap-title h2 {
     text-align: center;
     color: var(--primary);
     font-size: 30px;
 }

 section.sitemap-wrapper {
     margin: 45px 0;
 }

 .sitemap-title h2 span {
     margin-right: 15px;
 }

 .sitemap-title h2 svg {
     height: auto;
     width: 35px;
 }

 .sitemap-content ul li {
     display: inline-block;
     width: 25%;
     margin-bottom: 10px;
 }

 .sitemap-content ul li a {
     color: var(--secondary);
     font-weight: 500;
     font-size: 14px;
 }

 .sitemap-content ul li a:hover {
     color: var(--primary);
 }

 .sitemap-content ul li svg {
     margin-right: 5px;
     width: 14px;
     color: var(--primary);
     height: auto;
 }

 .sitemap-content ul li svg {
     margin-right: 5px;
     width: 14px;
     color: var(--primary);
     height: auto;
 }

 .sitemap-content {
     border-radius: 15px;
     padding: 20px;
     transition: transform 0.3s, box-shadow 0.3s;
     margin-top: 40px;
 }

 .sitemap-content h3 {
     margin-top: 20px;
     margin-bottom: 20px;
     font-size: 20px;
     color: var(--primary);
     padding-bottom: 5px;
     border-bottom: 2px solid var(--primary);
 }

 .sitemap-content:hover {
     transform: translateY(-5px);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
 }

 .sitemap-btn-wrapper {
     text-align: center;
     margin-top: 25px;
 }

 .sitemap-btn-wrapper .sitemap-btn {
     border-radius: 6px;
     border: none;
     padding: 6px 20px;
     color: #fff;
     background-color: var(--primary);
     font-size: 14px;
     transition: 0.4s all;
     line-height: 2;
 }

 .banner-promo img {
     width: 100%;
     max-height: 500px;
 }


 .coupan-cards-main {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 20px;
     margin: 47px 0;
     flex-wrap: wrap;
 }

 .coupan-cards-main .coupon-card {
     /* / background: linear-gradient(135deg, #103e65, #ef7201); / */
     background: linear-gradient(123deg, #000000, #FF9800);
     color: #fff;
     text-align: center;
     padding: 20px;
     border-radius: 15px;
     box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .15);
     position: relative;
     width: 30.33%;
     overflow: hidden;
 }

 .coupan-cards-main .coupon-card .logo {
     max-width: 189px;
     background-color: #fff;
     padding: 10px 20px;
     border-radius: 8px;
     margin: 0 0 15px
 }

 .coupan-cards-main .coupon-card h3 {
     font-size: 20px;
     font-weight: 400;
     line-height: 1.25;
     margin: 0
 }

 .coupan-cards-main .coupon-card p {
     font-size: 15px;
     margin: 0;
 }

 .coupan-cards-main .coupon-card p.discount-call {
     border-top: 1px solid white;
     margin-top: 8px;
     padding-top: 3px;
     font-weight: 500;
     font-size: 13px;
 }

 .coupan-cards-main .coupon-card .coupon-row {
     display: flex;
     align-items: center;
     margin: 15px auto;
     width: fit-content
 }

 .coupon-row .cpnCode {
     border: 1px dashed #fff;
     padding: 10px 20px;
     /* border-right: 0 */
 }

 .coupon-row .cpnBtn {
     border: 1px solid #fff;
     background: #fff;
     padding: 10px 20px;
     color: #000;
     cursor: pointer
 }

 .circle1,
 .circle2 {
     background: #fff;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     transform: translateY(-50%)
 }

 .circle1 {
     left: -25px
 }

 .circle2 {
     right: -25px
 }

 ul.cupoon-ul-li {
     margin-bottom: 25px;
 }

 .cupoon-ul-li li {
     list-style: none;
     margin: 0px 0 8px 0;
     padding: 0 0 0 20px;
     background: url(/images/bullet.gif) 0 6px no-repeat;
     font-size: 14px;

 }

 .error-wrapper {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
     padding: 20px 0;
     font-family: var(--roboto);
 }

 .cm-container.error-container {
     text-align: center;
 }

 .cm-container.error-container p {
     font-size: 22px;
 }

 .cm-container.error-container a {
     font-size: 22px;
     font-weight: bold;
     color: var(--primary);
 }

 .error-wrapper .contact-links svg {
     color: var(--primary);
     margin-right: 15px;
     max-width: 100%;
     width: 25px;
     height: auto;
 }

 .contact-links>div {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .contact-links {
     margin-bottom: 15px;
 }

 .error-wrapper .error-btn a.go-back {
     font-size: 18px;
     color: #fff;
     background: var(--secondary);
     font-weight: normal;
     padding: 12px 20px;
     border-radius: 5px;
     display: inline-block;
     margin-top: 15px;
 }

 .error-wrapper .error-btn a.go-back:hover {
     background: var(--primary);
 }

 .main-menu nav>ul a,
 .top-header ul li a,
 body {
     font-family: Roboto, sans-serif
 }

 .main-menu nav>ul ul,
 ul.recent-wrapper {
     position: absolute;
     box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
 }

 .cm-container,
 .reas_box img {
     margin: 0 auto
 }

 .top-header,
 ul.recent-wrapper li {
     background: #103e65;
     color: #fff
 }

 body a {
     text-decoration: none
 }

 body ol,
 body ul {
     margin: 0;
     padding: 0;
     list-style: none
 }

 header a {
     color: #fff
 }

 body {
     font-size: 14px;
     color: #555 !important
 }

 .fw-600 {
     font-weight: 600
 }

 .main-menu nav>ul a svg {
     max-width: 10px;
     width: 100%;
     margin-left: 5px
 }

 header {
     position: relative;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 .cm-container {
     max-width: 1200px;
     padding: 0 10px
 }

 .top-header .top-menu>ul {
     text-align: right;
     display: flex;
     justify-content: end;
     align-items: center;
 }

 .top-header ul li a,
 .top-header ul li a>span {
     gap: 5px;
     align-items: center;
     display: flex
 }

 .top-header .top-menu>ul>li {
     padding: 7px 0 7px 15px;
     line-height: 1;
     /* border-left: 1px solid #3f7eb4; */
     font-size: 13px;
     position: relative
 }

 .top-header .top-menu>ul>li:not(:first-child) {
     margin-left: 12px;
 }

 .top-header ul li a {
     justify-content: center;
     line-height: 1.25;
     font-weight: 600;
 }

 .top-header a span#recentcount {
     background: #ff7900;
     padding: 0 4px;
     font-size: 10px;
     border-radius: 2px;
     color: #103e65;
     font-weight: 700
 }

 .top-header .currency ul {
     position: absolute;
     z-index: 999;
     background: var(--secondary);
     min-width: 200px;
     left: 0;
     top: 33px;
     text-align: left;
     /* opacity: 0; */
     /* visibility: hidden; */
     transition: 0.2s;
     transform: translateY(-10%);
 }


 .top-header .currency ul li {
     width: 40px;
     display: inline-flex;
     line-height: 1.3;
     border-top: 1px solid #789fc0;
     border-left: 1px solid #789fc0;
     justify-content: center;
     align-items: center;
     padding: 5px;
     text-align: center;
     transition: 0.4s all;
 }

 .main-header .main-menu .currency {
     display: none;
 }

 .top-header .top-menu li.currency ul a {
     display: block;
 }

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

 .top-header .currency ul li:last-child {
     border-right: 1px solid #789fc0;
 }

 .top-header .currency ul li:nth-child(4),
 .top-header .currency ul li:nth-child(5) {
     border-bottom: 1px solid #789fc0;
 }

 /* .top-header ul li:hover ul {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    overflow-y: auto;
} */

 .main-header .header-wrapper {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 5px 0;
 }

 .main-header .header-logo {
     width: 25%
 }

 .main-header .main-menu {
     width: 73%
 }

 .main-menu nav>ul {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     justify-content: end
 }

 .main-menu nav>ul ul li:last-child a {
     border: none
 }

 .main-menu nav>ul ul {
     display: none;
     width: 180px;
     font-size: 14px;
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, .15);
     padding: 0;
     top: 30px
 }

 .main-menu nav>ul>li.hs-has-children:after {
     position: absolute;
     content: '';
     background: 0 0;
     width: 100%;
     height: 15px
 }

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

 .main-menu nav>ul a {
     font-size: 13px;
     text-transform: uppercase;
     color: #555;
     font-weight: 500;
     transition: .4s ease-out;
     line-height: 1.5;
     position: relative;
     display: block
 }

 header .main-header {
     padding: 12px 0
 }

 .footer-menu-wrapper .footer-menu a:hover,
 .main-menu nav>ul a:hover,
 body .slick-dots li.slick-active button:before {
     color: #ff7900
 }

 .main-menu nav>ul ul a {
     display: block;
     padding: 0 10px;
     border-bottom: 1px solid #ddd;
     font-weight: 400;
     line-height: 40px;
     color: #555;
     white-space: nowrap;
     text-transform: capitalize;
     font-size: 14px
 }

 .main-menu nav>ul li:hover ul,
 ul.recent-wrapper>li>span {
     display: block
 }

 .main-menu nav>ul ul a:hover {
     color: #ff7900;
     background-color: #f5f5f5
 }


 ul.recent-wrapper {
     z-index: 9;
     min-width: 300px;
     text-align: left;
     overflow: hidden;
     left: 0;
     top: 100%;
     font-family: Roboto;
     transition: .4s;
     transform: translateY(-10%);
     opacity: 0;
     visibility: hidden
 }

 ul.recent-wrapper li {
     padding: 8px;
     border-top: 1px solid #306a9b;
     overflow: hidden;
     font-size: 13px;
     display: flex;
     align-items: center;
     cursor: pointer;
     transition: .4s
 }

 ul.recent-wrapper li:hover {
     background: #1c5584
 }

 ul.recent-wrapper .arrivals,
 ul.recent-wrapper .departs {
     width: 30%;
     display: block;
     line-height: 1.2
 }

 ul.recent-wrapper .arrows {
     width: 13%
 }

 ul.recent-wrapper .arrows svg {
     max-width: 11px;
     width: 100%
 }

 ul.recent-wrapper span span {
     color: #7db0db;
     font-size: 12px
 }

 ul.recent-wrapper .fares {
     text-align: right;
     width: 26%;
     color: #ff7900;
     font-size: 14px;
     font-weight: 700
 }

 .top-header .top-menu>ul>li:hover ul.recent-wrapper {
     opacity: 1;
     visibility: visible;
     transform: translateY(0)
 }

 body .slider_img img {
     width: 100%;
     height: 100%;
     object-fit: cover
 }

 .why_choose_box {
     padding: 45px 0
 }

 .latest_h2,
 .why_choose_box h2,
 body h2 {
     font-size: 24px
 }

 .reas_box h3 {
     font-size: 18px
 }

 .last_mint_main p,
 .reas-txt,
 .reas_box p,
 p {
     font-size: 14px
 }

 .reas_box p {
     padding: 7px 0;
     line-height: 20px
 }

 .last_mint_main {
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     flex-wrap: wrap
 }

 .last_mint_main h3 {
     font-size: 22px
 }

 .last_mint_main button,
 .lat-book .btn {
     font-size: 11px;
     text-transform: uppercase
 }

 .last_mint_main button {
     border-radius: 16px;
     color: #fff;
     line-height: 30px;
     background-color: #ff7900;
     padding: 0 10px;
     margin: 10px 0 4px;
     text-align: center;
     width: 100%;
     border: none
 }

 .flight_offer h3,
 .flight_offer p {
     font-size: 14px;
     padding-left: 10px
 }

 .Business_deal,
 .last_mint {
     width: 47%
 }

 .mid_line {
     width: 5%;
     position: relative;
     top: -39px;
     left: 4px
 }

 .last_mint .for_flex .cs_width h3 {
     text-align: end
 }


 .last_mint .for_flex {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px
 }

 .for_flex .round_img {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center
 }

 .Business_deal .for_flex .cs_width,
 .last_mint .for_flex .cs_width {
     width: 78%
 }

 .Business_deal .for_flex {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 20px
 }

 .flight_offer p {
     margin-bottom: 10px
 }

 .flight_offer {
     background: #fff;
     border: 1px solid #dbdada;
     cursor: pointer;
     text-align: left;
     margin-bottom: 20px
 }

 .interNa h3,
 .lat-book,
 .latest_main {
     text-align: center
 }

 .flight_offer .des {
     width: 100%;
     padding: 0 0 10px
 }

 .offer_p p {
     position: absolute;
     top: 0;
     color: #fff;
     padding: 0 0 0 8px;
     margin: 0;
     line-height: 1.8rem
 }

 .offer_p {
     padding: 0 0 28px
 }

 .lat-book {
     width: 100%;
     position: absolute;
     bottom: -14px
 }

 .lat-book .btn {
     background: #e9e7e7;
     width: 100px;
     border-radius: 16px;
     border: 1px solid #d9d9d9;
     color: #666;
     height: 32px
 }

 .lat-book .btn:hover {
     background-color: #ff7900;
     color: #fff
 }

 .banner_1 {
     padding: 40px 0 0;
     width: 100%
 }

 .latest_main {
     background: #f4f4f4;
     margin: 4px 0 20px;
     padding: 30px 0 25px;
     overflow: hidden
 }

 .slick-arrow.slick-next,
 .slick-arrow.slick-prev {
     z-index: 999;
     width: 50px;
     height: 50px
 }

 .slick-arrow.slick-prev {
     left: 0
 }

 .slick-arrow.slick-next {
     right: 0
 }

 body .slick-next:before,
 body .slick-prev:before {
     font-size: 30px;
     opacity: 1
 }

 body .slick-dots li button:before {
     font-size: 10px
 }

 .new-city p,
 body .slick-dots li {
     margin: 0
 }

 .flight_deals p {
     margin: 0;
     font-size: 13px;
     width: 33.33%
 }

 .flight_deals {
     display: flex;
     justify-content: space-around;
     align-items: center;
     padding: 7px;
     border: 1px solid #d9d9d9;
     border-top: none;
     /* cursor: pointer */
 }

 .interNa .flight_deals a {
     display: contents;
     color: #555;
 }

 .interNa .flight_deals:hover {
     background-color: #f6f6f6;
 }

 .flight_deals button {
     font-size: 10px;
     background-color: #ff7900;
     color: #fff;
     border-radius: 11px;
     padding: 5px;
     text-transform: uppercase;
     border: none
 }

 .interNa h3,
 .unpb-txt {
     background: #103e65;
     color: #fff
 }

 .interNa {
     margin-bottom: 25px
 }

 .interNa h3 {
     font-size: 24px;
     padding: 31px 0 9px;
     width: 100%;
     margin: 0;
     position: relative
 }

 .interNa h3:after {
     content: '';
     position: absolute;
     border: 9px solid transparent;
     margin-left: -24px;
     z-index: 9;
     width: 0;
     height: 0;
     border-top-color: #103e65;
     bottom: -18px;
     left: 50%;
     transform: translateX(50%)
 }

 .bf-nw {
     margin: 10px 0 30px
 }

 .unpb-txt {
     min-height: 120px;
     height: 100%
 }

 .unpb-txt p {
     font-size: 25px;
     font-weight: 300;
     padding: 16px 0 0 25px;
     width: 70%;
     float: left
 }

 .unpb-txt img {
     float: right;
     padding: 0 25px 12px 0
 }

 .daily-deal {
     position: relative;
     overflow: hidden;
     cursor: pointer;
     margin: 0 0 32px
 }

 .daily-deal img {
     width: 100%;
     transition: .4s linear
 }

 .daily-deal:hover img {
     transform: scale(1.2)
 }

 .new-city {
     background: rgba(0, 0, 0, .7);
     position: absolute;
     width: 100%;
     bottom: 0;
     color: #fff;
     font-weight: 700;
     padding: 5px 10px;
     display: flex;
     justify-content: space-between
 }

 .up-to-dis {
     color: #ff7900;
     font-weight: 400
 }

 .text1 {
     font-size: 35px;
     padding: 12px 0 0 25px;
     font-weight: 700;
     line-height: 1.3;
     margin: 0
 }

 .text2 {
     font-size: 15px;
     padding: 0 0 0 25px
 }

 .app-news-bg {
     background: #f6f5f5;
     margin-bottom: 35px;
     padding: 10px;
     overflow: hidden
 }

 .aap-right {
     width: 100%;
     background: #ffd131;
     color: #222;
     min-height: 160px
 }

 .form-trip {
     padding: 0 20px 20px
 }

 .plan-input {
     width: 83%;
     background: #fff;
     height: 45px !important;
     border-radius: 3px 0 0 3px;
     font-size: 12px;
     color: #a79858;
     padding: 5px 10px;
     border: none
 }

 .btn-i,
 .btn-i a {
     color: #fff;
     display: flex;
     align-items: center;
 }

 .btn-i a:hover {
     color: #fff;
 }

 .btn-i {
     background-color: #ff7900;
     border-radius: 0 3px 3px 0;
     min-height: 45px;
     width: 18%;
     justify-content: center
 }

 .btn-i a {
     justify-content: center;
     font-size: 30px
 }

 .form-trip,
 .passenger-input {
     align-items: center;
     display: flex
 }

 svg.svg-inline--fa.fa-envelope {
     max-width: 22px;
     width: 100%
 }

 .deal_banner-1 img {
     width: 100%;
     padding: 0 20px 27px
 }

 .ne_review_card {
     align-items: start;
     background-color: #fff;
     border-radius: 6px;
     box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px;
     padding: 14px;
     min-height: 210px;
     text-align: start
 }

 .ne_review_card i {
     color: #ffc300
 }

 .review_card {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%
 }

 .review_card .review_heading {
     font-weight: 600;
     margin: 0
 }

 .review_card .date_review {
     font-size: 15px;
     margin: 0;
     color: #7f7f7f
 }

 .review_google_img {
     width: 11% !important
 }

 .google_star {
     padding: 8px 0
 }

 ._review_h {
     font-size: 23px;
     font-weight: 600;
     text-align: center;
     margin: 0;
     padding: 25px 0 0
 }

 ._review_p {
     font-size: 14px;
     text-align: center;
     margin: 0
 }

 .re-card {
     margin: 30px 0
 }

 .bottom-footer p {
     margin: 0;
     text-align: center;
     color: #fff;
     line-height: 25px;
     padding: 15px 0;
     font-size: 14px;
     font-weight: 500;
     font-family: Roboto
 }

 .bottom-footer {
     background: #09355b;
     overflow: hidden
 }

 .top-footer {
     background: #103e65;
     padding-top: 30px
 }

 .top-footer h3 {
     color: #fff;
     padding: 0 0 5px;
     margin-bottom: 10px;
     font-size: 14px;
     font-family: Roboto;
     line-height: 1.5;
     font-weight: 400
 }

 .footer-menu-wrapper {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-start;
     gap: 10px
 }

 .footer-menu-wrapper .footer-menu {
     width: 19%
 }

 .footer-menu-wrapper .footer-menu a {
     color: #789fc0;
     line-height: 2;
     font-family: Roboto;
     font-size: 12px
 }

 .footer-wrapper .disclaimer {
     font-size: 13px;
     color: #fff;
     font-family: Roboto
 }

 .footer-wrapper .disclaimer a {
     color: #fff;
     text-decoration: underline
 }

 .footer-img ul {
     display: flex;
     justify-content: space-evenly;
     gap: 10px;
     flex-wrap: wrap
 }

 .footer-img {
     padding-bottom: 10px;
     padding-top: 10px;
     border-top: 1px dashed #d7d7d7;
     margin-top: 20px
 }

 .search-engine {
     padding: 30px 0;
     width: 100%;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
 }

 .home .search-engine {
     background-image: url('/images/flight-bg-1_result.webp');
 }


 .flight .search-engine {
     background-image: url('/images/home-back-1_result.webp');
 }

 .hotels .search-engine {
     background-image: url('/images/hotels-banner.webp');
 }

 .holiday .search-engine {
     background-image: url('/images/holiday-banner_result.webp');
 }

 .slider-container {
     height: 100%
 }

 /* .flight-search-wrapper {
    position: static;
    padding: 15px 30px 30px;
    background: rgba(23, 61, 93, 0.8);
    max-width: 600px;
    color: #fff;
    max-height: 650px;
    overflow-y: inherit;
    width: 100%;
} */

 .flight-search-wrapper {
     position: static;
     padding: 15px 24px 30px;
     background: rgba(23, 61, 93, .8);
     max-width: 550px;
     color: #fff;
     max-height: 650px;
     /* overflow-y: inherit; */
     width: 100%;
 }

 .flight-search-wrapper h1 {
     font-size: 22px;
     font-weight: 300;
     margin-bottom: 11px;
     text-align: center;
     font-family: Roboto
 }

 .flight-search-wrapper .input-spacing {
     margin-bottom: 10px;
     position: relative
 }

 .flight-search-wrapper-1 {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 7px;
 }

 .flight-search-wrapper-1 h2 {
     font-size: 22px;
     font-weight: 300;
     margin-bottom: 15px;
     text-align: center;
     font-family: Roboto
 }

 .flight-search-wrapper-1>div {
     position: relative;

 }

 .flight-search-wrapper-1 .trip-place-1,
 .flight-search-wrapper-1 .date-pickers-1,
 .flight-search-wrapper-1 .last-input {
     width: 30%;
     gap: 15px;
 }

 .flight-search-wrapper-1 .modify-btn {
     width: 10%;
 }

 .trip-type-toggle button:not(:last-child) {
     margin-right: 5px;
 }

 .trip-type-toggle button {
     background: 0 0;
     border: 1px solid #fff;
     color: #fff;
     font-size: 13px;
     font-weight: 500;
     border-radius: 6px;
     padding: 4px 10px;
     font-family: Roboto
 }

 .trip-type-toggle button.active {
     border: 1px solid #ff7900;
     background: #09355a
 }

 .PreferredAirline input,
 .trip-place input {
     width: 100%
 }

 .PreferredAirline input,
 .trip-place-1 input {
     width: 100%
 }

 .trip-place-1 {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 20px;
 }

 .input-fields.trip-place-1 img {
     position: absolute;
     transform: translateX(-50%);
     top: 50%;
     width: 100%;
     max-width: 35px;
     z-index: 9;
     cursor: pointer;
     right: 45%;
 }



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

 .flight-search-wrapper-1 input {
     border-radius: 6px;
     border: 1px solid transparent;
     height: 35px;
     padding: 8px 4px 8px 19px;
     line-height: 1.5;
     color: #888;
     outline: 0;
     font-size: 14px
 }

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

 .react-datepicker-wrapper input {
     width: auto;
     max-width: 262px;
 }

 .PreferredAirline,
 .react-datepicker-wrapper {
     width: 100%
 }

 .date-pickers {
     display: flex;
     gap: 15px;
 }

 .flight-search-wrapper .search-flight {
     text-align: center;
     margin-bottom: 0
 }

 .search-flight {
     text-align: center
 }

 .search-flight button {
     width: 100%;
     font-size: 25px;
     color: #fff;
     background: #ff7900;
     border-radius: 6px;
     border: none;
     font-family: Roboto;
     line-height: 1.7;
     transition: .3s
 }

 .search-flight button:hover {
     background: #d36f15
 }

 .passenger-input {
     background: #fff;
     border-radius: 6px;
     color: #888;
     padding: 4px 8px;
     min-height: 36px;
 }

 .passenger-dropdown {
     position: absolute;
     background: #fff;
     border-radius: 6px;
     border: 1px solid #d0d0d0;
     padding: 10px;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .56);
     z-index: 99;
     width: 100%;
     top: 100%;
     margin-top: 10px;
     left: 0;
     min-width: 250px;
 }

 .passenger-dropdown:after {
     bottom: 100%;
     left: 20%;
     border: 10px solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: transparent transparent #fff;
     margin-left: -10px
 }

 .passenger-dropdown>div {
     display: flex;
     border-bottom: 1px dashed #ccc;
     padding: 3px 0;
     align-items: center
 }

 .passenger-dropdown .dropdown-text {
     color: #333;
     width: 56%;
     display: inline-block;
     padding-top: 10px;
     font-size: 14px;
     font-weight: 500;
     text-align: left;
 }

 .passenger-dropdown .member-count,
 .passenger-dropdown button {
     width: 35px;
     color: #fff;
     background: var(--secondary);
     height: 35px;
     border: none;
     text-align: center;
     display: inline-flex;
     font-size: 18px;
     font-weight: 400;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
 }

 .passenger-dropdown button.sub {
     position: relative;
 }

 .passenger-dropdown button.sub:after {
     content: '';
     background: #fff;
     position: absolute;
     height: 2px;
     width: 100%;
     max-width: 10px;
 }

 .passenger-dropdown .member-count {
     background: #fff;
     border: none;
     color: var(--secondary);
     font-size: 15px;
     font-weight: 500;
 }

 span.age-limit {
     color: var(--primary);
     font-size: 12px;
     font-weight: 400;
 }

 .passenger-dropdown select {
     height: 30px;
     width: auto;
     border: 1px solid #b4b4b4;
     padding-right: 5px;
     font-size: 14px;
     color: #888
 }

 .passenger-dropdown>button {
     margin-top: 10px;
     width: 100%;
     background: #113e65;
     color: #fff;
     border-radius: 2px;
     border: 1px solid transparent;
     font-family: Roboto;
     font-size: 17px;
     transition: .3s;
     padding: 0
 }

 .passenger-dropdown>button:hover {
     background: #ff7900
 }



 .filters_wrapper .searchBar-single-wrap svg {
     top: 10px;
     position: absolute;
     right: 9px;
     max-width: 15px;
     max-height: 15px;
 }

 .form-trip,
 .passenger-input-1 {
     align-items: center;
     display: flex
 }

 .passenger-input-1 {
     background: #fff;
     border-radius: 6px;
     height: 35px;
     color: #888;
     padding: 8px
 }

 .passenger-input-1>span {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-size: 14px
 }

 .passenger-input>span {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-size: 18px;
     color: #333;
     font-weight: 600;
     cursor: pointer;
 }

 .flight-search-wrapper input::placeholder {
     font-weight: 400;
 }

 .search-engine .last-input {
     display: flex;
     align-items: center;
     gap: 6px
 }

 .input-fields.trip-place img {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: 29px;
     width: 100%;
     max-width: 35px;
     z-index: 9;
     height: auto;
     cursor: pointer
 }

 .date-pickers img {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     z-index: 9;
     max-width: 35px;
     height: auto;
     top: 5px;
 }

 .date-pickers-1 {
     display: flex
 }

 .date-pickers-1 img {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     z-index: 9
 }

 .trustpilot {
     padding: 10px 0 14px;
     text-align: end
 }

 .re-card .slick-slide {
     padding: 10px;
     height: auto !important;
 }

 .footerNumber {
     display: none
 }

 .slider-container .slick-slide img {
     min-height: 700px
 }

 .trip-type-toggle.trip-section {
     text-align: center;
     margin-bottom: 14px !important;
 }

 .trip-type-toggle.trip-section button.active {
     background: var(--primary);
     border-radius: 100px;
     border-color: transparent;
     color: #fff;
 }

 .trip-type-toggle.trip-section a:not(:last-child) button {
     margin-right: 10px;
 }

 .trip-type-toggle.trip-section button svg {
     margin-right: 5px;
     width: 16px;
 }

 .trip-type-toggle.trip-section button:hover {
     background: var(--primary);
     border-radius: 100px;
     color: #fff;
     border-color: var(--primary);
 }

 .trip-type-toggle.trip-section button {
     padding: 6px 14px;
     transition: 0.4s all;
     border-color: #fff;
     background-color: #fff;
     border-radius: 100px;
     color: var(--secondary);
 }

 .trip-type-toggle.trip-section button:not(:last-child) {
     margin-right: 3px;
 }

 .flight-search-wrapper .input-fields .input-icons {
     position: absolute;
     left: 10px;
     color: #000;
     top: 9px;
     font-size: 18px;
 }

 .flight-search-wrapper .input-with-icon input {
     padding-left: 45px;
 }

 .Edit_rc .search-engine {
     padding: 0;
     display: none;
 }

 .modal-inner-body .flight-search-wrapper input {
     margin-bottom: 10px;
     max-width: 100%;
 }

 .modal-inner-body .trip-type-toggle {
     margin-bottom: 15px;
 }

 .modal-inner-body .input-fields,
 .modal-inner-body .date-pickers {
     position: relative;
 }

 .modal-inner-body .last-input>div {
     width: 50%;
 }

 /* Multi-city */

 .multiCity-wrapper .trip-place {
     display: flex;
     gap: 15px;
 }

 .multiCity-wrapper .trip-place .input-wrapper {
     margin-bottom: 0 !important;
 }

 .multiCity-wrapper .react-datepicker-wrapper input {
     max-width: 100%;
     padding-left: 40px;
 }

 .multiCity-wrapper .departure-picker {
     width: 100%;
 }

 .multiCity-wrapper .multiCity-date {
     position: absolute;
     z-index: 9;
     left: 9px;
     top: 7px;
 }

 .multiCity-wrapper .multiCity-date svg {
     color: #000;
     width: 20px;
     height: auto;
 }

 .multiCity-wrapper .input-fields.trip-place img {
     top: 5px;
     max-width: 30px;
 }

 .multiCity-wrapper h6.flight-heading {
     font-size: 12px;
     margin-bottom: 2px;
     letter-spacing: 0.5px;
 }

 .multiCity-wrapper button.remove-flight,
 .multiCity-wrapper button.add-flight {
     width: 48%;
     background: var(--primary);
     color: #fff;
     border: none;
     border-radius: 10px;
     padding: 8px 15px;
     font-weight: 500;
     letter-spacing: 0.5px;
     margin: 0 5px 15px;
 }

 /* Hotel Search */

 .hotel-search .passenger-wrapper {
     width: 100% !important;
     max-width: 100%;
 }

 .hotel-search .date-pickers {
     gap: 15px;
 }

 .hotel-search .date-pickers .hotel-calendar {
     width: 50%;
     position: relative;
 }

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

 .hotel-search .input-fields.trip-place {
     position: relative;
 }

 .hotel-search .input-icon {
     position: absolute;
     z-index: 999;
     color: var(--secondary);
     top: 8px;
     left: 8px;
     z-index: 1;
 }

 .hotel-search .input-icon svg {
     width: 15px;
     height: auto;
 }

 .hotel-search input {
     padding-left: 40px;
     font-size: 16px;
     font-weight: 500;
 }

 .hotel-search input::placeholder {
     color: #888;
     font-weight: 500;
     font-size: 16px;
 }

 .hotel-search .passenger-input span {
     font-size: 16px;
     color: #888;
     font-weight: 500;
 }

 .search-engine.hotel-search .last-input {
     margin-bottom: 20px;
 }

 .search-engine.hotel-search .flight-search-wrapper>div:not(:last-child) {
     margin-bottom: 30px !important;
 }

 .hotel-search label {
     position: absolute;
     color: #fff;
     border-radius: 6px;
     font-size: 12px;
     top: -27px;
     z-index: 9;
     padding: 5px 10px 2px 1px;
     left: 0;
     font-weight: 500;
 }



 .hotel-search .passenger-input svg {
     width: 20px;
     color: var(--secondary);
     margin-right: 15px;
 }

 .sec-header .top-header .top-menu>ul>li:first-child {
     border: none;
 }


 /* Search calender */

 .react-datepicker-popper {
     z-index: 99 !important;
 }

 .react-datepicker {
     width: 350px;
 }

 .react-datepicker__month-container {
     width: 100%;
     float: none;
 }

 h2.react-datepicker__current-month {
     font-weight: 600;
     font-family: var(--roboto);
     color: var(--secondary) !important;
 }

 .react-datepicker__navigation-icon--previous::before {
     border-color: var(--secondary) !important;
     top: 10px !important;
 }

 .react-datepicker__navigation-icon--next::before {
     border-color: var(--secondary) !important;
     top: 10px !important;
 }

 .react-datepicker__day-names {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .react-datepicker__day-name {
     width: 100% !important;
     height: auto;
     color: var(--secondary) !important;
     font-weight: 700;
 }

 .react-datepicker__week {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .react-datepicker__day {
     width: 100% !important;
     line-height: 3 !important;
     font-size: 14px;
     font-weight: 600;
     color: #555;
 }

 .react-datepicker__header__dropdown.react-datepicker__header__dropdown--select {
     display: flex;
     justify-content: space-between;
     margin: 4px 0;

 }

 .PreferredAirline ul.dropDown li.dropDown-items span {
     font-size: 13px;
 }

 .react-datepicker__month-dropdown-container.react-datepicker__month-dropdown-container--select .react-datepicker__month-select,
 .react-datepicker__year-dropdown-container.react-datepicker__year-dropdown-container--select .react-datepicker__year-select {
     border: none;
     padding: 2px 5px;
     border-radius: 2px;
 }

 .react-datepicker__day--selected {
     height: auto;
     background-color: var(--secondary) !important;
     color: #fff;
 }

 .react-datepicker-wrapper {
     width: 100%;
 }

 .date-pickers>div {
     width: 50%;
 }

 .flight-search-container.jhlisting .last-input .passenger-wrapper {
     width: 50%;
 }

 .flight-search-container.jhlisting .last-input .passenger-wrapper {
     width: 50%;
 }

 .home .search-engine.Jh .passenger-wrapper,
 .home .search-engine .passenger-wrapper {
     width: 50%;
     position: relative;
 }

 .date-pickers .return-picker input {
     padding-left: 15px;
 }

 .flight-search-wrapper .lowest-input {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .flight-search-wrapper .lowest-input input {
     height: auto;
 }

 .flight-search-wrapper .lowest-input input[type="checkbox"] {
     width: 20px;
     height: 20px;
     accent-color: var(--primary);
     cursor: pointer;
     border-radius: 4px;
 }

 /* flight api style */

 .last-input .PreferredAirline.input-fields {
     position: relative;
     width: 50%;
 }

 ul.dropDown {
     position: absolute;
     z-index: 9999;
     color: #555;
     border-top: 1px solid #dddddd;
     border-radius: 5px;
     overflow: hidden;
     width: 100%;
     top: 40px;
     max-height: 400px;
     overflow-y: auto;
     text-align: start;
     box-shadow: rgba(50, 50, 93, .25) 0 6px 12px -2px, rgba(0, 0, 0, .3) 0 3px 7px -3px;
 }

 ul.dropDown li.dropDown-items img {
     position: relative;
     transform: unset;
     top: 5px;
     right: 0;
     left: unset;
     margin-right: 10px;
 }

 ul.dropDown li.dropDown-items {
     cursor: pointer;
     font-size: 14px;
     padding: 4px 10px;
     border: 1px dashed #dddddd;
     border-collapse: collapse;
     border-top: none;
     text-align: left;
     background-color: #fff;
     border-left: none;
     border-right: none;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 ul.dropDown li.dropDown-items:hover {
     background: var(--primary);
     color: #fff;
 }

 ul.dropDown li.dropDown-items .country-name {
     color: var(--secondary);
     font-weight: 600;
     font-size: 15px;
 }

 .PreferredAirline ul.dropDown .iataCode {
     margin-right: 10px;
 }

 ul.dropDown li.dropDown-items:hover .country-name {
     color: #fff
 }

 ul.dropDown li.dropDown-items:hover .iataCode {
     color: #555
 }

 .PreferredAirline ul.dropDown li.dropDown-items {
     justify-content: unset;
 }

 ul.dropDown .iataCode {
     background: #eee;
     padding: 5px;
     border-radius: 3px;
     display: inline-flex;
     align-items: center;
     border: 1px solid #ccc;
 }

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

 ul.dropDown li.dropDown-items .left-dropdown {
     display: inline-flex;
     flex-direction: column;
     line-height: 1.25;
 }

 .trip-place .input-wrapper.input-with-icon p {
     color: var(--primary);
     font-weight: 500;
     margin-left: 5px;
     margin-bottom: 0;
 }

 /* no data css */
 .do-data {
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 8px;
     padding: 20px;
     max-width: 600px;
     margin: 51px auto;
     text-align: center;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 .do-data .heading {
     font-size: 20px;
     color: #333;
     margin-bottom: 10px;
 }

 .do-data .heading span {
     color: var(--primary);
 }

 .do-data .message {
     font-size: 16px;
     color: #666;
     margin-bottom: 20px;
 }

 .search-modify.hotel-search-modify .flight-search-wrapper {
     max-width: 1320px;
 }

 .skel-modify {
     background-color: var(--secondary);
 }

 .skele-alllist {
     display: flex;
     width: 68%;
     justify-content: center;
     gap: 20px;
     margin: 20px auto;
 }

 .skele-alllist .ske-filtter {
     width: 20%;
     border: 1px solid #ccc;
 }

 .skele-alllist .ske-flight-list {
     width: 65%;
 }

 .skele-alllist .ske-why {
     width: 15%;
 }

 .ske-filtter .skel-result {
     background-color: var(--secondary);
     padding: 10px;
 }

 .skel-result .SkeletonLoader_skeleton__YXP_S {
     margin: 4px 0;
 }

 .skel-stops {
     padding: 10px;
 }

 .skel-stops .SkeletonLoader_skeleton__YXP_S {
     margin: 0;
 }

 .skel-stops .skel-scount {
     margin: 5px 0;
 }

 .skel-scount.skel-cabin .SkeletonLoader_skeleton__YXP_S {
     margin: 5px 0;
 }

 .skel-stops.skel-cab {
     border-top: 1px solid #ccc;
 }

 .ske-flight-list .SkeletonLoader_skeleton__YXP_S {
     margin: 0;
 }

 .ske-why .SkeletonLoader_skeleton__YXP_S {
     margin: 0;
 }

 .skel-flex {
     display: flex;
     align-items: center;
     gap: 5px;
     margin: 10px 0;
 }

 .skel-roundway {
     width: 80%;
     border-right: 1px dashed #ccc;
     padding-right: 8px;
 }

 .skele-wrpper {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 11;
     background-color: white;
     width: 100%;
 }

 .load-more-container {
     text-align: center;
     margin: 20px;
 }

 .load-more-btn {
     background: linear-gradient(45deg, #b95e0e, #ffa14e);
     color: white;
     font-size: 16px;
     padding: 12px 30px;
     border: none;
     border-radius: 30px;
     cursor: pointer;
     position: relative;
     display: inline-flex;
     align-items: center;
     transition: all 0.3s ease;
 }

 .load-more-btn:hover {
     background: linear-gradient(45deg, #ffa14e, #b95e0e);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .load-more-btn:focus {
     outline: none;
 }

 .btn-text {
     margin-right: 10px;
 }

 .loading-spinner {
     border: 2px solid transparent;
     border-top: 2px solid white;
     border-radius: 50%;
     width: 16px;
     height: 16px;
     animation: spin 1s linear infinite;
     display: none;
 }

 .load-more-btn.loading .loading-spinner {
     display: inline-block;
 }


 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }


 .table-responsive {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
 }

 .table {
     width: 100%;
     table-layout: auto;
 }


 .table th,
 .table td {
     text-align: center;
     vertical-align: middle;
 }


 /* .table th:nth-child(1),
.table td:nth-child(1) {
    min-width: 150px;
} */

 .table tr td {
     font-size: 13px;
 }

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

 .table th,
 .table td {
     width: 60px;
 }

 .slide-flight {
     min-height: 600px;
     margin-bottom: 15px;
     background: url(/images/flight-back.jpg) no-repeat;
     background-position: 50%;
     display: inline-block;
     width: 100%;
     background-size: cover;
     position: relative;
 }

 .slide-flight .flight-img {
     height: 100%;
     width: 100%;
 }

 .best-price {
     display: flex;
     justify-content: space-around;
     padding: 10px 0;
     font-size: 16px;
     color: #000;
     flex-wrap: wrap;
 }

 .unpublished {
     background: #f5f4f1;
     padding: 11px 0 13px 0;
     border-radius: 2px;
     color: #103e65;
     text-align: center;
     border: 1px solid #e4e4e4;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 20px;
     flex-wrap: wrap;
     font-size: 28px;
     margin: 20px 0 10px 0;
     font-weight: 600;
 }

 .unpublished span {
     color: #ff7900;
 }

 .unpublished .support {
     background: url(/images/support-icon_result.webp) 0 0 no-repeat;
     color: #fff;
     font-weight: bold;
     font-size: 26px;
     height: 55px;
     padding: 0;
     width: 100%;
     max-width: 280px;
     background-position: center;
     background-size: contain;
     position: relative;
 }

 .unpublished .support a {
     position: absolute;
     left: 16px;
     top: 8px;
     color: white;
 }

 .unpublished .support a:hover {
     color: white;
 }

 .deals-row-head-bg {
     background: #eceded !important;
     padding: 15px 15px;
     color: #2376b5;
     font-weight: bold;
     border: 1px solid #dadada;
     overflow: hidden;
 }

 .deals-row-head-bg span.flight-from,
 .deals-row-head-bg span.flight-to,
 .deals-row-head-bg span.flight-dates,
 .deals-row-head-bg span.flight-fare {
     width: 25%;
     display: inline-block;
 }

 .deals-row span.flight-from,
 .deals-row span.flight-to,
 .deals-row span.flight-dates,
 .deals-row span.flight-fare {
     width: 25%;
     display: inline-block;
 }

 .deals-row:nth-child(odd) {
     background: #f6f6f6;
 }

 .Cheap-Flight-Ticket {
     margin: 0 0 13px 0;
 }

 .deals-row {
     background: #fff;
     overflow: hidden;
     padding: 10px 15px;
     border-bottom: 1px solid #dfe3e3;
     cursor: pointer;
     font-size: 15px;
 }

 .deals-row:hover {
     background: #103e65;
     color: #fff;
 }

 .addition-to p {
     font-size: 13px;
     margin-bottom: 25px;
 }

 .flight-deals1 img {
     width: 100%;
 }

 .flight-deals1 .text {
     background-color: white;
     font-size: 14px;
     text-align: start;
     padding: 10px;
     box-shadow: 0px 3px 5px 0px rgba(189, 189, 189, 1);
     min-height: 74px;
     word-spacing: -1px;
     line-height: 1.4;
 }

 .flight-deals1 {
     margin: 0 0 32px 0;
 }

 .cheaking-details {
     margin: 20px 0 43px;
 }

 .Cheap-Flight-Ticket h2 {
     padding-bottom: 12px;
 }

 .flight_deals-1 p {
     margin: 0;
     font-size: 13px;
 }

 .flight_deals-1 {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 7px 10px;
     border: 1px solid #d9d9d9;
     border-top: none;
     cursor: pointer;
     text-align: justify;
 }

 .flight_deals-1.flight-round {
     padding: 9px;
 }

 .newsletter {
     background: #f5efd5;
     padding: 20px;
     border-radius: 2px;
     margin: 10px 0 20px 0;
     border: 1px solid #e6d9a4;
     overflow: hidden;
 }

 .newsletter .flt-left {
     float: left;
     width: 70%;
     font-size: 28px;
     font-weight: bold;
     font-family: Roboto Condensed;
     color: #103e65;
     line-height: 25px;
 }

 .newsletter .flt-left span {
     font-size: 18px;
     font-weight: 300;
     font-family: Roboto;
     color: #996b42;
 }

 .newsletter .flt-right {
     float: right;
     width: 28%;
 }

 .newsletter svg {
     position: absolute;
     top: 0;
     right: 0;
     min-width: 35px;
     width: 100%;
     min-height: 35px;
     padding: 0 5px;
     color: #ff7900;
 }

 .newsletter button {
     position: absolute;
     top: 0;
     right: 0;
     min-width: 25px;
     width: 13%;
     min-height: 37px;
     padding: 0 5px;
     color: #ff7900;
     border: none;
 }

 .Cheap-Flight-Ticket {
     margin: 61px 0 13px 0;
 }


 .guaranteed {
     font-size: 22px;
     margin: 31px 0 5px 0;
     font-weight: 500;
 }

 .mob-detail-v {
     display: none;
 }

 .fight-to-mobile {
     display: none;
 }

 .slide-flight-cO {
     min-height: 400px;
     margin-bottom: 15px;
     background: url(/images/oneway.jpg) no-repeat;
     background-position: 50%;
     display: inline-block;
     width: 100%;
     background-size: cover;
     position: relative;
 }

 .slide-flight-cD {
     min-height: 400px;
     margin-bottom: 15px;
     background: url(/images/domestic-jpg.jpg) no-repeat;
     background-position: 50%;
     display: inline-block;
     width: 100%;
     background-size: cover;
     position: relative;
 }

 .slide-flight-iN {
     min-height: 400px;
     margin-bottom: 15px;
     background: url(/images/Internataionalimagesbanner-jpg.jpg) no-repeat;
     background-position: 50%;
     display: inline-block;
     width: 100%;
     background-size: cover;
     position: relative;
 }

 .slide-flight-sT {
     min-height: 400px;
     margin-bottom: 15px;
     background: url(/images/senior-travels.jpg) no-repeat;
     background-position: 50%;
     display: inline-block;
     width: 100%;
     background-size: cover;
     position: relative;
 }

 .slide-flight-s {
     min-height: 400px;
     margin-bottom: 15px;
     background: url(/images/student-travels-jpg.jpg) no-repeat;
     background-position: 50%;
     display: inline-block;
     width: 100%;
     background-size: cover;
     position: relative;
 }

 .slide-flight-cR {
     min-height: 400px;
     margin-bottom: 15px;
     background: url(/images/RoundTripflight-jpg_result.webp) no-repeat;
     background-position: 50%;
     display: inline-block;
     width: 100%;
     background-size: cover;
     position: relative;
 }

 .slide-flight-f {
     min-height: 400px;
     margin-bottom: 15px;
     background: url(/images/first-class-jpg.jpg) no-repeat;
     background-position: 50%;
     display: inline-block;
     width: 100%;
     background-size: cover;
     position: relative;
 }

 .slide-flight-b {
     min-height: 400px;
     margin-bottom: 15px;
     background: url(/images/business-class-jpg.jpg) no-repeat;
     background-position: 50%;
     display: inline-block;
     width: 100%;
     background-size: cover;
     position: relative;
 }

 .slide-flight-l {
     min-height: 400px;
     margin-bottom: 15px;
     background: url(/images/last-minute-deal-jpg.jpg) no-repeat;
     background-position: 50%;
     display: inline-block;
     width: 100%;
     background-size: cover;
     position: relative;
 }

 .flight-search-bu {
     min-height: 400px;
     margin-bottom: 15px;
     background: url(/images/business-class.jpg) no-repeat;
     background-position: 50%;
     display: inline-block;
     width: 100%;
     background-size: cover;
     position: relative;
 }

 .flight-deals1 .business-text {
     display: flex;
     align-items: center;
     gap: 10px;
     background-color: #f1f1f1;
     padding: 10px;
     color: #000000;
     flex-wrap: wrap;
 }

 .business-text .bussiness-destination,
 .business-text .date-time {
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .business-text .bussiness-destination>svg,
 .business-text .date-time>svg {
     color: #ff7900;
     max-width: 18px;
     /* / width: 100%; / */
 }

 .business-deal .business-card {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     margin: 20px 0;
 }

 .business-deal .business-card .flight-deals1 {
     width: 33.33%;
     padding: 0 12px;
     position: relative;
 }

 p.dis_count {
     position: absolute;
     top: 0;
     right: 12px;
     background: #EB8321;
     padding: 6px 6px;
     color: #fff;
     font-size: 20px;
     margin: 0;
 }

 .business-btn {
     display: flex;
     justify-content: center;
     gap: 7px;
 }

 .business-btn .filter-button-b {
     font-size: 18px;
     border: 1px solid #255074;
     border-radius: 5px;
     text-align: center;
     color: #255074;
     width: 15%;
 }

 /* / about css / */
 .about-li li {
     list-style-type: square;
 }

 .About-ush1 {
     background: #f6f6f6;
     border-top: 1px solid #dedede;
     border-bottom: 1px solid #dedede;
     padding: 5px 0;
     text-align: center;
     margin-bottom: 25px;
     font-size: 27px;
 }

 button.accordion-button.faq-acco {
     padding: 7px 10px;
     font-size: 14px;
     background: #eaebeb;
     margin-bottom: 4px;
 }

 button.accordion-button.faq-acco:not(.collapsed) {
     background-color: var(--secondary);
     color: #ffffff;
 }

 .accordion-body.acco-content {
     padding: 10px 7px;
     font-size: 14px;
     color: #555;
 }

 button.faq-acco.accordion-button:not(.collapsed)::after {
     background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M2%205L8%2011L14%205%27%2F%3E%3C%2Fsvg%3E");
 }

 .faq-acco.accordion-button:focus {
     box-shadow: none;
 }

 .mapouter {
     position: relative;
     text-align: right;
     width: 100%;
     height: 350px;
 }

 .gmap_canvas {
     overflow: hidden;
     background: none !important;
     width: 100%;
     height: 350px;
 }

 .gmap_iframe {
     height: 350px !important;
 }

 p.warning {
     position: absolute;
     bottom: -42px;
     left: 0;
     font-size: 11px;
     color: #ff0000;
     text-shadow: none;
     background-color: white;
     padding: 2px 6px;
     border-radius: 3px;
     box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
     z-index: 99;
 }

 h6.sidebar-title {
     margin: 4px 0 3px 0;
 }

 .form-control:focus {
     box-shadow: none !important;
     border: 1px solid !important;
 }

 /* #preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    row-gap: 25px;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

#preloader h1 {
    font-size: 30px;
}

.bar-container_preloader {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.bar-container_preloader .bar {
    width: 10px;
    height: 50px;
    background: linear-gradient(45deg, #ff0080, #ff8c00);
    border-radius: 5px;
    animation: bounce 1.2s infinite ease-in-out;
}

.bar-container_preloader .bar:nth-child(1) {
    animation-delay: 0s;
}

.bar-container_preloader .bar:nth-child(2) {
    animation-delay: 0.2s;
}

.bar-container_preloader .bar:nth-child(3) {
    animation-delay: 0.4s;
}

.bar-container_preloader .bar:nth-child(4) {
    animation-delay: 0.6s;
}

.bar-container_preloader .bar:nth-child(5) {
    animation-delay: 0.8s;
}

@keyframes bounce {

    0%,
    100% {
        transform: scaleY(1);
    }

    50% {
        transform: scaleY(2);
    }
} */


 .back-btn.flight-del-back-btn span,
 .back-btn.flight-listing-btn span {
     padding: 0;
     background: transparent;
     border: none;
 }

 svg.rightandleft-flip {
     position: absolute;
     top: 4%;
     right: 45%;
     background: var(--secondary);
     padding: 10px;
     z-index: 9;
     border-radius: 100%;
     rotate: 90deg;
     color: white;
 }

 svg.rightandleft-calendar {
     position: absolute;
     top: 1px;
     right: 47%;
     background: var(--secondary);
     padding: 10px;
     z-index: 9;
     border-radius: 100%;
     color: white;
 }

 .destinationcity {
     background-color: white;
     padding: 5px 5px 5px 9px;
     cursor: pointer;
 }

 .destinationcity span svg {
     color: var(--primary);
     padding-right: 6px;
 }

 /* .destinationcity ul li::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 15px;
    top: 0px;
    left: 0px;
    border-radius: 30% 70% 0 100% / 0 0 100% 100%;
    border-color: transparent transparent #afaeae #afaeae;
    border-style: solid;
    border-width: 1px;
}

.destinationcity ul li::after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0px;
    width: 1px;
    background-color: #afaeae;
}

.destinationcity ul {
    padding-left: 26px;
} */

 /* .destinationcity ul li {
    cursor: pointer;
    position: relative;
    font-size: 14px;
    padding: 4px;
    padding-left: 23px;
} */

 .destination-search ul.dropDown {
     background-color: white;
 }

 .destination-search ul.dropDown ul {
     padding-left: 26px;
 }

 .destination-search ul.dropDown ul li {
     cursor: pointer;
     position: relative;
     font-size: 14px;
     padding: 4px;
     padding-left: 23px;
 }

 .destination-search ul.dropDown ul li::before {
     content: "";
     position: absolute;
     width: 16px;
     height: 15px;
     top: 0px;
     left: 0px;
     border-radius: 30% 70% 0 100% / 0 0 100% 100%;
     border-color: transparent transparent #afaeae #afaeae;
     border-style: solid;
     border-width: 1px;
 }

 .destination-search ul.dropDown ul li::after {
     content: "";
     position: absolute;
     height: 100%;
     top: 0;
     left: 0px;
     width: 1px;
     background-color: #afaeae;
 }

 .search-engine.Jh svg.svg-inline--fa.fa-right-left.rightandleft-flip {
     top: 28%;
 }

 .licountryname {
     color: gray;
     font-size: 12px;
     font-weight: 400;
     display: flex;
     justify-content: space-between;
     padding-left: 23px;
     margin-bottom: 0;
 }

 li.destinationcity:hover,
 ul.child-destinations li:hover {
     background-color: var(--primary);
     color: white;
 }

 li.destinationcity:hover span svg,
 li.destinationcity:hover .licountryname,
 .child-destinations li:hover .licountryname {
     color: white;
 }


 .child-destinations li .licountryname {
     padding-left: 0px;
 }

 p.warning-text {
     color: var(--primary);
     position: absolute;
     left: 0;
     background: white;
     font-size: 13px;
     padding: 4px;
     border-radius: 3px;
     top: 45px;
 }

 img.icon.hotelnodata {
     width: 100px;
 }

 .showMore {
     font-size: 14px;
     font-weight: 500;
     text-decoration: underline;
     color: black;
     cursor: pointer;
 }

 .passenger-dropdown>div.newRoom_details {
     display: unset;
 }

 .newRoom_details .room-details {
     width: 100%;
 }


 .room-members-details.newRoom_details .childage-wrapper {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     justify-content: space-between;
     margin-top: 10px;
 }

 .room-members-details.newRoom_details .childage-wrapper .child-age-selector {
     /* border: 1px solid #000; */
     border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 5px;
     width: 49%;
     padding: 0 3px 0 0;
 }

 .room-members-details.newRoom_details .childage-wrapper .child-age-selector select {
     border-left: 1px solid var(--secondary);
     border-width: 1px;
     color: var(--secondary);
     height: auto;
     border-color: var(--secondary);
     border-radius: 3px;
 }

 .room-members-details.newRoom_details .childage-wrapper .child-age-selector label {
     font-size: 12px !important;
     color: black;
     margin-left: 0;
 }

 .search-btn-wrapper.newsearchWrapper {
     justify-content: space-around;
 }

 .search-btn-wrapper.newsearchWrapper button.add-room-btn,
 .search-btn-wrapper.newsearchWrapper button.done-btn {
     width: 48%;
     border-radius: 5px;
     background: var(--primary);
 }

 button.remove-room-btn.newremove-room-btn {
     width: 40%;
     border-radius: 4px;
     font-size: 14px;
     height: 25px;
     /* margin-top: 5px; */
 }

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

 .dropdown-heading.newdropdown-heading {
     color: black;
     display: flex;
     justify-content: space-between;
     padding-top: 10px;
 }

 .container.guaranteed-main h3,
 .container.guaranteed-main h4,
 .container.guaranteed-main p {
     background-color: white !important;
 }

 ul.best-price li svg {
     border: 2px solid #ff7900;
     color: #ff7900;
     padding: 2px;
     max-width: 15px;
 }

 .table_listing_warapper span.opps-text {
     width: 100%;
     align-items: center;
     justify-content: center;
     font-size: 25px;
     margin-top: 20px
 }

 .table_listing_warapper span.opps-text button {
     margin: 0 10px;
     font-size: 20px;
     padding: 5px 15px;
 }

 .opps-text-wrapper {
     display: flex;
     align-items: center;
     flex-direction: column;
     width: 100%;
     border-radius: 5px;
     max-width: 1000px;
     margin: 50px auto;
     padding: 40px 0;
     text-align: center;
 }

 .flight-search-wrapper.sitemapsearch .PreferredAirline.input-fields {
     display: none;
 }

 .flight-search-wrapper.sitemapsearch .passenger-wrapper {
     position: relative;
 }

 h2.react-datepicker__current-month.react-datepicker__current-month--hasYearDropdown.react-datepicker__current-month--hasMonthDropdown {
     background: #f0f0f0;
     font-size: 19px;
 }

 /* Card auth Validation Message style */
 .formWrapper-authoriz .error {
     font-size: 14px;
 }

 .SubMes-wrapper {
     width: 100%;
     height: 100%;
     position: fixed;
     z-index: 9999;
     background: rgba(0, 0, 0, 0.5);
     top: 0;
     left: 0;
     display: flex;
     align-items: center;
     justify-content: center;

 }


 .SubMes-inner-wrapper {
     background: #fff;
     margin: 15px;
     padding: 15px;
     border-radius: 5px;
     max-width: 90%;
     max-height: 90%;
     overflow: hidden;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     width: 402px;
     text-align: center;

 }

 .SubMes-inner-wrapper h1 {
     font-size: 24px;
     text-align: center;
 }

 .SubMes-inner-wrapper p {
     font-size: 15px;
 }

 .SubMes-inner-wrapper button.btn {
     text-align: center;
     padding: 10px;
     border-radius: 5px;
     font-size: 14px;
 }

 .newsletter .SubMes-inner-wrapper button.btn {
     all: unset;
     text-align: center;
     padding: 10px;
     border-radius: 5px;
     font-size: 14px;
     background: #ff7900;
     color: white;
 }

 /* refundshield css */
 .rs-header {
     display: flex;
     align-items: center;
     gap: 10px;
     color: #000;
     margin-bottom: 1rem;
 }

 .rs-title {
     font-size: 18px;
 }

 .rs-tnc {
     font-size: 12px;
     margin-top: 5px;
 }

 .rs-footer .rs-radio-group>label {
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .rs-badge {
     background: #ffd54f;
     font-size: 12px;
     padding: 3px 8px;
     border-radius: 6px;
     font-weight: 600;
 }

 .refundshield-card {
     border: 1.5px solid #dee2e6;
     border-radius: 6px;
     color: #000;
     margin-bottom: 1rem;
     border-bottom: 1px solid #b7dedc;
 }

 .refundshield-card .rs-top {
     background: linear-gradient(90deg, #185FA5 0%, #0F6E56 100%);
     border-radius: 5px 5px 0 0;
     color: white;
 }

 .refundshield-card .rs-top-label {
     background: #dc3545;
     color: #fff;
     font-size: 10px;
     padding: 5px;
     margin-left: 12px;
     border-radius: 0 0 5px 5px;
 }

 .refundshield-card .rs-top-content {
     padding: 10px;
     display: flex;
     justify-content: space-between;
     flex-direction: row-reverse;
     align-items: center;
 }

 .refundshield-card .rs-img {
     height: 28px;
     background: white;
 }

 .refundshield-card .rs-top-text {
     font-size: 14px;
     font-weight: 700;
 }

 .refundshield-card .rs-body {
     padding: 10px;
 }

 .refundshield-card .rs-list {
     margin: 0 0 14px 0;
     font-size: 12px;
     display: flex;
     flex-wrap: wrap;
     font-weight: 600;
 }

 .refundshield-card .rs-list-item {
     display: flex;
     align-items: center;
     gap: 6px;
     margin-right: 12px;
 }

 .refundshield-card .rs-check {
     color: green;
 }

 .refundshield-card .rs-link {
     color: #2563eb;
     text-decoration: underline;
     cursor: pointer;
 }

 .refundshield-card .rs-link-bold {
     color: #2563eb;
     font-weight: 700;
     text-decoration: underline;
     cursor: pointer;
 }

 .refundshield-card .rs-note {
     background: #fff7cc;
     padding: 10px;
     border-radius: 6px;
     font-size: 12px;
 }

 .refundshield-card .rs-highlight {
     background: #ffe96b;
     padding: 2px 4px;
     font-weight: 600;
 }

 .refundshield-card .rs-footer {
     padding: 10px;
 }

 .refundshield-card .rs-radio-group {
     display: flex;
     justify-content: space-between;
     gap: 15px;
 }

 .refundshield-card .rs-price {
     color: #239a93;
     font-size: 16px;
 }

 .refundshield-card .rs-refund-value {
     font-size: 12px;
     color: #666;
 }

 .rs-modal-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 9999;
 }

 .rs-modal {
     width: 80%;
     height: 80%;
     background: #fff;
     border-radius: 8px;
     position: relative;
 }

 .rs-close {
     text-align: right;
     width: 100%;
     padding: 10px;
     border: none;
     background: transparent;
     font-size: 20px;
     cursor: pointer;
 }

 .rs-iframe {
     width: 100%;
     height: 90%;
     border: none;
 }

 .rs-reason-modal {
     width: 420px;
     background: #fff;
     border-radius: 20px;
 }

 .rs-reason-header {
     display: flex;
     justify-content: space-between;
     padding: 13px 20px;
     border: 1px solid #9effdf;
     background: linear-gradient(90deg, #DAFFF2 -.92%, #DEE8FF 101.57%);
     font-weight: 700;
 }

 .rs-reason-body {
     padding: 20px;
     margin: 20px;
     border: 1px solid #9effdf;
     border-radius: 16px;
 }

 .rs-reason-item {
     display: flex;
     align-items: center;
     gap: 10px;
     margin: 6px 0;
 }

 .rs-reason-item.bold {
     font-weight: 600;
 }

 .rs-reason-item.red {
     color: #e74c3c;
 }

 /* webcheckin css */
 .wc-wrapper {
     margin-bottom: 1rem;
 }

 .wc-titleRow {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 1rem;
     font-size: 18px;
     color: black;
 }

 .wc-badge {
     background: #ffd54f;
     font-size: 12px;
     padding: 3px 8px;
     border-radius: 6px;
     font-weight: 600;
     color: black;
 }

 .wc-card {
     background: white;
     border-radius: 10px;
     border: 1px solid #ddd;
 }

 .wc-header {
     border-radius: 10px 10px 0 0;
     background: linear-gradient(90deg, #185FA5 0%, #0F6E56 100%);
     padding: 15px;
     color: white;
 }

 .wc-header h3 {
     margin: 0;
     font-size: 16px;
     font-weight: 700;
 }

 .wc-header p {
     margin: 0;
     font-size: 12px;
 }

 .wc-features {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
     margin: 12px;
 }

 .wc-featureBox {
     border: 1px solid #eee;
     border-radius: 10px;
     padding: 12px;
     text-align: center;
     transition: 0.3s;
 }

 .wc-featureBox:hover {
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }

 .wc-icon {
     font-size: 22px;
     color: #009688;
     margin-bottom: 10px;
 }

 .wc-featureBox h4 {
     color: #009688;
     font-size: 15px;
     font-weight: 600;
 }

 .wc-featureBox p {
     font-size: 13px;
     color: #555;
 }

 .wc-actionRow {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 12px 12px 12px;
     flex-wrap: wrap;
 }

 .wc-radio {
     display: flex;
     align-items: center;
     gap: 6px;
     font-size: 14px;
     cursor: pointer;
 }

 .wc-termsLink {
     color: #2a5bd7;
     cursor: pointer;
     font-size: 12px;
     font-weight: 600;
     text-decoration: underline;
 }

 /* MODAL */

 .wc-modalOverlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 999;
 }

 .wc-modalBox {
     background: white;
     width: 600px;
     max-height: 80vh;
     overflow-y: auto;
     border-radius: 10px;
 }

 .wc-modalHeader {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 1px solid #eee;
     padding: 10px;
     position: sticky;
     top: 0;
     background: #009688;
 }

 .wc-modalHeader button {
     border: none;
     background: none;
     font-size: 18px;
     cursor: pointer;
 }

 .wc-modalHeader h3 {
     font-size: 18px;
     color: black;
 }

 .wc-modalContent {
     padding: 10px 5px 10px 10px;
 }

 .wc-modalContent h4 {
     margin-top: 11px;
     color: #009688;
     font-size: 16px;
     font-weight: 700;
 }

 .wc-modalContent p {
     font-size: 14px;
     color: #555;
     margin: 0;
 }

 /* incurence css */
 /* ==================== TripSecure Component Styles ==================== */

 .ts-header {
     display: flex;
     align-items: center;
     gap: 10px;
     color: #000000;
     margin-bottom: 1rem;
     font-size: 18px;
 }

 .ts-header strong {
     font-size: 18px;
 }

 .ts-recommended {
     background: #ffd54f;
     font-size: 12px;
     padding: 3px 8px;
     border-radius: 6px;
     font-weight: 600;
 }

 .ts-main-container {
     border-width: 1.5px 1.5px 1px;
     border-style: solid;
     border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(183, 222, 220);
     border-radius: 6px;
     margin-bottom: 1rem;
 }

 .ts-gradient-header {
     padding: 3px 10px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     background: linear-gradient(90deg, #185FA5 0%, #0F6E56 100%);
     font-weight: 700;
     color: #fff;
     border-radius: 5px 5px 0 0;
 }

 .ts-tata-logo {
     /* width: 90px; */
     height: 50px;
 }

 .ts-benefit-icon {
     padding: 5px;
     display: flex;
     font-size: 21px;
 }

 .ts-benefit-title {
     font-weight: 600;
 }

 .ts-benefit-desc {
     font-size: 11px;
 }

 .ts-content {
     padding: 10px;
 }

 .ts-plans-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
     gap: 10px;
 }

 .ts-modal-header-right {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .ts-plan-card {
     background: #fff;
     border-radius: 14px;
     border: 1px solid #eee;
     transition: 0.3s;
     display: flex;
     flex-direction: column;
 }

 .ts-card-header {
     padding: 12px 15px 0;
 }

 .ts-price-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 18px;
     font-weight: 700;
     color: rgb(35 154 147);
 }

 .ts-cov-row {
     display: flex;
     align-items: center;
     gap: 9px;
 }

 .ts-cov-icon-box {
     width: 32px;
     height: 32px;
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }

 .ts-cov-name {
     font-size: 11px;
     font-weight: 600;
     color: #333;
 }

 .ts-tnc {
     cursor: pointer;
     font-size: 13px;
     color: #007bff;
     text-decoration: underline;
 }

 .ts-benefits-list> :last-child {
     flex: none;
 }

 .ts-radio-label {
     display: flex;
     justify-content: flex-end;
     padding: 0 15px;
     cursor: pointer;
 }

 .ts-benefits-riders {
     padding: 0 15px 10px;
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .ts-section-title {
     font-size: 16px;
     font-weight: 700;
     color: #1a1a2e;
     margin-bottom: 8px;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .ts-benefits-list {
     display: flex;
     /* flex-wrap: wrap; */
     gap: 6px;
 }

 .ts-benefit-item,
 .ts-service-item {
     background: rgb(215 239 238);
     padding: 4px 8px;
     border-radius: 6px;
     font-size: 12px;
     display: flex;
     align-items: center;
     gap: 4px;
     color: #000;
 }

 .ts-service-item {
     background: rgb(237 243 243);
     width: 100%;
 }

 .ts-service-icon {
     width: 28px;
     height: 28px;
     background: rgb(228 241 241);
     border-radius: 6px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #239a93;
 }

 .ts-service-name {
     flex: 1;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .ts-show-all {
     color: #009688;
     cursor: pointer;
     font-size: 12px;
     font-weight: 700;
 }

 .ts-show-more {
     text-align: center;
     margin-top: 10px;
 }

 .ts-show-more button {
     background: transparent;
     border: none;
     color: #009688;
     font-weight: 700;
     cursor: pointer;
     font-size: 14px;
 }

 .ts-no-insurance {
     border: 1px solid #ddd;
     border-radius: 8px;
     padding: 12px 16px;
     margin-top: 12px;
     background: #fafafa;
     cursor: pointer;
 }

 .ts-no-insurance-label {
     display: flex;
     align-items: center;
     gap: 10px;
     width: 100%;
     cursor: pointer;
 }

 .ts-highlight {
     color: #007bff;
     font-weight: 500;
 }

 .ts-loader {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 150px;
 }

 .ts-spinner {
     width: 40px;
     height: 40px;
     border: 4px solid #e0e0e0;
     border-top: 4px solid #239a93;
     border-radius: 50%;
     animation: ts-spin 1s linear infinite;
 }

 @keyframes ts-spin {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 /* Modal Styles */
 .ts-modal-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 999;
 }

 .ts-modal {
     background: #fff;
     padding: 20px;
     border-radius: 10px;
     width: 420px;
     max-height: 70vh;
     overflow-y: auto;
 }

 .ts-modal-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 10px;
 }

 .ts-modal-header h3 {
     color: rgb(35, 154, 147);
     margin: 0;
     font-weight: 600;
     font-size: 18px;
 }

 .ts-close-btn {
     background: #239a93;
     color: #fff;
     border: none;
     padding: 4px 8px;
     border-radius: 6px;
     cursor: pointer;
     font-size: 14px;
 }

 .ts-modal-item {
     display: flex;
     align-items: center;
     gap: 8px;
     margin-bottom: 8px;
     font-size: 13px;
 }

 /* Download Button Styles */
 .download-btn {
     position: relative;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 9px 18px;
     background: linear-gradient(135deg, #282828 0%, #239a93 100%);
     color: #fff;
     border: none;
     border-radius: 8px;
     font-size: 13px;
     font-weight: 600;
     cursor: pointer;
     overflow: hidden;
     transition: all 0.3s ease;
     box-shadow: 0 3px 10px rgba(26, 115, 232, 0.35);
     letter-spacing: 0.3px;
 }

 .ts-yes-no-wrapper {
     display: flex;
     padding: 9px 0 0px 3px;
 }

 .download-btn::before {
     content: '';
     position: absolute;
     inset: 0;
     background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, transparent 60%);
     opacity: 0;
     transition: opacity 0.3s ease;
 }

 .download-btn:hover:not(:disabled)::before {
     opacity: 1;
 }

 .download-btn:hover:not(:disabled) {
     transform: translateY(-2px);
     box-shadow: 0 6px 18px rgba(26, 115, 232, 0.5);
 }

 .download-btn:active:not(:disabled) {
     transform: translateY(0px);
     box-shadow: 0 2px 6px rgba(26, 115, 232, 0.3);
 }

 .download-btn:disabled {
     background: linear-gradient(135deg, #90afd4 0%, #6a8db5 100%);
     cursor: not-allowed;
     box-shadow: none;
 }

 /* Spinner animation */
 .spinner {
     display: inline-block;
     width: 13px;
     height: 13px;
     border: 2px solid rgba(255, 255, 255, 0.4);
     border-top-color: #fff;
     border-radius: 50%;
     animation: spin 0.7s linear infinite;
     flex-shrink: 0;
 }

 @keyframes spin {
     to {
         transform: rotate(360deg);
     }
 }

 /* Bounce animation for download icon */
 .download-icon {
     display: inline-block;
     animation: bounce-icon 1.6s ease infinite;
     font-style: normal;
     line-height: 1;
 }

 @keyframes bounce-icon {

     0%,
     100% {
         transform: translateY(0);
     }

     40% {
         transform: translateY(-3px);
     }

     60% {
         transform: translateY(-1px);
     }
 }

 .download-btn:disabled .download-icon {
     animation: none;
 }

 /* RESPONSIVE */
 @media (max-width: 1480px) {
     .boox_wrapper {
         display: none !important;
     }

 }

 @media (max-width: 900px) {
     .wc-features {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media (max-width: 768px) {
     .wc-features {
         grid-template-columns: 1fr;
     }

     .wc-modalBox {
         width: 90%;
     }
 }

 @media (max-width: 600px) {
     .wc-features {
         grid-template-columns: 1fr;
     }

     .wc-actionRow {
         flex-direction: column;
         align-items: flex-start;
         gap: 10px;
     }
 }

 @media (max-width:1400px) {
     .sidebar-wrapper .airlines-wrapper.sidebar-list-check>ul>li {
         flex-direction: column;
     }
 }

 @media(max-width:1199px) {
     .hotel_search_request {
         width: 75%;
     }

     .hotel-list-wrapper {
         padding: 0 0 0 15px !important;
     }

     .flightDetails-listing .flight-info-head {
         padding: 7px 0 7px 7px;
         font-size: 12px;
     }

     .booking-bg .booking-bg-wrapper {
         gap: 8px;
     }

     .booking-bg aside.sidebar {
         width: 32%;
     }

     .booking-bg #dvFlightDetails {
         width: 65%;
     }

     .divide-pr .flight-bothSide .departure,
     .divide-pr .flight-bothSide .arr-ived {
         width: 66% !important;
         /* margin: 0 10px; */
     }

     .skele-alllist .ske-why {
         display: none;
     }

     .skele-alllist .ske-filtter {
         width: 22%;
     }

     .skele-alllist .ske-flight-list {
         width: 77%;
     }

     .hotel-listing-wrapper .boox_wrapper {
         display: none;
     }

     .hotel-list-wrapper {
         width: 75%;
         padding-right: 0;
     }

     .search-modify .flight-search-wrapper {
         gap: 5px;
     }

     .search-modify .date-pickers {
         gap: 5px;
     }

     .search-modify .search-flight {
         width: 11%;
     }

     .search-modify .passenger-input>span {
         font-size: 14px;
     }

     .search-modify .passenger-input svg {
         width: 15px;
     }

     .search-modify .flight-search-wrapper input {
         font-size: 14px;
         padding-left: 20px;
     }

     .search-modify svg {
         width: 12px;
     }

     .search-modify .input-icon {
         top: 28px;
         left: 5px;
     }

     .search-modify .passenger-input {
         gap: 5px;
     }

     .search-modify label {
         font-size: 14px;
     }

     .result-title h2 {
         font-size: 18px;
         margin: 0;
     }

     span.sortBy-select {
         padding: 5px 10px;
     }

     .hotel-list-wrapper .result-title {
         margin-bottom: 1rem;
     }

     .hotel-info h5 {
         font-size: 18px;
     }

     .hotel-sidebar {
         width: 25%;
     }

     .holiday-listing-wrapper .boox_wrapper {
         display: none;
     }

     .holiday-list-wrapper {
         width: 75%;
         padding-right: 0;
     }

     .holiday-listing-wrapper .sidebar.holiday-sidebar {
         width: 25%;
     }

     .holiday-info-middle h5 {
         font-size: 18px;
     }

     .edit-holiday {
         padding: 34px 0 13px;
     }

     .edit-holiday label {
         font-size: 14px;
         padding: 6px 0px;
     }

     .edit-holiday .flight-search-wrapper input {
         font-size: 14px;
         padding-left: 28px;
         min-height: 35px;
     }

     .edit-holiday .flight-search-wrapper input::placeholder {
         font-size: 14px;
     }

     .edit-holiday .passenger-input {
         min-height: 35px;
     }

     .edit-holiday .passenger-input>span {
         font-size: 14px;
     }

     .edit-holiday .flight-search-wrapper {
         gap: 5px;
     }

     .hotel-search .input-icon svg {
         width: 12px;
     }

     .hotel-search .input-icon {
         top: 6px;
         left: 7px;
     }

     .cruise-listing-wrapper .boox_wrapper {
         display: none;
     }

     .cruise-sidebar {
         width: 25%;
     }

     .cruise-list-wrapper {
         width: 75%;
     }

     .cruise-info h5 {
         font-size: 20px;
     }

     .blog-wrapper .blog-inner-right {
         width: 34%;
     }

     .blog-wrapper .blog-inner-left {
         width: 64%;
     }

     .related_img_heading p {
         font-size: 16px;
     }

     .strip-more-details,
     .all-bag-type {
         gap: 3px;
     }

     .strip-more-details span {
         font-size: 12px;
     }

     .search-engine .flight-search-wrapper-1,
     .search-engine .flight-search-wrapper-1>div {
         gap: 10px;
     }

     .react-datepicker-wrapper:first-child {
         margin: 0;
     }

     .flight-listing-wrapper .container-fluid .row .boox_wrapper,
     .flight-listing-wrapper .deals-table {
         display: none;
     }

     .flight-listing-wrapper .container-fluid .row .sidebar-wrapper {
         width: 25%;
     }

     .flight-listing-wrapper .container-fluid .row .table_listing_warapper {
         width: 75%;
     }

 }

 @media (max-width: 1024px) {
     .trending-card-wrapper {
         grid-template-columns: repeat(2, 1fr);
     }

     .flight-search-wrapper.sitemapsearch .sitemapengine {
         flex-direction: column;
         gap: 10px;
         margin: 0;
         width: 100%;
     }

     .flight-search-wrapper.sitemapsearch .sitemapengine .input-wrapper.position-relative.input-with-icon {
         width: 100%;
     }

     .flight-search-wrapper.sitemapsearch .sitemapengine .last-input {
         width: 100%;
     }
 }

 @media (max-width:1010px) {

     .Business_deal,
     .last_mint {
         width: 100%
     }

     .Business_deal .for_flex,
     .last_mint .for_flex {
         justify-content: space-between
     }

     .mid_line {
         display: none
     }

     .last_mint .for_flex .cs_width h3 {
         text-align: start
     }

     .last_mint_main {
         gap: 10px
     }
 }

 @media (min-width:992px) {
     .fixed-filter {
         display: none;
     }

     .container-fluid .row .sidebar-wrapper {
         width: 20%;
         padding-right: 0;
     }

     .container-fluid .row .table_listing_warapper {
         width: 65%;
     }

     .container-fluid .row .boox_wrapper {
         width: 15%;
         padding-left: 0;
     }

     .destination-price .mobile-btn-bag .all-bag-type-1 {
         display: none;
     }

 }

 @media(max-width:991px) {
     .hotel_search_request {
         width: 100%;
     }

     .only-jh .search-result-wrapper {
         display: none;
     }

     .table_listing_warapper span.opps-text {
         font-size: 18px;
     }

     .table_listing_warapper span.opps-text button {
         font-size: 18px;
         margin: 0 5px;
         padding: 7px;
         line-height: 1;
     }

     .date-pickers .react-datepicker__tab-loop {
         width: 0;
     }

     .hotel-search-modify .last-input .passenger-wrapper {
         width: 100%;
     }

     .best-price {
         font-size: 14px;
     }


     .best-price li {
         width: 48%;
     }

     .flight-deals1 .text {
         font-size: 13px;
         min-height: 92px;
         line-height: 1.4;
         color: #333;
     }

     .guaranteed {
         font-size: 19px;
         margin: 23px 0 5px 0;
     }

     .newsletter .flt-left {
         font-size: 22px;
     }

     .newsletter .flt-left span {
         font-size: 14px;
         line-height: 0;
     }

     .newsletter .flt-right,
     .newsletter .flt-left {
         width: 100%;
     }

     .business-deal .business-card .flight-deals1 {
         width: 50%;

     }

     .booking-bg .cm-container,
     .review-trip .cm-container {
         max-width: 780px;
     }

     .booking-bg #dvFlightDetails,
     .booking-bg aside.sidebar {
         width: 100%;
     }


     .booking-bg-wrapper {
         flex-wrap: wrap;
     }

     .sidebar-other-outer {
         display: none;
     }

     .footer-menu-wrapper .footer-menu {
         width: 30%
     }

     .footer-menu-wrapper {
         row-gap: 20px
     }

     .disclaimer,
     .trustpilot {
         display: none
     }

     .top-footer {
         padding-bottom: 30px
     }

     .ne_review_card {
         min-height: 300px
     }

     .interNa h3 {
         font-size: 18px
     }

     .main-menu nav>ul>li {
         margin: 0 9px
     }

     .boox_wrapper {
         display: none;
     }

     .skele-alllist .ske-filtter {
         display: none;
     }

     .skele-alllist .ske-flight-list {
         width: 100%;
     }

     .redeem-container {
         width: 48%;
     }

     .coupan-cards-main .coupon-card {
         width: 48%;
     }

     .unique-stay .price {
         font-size: 14px;
         gap: 5px;
         padding: 11px;
     }

     .unique-stay .price strong {
         font-size: 15px;
     }

     .unique-stay .pric-discount1 .discount {
         font-size: 11px;
     }

     .unique-stay .title {
         font-size: 16px;
     }

     .unique-stay .title {
         font-size: 16px;
     }

     .unique-stay .rating {
         font-size: 13px;
         margin-bottom: 0;
     }

     .unique-stay .rate-details button {
         white-space: nowrap;
     }

     .hotels-card h2 {
         font-size: 16px;
     }

     .hotels-card p {
         font-size: 14px;
     }

     .unique-stay {
         padding-bottom: 20px;
     }

     .unique-stay .slick-slide {
         padding: 0 5px;
     }

     .htlInfor .hotelrvw-info {
         width: 100%;
     }

     .htlInfor .hotelrvw-img {
         width: 100%;
         margin-bottom: 20px;
     }

     .resgi-dex {
         width: 100%;
     }

     .main-of-hotel-info {
         width: 65%;
     }

     .Room-Price-Details {
         width: 35%;
     }

     .base-p-room .all-del-base-pri {
         font-size: 12px;
     }

     .base-p-room .PricingBlock {
         font-size: 12px;
     }

     .base-p-room .final-ammount,
     .base-p-room .newPricingBlock {
         font-size: 14px;
     }

     .pay-button {
         max-width: 238px;
         margin: 10px 0 0 0;
     }

     .edit_pay {
         width: 64%;
     }

     .terms {
         padding: 12px;
         line-height: 1;
     }

     .hotel_name-dtl {
         width: 60%;
     }

     .total-card-payment {
         width: 40%;
         padding-left: 10px;
     }

     .hotel_name-dtl .header h2 {
         font-size: 25px;
     }

     .hotel_name-dtl .ratingValue p {
         font-size: 16px;
     }

     .ratingValue svg {
         max-width: 16px;
         width: 100%;
         height: auto;
     }

     .hotel_name-dtl .reviw-box .right-r-box {
         width: 35%;
     }

     .total-card-payment .hotel-all-deta {
         padding: 10px;
     }

     .total-card-payment .date-info {
         margin-top: 6px;
     }

     .total-card-payment .percent-icon {
         width: 17px;
         height: 17px;
     }

     /* .total-card-payment .offers .cuppon-offer .cupoonn {
        line-height: 1;
      }
    
      .cuppon-offer .add-more-offer {
        margin-top: 12px;
      }
    
      .cuppon-offer .cupoonn .free-demo p {
        line-height: 1.25;
        font-size: 12px;
      }
    
      .offers .cuppon-offer {
        gap: 5px;
      }
    
      .offer-price-wrapper {
        gap: 5px;
      }
    
      .cupoonn .offer-price {
        white-space: nowrap;
        font-size: 12px;
      } */

     /* .cupoonn .membership-w {
        font-size: 12px;
      } */

     .total-card-payment .current-price {
         font-size: 20px;
     }

     .total-card-payment .book-button {
         font-size: 14px;
         padding: 10px;
     }

     /* .total-card-payment {
        max-height: 540px;
    } */

     .hotel-policies .policy-row .checkin-out-time {
         font-size: 14px;
     }

     .hotel-rooomss-2 .hotel_wrapper {
         width: 100%;
         position: relative;
         border-bottom: 1px dashed #c3c3c3;
     }

     .hotel-rooomss-2 .room-benifits {
         width: 100%;
         gap: 15px;
         padding: 0 10px;
         border: none;

     }

     .hotel-rooomss-2 .room-type-price {
         width: 100%;
         text-align: start;
         padding: 10px;
     }

     .room-type-price .font16 {
         display: none;
     }

     .room-type-price .newDtlsFilled {
         margin: 0;
     }

     .small-review-type {
         position: absolute;
         top: 10px;
         right: 12px;
         background-color: #dcdcdc;
         border-radius: 5px;
         padding: 8px;
         align-items: flex-start;
     }

     .small-review-type .badge-standard {
         padding: 0 4px;
     }

     /* .Cancellation-policy-room-type {
        display: none;
    } */

     .hotel-listing-wrapper button.closeFilter {
         display: inline-block;
     }

     .top-filter-wrapper {
         position: sticky;
         width: 100%;
         top: 0;
         left: 0;
         z-index: 99;
         padding: 0 10px;
     }

     .openHotelfilter .hotel-sidebar {
         top: 0;
     }

     html.openHotelfilter {
         overflow: hidden;
     }

     .modify-btn-wrapper.hotel {
         display: flex;
         justify-content: space-between;
         padding: 10px;
     }

     .modify-btn-wrapper.hotel .modify-btn {
         padding: 7px 5px;
         text-align: center;
         font-size: 13px;
         border-radius: 4px;
         cursor: pointer;
         border: 1px solid #FF7900;
         font-weight: 600;
         max-width: 120px;
         white-space: nowrap;
         text-transform: capitalize;
         width: 100%;
         background: var(--primary);
         color: #fff;
     }

     .hotel-list-wrapper {
         padding: 0;
     }

     .hotel .back-btn a {
         width: 40px;
         background: #093356;
         color: #7faed5;
         font-size: 20px;
         border: 1px solid #235681;
         border-radius: 4px;
         height: 35px;
         line-height: 1.5;
         display: block;
         text-align: center;
     }

     .hotel .back-btn a span {
         color: #7faed5;
         font-size: 20px;
         line-height: 1.5;
         text-align: center;
         padding: 3px 14px;
     }

     .hotel .back-btn a span svg {
         width: 20px;
         height: auto;
     }

     .hotel-search-modify .flight-search-wrapper {
         display: none;
     }

     .hotel-list-wrapper {
         width: 100%;
     }

     .sortBy {
         display: none;
     }

     .hotel-card-wrapper {
         border-bottom: 1px dashed #ccc;
         padding-bottom: 15px;
         margin-bottom: 15px;
     }

     .hotel-sidebar {
         position: fixed;
         z-index: 1000;
         background: #fff;
         height: 100%;
         top: 200%;
         left: 0%;
         width: 100%;
         transition: 0.4s all;
     }

     .openHotelSearch .hotel-modal-overlay {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0, 0.5);
         display: flex;
         align-items: center;
         justify-content: center;
         z-index: 9999;
     }

     .openHotelSearch .hotel-search-modify .flight-search-wrapper {
         display: block;
         position: absolute;
         background-color: #103e65;
         top: 50%;
         left: 50%;
         transform: translate(-50%, 50%);
         max-width: 600px;
         width: 100%;
         padding: 15px;
         z-index: 9999;
     }

     .openHotelSearch .search-modify .input-fields {
         width: 100%;
     }

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

     .openHotelSearch .search-modify .last-input {
         width: 100%;
     }


     .openHotelSearch .search-modify .search-flight {
         width: 100%;
     }


     .openHotelSearch .react-datepicker-wrapper input {
         max-width: 300px;
     }

     .openHotelSearch .flight-listing-styles .flight-search-wrapper h1,
     .openHotelSearch .flight-listing-styles .flight-search-wrapper .head-clos-htl {
         display: block;
         margin-bottom: 5px;
     }

     .openHotelSearch .flight-listing-styles .flight-search-wrapper .head-clos-htl {
         text-align: end;
         margin-bottom: 13px;
     }

     .openHotelSearch .flight-listing-styles .flight-search-wrapper .closeButton-modal {
         border: none;
         background-color: var(--primary);
         color: white;
     }

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

     .openHotelSearch .search-modify .flight-search-wrapper input {
         margin-bottom: 10px;
     }

     .openHotelSearch .flight-listing-styles {
         overflow: hidden;
     }

     .holiday-wrapper .holiday-landingCard {
         padding: 20px;
     }

     .fl_prnt .paymentmodes .nav {
         width: 100%;
         flex-direction: row;
     }

     .fl_prnt .paymentmodes .nav button {
         font-size: 13px;
         padding: 5px 12px;
         gap: 5px;
     }

     .fl_prnt .paymentmodes .content {
         width: 100%;
     }

     .creditdel .gst-section {
         padding: 10px;
     }

     .how-it-works-container {
         margin: 10px;
         font-size: 11px;
         padding: 4px;
     }

     .how-it-works-container .arrow {
         font-size: 14px;
     }

     .save-check {
         padding: 0 10px;
     }

     .save-check p {
         font-size: 13px;
     }

     .holiday-del-pyt {
         margin: 10px;
     }

     .bank-popular {
         padding: 10px;
     }

     .holiday-listing-wrapper .sidebar.holiday-sidebar {
         position: fixed;
         z-index: 1000;
         background: #fff;
         height: 100%;
         top: 200%;
         left: 0%;
         width: 100%;
         transition: 0.4s all;
     }

     .openHolidayfilter .holiday-listing-wrapper .sidebar.holiday-sidebar {
         top: 0;
     }

     .openHolidayfilter>body {
         overflow: hidden;
     }

     .holiday-list-wrapper {
         width: 100%;
         padding: 0;
     }

     .holiday-card-wrapper {
         margin: 0 0 19px 0;
     }

     .holiday-card-wrapper .holiday-images {
         width: 26%;
     }

     .holiday-card-wrapper .holiday-price {
         width: 24%;
         padding: 10px;
     }

     .edit-holiday .flight-search-wrapper {
         display: none;
     }

     .edit-holiday .holiday-search .flight-search-wrapper>div {
         width: 100%;
     }

     .edit-holiday .holiday-search .flight-search-wrapper .search-flight {
         width: 100%;
     }

     .edit-holiday label {
         position: unset;
         padding: 0;
     }

     .edit-holiday {
         padding: 0px;
     }

     .flight-listing-styles .edit-holiday .flight-search-wrapper h1 {
         display: block;
         margin-bottom: 5px;
     }

     .flight-listing-styles .edit-holiday .flight-search-wrapper .head-clos-htl {
         display: block;
         text-align: end;
     }

     .openholidaySearch .edit-holiday .flight-search-wrapper {
         display: block;
         position: absolute;
         background-color: #103e65;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         max-width: 600px;
         width: 100%;
         padding: 12px 15px 21px;
         z-index: 9999;
     }

     .openholidaySearch .holiday-modal-overlay {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0, 0.5);
         display: flex;
         align-items: center;
         justify-content: center;
         z-index: 9999;
     }

     .openholidaySearch .react-datepicker-wrapper input {
         width: 100%;
     }


     .flight-listing-styles .flight-search-wrapper .closeButton-modal {
         border: none;
         background-color: var(--primary);
         color: white;
     }

     .edit-holiday .input-fields.trip-place {
         padding-bottom: 8px;
         text-align: justify;
     }

     .edit-holiday .date-pickers {
         padding-bottom: 8px;
         text-align: justify;
     }

     .edit-holiday .last-input {
         padding-bottom: 18px;
         text-align: justify;
     }

     .edit-holiday .holiday-search .flight-search-wrapper .search-flight button {
         width: 100%;
     }

     .packinfo .pkgname {
         font-size: 21px;
     }

     .packinfo .pkgtimex {
         font-size: 12px;
     }

     .holi-del .holi-del1 {
         width: 65%;
         padding: 0px 14px 0 0;
     }

     .holi-del .holi-price {
         width: 35%;
     }

     .teb-holi a.all-tabs-btn {
         padding: 4px 7px;
         font-size: 13px;
     }

     .teb-holi {
         gap: 5px;
     }

     .pck-boxs {
         padding: 10px;
     }

     .Itinebox {
         padding: 2px 0 0px 35px;
     }

     .Itinebox ul li {
         padding-left: 20px;
     }

     .incu-exclu .pck-boxs {
         width: 100%;
     }

     .holiday-wrapper-n .holiday-card1 {
         width: 49%;
     }

     .holiday-wrapper-n .holiday-card1 img {
         height: 130px;
     }

     .holiday-card1 .trip-del .trip-name h3 {
         font-size: 15px;
     }

     .holiday-price .hotelDetail-btn {
         margin: 5px 0;
         font-size: 15px;
         padding: 5px 10px;
     }

     .holiday-price .PricePrice {
         font-size: 16px;
     }

     .inner-confirmation {
         gap: 15px;
     }

     .confirm-right table.fare td.grand-total:first-child {
         text-align: left;
     }

     .confirm-right table.fare .grandtotal-wrapper {
         font-size: 15px;
     }

     .confirm-right table.fare td {
         text-align: right;
     }

     .Choose-Reservationcentre .cruies-boxs {
         width: 48%;
     }

     .cru-passenger-wrapper .for-wid1 {
         width: 60%;
     }

     .cru-passenger-wrapper .for-wid2 {
         width: 38%;
     }

     .Price-del table th {
         padding: 7px;
         font-size: 13px;
     }

     .contentBox .cruiseimage img {
         width: 100%;
         border-radius: 10px;
         max-height: 350px;
         height: 100%;
     }

     .contentBox .cruiseimage {
         width: 36%;
     }

     .contentBox .detailBox {
         width: 61%;
     }

     .contentBox .pricecategory-option {
         font-size: 13px;
     }

     .detailBox .cruise-btn button {
         font-size: 14px;
         min-width: 212px;
         width: 100%;
     }

     .cruise-btn {
         display: flex;
         align-items: center;
     }

     .Itinerary .Itinerary-days {
         width: 60%;
     }

     .Itinerary .iframe {
         width: 37%;
     }

     .Slider-box img {
         width: 100%;
     }

     .crui-conf .conf-one {
         width: 60%;
     }

     .crui-conf .conf-two {
         width: 38%;
     }

     .cru-passen-info.scroll.for-p-b {
         overflow-x: scroll;
     }

     table.cru-billing.cru-trv tr {
         white-space: nowrap;
     }

     li.inclu {
         display: flex;
         gap: 6px;
         font-size: 13px;
     }

     .conf-two .cru-passen-info {
         padding: 10px;
     }

     .contactUs-wrapper .cont-right {
         padding: 20px;
     }

     .contactUs-wrapper .cont-left {
         padding: 20px;
     }

     .contactUs-wrapper .cont-right .form-area {
         column-gap: 10px;
     }

     .contactUs-wrapper .cont-right .form-group {
         width: 100%;
     }

     .Corporate-Travel .inputGroup {
         width: 100%;
         margin: 0;
     }

     .Corporate-Travel .inputGroup input,
     .Corporate-Travel .inputGroup textarea {
         padding: 8px;
     }

     .Corporate-Travel.req-supp-bg .help-column {
         width: 33.33%;
     }

     .Corporate-Travel.req-supp-bg .help-item {
         font-size: 12px;
         padding: 4px;
     }

     .Corporate-Travel.req-supp-bg .help-grid {
         gap: 7px;
         padding: 9px;
     }

     .contactUs-wrapper .contact-bg {
         margin-top: 10px;
     }

     .supp-left .supp-head {
         font-size: 18px;
     }

     .req-supp-bg .accordion-content p {
         font-size: 13px;
     }

     .contact-bg .supp-right {
         width: 29%;
     }

     .supp-right .still-support {
         font-size: 18px;
     }

     .supp-right .still-support a {
         top: 15px;
     }

     .quick-links-head p {
         font-size: 12px;
         padding: 6px;
     }

     .quick-links-head .new-email {
         padding: 0 6px 6px;
     }

     .quick-links-head .new-email span {
         right: 6px;
     }

     .quick-links-head .new-email.withcall {
         padding: 6px;
     }

     .quick-links-head .new-email span.withmail {
         top: 6px;
     }

     .back-btn a {
         width: 40px;
         background: #093356;
         color: #7faed5;
         font-size: 20px;
         border: 1px solid #235681;
         border-radius: 4px;
         height: 35px;
         line-height: 1.5;
         display: flex;
         text-align: center;
         align-items: center;
         justify-content: center;
     }

     .back-btn a svg {
         width: 20px;
         height: auto;
     }

     .top-filter-wrapper {
         position: sticky;
         top: 0;
         z-index: 99;
     }

     .cruise-listing-wrapper button.closeFilter {
         display: inline-block;
         margin-right: 10px;
     }

     .mob-filter-wrapper {
         display: flex;
         justify-content: space-between;
     }

     .mob-filter-wrapper svg {
         width: 16px;
     }

     .cruise-top-heading {
         padding: 10px 0;
     }

     .cruise-sidebar {
         position: fixed;
         z-index: 99;
         top: 0;
         left: -100%;
         width: 100%;
         background: #fff;
         height: 100%;
         transition: 0.4s all;
         max-width: 500px;
     }

     .cruise-list-wrapper {
         width: 100%;
     }

     .cruise-top-heading h2 {
         display: none;
     }

     .blog-list .blog-card {
         width: 48%;
     }

     .related_img_heading p {
         font-size: 16px;
     }

     .blog-wrapper .blog-inner-left {
         width: 99%;
     }

     .blog-wrapper .blog-inner-right {
         width: 50%;
     }

     .blog-content h2 {
         font-size: 20px;
     }

     .blog-content {
         width: 100%;
     }

     .depart-time-wrapper li {
         width: 48%;
         min-width: auto;
     }

     .sidebar-title {
         font-size: 14px;
     }

     .airline-list-select-btn>button {
         font-size: 10px;
     }

     .airline-list-select-btn.d-flex.align-items-center.gap-3 {
         display: none !important;
     }

     .filter-subheading {
         font-size: 14px;
     }

     .sidebar-list-check ul li label {
         font-size: 12px;
     }

     .price-range-values span {
         font-size: 13px;
     }

     .sidebar-price-range .range-wrapper .range-slider>.thumb {
         width: 15px;
         height: 15px;
     }

     .sidebar-stop-text .btn.btn-primary {
         font-size: 11px;
         padding: 7px 5px;
     }

     .flight-trpact img {
         /* max-width: 45px; */
         height: 45px;
         margin-bottom: 5px;
     }

     .flight-sec-1 {
         min-width: 80px;
     }

     .flight-trpact p .flight-name {
         font-size: 10px;
     }

     .booking-bg-wrapper {
         flex-direction: column-reverse;
     }

     .flight-listing-wrapper .container-fluid .row .sidebar-wrapper {
         padding: 0;
     }

     .FlightTypeButtons .FTBResults.activelist::before {
         bottom: auto;
         top: 43px;
     }

     .FlightTypeButtons .FTBResults.activelist::after {
         top: 40px;
     }

     .FlightTypeButtons .FTBResults {
         padding: 8px;
     }

     .Edit_rc .btn.edit-btn.edit_search {
         display: block;
     }

     .Edit_rc .search-engine {
         display: none;
     }

     /* .strip-more-details .all-bag-type {
        display: none;
    } */

     .destination-price .mobile-btn-bag .all-bag-type-1 {
         display: block;
     }

     .flight-timing-d .destination-price {
         width: 17%;
         padding-left: 5px;
     }

     .destination-price span {
         font-size: 16px;
     }

     .destination-price p {
         font-size: 12px;
     }

     .buynow {
         margin: 10px 0 0 0;
     }

     .buynow .btn {
         padding: 6px;
     }

     .recommended-filtter {
         width: 100%;
         overflow-x: scroll;
         overflow-y: hidden;
         background-color: #e5e3e3;
     }

     .all-bag-type-1 .all-bag-type {
         gap: 8px;
     }

     .all-bag-type-1 .all-bag-type svg {
         max-width: 15px;
         padding-top: 10px;
     }

     .FlightTypeButtons .FTBResults.activelist {
         background: var(--secondary);
         color: #fff;
     }

     .flight-info-mm h5 {
         font-size: 16px;
     }

     .flight-info-mm h3 {
         font-size: 13px;
     }

     .flight-bothSide .duration {
         font-size: 12px;
     }

     .stops-wrapper .depart-icon svg,
     .stops-wrapper .arrival-icon svg {
         width: 15px;
         height: auto;
     }

     .stops-wrapper .stops-name:before {
         width: 8px;
         height: 8px;
     }

     .stops-wrapper .stops-name {
         font-size: 10px;
         transform: translateY(13px);
     }

     .stop-box2.col-12 small {
         font-size: 12px;
     }

     .htlInfor .hotelrvw-img img {
         height: 250px;
     }



 }

 @media(min-width:768px) {


     .close-btn-end,
     .mob-right {
         display: none
     }

     .slider-container.slick-slide img {
         min-height: 700px
     }

 }

 @media (max-width:767px) {
     .banner-text.collapsed {
         display: -webkit-box;
         -webkit-line-clamp: 12;
         /* show only 3 lines */
         -webkit-box-orient: vertical;
         overflow: hidden;
     }

     .banner-text.expanded {
         -webkit-line-clamp: unset;
     }

     .flight-search-wrapper.sitemapsearch .sitemapengine {
         padding: 0;
     }

     .flight-search-wrapper.sitemapsearch {
         padding-left: 10px !important;
         padding-right: 10px !important;
     }

     .hotels-card {
         padding: 10px;
     }

     button.closeFilter {
         display: inline-block;
     }

     .best-price {
         flex-wrap: wrap;
         justify-content: flex-start;
         gap: 13px;
         font-size: 12px;
     }

     .unpublished {
         font-size: 19px;
         gap: 5px;
         line-height: 1.5;
         padding: 8px 7px 13px 7px;
     }

     .all-fares {
         font-size: 13px;
     }

     .slide-flight {
         min-height: 450px;
         padding: 30px 0;
     }

     /* .guaranteed-main {
        display: none;
    } */

     .mob-detail-v {
         display: inline-block;
         width: 60%;
     }

     .deals-row {
         font-size: 12px;
         padding: 10px 0;
     }

     .deals-row-head-bg span.flight-from,
     .deals-row-head-bg span.flight-to,
     .deals-row-head-bg span.flight-dates {
         display: none;
     }

     .deals-row-head-bg span.flight-fare {
         width: 40%;
     }

     .deals-row span.flight-from,
     .deals-row span.flight-to,
     .deals-row span.flight-dates {
         width: auto;
         margin: 0 10px;
     }

     .deals-row span.flight-dates {
         width: 80%;
     }

     .deals-row span.flight-fare {
         display: inline-block;
         width: 15%;
     }

     .fight-to-mobile {
         display: inline-block;
         color: #2376b5;
         font-weight: 600;
         width: 9%;
         text-align: center;
     }

     .business-btn .filter-button-b {
         font-size: 13px;
         padding: 3px 10px;
         width: auto;
     }

     .slide-flight-b {
         min-height: 450px;
         padding: 30px 0;
     }

     .slide-flight-f {
         min-height: 450px;
         /* padding: 30px 0; */
     }

     .form-control {
         font-size: 14px;
     }

     .head.cont1 {
         font-size: 16px;
     }

     .listing {
         margin-bottom: 10px;
     }

     .flexicancel-head {
         font-size: 16px;
     }

     .flexi-bg .flexi-left img {
         max-width: 80px;
     }

     .flight-list {
         row-gap: 10px;
     }

     .flight-list>div {
         width: 100% !important;
     }

     .flight-list .flight-logo {
         text-align: center;
         margin: 0;
     }

     .flight-list .flight-logo img {
         max-width: 50px;
     }

     .flight-list .flight-status {
         text-align: center;
     }

     .flexi-bg>div {
         width: 100%;
     }

     .flexi-left {
         text-align: center;
     }

     .reviewTrip-wrapper {
         flex-wrap: wrap;
         gap: 10px;
     }

     .review-txt p {
         font-size: 12px;
     }

     .review-txt p span {
         font-size: 16px;
     }


     .date-pickers {
         gap: 10px;
     }

     .react-datepicker {
         width: 250px;
     }

     .react-datepicker__day {
         line-height: 2 !important;
     }

     .input-fields.trip-place img {
         max-width: 35px;
         height: auto;
     }

     .date-pickers img {
         max-width: 35px;
         height: auto;
         top: 5px;
     }

     .flight-search-wrapper>div,
     .footerNumber,
     .last_mint .for_flex .cs_width h3,
     .last_mint_main,
     .unpb-txt {
         text-align: center
     }

     .deal_banner-1 img {
         object-fit: contain;
         height: 50%;
         padding: 0 5px
     }

     .banner_1 {
         object-fit: contain;
         height: 100%
     }

     .Business_deal .for_flex,
     .last_mint .for_flex {
         justify-content: center !important
     }

     .Business_deal .for_flex {
         gap: 10px;
         flex-wrap: wrap;
         flex-direction: column-reverse
     }

     .unpb-txt img {
         width: 80%;
         padding: 10px;
         float: none;
         max-width: 250px
     }

     .Business_deal .for_flex,
     .last_mint .for_flex {
         flex-wrap: wrap
     }

     .unpb-txt p {
         width: 100%;
         padding: 16px 15px 0
     }


     .slider-container,
     .top-header .top-menu>ul>li {
         display: none
     }

     .top-header .top-menu li.hs-has-children.currency,
     .top-header .top-menu li.tollfree_top_header {
         display: block
     }

     .top-header .currency ul {
         right: 0;
         left: auto;
     }

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

     .passenger-wrapper,
     .react-datepicker-wrapper input {
         max-width: 100%
     }

     .search-flight button {
         /* width: auto; */
         padding: 5px 15px;
         font-size: 18px
     }

     .footer-wrapper,
     .main-header .main-menu nav {
         position: relative
     }

     .footerNumber {
         position: fixed;
         z-index: 9;
         bottom: 0;
         width: 97%;
         background: #ff7900;
         border-radius: 100px;
         color: #fff;
         font-size: 20px;
         padding: 0px;
         margin: 1px 5px;
     }

     .header-logo img {
         width: 100%;
         height: auto
     }

     header .main-header {
         padding: 10px 0
     }

     header .navbar-toggle {
         background: #0d3454;
         padding: 8px 6px;
         margin: 5px;
         border: 2px solid #fff;
         border-radius: 4px
     }

     header .navbar-toggle span {
         display: block;
         width: 25px;
         height: 3px;
         border-radius: 0;
         background: #fff
     }

     header .navbar-toggle span:not(:first-child) {
         margin-top: 4px
     }

     header .tollfree {
         padding: 0 10px 2px;
         margin: 5px;
         border: 2px solid #fff;
         border-radius: 4px;
         background: #ff7900
     }

     header .tollfree a {
         color: #fff;
         font-size: 22px
     }

     .mob-right {
         display: flex;
         align-items: center
     }

     .main-header .header-logo img {
         max-width: 150px
     }

     .main-header .header-logo {
         width: 50%
     }

     .main-header .main-menu {
         width: 100%;
         position: fixed;
         top: 0;
         left: -100%;
         background: #fff;
         height: 100%;
         z-index: 999;
         /* box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7); */
         transition: .3s
     }

     .menu-open .main-header .main-menu {
         left: 0
     }

     .main-header .main-menu nav>ul {
         display: block
     }

     .main-header .main-menu nav>ul>li {
         margin: 0
     }

     .main-header .main-menu nav>ul a {
         display: block;
         color: #555;
         padding: 15px 30px;
         text-decoration: none;
         border-bottom: 1px solid rgba(0, 0, 0, .1);
         text-transform: capitalize;
         font-family: Roboto, sans-serif;
         font-size: 14px;
         font-weight: 400;
         line-height: 1.42
     }

     div.close-btn-end {
         position: absolute;
         z-index: 9999;
         right: 10px;
         top: 0;
         padding: 5px 12px;
         background: #0d3454;
         border-radius: 50%;
         color: #fff;
         line-height: 1.42;
         margin-top: 5px;
         cursor: pointer;
         display: flex;
         align-items: center;
         justify-content: center;
         font-family: Roboto, sans-serif;
         margin-right: 7px
     }

     .Main-listing .buynow .btn {
         padding: 8px 10px;
     }

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

     .trip-type-toggle.trip-section button:not(:last-child) {
         margin-right: 10px;
     }

     .trip-type-toggle button {
         font-size: 11px
     }

     .footer-img ul li img {
         width: 100%;
         height: auto;
         max-width: 140px;
     }

     .footer-img ul {
         flex-wrap: nowrap;
     }

     .cm-container.error-container p {
         font-size: 18px;
     }

     .cm-container.error-container a {
         font-size: 18px;
     }

     .coupan-cards-main .coupon-card .logo {
         max-width: 150px;
         background-color: #fff;
         padding: 8px 11px;
         border-radius: 8px;
     }

     .coupan-cards-main .coupon-card h3 {
         font-size: 16px;
     }

     .coupon-row .cpnCode,
     .coupon-row .cpnBtn {
         padding: 9px 10px;
         font-size: 13px;
     }

     .coupan-cards-main .coupon-card .coupon-row {
         margin: 13px auto;
     }

     .sitemap-content ul li {
         width: 50%;
     }

     .pay-button {
         max-width: 238px;
         margin: 10px 0 0 0;
     }


     .Room-Price-Details {
         width: 100%;
     }

     .main-of-hotel-info {
         width: 100%;
     }

     .fl_prnt {
         flex-wrap: wrap;
     }

     .edit_pay {
         width: 100%;
     }

     .total-card-payment .booking-card {
         display: none;
     }

     .offer-price-wrapper {
         justify-content: end;
     }

     .hotel_name-dtl,
     .total-card-payment {
         width: 100%;
         max-width: 100%;
         padding: 0;
     }

     .hotel_name-dtl .reviw-box .left-r-box {
         width: 65%;
     }

     .left-r-box .Layouts__Row {
         justify-content: space-between;
     }



     .rating-review .heading,
     .hotel-policies h2,
     .choose-room .heading,
     .about-hotel-detail .title,
     .amenitiesContainer h2 {
         font-size: 16px;
     }

     .hotel_name-dtl .header h2 {
         font-size: 20px;
     }

     .hotel_name-dtl .details {
         gap: 10px;
     }

     .hotel_name-dtl .ratingValue p {
         font-size: 14px;
     }

     .hotel_name-dtl .header p {
         font-size: 13px;
     }

     .amenitiesContainer .amenityItem {
         font-size: 13px;
         width: 33.33%;
     }

     .amenitiesContainer .amenitiesList {
         gap: 0;
         row-gap: 7px;
     }

     .amenitiesContainer .icon {
         margin-right: 8px;
     }

     .hotel-info .hotelPrice-wrapper {
         width: 100%;
     }

     .hotel-info .hotelPrice-section {
         row-gap: 0px;
         margin-top: 10px;
     }

     .hotel-info .hotelePrice-btn-wrapper {
         width: 100%;
     }

     .hotel-info .hotelePrice-btn-wrapper .hotelDetail-btn {
         font-size: 14px;
         padding: 5px 10px;
     }

     .hotel-info h5 {
         font-size: 16px;
     }

     .hotelRating-wrapper {
         margin-top: 5px;
     }

     .hotelRating-wrapper .ratingCount {
         font-size: 12px;
     }

     .hotelRating-wrapper .ratingCount svg {
         width: 12px;
     }

     .hotelRating-wrapper {
         font-size: 12px;
     }

     .hotel-info .amenityWrapper {
         column-gap: 8px;
         flex-wrap: wrap;
         row-gap: 5px;
         margin-top: 10px;
     }

     .hotel-info svg {
         width: 14px;
     }

     .streetAddress-wrapper {
         font-size: 13px;
         flex-wrap: wrap;
     }

     .openHotelSearch .flight-search-wrapper>div {
         text-align: justify;
     }

     .openHotelSearch .hotel-search-modify .flight-search-wrapper {
         max-width: 500px;
     }

     .inner-confirmation {
         flex-wrap: wrap;
         flex-direction: row-reverse;
         gap: 0;
     }

     .trending-card .trending-content {
         border: 1px solid #fff;
     }

     .trending-card .destination-title h2 {
         font-size: 16px;
     }

     .trending-card .destination-price,
     .trending-card .trending-btn {
         left: 0;
         opacity: 1;
     }

     .holiday-theme-scroll {
         gap: 10px;
     }

     .holiday-theme-scroll img {
         width: 35px;
         height: auto;
     }

     .theme-icon-box span {
         font-size: 14px;
     }

     .holiday-wrapper .landingCard-content {
         width: 48%;
     }

     .trending-card-wrapper {
         grid-template-columns: 1fr;
     }

     .htlInfor .planemain .planeimg {
         width: 40%;
     }

     .htlInfor .planemain .planedel {
         width: 60%;
     }

     .holiday-info-middle h5 {
         font-size: 16px;
     }

     .holiday-info-middle .package-destination-itenary {
         font-size: 13px;
     }

     .holiday-card-wrapper .holiday-info-middle {
         width: 70%;
     }

     .holiday-card-wrapper .holiday-price {
         width: 100%;
         display: flex;
         text-align: start;
         align-items: end;
         justify-content: space-between;
         padding: 0 10px;
     }

     .holiday-card-wrapper .holiday-images {
         width: 30%;
     }

     .holiday-card-wrapper {
         position: relative;
     }

     .holiday-price .PricePrice {
         justify-content: start;
     }

     .priceTaxe-wrapper {
         display: none;
     }

     .holi-del .holi-del1 {
         width: 100%;
         padding: 0;
     }

     .holi-del .holi-price {
         width: 100%;
     }

     .holiday-booking button.btn {
         position: fixed;
         bottom: 56px;
         width: 100%;
         left: 0;
         z-index: 9;
     }

     /* .footer-wrapper{
        z-index: -1;
    } */
     .incu-exclu .pck-boxs {
         width: 48%;
     }

     .review-trip h2 {
         font-size: 18px;
     }

     .inner-confirmation {
         flex-wrap: wrap;
         flex-direction: column-reverse;
         gap: 0;
     }

     .confirm-details-wrapper .info-txt .inner-confirmation>div {
         width: 100%;
     }

     .confirm-details-wrapper .inner-confirmation>div {
         width: 100%;
     }

     .confirm-details-wrapper .info-txt {
         padding-bottom: 10px;
     }

     .confirm-right .outer .booking td {
         text-align: center;
         font-size: 12px;
         padding: 6px;
     }

     .confirm-right .outer .booking td.ref-id {
         font-size: 13px;
     }

     .confirm-right .outer {
         margin-bottom: 10px;
     }

     .review-trip.confirm {
         margin-bottom: 10px;
     }

     .confirm-details-wrapper .info-txt {
         font-size: 12px;
         align-items: center;
     }

     .confirm-right table.fare td {
         padding: 6px;
     }

     .cruises-bg {
         min-height: auto;
         padding: 30px 0;
     }

     .cru-passenger-wrapper .for-wid1 {
         width: 100%;
     }

     .cru-passenger-wrapper .for-wid2 {
         width: 100%;
     }

     .cru-passenger-wrapper {
         flex-direction: column-reverse;
     }

     .ship-del h3,
     .dep-ret h3 {
         font-size: 13px;
         margin-top: 10px;
         margin-bottom: 0;
     }

     .cru-passen-info .ship-all-del {
         font-size: 11px;
         line-height: 1.8;
     }

     .cru-passen-info .shipover p {
         font-size: 15px;
     }

     .Price-del table th {
         padding: 3px;
         font-size: 14px;
     }

     .Price-del table td:last-child {
         text-align: end;
     }

     .Price-del table th:last-child {
         text-align: end;
     }

     .Price-del table td {
         padding: 4px;
         font-size: 12px;
     }

     .cru-passen-info .shipover img {
         max-width: 30px;
         max-height: 30px;
     }

     .cru-passenger-wrapper .cru-passen-info .cru-passen-titles {
         font-size: 18px;
     }

     .contentBox .cruiseimage {
         width: 100%;
     }

     .contentBox .detailBox {
         width: 100%;
     }

     .Itinerary .Itinerary-days {
         width: 100%;
     }

     .Itinerary .iframe {
         width: 100%;
     }

     .Serenade-wrapper .Slider-box {
         width: 100%;
     }

     .Serenade-wrapper .content-box {
         width: 100%;
     }

     .ser-fac ul {
         grid-template-columns: repeat(2, 1fr);
     }

     .sub-tabs {
         flex-wrap: nowrap;
         overflow: auto;
         justify-content: flex-start;
     }

     .sub-tabs::-webkit-scrollbar,
     .cabin-type::-webkit-scrollbar {
         height: 7px;
     }

     .sub-tabs::-webkit-scrollbar-track,
     .cabin-type::-webkit-scrollbar {
         box-shadow: inset 0 0 5px rgb(160, 160, 160);
         border-radius: 10px;
     }

     .sub-tabs::-webkit-scrollbar-thumb,
     .cabin-type::-webkit-scrollbar-thumb {
         background: var(--primary);
         border-radius: 10px;
     }

     .crui-conf .conf-one {
         width: 100%;
     }

     .crui-conf .conf-two {
         width: 100%;
     }

     .crui-conf {
         flex-direction: column-reverse;
     }

     .confi-img {
         display: none;
     }

     .contactUs-wrapper .contact-bg {
         margin-top: 15px;
         flex-wrap: wrap;
         flex-direction: column-reverse;
     }

     .contactUs-wrapper .contact-head {
         padding-top: 20px;
     }

     .contactUs-wrapper .contact-head img {
         max-width: 35px;
         height: auto;
     }

     .contactUs-wrapper .contact-head h1 {
         font-size: 25px;
     }

     .contactUs-wrapper .contact-head>span {
         font-size: 14px;
     }

     .contactUs-wrapper .contact-bg>div {
         width: 100%;
     }

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

     .contactUs-wrapper .cont-right h2 {
         font-size: 20px;
     }

     .contactUs-wrapper .form-area .submit-btn input {
         width: 100%;
         min-width: 100px;
         font-size: 15px;
         max-width: 150px;
     }

     .contactUs-wrapper .cont-left h2 {
         font-size: 20px;
     }

     .contactUs-wrapper .cont-left h5 {
         font-size: 16px;
     }

     .contactUs-wrapper .cont-left>div span {
         font-size: 13px;
     }

     .Corporate-Travel .inputGroup {
         width: 48%;
     }

     .contactUs-wrapper .cont-right {
         padding: 10px;
     }

     .corpo-div h2 {
         font-size: 18px;
     }

     .corpo-div p {
         font-size: 13px
     }

     .formWrapper-authoriz .inputGroup {
         width: 48%;
     }

     .contact-bg.mysupport {
         flex-direction: column;
     }

     .quick-links-head.feedimg {
         display: none;
     }

     .Corporate-Travel.req-supp-bg.feedimg {
         display: none;
     }

     .news-subs {
         display: flex;
         gap: 10px;
         align-items: flex-start;
         justify-content: space-between;
     }

     .news-subs .Corporate-Travel.req-supp-bg.p-0 {
         margin: 0;
     }

     .flightDetails-wrapper,
     .popup-book-btn,
     .detail-heading {
         width: 100%;
     }

     .flight-details-left {
         min-width: 62px;
     }

     .cruise-list-wrapper {
         padding: 0;
     }

     .cruise-info {
         padding: 8px;
     }

     .cruise-info h5 {
         font-size: 16px;
     }

     .cruise-info h6 {
         font-size: 14px;
     }

     .cruise-info p {
         font-size: 13px;
     }

     .cruise-card-price .cruise-price h6 {
         font-size: 20px;
     }

     .cruise-card-price .cruise-btn {
         padding: 5px 10px;
         font-size: 14px;
         margin-top: 10px;
     }

     .cruise-card-price img {
         margin-bottom: 10px;
     }

     .cruise-card-price p {
         font-size: 12px;
     }

     .cruise-info p svg {
         width: 12px;
     }

     .cruise-card-price {
         padding: 8px;
     }

     .blog-list .blog-card h3.blog-title {
         font-size: 16px;
     }

     .blog-list .blog-card {
         min-height: 317px;
     }

     .blog-wrapper .blog-inner-right {
         width: 80%;
     }

     .Edit_rc .text-end .back-btn {
         display: block;
     }

     .Edit_rc .text-end {
         justify-content: space-between;
     }

     .sidebar-wrapper .sidebar-header {
         position: fixed;
         width: 100%;
         max-width: 550px;
         z-index: 99;
     }

     .sidebar-stop-text.mb-3 {
         margin-top: 63px;
     }

     .Edit_rc .mob-filter,
     button.closeFilter {
         display: inline-block;
     }


     .container-fluid .row .sidebar-wrapper {
         height: 97vh;
         position: sticky;
         top: 20px;
         overflow-y: scroll;
     }

     .flight-listing-wrapper .container-fluid .row .sidebar-wrapper {
         position: fixed;
         top: 0;
         left: -100%;
         transition: 0.4s all;
         z-index: 99;
         padding: 0;
         width: 100%;
         max-width: 550px;
         height: 100%;
         overflow-y: auto;
     }

     .open-fliter .flight-listing-wrapper .container-fluid .row .sidebar-wrapper {
         left: 0;
     }

     .flight-listing-wrapper .container-fluid .row .table_listing_warapper {
         width: 100%;
     }

     .flight-info-mm .flight-bothSide h5,
     .flight-info-mm .flight-bothSide h3 {
         font-size: 15px;
     }

     .col-md-9.col-sm-9.col-12.text-center.flight-info-mm {
         padding: 15px 3px 10px 3px;
     }

     body .cm-spacing {
         padding: 4px 0;
     }

 }

 @media(max-width:650px) {

     .hotel-card-wrapper {
         padding: 0 0 10px;
     }

     .hotel-card {
         flex-wrap: wrap;
         border-radius: 15px;
         overflow: hidden;
         transition: transform 0.2s, box-shadow 0.2s;
         position: relative;
     }

     .hotel-image {
         width: 100%;
         max-width: 100%;
     }

     .hotel-info {
         width: 100%;
         margin-top: 7px;
     }

     .hotel-card .hotel-info {
         padding: 0 10px 0;
     }

     .hotelrvw-info .check-in-out {
         flex-wrap: wrap;
     }

     .hotelrvw-info .check-in-out .checkInsec .check-in-date {
         font-size: 14px;
     }

     .room-all-info .pd15 .room-type {
         font-size: 14px;
     }

     .room-all-info .pd15 .canc-list {
         margin: 5px 0;
     }

     .hotelrvw-info .room-all-info .pd15 {
         padding: 10px 20px;
     }

     .hotelRating {
         position: absolute;
         top: 7px;
         background: #fff;
         left: 5px;
         border-radius: 6px;
         padding: 3px 7px;
         border: 1px solid #eee;
     }

     .hotel-image img {
         max-height: 200px !important;
         object-fit: cover;
     }

     .hotelRating-wrapper {
         margin: 0;
     }

     .hotelRating-wrapper {
         color: #000;
         font-weight: normal;
     }

     .hotelRating-wrapper span.rating_Summary,
     .hotelRating-wrapper span.streetDot {
         display: none;
     }

     .hotelDescription {
         margin-top: 0;
     }

 }

 @media(max-width:600px) {
     .hotel-search .passenger-dropdown {
         max-width: 500px;
         transform: unset !important;
         margin-top: 3px;
         width: 100%;
     }

     .hotel-search-modify .passenger-dropdown {
         max-width: 500px;
         transform: unset !important;
         margin-top: 3px;
         width: 100%;
         overflow-y: scroll;
         height: 200px;
     }

 }

 @media (max-width:567px) {

     .ts-yes-no-wrapper {
         flex-wrap: wrap;
     }

     .main-of-hotel-info .hotel-info .hotel-lucation {
         margin-bottom: 1px;
     }

     button.hotel_aminities {
         margin-bottom: 10px;
     }

     .htlInfor .d-flex.justify-content-between.align-items-center {
         flex-wrap: wrap !important;
     }

     .main-of-hotel-info .hotel-info .hotel-name {
         font-size: 14px;

     }

     .amenitiesContainer {
         margin: 9px 0;
     }

     .overallRating {
         position: absolute;
         top: -96px;
         left: 2px;
     }

     .room-benifits p.beni-heading {
         font-size: 15px;
     }

     .hotel_name-dtl .overallRating .per-person-r {
         font-size: 13px;
         white-space: nowrap;
     }

     .hotel_name-dtl .header h2 {
         font-size: 15px;
     }

     .openholibook .book-box {
         overflow: scroll !important;
         height: 54rem;
     }

     .review-txt p {
         font-size: 10px;
     }

     .hotel-whychoose {
         padding: 0px 0;
     }

     .flight-search-wrapper .PreferredAirline.input-fields {
         width: 47%;
     }

     .amenitiesContainer .amenityItem {
         width: 46.33%;
     }

     section.holiday-search-container.holidaybgjh .flight-search-container.cm-container {
         padding: 0;
     }

     .cruies-boxs .cruies-detail {
         max-width: 93%;
     }

     .slider-container-cruise .slick-list img.cruies-type-img {
         width: 100%;
     }

     button.accordion-button.faq-acco {
         font-size: 12px;
     }

     .upselling-wrapper .head.cont1 {
         margin-bottom: 0;
     }

     .flight-deals1 .text {
         font-size: 12px;
     }

     .best-price li {
         display: none;
     }

     .deals-row span.flight-dates {
         width: 64%;
     }

     .deals-row span.flight-fare {
         width: 27%;
     }

     .unpublished .support {
         font-size: 19px;
     }

     .Cheap-Flight-Ticket {
         margin: 33px 0 13px 0;
     }

     .business-deal .business-card .flight-deals1 {
         width: 100%;
     }

     .business-btn {
         gap: 3px;
     }

     ul.dropDown li.dropDown-items {
         padding: 5px;
     }

     ul.dropDown li.dropDown-items img {
         width: 20px !important;
         height: auto !important;
         margin-right: 5px;
         top: 0;
     }

     ul.dropDown li.dropDown-items .flag-wrapper {
         display: flex;
         align-items: baseline;
     }

     ul.dropDown li.dropDown-items .left-dropdown {
         font-size: 13px;
     }

     .search-engine .last-input {
         flex-wrap: wrap;
     }

     .search-engine .last-input>div {
         width: 100%;
     }

     .flight-search-wrapper .lowest-input label {
         font-size: 15px;
     }

     .flight-search-wrapper .lowest-input input[type="checkbox"] {
         width: 15px;
         height: 15px;
     }

     .flight-search-wrapper input,
     .passenger-input>span {
         font-size: 17px;
     }

     .departure-picker .react-datepicker-popper {
         left: 50px !important;
     }

     .departure-picker .react-datepicker-popper svg.react-datepicker__triangle {
         left: 50px !important;
     }

     .return-picker .react-datepicker-popper {
         left: -60px !important;
     }

     .return-picker .react-datepicker-popper svg.react-datepicker__triangle {
         right: 50px !important;
         left: auto !important;
     }

     .trip-type-toggle.trip-section a:not(:last-child) button {
         margin-right: 6px;
     }

     .trip-type-toggle.trip-section a button {
         font-size: 11px;
     }

     .footer-menu-wrapper .footer-menu {
         width: 48%
     }

     .bottom-footer {
         padding-bottom: 45px
     }

     .footerNumber {
         display: block
     }

     .Main-listing .flight-list {
         flex-wrap: wrap;
     }

     .Main-listing .flight-list .button-rond {
         width: 100%;
         padding: 0;
     }

     .Main-listing .button-rond .price {
         text-align: center;
     }

     .Main-listing .buynow {
         text-align: center;
     }

     .Main-listing .operate-by:last-child {
         margin-bottom: 10px;
     }

     .Main-listing .cover-all {
         width: 100%;
         gap: 5px;
         padding: 8px;
     }

     .Main-listing .flight-trpact img {
         max-width: 36px;
         width: 100%;
     }

     .Main-listing .flight-trpact {
         text-align: center;
     }

     .Main-listing .flight-trpact p .flight-name {
         font-size: 10px;
     }

     .Main-listing .flight-trpact span {
         font-size: 11px;
         font-weight: 500;
     }

     .flight-search-wrapper h1 {
         font-size: 16px;
     }

     .trip-type-toggle.trip-section button:not(:last-child) {
         margin-right: 5px;
     }

     .trip-type-toggle.trip-section button {
         padding: 4px 11px;
         font-size: 12px;
     }

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

     .trip-type-toggle.way-type button {
         font-size: 11px;
     }

     .do-data .message {
         font-size: 13px;
     }

     .skel-modify .skelemodi2 {
         justify-content: end;
     }

     .redeem-container {
         width: 100%;
     }

     .coupan-cards-main .coupon-card {
         width: 100%;
     }

     .term-con-promo {
         font-size: 22px;
     }

     .cupoon-ul-li li {
         font-size: 12px;
     }

     .sitemap-content ul li {
         width: 100%;
     }

     .hotel-search .passenger-dropdown .member-count {
         width: 25px;
         height: 25px;
     }

     .hotel-search .passenger-dropdown .room-details button.remove-room-btn {
         width: auto;
         padding: 5px;
         font-size: 11px;
     }

     .hotel-search .passenger-dropdown .search-btn-wrapper button {
         font-size: 12px;
     }

     .hotel-search .passenger-dropdown .dropdown-heading {
         font-size: 13px;
     }

     .hotel-search .passenger-dropdown {
         padding: 10px 5px;
     }

     .hotelrvw-info .check-in-out .checkInsec:not(:last-child) {
         width: 50%;
     }

     .check-in-out .checkInsec:last-child {
         width: 100%;
         margin-top: 10px;
         padding-top: 3px;
     }

     .hotel-card .hotel-info {
         padding: 0 10px 10px;
     }

     .hotelrvw-info .check-in-out {
         flex-wrap: wrap;
     }

     .hotelrvw-info .check-in-out .checkInsec .check-in-date {
         font-size: 14px;
     }

     .room-all-info .pd15 .room-type {
         font-size: 14px;
     }

     .room-all-info .pd15 .canc-list {
         margin: 5px 0;
     }

     .hotelrvw-info .room-all-info .pd15 {
         padding: 10px 20px;
     }

     .free_cann .mflex .cntie {
         font-size: 11px;
         width: 30%;
         white-space: nowrap;
     }

     .free_cann .mflex .bdright {
         padding: 6px 0;
     }

     .free_cann .t_right {
         flex-wrap: wrap;
         flex-direction: column-reverse;
     }

     .free_cann .t_right .nonref {
         margin: 0;
         padding: 0;
     }


     .free_cann .mflex .t_right .chkitx {
         font-size: 13px;
     }

     .now_can {
         width: 70%;
     }

     .guest-section .tiltle-name {
         flex-wrap: wrap;
     }

     .email-address {
         flex-wrap: wrap;
     }

     .email-address>label {
         width: 100%;
     }

     .all-field-form .mai-head {
         padding-bottom: 0;
     }

     .s-req {
         width: 100%;
     }

     .terms input {
         margin-right: 8px;
     }

     .terms span {
         font-size: 12px;
     }

     .hotel-rooomss-2 .room-benifits {
         width: 100%;
         border-right: none;
         border: none;
     }

     .hotel-rooomss-2 .room-type-price {
         width: 100%;
         justify-content: flex-start;
         text-align: start;
     }

     .small-review-type .ratt .des-rat {
         font-size: 13px;
     }

     .room-type-price .with-off {
         font-size: 20px;
         font-weight: 600;
     }

     .room-type-price .newDtlsFilled {
         font-size: 14px;
     }

     .hotel-info .PricePrice {
         font-size: 16px;
     }

     .hotel-info .hotel-slashedPrice {
         font-size: 13px;
     }

     .hotel-info .listingPrice__numbers {
         gap: 5px;
         flex-direction: row;
     }

     .hotel-info .hotelPrice-percentage {
         font-size: 14px;
     }

     .hotel-info svg {
         width: 10px;
     }

     .fixed-filter {
         bottom: 5px;
     }

     .hotel-info .hotelPrice-section {
         margin-top: 5px;
         flex-flow: row;
     }

     .lightBox-gallery .lightbox-img:not(:first-child) {
         display: none;
     }

     .hotel-info h5 {
         font-size: 14px;
     }

     .streetAddress-wrapper {
         font-size: 12px;
     }

     .result-title h2 {
         font-size: 16px;
     }

     .hotel-listing-wrapper {
         margin-top: 10px;
     }

     .search-engine.hotel-search .flight-search-wrapper input {
         font-size: 14px;
         font-weight: 400;
     }

     .hotel-card-wrapper {
         border: none;
         padding: 0;
         margin-bottom: 20px;
     }

     .openHotelSearch .hotel-search-modify .flight-search-wrapper {
         max-width: 380px;
     }

     .holiday-wrapper h2.title {
         font-size: 22px;
     }

     .holiday-theme-scroll-wrapper {
         padding-bottom: 10px;
     }

     .holiday-theme-scroll {
         gap: 0;
         min-width: 410px;
     }

     .theme-icon-box span {
         font-size: 12px;
     }

     .holiday-wrapper .holiday-landingCard {
         padding: 10px;
     }

     .holiday-wrapper .landingCard-content:last-child {
         margin: 0;
         padding: 0;
         border: none;
     }

     .holiday-wrapper .landingCard-content {
         width: 100%;
         border-bottom: 1px dashed #ccc;
         padding-bottom: 10px;
     }

     .fl_prnt .paymentmodes .nav {
         overflow-x: scroll;
         white-space: nowrap;
         display: ruby;
         padding-bottom: 1px;
     }

     .resgi-dex.upi_m input {
         width: 65%;
     }

     .how-it-works-container {
         display: none;
     }

     .content .bank-box {
         width: 100%;
     }

     .creditdel .resgi-dex {
         width: 100%;
     }

     .htlInfor .planemain .planeimg {
         width: 100%;
     }

     .htlInfor .planemain .planedel {
         width: 100%;
     }

     .htlInfor .planemain {
         flex-wrap: wrap;
     }

     .holiday-card-wrapper .holiday-images {
         width: 100%;
     }

     .holiday-card-wrapper .holiday-info-middle {
         width: 100%;
         padding: 14px 0;
     }

     .package-duration {
         margin-bottom: 7px;
         max-width: 124px;
         font-size: 12px;
     }

     .holiday-info-middle .package-destination-itenary {
         margin-bottom: 10px;
     }

     .holidayamenityWrapper {
         margin-top: 0px;
     }

     .holidayrating .holidayrating-wrapper .ratingCount {
         position: absolute;
         top: 8px;
         right: 8px;
         display: block;
     }

     .holidayrating .holidayrating-wrapper {
         margin: 0;
     }

     .holidayrating .holidayrating-wrapper .reviewCount,
     .holidayrating .holidayrating-wrapper .streetDot,
     .holidayrating .holidayrating-wrapper .rating_Summary {
         display: none;
     }

     .holiday-price .hotelDetail-btn {
         padding: 5px 10px;
         font-size: 14px;
         margin: 0;
     }

     .holiday-info-middle h5 {
         font-size: 14px;
     }

     .package-duration p {
         font-size: 12px;
     }

     .holiday-info-middle .package-destination-itenary {
         font-size: 12px;
     }

     .listingPrice__numbers {
         display: flex;
         flex-direction: row-reverse;
         align-items: center;
         gap: 2px;
     }

     .holiday-price .hotelPrice-percentage {
         font-size: 12px;
         align-items: flex-start;
     }

     .packinfo .pkgtime-name {
         flex-direction: column;
         align-items: flex-start;
         gap: 4px;
     }

     .packinfo .pkgname {
         font-size: 18px;
     }

     .teb-holi a.all-tabs-btn {
         white-space: nowrap;
     }

     .teb-holi {
         overflow-x: auto;
     }

     .pck-boxs p.pck-boxs-title {
         font-size: 16px;
     }

     .pck-boxs .pck-boxs-pra {
         font-size: 13px;
     }

     .dycircle {
         display: none;
     }

     .Itinebox {
         padding: 0;
     }

     .Itinebox ul li {
         padding: 0;
     }

     .innertitle {
         font-weight: 500;
     }

     .inner-pra {
         padding: 8px 8px 6px 2px;
     }

     .incu-exclu .pck-boxs {
         width: 100%;
     }

     .Itinebox ul li .inner-pra ul li {
         font-size: 13px;
     }

     .pck-price-boxs .holitlprice .holicurn,
     .pck-price-boxs .holitlprice .holi-per-perice {
         font-size: 20px;
     }

     .holiday-query button.btn {
         font-size: 13px;
     }

     .holiday-booking button.btn {
         font-size: 13px;
     }

     .pck-boxs .time-du-pack .dura-des {
         font-size: 13px;
     }

     .incuamenity-holiday {
         gap: 0;
     }

     .pck-boxs.callus1 img {
         display: none;
     }

     .pck-boxs.callus1 h5 {
         font-size: 16px;
     }

     .holiday-wrapper-n .holiday-card1 {
         width: 100%;
     }

     .inner-confirmation .cover-all {
         flex-wrap: wrap;
         padding: 10px;
         gap: 0;
     }

     .inner-confirmation .cover-all .flight {
         width: 100%;
         /* text-align: center; */
         order: 0;
     }

     .inner-confirmation .cover-all .depart,
     .inner-confirmation .cover-all .arrival {
         width: 100%;
     }

     .inner-confirmation .cover-all .confirm-stop {
         width: 100%;
         text-align: right;
         margin: 5px 0;
         order: 2;
     }

     .inner-confirmation .cover-all .depart {
         order: 1;
     }

     .inner-confirmation .cover-all .arrival {
         order: 3;
     }

     .inner-confirmation .list-container.scroll {
         overflow-x: scroll;
     }

     .inner-confirmation .list-container .billing td {
         min-width: 280px;
     }

     .inner-confirmation .list-container .billing .labels {
         min-width: 100px;
     }

     .list-container table.travellers th {
         min-width: 120px;
     }

     .Choose-Reservationcentre .cruies-boxs {
         width: 98%;
     }


     .cru-passen-info span.incul-items {
         font-size: 13px;
     }

     li.inclu {
         display: flex;
         gap: 4px;
     }

     .cru-adult-info .title-a {
         font-size: 14px;
     }

     .cru-passenger-wrapper .cru-passen-info {
         padding: 10px;
     }

     .cru-passenger-wrapper .cru-passen-info .cont-info-cru .adult-type {
         flex-direction: column;
     }

     .cru-passenger-wrapper .cru-passen-info .cont-info-cru {
         flex-direction: column;
         gap: 6px;
     }

     .cru-passenger-wrapper .cru-passen-info .cont-info-cru .adult-type .adu-fir-name {
         width: 100%;
     }

     .cru-passenger-wrapper .cru-passen-info .cont-info-cru .label1-cru {
         width: 100%;
         margin: 6px 0;
     }

     .cru-passen-info button.btn.cruiesnow {
         width: 100%;
     }

     .sub-tabs {
         flex-wrap: nowrap;
         overflow: auto;
     }

     .crushLogoDate {
         flex-wrap: wrap;
         gap: 10px;
         padding: 5px;
     }

     .contentBox .pricecategory-option {
         white-space: nowrap;
         font-size: 12px;
         padding: 7px 12px;
     }

     .cabin-type {
         overflow-x: auto;
     }

     .detailBox .select-type .select-by-type {
         margin-top: 0;
     }

     .cruise-btn {
         flex-wrap: wrap;
         display: none;
     }

     .cruise-info ul {
         font-size: 12px;
     }

     .detailBox .cruise-btn button {
         margin: 0 0 10px 0;
         width: 100%;
     }

     .content-box .ShowMorecon {
         font-size: 20px;
     }

     .content-box span {
         font-size: 13px;
     }

     .content-box td {
         font-size: 12px;
     }

     .content-box .std-ser li {
         font-size: 12px;
     }

     .main-tabs button {
         font-size: 14px;
         font-weight: 500;
     }

     .sub-tabs button {
         font-size: 14px;
         font-weight: 500;
     }

     .ser-fac ul li {
         font-size: 12px;
         font-weight: 500;
     }

     .Itinerary-days .date,
     .Itinerary-days .day,
     .Itinerary-days .location {
         font-size: 13px;
     }

     .Itinerary-days .itineraryItem {
         grid-template-columns: 1fr 1fr 1fr;
     }

     .call-btn {
         display: none;
     }

     .detailBox .cruise-btn button {
         border-radius: 50px;
     }

     .contentBox .cruiseimage {
         height: 50%;
     }

     .contentBox .cruiseimage img {
         height: 50%;
     }

     .formWrapper-authoriz .inputGroup {
         width: 100%;
     }

     .formWrapper-authoriz .inputGroup label {
         font-size: 13px;
     }

     .quick-links-head.feedimg {
         display: none;
     }

     .Corporate-Travel.req-supp-bg.feedimg {
         display: none;
     }

     .news-subs {
         display: flex;
         gap: 10px;
         align-items: flex-start;
         justify-content: space-between;
     }

     .news-subs .Corporate-Travel.req-supp-bg.p-0 {
         margin: 0;
     }

     .Corporate-Travel.req-supp-bg .help-grid {
         flex-wrap: wrap;
     }

     .Corporate-Travel.req-supp-bg .help-column {
         width: 47%;
     }

     .Corporate-Travel .submitButton.rcs-btn {
         width: 100%;
     }

     .supp-left .supp-head {
         font-size: 16px;
     }

     .news-subs {
         flex-direction: column-reverse;
         align-items: center;
     }

     .upselling-wrapper .head.cont1 {
         margin-bottom: 0;
     }

     .hotel-image {
         width: 100%;
         max-width: 100%;
     }

     .lightBox-gallery .lightbox-img:first-child {
         max-height: 150px;
     }

     .cruise-card {
         flex-direction: column;
     }

     .cruise-image {
         max-width: 100%;
         width: 100%;
         flex: auto;
         max-height: 200px;
         height: 100%;
     }

     .cruise-card-price {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 10px;
     }

     .cruise-card-price>div {
         padding-right: 15px;
     }

     .cruise-list-wrapper .result-title {
         margin-bottom: 15px;
         padding: 0;
     }

     .cruise-listing-wrapper {
         margin-top: 10px;
     }

     .cruise-top-heading h2 {
         font-size: 16px;
     }

     .result-title h2 {
         font-size: 16px;
     }

     .banner-content h2 {
         font-size: 20px;
     }

     .banner-content p {
         font-size: 13px;
     }

     .about-content p {
         font-size: 13px;
     }

     .about-content h1,
     .about-content h3 {
         font-size: 20px;
     }

     .blog-list .blog-card {
         min-height: 327px;
         width: 100%;
     }

     .blog-list .blog-card p.blog-description {
         font-size: 12px;
     }

     .blog-list .blog-card a.read-more {
         font-size: 13px;
     }

     .blog-content h2 {
         font-size: 16px;
     }

     .blog-wrapper .blog-inner-left p {
         font-size: 13px;
     }

     .blog-wrapper .blog-inner-left .blog-title {
         font-size: 16px;
     }

     .blog-wrapper .blog-inner-left ul li {
         font-size: 13px;
     }

     .blog-wrapper .blog-inner-right {
         width: 100%;
     }

     .related_img_heading p {
         font-size: 14px;
     }

     .related_img_heading {
         gap: 10px;
     }

     .flight-timing-d .destination-price .badge {
         display: block;
     }

     .ticket-details .flight-timing-d.round-wrapper .round-inner-wrapper {
         width: 100%;
     }

     .flight-sec-1 .way-type-1 {
         display: none;
     }

     .ticket-details .Depar-t {
         padding: 4px 10px;
         font-size: 11px;
     }

     .more-dtl-bn {
         padding: 5px;
         border-radius: 0;
     }

     .strip-more-details .cabin-details,
     .strip-more-details .cabin-divider {
         display: none;
     }

     .divide-pr .flight-bothSide .stop-dura-tion .stop-number {
         display: block;
     }

     .strip-more-details span {
         font-size: 11px !important;
     }

     .flight-listing-wrapper .mob-spacing {
         margin: 0 !important;
     }

     .flight-listing-wrapper>.container-fluid {
         padding: 0 10px;
     }


     .flight-listing-wrapper .container-fluid .row .table_listing_warapper {
         padding: 0 !important;
     }

     .ticket-details .flight-timing-d {
         flex-direction: column;
         padding: 0;
         order: -1;
     }

     .ticket-details .divide-pr {
         border-right: none;
         width: 100%;
     }

     .all_flight {
         row-gap: 5px;
         padding: 0 8px;
         margin: 15px 0 0 0;
     }

     .flight-sec-1,
     .details-sec-2 {
         width: 100%;
         text-align: center;
     }

     .stop-box2 {
         margin: 13px 0 0 0;
     }

     .duration span {
         font-size: 11px;
         font-weight: 600;
     }

     .divide-pr .flight-bothSide .stop-dura-tion .stop-number {
         position: absolute;
         font-size: 11px;
         left: 50%;
         transform: translate(-50%);
         top: 15px;
     }

     .stops-wrapper {
         position: absolute;
     }

     .all_flight .flight-sec-1 .destination-price {
         display: block;
         width: 50%;
     }

     .flight-trpact img {
         /* width: 35px; */
         /* max-width: 100%; */
         margin-bottom: 5px;
         height: 45px;
     }

     .destination-price p {
         font-size: 10px;
         font-weight: 600;
     }

     .all_flight .flight-sec-1 {
         display: flex;
         align-items: center;
         border-radius: 5px;
         gap: 15px;
         justify-content: space-between;
         min-width: auto;
         width: 20%;
     }

     .mobile-btn-bag {
         display: flex;
         justify-content: space-around;
         align-items: center;
         gap: 0;
     }

     .stops-wrapper .stops-name {
         font-size: 10px;
     }

     .stops-wrapper .arrival-icon,
     .stops-wrapper .depart-icon {
         display: none;
     }

     .stops-wrapper .tooltipBox {
         display: none;
     }

     .flight-timing-d .destination-price {
         width: 100%;
         display: flex;
         align-items: center;
         justify-content: space-between;
         border-bottom: 1px dashed #ccc;
         padding: 6px;
         margin-bottom: 0;
         order: -1;
         background: #f2f2f2;
         flex-direction: row;
     }

     .buynow .btn {
         font-size: 11px;
         padding: 6px;
     }

     .ticket-details .Depar-t {
         display: none;
     }

     .ticket-details .divide-pr .depar-details {
         display: flex;
         align-items: center;
         margin-bottom: 15px;
         justify-content: space-between;
         gap: 5px;
     }

     .ticket-details .divide-pr .depar-details .d-flex.align-items-center.mb-3 {
         margin: 0 !important;
     }

     .ticket-details .divide-pr .depar-details .side-flight-details.cp {
         font-size: 12px;
         line-height: 1;
         color: #1b6ef3;
         font-weight: 600;
         text-decoration: underline;
     }

     .ticket-details .Depar-t {
         margin-right: 5px !important;
         font-size: 10px;
     }

     .divide-pr .flight-bothSide .departure,
     .divide-pr .flight-bothSide .arr-ived {
         margin: 0 5px;
     }

     .divide-pr .flight-bothSide {
         gap: 0;
     }

     .ticket-details .divide-pr .depar-details .side-flight-details.cp svg {
         width: 12px;
         margin-right: 5px;
     }

     .flight-timing-d .date {
         font-size: 11px;
     }

     .ticket-details {
         background: #fff;
         box-shadow: 0 0 .3125rem rgba(0, 0, 0, .3);
         display: flex;
         flex-direction: column;
     }

     .strip-more-details .seat-wrapper {
         display: none;
     }

     .flight-info-mm .flight-bothSide h5 {
         font-size: 14px;
         font-weight: 700;
     }

     .flight-timing-d .destination-price .price-details {
         font-weight: 700;
         text-align: left;
     }

     .all_flight .flight-sec-1 .flight-trpact {
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 5px;
         width: 100%;
     }

     .ticket-details .Depar-t {
         font-size: 12px;
         padding: 5px 15px;
     }

     .buynow {
         margin: 0;
     }

     .stop-box2.col-12 {
         display: none;
     }

     .inner-wrapper-modal {
         width: 95%;
     }

     .inner-wrapper-modal .flight-search-wrapper {
         max-width: 100%;
     }

     .ticket-details .divide-pr .depar-details {
         display: none;
     }

     .table_listing_warapper .ticket-details .divide-pr .flight-bothSide .departure,
     .table_listing_warapper .ticket-details .divide-pr .flight-bothSide .arr-ived {
         width: 100% !important;
     }

     .divide-pr .flight-bothSide .stop-dura-tion {
         width: 28% !important;
         position: relative;
     }

     .strip-more-details .badge {
         display: none;
     }

     .flight-bothSide .duration {
         position: absolute;
         top: -25px;
         left: 50%;
         transform: translateX(-50%);
         font-size: 10px;
     }

     .ticket-details .divide-pr .refund-status {
         position: absolute;
         top: 2px;
         left: 5px;
         font-size: 10px;
         display: flex;
         align-items: center;
         gap: 2px;
     }

     .refund-status.refundable {
         color: green;
     }

     .refund-status.non-refundable {
         color: red;
     }

     .ticket-details .divide-pr.return-2 {
         border-top: 1px dashed #ccc;
         padding-top: 0;
     }

     .destination-price span {
         font-size: 19px;
         font-weight: 700;
     }

     .mobile-btn-bag .badge span {
         font-size: 11px;
         line-height: 1;
         color: green;
         font-weight: 600;
         background-color: white;
         border-radius: 10px;
         padding: 3px 8px;
     }

     .all_flight .flight-sec-1 .flight-trpact .airline-name {
         display: none;
     }

     .stops-wrapper .stops-name span {
         font-size: 0;
     }

     .flight-bothSide .duration svg {
         display: none;
     }

     .popup {
         padding: 30px 10px;
     }

     .popup p.popup-text,
     .popup-call p {
         font-size: 13px;
     }

     .popup-call .call-button {
         font-size: 18px;
     }

     .latest_h2,
     .why_choose_box h2,
     body h2 {
         font-size: 17px
     }

     .modal-body span.ameni_text {
         font-size: 12px;
     }

 }

 @media (max-width:500px) {
     .Corporate-Travel .inputGroup {
         width: 100%;
     }
 }

 @media(max-width:467px) {
     span.domestic_baggage {
         display: none;
     }

     .date-pickers>div,
     .flight-search-container.jhlisting .last-input .passenger-wrapper {
         width: 48%;
     }

     .listing {
         padding: 10px;
     }

     .flightlist-wrapper .flight-layover span {
         width: 100%;
         max-width: 180px;
         padding: 5px;
     }

     .flightDetails-listing .flight-info-head {
         font-size: 11px;
     }

     .form-group.phone {
         width: 100%;
     }

     .form-group {
         margin-bottom: 7px;
     }

     .form-inline .form-group.name {
         width: 100%;
     }

     .form-inline .form-group.month,
     .form-inline .form-group.day,
     .form-inline .form-group.gender {
         width: 46%;
     }

     .form-inline .form-group.pass {
         width: 100%;
     }

     .form-group.card-deatils,
     .form-group.select-card {
         width: 100%;
         row-gap: 7px;
     }

     .form-group.select-card select {
         width: 100%;
     }

     .form-group.date {
         width: 100%;
     }

     .form-group.cvv {
         float: none;
         width: 100%;
     }

     #step4 .form-group.city,
     #step4 .form-group.phone {
         width: 48%;
     }

 }

 @media(max-width:390px) {
     .openHotelSearch .hotel-search-modify .flight-search-wrapper {
         max-width: 310px;
     }

     .openHotelSearch .hotel-search-modify .flight-search-wrapper {
         padding: 15px 6px;
     }

     .date-pickers .deprdateNew .react-datepicker-popper {
         transform: translate(-8px, 46px) !important;
     }

     .returnNEW .react-datepicker-popper {
         transform: translate(22px, 46px) !important;
     }
 }



 .react-datepicker__navigation {
     text-indent: 0 !important;
     overflow: visible !important;
     /* display: none !important; */
 }

 .react-datepicker__navigation-icon {
     display: none;
 }

 .react-datepicker__navigation--previous {
     left: -7px;
 }

 .react-datepicker__navigation--next {
     right: -6px;
 }

 .react-datepicker__navigation {
     top: 4px;
 }

 .react-datepicker__navigation--previous::before {
     content: "◀";
     font-size: 16px;
     color: #333;
 }

 .react-datepicker__navigation--next::before {
     content: "▶";
     font-size: 16px;
     color: #333;
 }

 .react-datepicker__navigation--years-previous::before {
     content: "▲";
     font-size: 14px;
     color: #333;
     display: block;
     text-align: center;
 }

 .react-datepicker__navigation--years-upcoming::before {
     content: "▼";
     font-size: 14px;
     color: #333;
     display: block;
     text-align: center;
 }


 .airport-search-container {
     position: relative;
     width: auto;
 }

 .airport-input-wrapper {
     display: flex;
     align-items: center;
     border-radius: 6px;
     overflow: hidden;
     background-color: #fff;
 }

 .airport-icon {
     padding: 10px;
     color: #555;
 }

 .airport-input {
     width: 100%;
     padding: 10px;
     border: none;
     outline: none;
     font-size: 16px;
 }

 .loading-airport-data {
     padding: 5px 0 5px 6px;
 }

 .airport-dropdown {
     position: absolute;
     background: white;
     border: 1px solid #ddd;
     width: 100%;
     max-height: 250px;
     overflow-y: auto;
     border-radius: 6px;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
     z-index: 1000;
 }

 .airport-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 5px;
     cursor: pointer;
     transition: background 0.3s;
 }

 .airport-item:hover {
     background: #f7f7f7;
 }

 .airport-left {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .airport-flag {
     width: 24px;
     height: 16px;
     border-radius: 2px;
 }

 .airport-text {
     display: flex;
     flex-direction: column;
 }

 .airport-city {
     font-weight: bold;
     color: #333;
     margin: 0;
 }

 .airport-name {
     font-size: 14px;
     color: #777;
     margin: 0;
 }

 .airport-code {
     background: #eee;
     padding: 4px 8px;
     border-radius: 4px;
     font-weight: bold;
     color: #555;
 }

 .cruise-left-deal .cruiseLogos {
     width: 150px;
     height: 50px;
 }

 .cruise-left-deal .icon-phone {
     background-image: url(/images/icon-phone_result.webp);
     background-repeat: no-repeat;
     background-size: 30px;
     background-position: center;
     height: 30px;
     width: 30px;
     display: inline-block;
 }

 .cruise-left-deal .trin-trin {
     animation-name: trin;
     animation-duration: 1.5s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
 }

 @keyframes trin {
     0% {
         transform: rotate3d(0, 0, 1, 0deg);
     }

     20%,
     32%,
     44%,
     56%,
     68% {
         transform: rotate3d(0, 0, 1, 0deg);
     }

     23%,
     35%,
     47%,
     59%,
     71% {
         transform: rotate3d(0, 0, 1, 15deg);
     }

     26%,
     38%,
     50%,
     62%,
     74% {
         transform: rotate3d(0, 0, 1, 0deg);
     }

     29%,
     41%,
     53%,
     65%,
     77% {
         transform: rotate3d(0, 0, 1, -15deg);
     }

     80% {
         transform: rotate3d(0, 0, 1, 0deg);
     }
 }

 .cruise-left-deal .btn-cruise {
     border-radius: 10px;
     background-color: #ff6a00;
     color: #fff;
     padding: 5px 10px;
     margin-top: 10px;
     margin-bottom: 5px;
     display: flex;
     gap: 5px;
     width: fit-content;
 }

 .someCD {
     background-color: #EFEFEF;
     margin: 20px 0 0 0;
     padding: 20px 0;
 }

 .someCD .cruise-card {
     background-color: white;
 }


 .holiday-query:hover button.btn {
     background-color: #000;
     color: #fff;
 }

 .packinfo .pkgname {
     font-size: 26px;
     font-weight: 600;
     text-transform: capitalize;
 }

 .pacak-info input {
     width: 100%;
     border: 1px solid #a6a8aa;
     margin: 0 0 15px;
     padding: 10px 33px 10px 10px;
     position: relative;
     font-size: 14px;
     border-radius: 6px;
 }

 p.error {
     color: red;
 }

 .important-field {
     color: red;
 }

 /* iPad Pro Portrait (1024x1366) */
 /* @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

    .Edit_rc .btn.edit-btn.edit_search {
        display: block;
    }
} */

 /* iPad Pro Landscape (1366x1024) */
 /* @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .Edit_rc .btn.edit-btn.edit_search {
        display: block;
    }
} */

 .flight-loader-wrapper {
     position: relative;
     width: 100%;
     height: 300px;
     overflow: hidden;
 }

 .plane-wrapper {
     position: absolute;
     width: 300px;
     top: 50%;
     left: 50%;
     transform: translate(-200%, -50%) rotate(-10deg);
     animation:
         plane-entry 5s ease-in-out forwards,
         fly-glide 3s ease-in-out 5s infinite alternate;
     z-index: 5;
 }

 @keyframes plane-entry {
     0% {
         transform: translate(-230%, 0%) rotate(0deg);
     }

     100% {
         transform: translate(-50%, -50%) rotate(0deg);
     }
 }

 @keyframes fly-glide {
     0% {
         transform: translate(-50%, -50%) rotate(0deg);
     }

     50% {
         transform: translate(-50%, -28%) rotate(0.5deg);
     }

     100% {
         transform: translate(-50%, -72%) rotate(0deg);
     }
 }

 .flight-plane {
     width: 100%;
 }

 .flight-plane img {
     width: 100%;
     display: block;
 }

 @keyframes fly-horizontal {
     0% {
         left: -20%;
     }

     100% {
         left: 120%;
     }
 }

 @keyframes fly-vertical {
     0% {
         top: 49%;
     }

     50% {
         top: 51%;
     }

     100% {
         top: 49%;
     }
 }

 @keyframes fly-in-smooth {
     0% {
         transform: translateX(-200%) rotate(-15deg);
     }

     25% {
         transform: translateX(-120%) rotate(5deg);
     }

     50% {
         transform: translateX(-75%) rotate(2deg);
     }

     75% {
         transform: translateX(-60%) rotate(1deg);
     }

     100% {
         transform: translateX(-50%) rotate(0deg);
     }
 }

 .flight-loader-text {
     position: absolute;
     top: 78%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 1.8rem;
     /* font-weight: bold; */
     z-index: 10;
     text-align: center;
     animation: pulse-text 2s ease-in-out infinite;
 }


 @keyframes pulse-text {
     0% {
         opacity: 1;
     }

     50% {
         opacity: 0.6;
     }

     100% {
         opacity: 1;
     }
 }

 @media (max-width: 1024px) {
     .flight-loader-text {
         font-size: 1.3rem;
     }
 }

 .fs-deal-banner {
     font-size: x-large;
 }

 .fs-deal-caller {
     font-size: medium;
 }

 /* Mobile phones (width 600px and down) */
 @media (max-width: 600px) {
     .flight-loader-text {
         font-size: 14px;
     }

     .fs-deal-banner {
         font-size: medium;
     }

     .fs-deal-caller {
         font-size: small;
     }

     .passenger-dropdown {
         width: 260px;
         transform: scale(0.8);
         margin-top: -29px;
     }
 }

 .cloud-layer {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
 }

 .cloud {
     position: absolute;
     width: 120px;
     height: 80px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     transform: translateX(100vw);
     opacity: 0;
     animation:
         cloud-fade 2s ease forwards,
         cloud-float 30s linear infinite;
     animation-fill-mode: backwards;
 }

 .back-cloud {
     background-image: url('/images/loader-cloud_result.webp');
     z-index: 1;
     animation-duration: 60s;
 }

 .mid-cloud {
     background-image: url('/images/loader-cloud_result.webp');
     z-index: 2;
     animation-duration: 45s;
 }

 .front-cloud {
     background-image: url('/images/loader-cloud_result.webp');
     z-index: 6;
     animation-duration: 25s;
 }

 @keyframes cloud-float {
     0% {
         transform: translateX(100vw);
     }

     100% {
         transform: translateX(-150px);
     }
 }

 @keyframes cloud-fade {
     to {
         opacity: 1;
     }
 }

 .flight-info-head {
     display: flex;
     flex-direction: column;
 }

 @media (min-width: 640px) {
     .flight-info-head {
         flex-direction: row;
         justify-content: space-between;
         align-items: center;
     }

     .flight-info-head span {
         margin-top: 0;
         margin-left: 0.5rem;
     }
 }

 .goog-logo-link {
     display: none !important;
     font-size: 0px !important;
 }

 .goog-te-gadget {
     color: transparent !important;
     font-size: 0px !important;
 }

 .VIpgJd-ZVi9od-l4eHX-hSRGPd,
 .VIpgJd-ZVi9od-l4eHX-hSRGPd:link,
 .VIpgJd-ZVi9od-l4eHX-hSRGPd:visited,
 .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover,
 .VIpgJd-ZVi9od-l4eHX-hSRGPd:active {
     display: none;
 }

 .show-more-btn {
     border: none;
     font-size: 14px;
     cursor: pointer;
     padding: 4px 8px;
     text-decoration: underline;
     transition: color 0.3s ease;
     COLOR: WHITE;
     BACKGROUND: bottom;
 }

 .show-more-btn:hover {
     color: #1f857f;
     /* Optional: slightly darker on hover */
 }

 .hotel-sidebar .sidebar-body {
     padding: 1.5%;
 }

 /* Room Divider with lines */
 .room-divider {
     display: flex;
     align-items: center;
     text-align: center;
     margin: 5px 0;
     font-weight: 600;
     color: #239a93;
 }

 .room-divider::before,
 .room-divider::after {
     content: "";
     flex: 1;
     border-bottom: 1px solid #ccc;
     margin: 0 10px;
 }

 /* Fare Section */
 .r-price-s {
     margin: 0 10px;
     padding: 5px;
 }

 .r-price-f {
     display: flex;
     justify-content: space-between;
     padding: 4px 0;
 }

 .r-price-f-t {
     font-weight: 500;
 }

 .r-price-f-a {
     font-weight: 600;
 }

 .cancellation-free {
     color: green;
 }

 .cancellation-nonrefundable {
     color: red;
 }

 .cancellation-info svg {
     margin-right: 6px;
     /* icon spacing */
 }