/* ------------------------------------------------------ Flight Search Form End------------------------------------------------------ */



@import url("https://fonts.googleapis.com/css2?family=Belanosima:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@100;200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
    --prim-color: #0071e9;
    --accent-color: #ff7f00;

    /* c1292e */
    --prim-trans: #bfd3ff98;
    --sec-color: #011c27ff;
    --bg-color: #faf0ca;
    --main-black: #08090a;
    --black: #011c27ff;
    --gray: #808080ff;
    --gray-trans: rgba(128, 128, 128, 0.315);
    --gradient: ;
    --btn-shad: 1px 1px 3px black;
    --bg-color: #f0f0f0;
    --btn-color: #000000;
}

body {
    background-color: #ffffff;
    overflow-x: hidden !important;
}

html {
    overflow-x: hidden !important;
}

.mainopacity {
    opacity: 0.5;
    z-index: -1;
}

/* ------------------------------------------------------ Common Styles ------------------------------------------------------ */
a {
    text-decoration: none !important;
}

h1 {
    font-family: "Poppins";
    font-weight: 400;
}

.airlines_text h1 {
    font-size: 28px;
    margin-top: 5px;
}

.airlines_text ul {
    margin-top: 10px;
}

h2 {
    font-family: "Poppins", sans-serif;
    /* font-size: 20px; */
    font-weight: 600;
    color: var(--sec-color);
}

h3 {
    font-family: "Poppins", sans-serif;
    /* font-size: 26px; */
}

h4 {
    font-family: "Poppins";
    font-weight: 600;
}

h5 {
    font-family: "Poppins";
    font-weight: 500;
}

h6 {
    font-family: "Poppins", "sans-serif";
    font-weight: 700;
}

p {
    /* font-size: 15px; */
    font-family: "Poppins";
}

.text-transparent {
    color: transparent;
}

.text-white-1 {
    color: #000000;
}

.view_more {
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
}

table thead {
    font-family: "ubuntu", "sans-serif";
}

button,
div a {
    font-family: "ubuntu", sans-serif;
}

.flightlinewrapper {
    width: 8%;
}

/* .flightline2 {
    position: relative;
    top: 0;
    left: 40px;
    height: 30px;
    width: 2px;
    background-color: #ffd350;
}

.flightline2>* {
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #ffd350;
}

.flightline2> :first-child {
    top: 0;
    left: -4px;
}

.flightline2> :nth-child(2) {
    bottom: 0;
    left: -4px;
} */

.divider {
    border-top: 1px solid #ddd;
}

.dot {
    height: 5px;
    width: 5px;
    background-color: rgb(100, 100, 100);
    border-radius: 50%;
    display: inline-block;
    transform: translateY(-2px);
}

.flight_details_info .info_footer {
    position: relative;
    bottom: -15px;
}

.tktprice .tktprice_popup_btn li span {
    padding: 2px 3px;
}

.collapse_content .content {
    font-size: 12px;
    font-weight: 500;
    color: #212529bf;
}

.segment_body .fight_duration {
    font-size: 13px;
}

/* ------------------------------------------------------ DropDown Menu ------------------------------------------------------ */
input:focus,
input.form-control:focus {
    outline: black solid 1px !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    /* background-color: white !important; */
    transition: all 0.2s ease-in;
}

.travel-search select#fare_class {
    padding: 4px;
    font-size: 12px;
    font-weight: 400;
    font-family: inherit;
    line-height: 1.5;
    color: #495057;
    border: 1px solid #ccc;
    width: 90px;
}

.dropdown-menu .dropdown-item {
    transition: 0.2s;
    transition-timing-function: ease-in;
    padding: 5px !important;
}

.form_search_bottom .dropdown-menu {
    padding: 10px;
    line-height: 2.5em;
    width: 200px;
    border: none;
    border-bottom: 3px solid var(--sec-color);
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
        rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.form_search_bottom .dropdown-menu label {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

/* --------------------------- Flight Search List CSS -------------------------------*/
.form-check-input:checked {
    background-color: var(--prim-color);
    border: 2px solid #00b170;
}
.form-check-input[type=checkbox] {
    border-radius: 0px !important;
    border: 1px solid #006de166 !important;
}
.form-check-input:hover {
    border: 2px solid var(--prim-color);
}

.form-check-input {
    width: 1.2em;
    height: 1.2em;
    /* border: var(--bs-border-width) solid #010101 !important; */
    position: relative;
    top: 0px;
}

.segment_body .departure_time,
.segment_body .arrival_time,
.flight_details_info .heading {
    font-family: "Ubuntu";
    font-size: 16px;
}

.segment_body .departure_time,
.segment_body .arrival_time,
.segment_body .departure_airport,
.segment_body .arrival_airport {
    font-weight: 700;
}

.segment_body .departure_airport,
.segment_body .arrival_airport {
    margin-left: 20px;
    font-size: 16px !important;
}


.segment_body .departure_airport,
.segment_body .arrival_airport,
.flight_details_info .content,
.flight_details_info a {
    font-family: "sarabun";
    font-size: 12px;
}

.flight-details span.content {
    font-family: "sarabun";
    font-size: 12px;
    color: var(--bs-secondary-color);
    font-weight: 600;
}

.flight_details_info a {
    color: rgb(13, 189, 253);
}

.flight_details_info .flight_route_details.heading {
    font-weight: 800;
    text-transform: capitalize;
    width: 59px;
    height: 20px;
    background: linear-gradient(0deg, #004793 0%, #00bbff 100%);
    text-align: center;
    color: #fff !important;
    border-radius: 100px;
    font-size: 12px;
}

/* Flight Route Representor Line */
.flightLine {
    position: relative;
    top: 12px;
    margin-left: auto;
    margin-right: auto;
    width: 1px;
    height: 20px;
    background-color: #adadad;
}

.flightLine> :first-child {
    top: 0;
    left: -4px;
    background-color: white;
}

.flightLine>* {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #adadad;
}

.flightLine2 {
    position: relative;
    top: -5px;
    margin-left: auto;
    margin-right: auto;
    width: 1px;
    height: 20px;
    background-color: #adadad;
}

.flightLine2> :first-child {
    bottom: -9px;
    left: -4px;
    background-color: white;
}

.flightLine2>* {
    position: absolute;
    bottom: 0;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #adadad;
}

.flight_search_list_section {
    background-color: var(--bg-color);
    border-top: 1px solid #ddd;
    /* position: relative; */
    z-index: 0;
    padding: 10px 0px;
}
.flight_search_list_section .date_sliderbox{
    background: #fff;
    border-radius: 10px;
    position: relative;
}
.flight_search_list_section .date_sliderbox .content_wraper{
    text-align: center;
}
.flight_search_list_section .date_sliderbox .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    top: 0px;
    left: 0px;
}
.flight_search_list_section .date_sliderbox .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    top: 0px;
    right: 0px;
}

/* li {
    list-style: none;
} */

.table th,
.table td {
    background-color: transparent;
    border: none;
}

#hotel_section .table th,
.table td {
    padding: 5px !important;
}

.table .filter_title {
    width: 195px;
}

/* Filter quick select date box and flight timing filter style */


.filter_flight_time button {
    border: 1px solid #ddd;
    padding: 8px;
    font-size: 12px;
    margin-right: 10px;
}

.filter_flight_time .filter_time {
    font-size: 11px;
}

.filter_flight_time button {
    background-color: #efefef;
}

.filter_wrapper .filter_flight_time button:hover {
    background-color: var(--prim-trans);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.filter_wrapper .filter_flight_time button {
    border-radius: 5px;
    width: 120px;
    margin: 4px;
}

.departure_box {
    column-count: 2;
    padding: 0;
    list-style: none;
}

.departure_box li {
    margin-bottom: 4px;
}

/* Flight Search List Style  */
.view_details_btn {
    padding: 10px 20px;
    border: 1px solid var(--prim-color);
    color: var(--prim-color);
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    margin-bottom: 5px;
    width: 100%;
}

.flight_book_btn {
    padding: 10px 20px;
    background: linear-gradient(270deg,
            #be6d04 0%,
            #ffc107 100%);
    border: none;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    color: white;
    font-size: 13px;
    display: flex;
    margin-bottom: 5px;
    width: 100%;
}

.flight_book_btn span {
    white-space: nowrap;
    font-weight: 500;
}

.flight_book_btn:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: #454545;
}

.recom_wrap {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
        rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    background: linear-gradient(0deg,
            #004793 0%,
            var(--prim-color) 100%);
    padding-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-radius: 7px;
}

.recom_wrap h4 {
    text-shadow: 1px 5px 20px rgba(0, 0, 0, 0.5);
}

.flight_search_listwrap .btndiv .view_deal {
    background-color: rgba(13, 189, 253, 0.15);
    border: 2px solid rgb(13, 189, 253);
    color: rgb(13, 189, 253);
    transition: all 0.2s ease-in-out;
}

.flight_search_listwrap .btndiv .view_deal:hover {
    background-color: rgb(13, 189, 253);
    border: none;
    color: white;
}

.flight_book_btn a {
    color: white;
}

/* .flight_book_btn a:hover {
    color: rgb(13, 189, 253);
} */

.flight_search_listwrap .btndiv .view_deal:hover {
    background: rgba(13, 189, 253, 0.15);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.flight_search_listwrap .btndiv button:active,
.flight_book_btn:active {
    transform: scale(0.97);
}

.flight_details,
.book_btn_text span {
    font-size: 12px;
}

.flight_details_collapsible button {
    font-size: 13px !important;
}

.flight_details_collapsible button:active,
.flight_details_collapsible button.active {
    background-color: rgb(13, 110, 253) !important;
    color: white !important;
}

.flight_details_data,
.fare_data,
.cancellation_data {
    display: none;
}

.flight_details_data {
    display: block;
}

.flight_details_data .date {
    font-size: 12px;
}

.flight_search_listbox {
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    /* position: relative; */
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 10px;
}

.flight_search_listbox:hover {
    border: 1px solid var(--prim-color);
}

.flight_details_data .stop,
.cancellation_data .stop,
table tr td,
.flight_search_listbox .logo {
    font-size: 14px;
}

.flight_search_listbox .flightid {
    font-size: 12px;
    white-space: nowrap;
}

.flight_search_listbox .view-details-div {
    padding: 0 0 5px;
}

.flight_search_listbox .tktprice .iconHoverInfo {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 5px 10px;
    margin-bottom: 0;
    border-radius: 10px;
    transition: 0.3s ease-in-out;
    position: relative;
}

.flight_search_listbox .tktprice .iconHoverInfo.canHover:hover {
    background-color: #76767629;
}

.flight_search_listbox .tktprice .iconHoverInfo.onHover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    background-color: #fff;
    border-radius: 0;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.flight_search_listbox .tktprice .iconHoverInfo.onHover tr td:first-child {
    width: 150px;
}

.flight_search_listbox .tktprice .iconHoverInfo.onHover tr td {
    font-size: 12px;
    font-weight: 500;
    width: 50px;
    text-align: left;
}

.flight_search_listbox .tktprice .iconHoverInfo.onHover tr td span {
    font-size: 10px;
    font-weight: 400;
    color: #767676;
}

.flight_search_listbox .tktprice .iconHoverInfo.onHover tr td i {
    font-size: 12px;
    font-weight: 400;
}

.flight_search_listbox .tktprice .iconHoverInfo.canHover:hover .iconHoverInfo.onHover {
    display: block;
}

.flight_search_listbox .tktprice .iconHoverInfo i {
    font-size: 20px;
}

.flight_search_listbox .tktprice .iconHoverInfo li {
    position: relative;
}

.flight_search_listbox .tktprice .iconHoverInfo li div.blue {
    position: absolute;
    bottom: 0;
    right: -3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgb(0, 187, 255);
}

.flight_search_listbox .tktprice .iconHoverInfo li div.blue::after {
    content: '\24';
    font-family: 'FontAwesome';
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 7px;
}

.flight_search_listbox .tktprice .iconHoverInfo li div.green {
    position: absolute;
    bottom: 0;
    right: -3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #2cbb00;
}

.flight_search_listbox .tktprice .iconHoverInfo li div.green::after {
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 7px;
}


.dropdown-menu.show {
    display: block;
    border: none;
    top: 50px;
    /* left: -25px !important; */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
        rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    padding: 10px 10px 10px 10px;
    width: 280px;
}

.flight_search_form select {
    font-family: "Ubuntu", "sans-serif";
}

.dropdown-toggle::after {
    display: none;
}

.flight_search_form p {
    font-size: 12px;
}

/* Flight Search Input  */
.header_flight_search input {
    box-sizing: border-box;
    /* width: 170px; */
    /* padding-left: 40px; */
}

/* Date Picker Icon Hide */
/* input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
} */
.header_flight_search button {
    background-color: var(--prim-color);
}

.flight_route_dropdown i {
    color: var(--prim-color);
}

/* Range Slider Style  */
input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin: 10px 0;
    background-color: transparent;
    outline: none !important;
}

input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 10px;
    height: 5px;
    background: var(--prim-color);
    background: -webkit-linear-gradient(left,
            var(--prim-trans) 0%,
            var(--prim-color) 50%,
            var(--btn-color) 100%);
    background: linear-gradient(to right,
            var(--prim-trans) 0%,
            var(--prim-color) 50%,
            var(--btn-color) 100%);
}

input[type="range"]::-moz-range-track {
    -moz-appearance: none;
    appearance: none;
    border-radius: 10px;
    height: 5px;
    background: var(--prim-color);
    background: -webkit-linear-gradient(left,
            var(--prim-color) 0%,
            var(--prim-trans) 50%,
            var(--btn-color) 100%);
    background: linear-gradient(to right,
            var(--prim-color) 0%,
            var(--prim-trans) 50%,
            var(--btn-color) 100%);
}

input[type="range"]::-ms-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 5px;
    background: var(--prim-color);
    background: -webkit-linear-gradient(left,
            var(--prim-trans) 0%,
            var(--prim-color) 50%,
            var(--btn-color) 100%);
    background: linear-gradient(to right,
            var(--prim-trans) 0%,
            var(--prim-color) 50%,
            var(--btn-color) 100%);
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border: 3px solid #fff;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    position: relative;
    bottom: 8px;
    background: var(--prim-color) center no-repeat;
    background-size: 50%;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
    cursor: grab;
}

input[type="range"]::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    border: 3px solid #fff;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    position: relative;
    bottom: 8px;
    background: var(--prim-color) center no-repeat;
    background-size: 50%;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
    cursor: grab;
}

input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 3px solid #fff;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    position: relative;
    bottom: 8px;
    background: var(--prim-color) center no-repeat;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
    cursor: grab;
}

.dropdown-toggle {
    font-size: 14px;
    font-family: "Sarabun";
}

.remove_traveller,
.add_traveller {
    color: #00b170;
}

.filter_wrapper_style {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 6px, rgba(0, 0, 0, 0.13) 0px 3px 6px;
}

.filter_wrapper .close,
.filter_wrapper_phn button {
    display: none;
    color: var(--prim-color);
}

.filter_wrapper {
    display: block;
}

.book_btn_text {
    position: relative;
    bottom: 0;
}

#hotel .hotelPriceBoxPhone {
    display: none !important;
}

.terms-misc {
    position: absolute;
}

.flight_bookdetails_wrapper .book_cancel_box span {
    padding: 2px 5px;
    font-size: 11px;
    background: linear-gradient(to right,
            rgba(82, 170, 0, 0.719) 0%,
            rgb(40, 173, 0) 50%);
}

.flight_bookdetails_wrapper .book_cancel_box a,
.book_misc_box table th {
    font-size: 14px;
}

.flight_bookdetails_wrapper {
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 6px, rgba(0, 0, 0, 0.13) 0px 3px 6px;
}

.flight_bookdetails_wrapper .book_flightinfo_box span,
.book_route_box span {
    font-size: 12px;
    margin-top: auto;
}

.flight_bookdetails_wrapper .book_misc_box table th {
    font-weight: 600;
}

.flightlinewrapper {
    width: 8%;
}

.tktprice ul li {
    font-size: 13px;
}

.tktprice .price {
    font-size: 24px;
    color: rgb(58 181 74);
    font-weight: 700;
}

.tktprice .tktprice_popup {
    display: none;
}

.tktprice_popup span {
    font-family: "Ubuntu";
}

.tktprice_popup td {
    font-family: "sarabun";
}

.tktprice_popup td .total {
    font-family: "oxygen";
    font-size: 16px;
}

.ticket_misc_btn {
    max-width: max-content;
    background-color: rgba(171, 252, 255, 0.164);
    border-radius: 10px;
    padding: 10px 15px;
    transition: all 0.2s ease-in-out;
    margin-left: auto;
    margin-top: 15px;
}

.ticket_misc_btn ul {
    display: flex;
}

.ticket_misc_btn .ticket_misc_details {
    display: none;
}

.ticket_misc_btn ul li {
    font-size: 12px;
    font-family: "Ubuntu";
}

.ticket_misc_btn ul li i {
    font-size: 16px;
    margin-right: 8px;
}

.ticket_misc_btn .ticket_misc_header {
    font-size: 13px;
    font-family: "Ubuntu";
}

.ticket_misc_btn:hover ul {
    display: block;
}

.ticket_misc_btn:hover .ticket_misc_details {
    display: inline-block;
}

table .segment td {
    font-size: 16px;
    font-family: "Ubuntu";
}

table .segment td a {
    background-color: var(--prim-trans);
    border: 2px solid var(--prim-color);
    color: var(--prim-color);
    font-size: 14px;
    padding: 10px 20px;
    transition: all 0.2s ease-in-out;
}

table .segment td a:hover {
    background-color: var(--prim-trans);
    border: 2px solid rgba(13, 189, 253, 0);
    color: var(--prim-color);
    font-size: 14px;
    padding: 10px 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.sitename_popup {
    display: none;
    font-size: 14px;
}

.sitename_popup ul {
    margin-top: 15px;
}

.sitename_popup ul li {
    font-size: 13px;
}

.collapse .header,
.collapsing .header {
    padding: 5px 10px;
    border: 1px solid #dee2e6;
    border-radius: 10px 10px 0 0px;
    display: flex;
    justify-content: space-between;
}

.collapse .header div,
.collapsing .header div {
    font-family: "Ubuntu";
    font-weight: 700;
}

.collapse .header span,
.collapsing .header span {
    font-family: "sarabun";
    font-size: 14px;
}

.collapse .segment,
.collapsing .segment {
    padding: 5px 5px 0;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

.collapse .segment .collapse_content,
.collapsing .segment .collapse_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0 15px;
}

.layover_separator {
    font-size: 14px;
    font-family: "ubuntu";
}

.sidenav_menu li a {
    font-family: "Sarabun";
    font-size: 14px;
    display: flex !important;
    align-items: center;
}

.sidenav_menu li {
    margin: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.sidenav_menu li:hover {
    background-color: #ddd;
    font-weight: 600;
    color: #000;
}

.aboutus_frontpage {
    /* background-image: url("../img/gallery/framexyz.webp"); */
    background-position: center 600px;
    background-size: cover;
    width: 100%;
    height: 250px;
    position: relative;
    z-index: -1;
}

.aboutus_frontpage::before {
    content: "";
    width: 100%;
    height: 250px;
    position: absolute;
    background: linear-gradient(0deg,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0) 100%);
    z-index: -1;
}

.aboutus_frontpage div {
    padding-left: 70px;
    padding-top: 100px;
    position: relative;
    z-index: 1;
}

.sidenav_wrapper {
    background-color: white;
    width: 70px;
    position: fixed;
    top: 69px;
    height: 100vh;
    /* position: absolute; */
    /* height: 100%; */
    z-index: 999;
    transition: 0.3s ease-in-out;
}

.sidenav_wrapper ul li a span {
    display: none;
}

.sidenav_wrapper ul li i {
    margin-left: 12px;
    display: flex;
    align-items: center;
    font-size: 18px;
}

.main_wrapper {
    margin-left: 0 !important;
    /* margin-left: auto; */
    /* margin-top: 40px; */
    transition: 0.3s ease-in-out;
}

.widthman {
    width: 95% !important;
}

.navshow {
    width: 150px !important;
    background-color: white !important;
    border-right: 1px solid #ddd;
    display: block !important;
}

.navshow ul li a {
    display: inline-flex !important;
}

.navhidden {
    width: 69px !important;
}

.navhidden ul li a {
    display: none;
}

#nav_btn {
    background-color: transparent;
    transform: all 0.3s ease-in-out;
    border-radius: 3px;
}

#nav_btn i {
    font-size: 25px;
    color: #212121;
}

/* #nav_btn:hover{
    background-color: white;
} */
.updated-hamberg {
    width: 50%;
}

footer {
    background-color: #000;
}

footer ul li a {
    color: white;
    font-size: 14px;
    font-family: "Ubuntu";
}

footer ul li p {
    color: white;
    font-size: 12px;
    font-family: "Ubuntu";
}

footer ul li a:hover {
    text-decoration: underline;
}

footer ul span {
    font-size: 13px;
    font-family: "sarabun";
}


.search_form input,
.search_form button {
    padding-top: 10px;
    padding-bottom: 10px;
    outline: rgba(0, 0, 0, 0) solid 1px;
    transition: all 0.2s ease-in;
}

.search_form input:hover,
.search_form button:hover {
    background-color: #ddd;
}

.search_form .flightdate {
    background-color: white;
}

select {
    /* -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none; */
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: transparent;
    /* Fallback color if gradients are not supported */
    /* background-image: url(../images/select-arrow.png), -webkit-linear-gradient(top, #E5E5E5, #F4F4F4); 
    background-image: url(../images/select-arrow.png), -moz-linear-gradient(top, #E5E5E5, #F4F4F4); 
    background-image: url(../images/select-arrow.png), -ms-linear-gradient(top, #E5E5E5, #F4F4F4); 
    background-image: url(../images/select-arrow.png), -o-linear-gradient(top, #E5E5E5, #F4F4F4);
    background-image: url(../images/select-arrow.png), linear-gradient(to bottom, #E5E5E5, #F4F4F4); 
    background-position: center right;
    background-repeat: no-repeat; */
    border: 1px solid #00000000;
    border-radius: 2px;
    /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); */
    color: #000000;
    font-family: "Sarabun";
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.divborder {
    display: block;
}

.returndate {
    display: block;
}

.filler_wrapper {
    position: relative;
    z-index: -5;
}

.filler_wrapper .icon_wrapper {
    width: 50px;
    height: 50px;
    /* background-color: var(--prim-trans); */
    color: var(--prim-color);
    position: relative;
    z-index: 1;
}

.filler_wrapper .icon_wrapper img {
    width: 100%;
    position: relative;
    z-index: -1;
}

.filler_wrapper .icon_wrapper>i {
    position: relative;
    top: calc(50% - 15px);
    /* 50% - 3/4 of icon height */
}

.filler_wrapper .text_wrapper {
    font-size: 14px;
}

.filler_wrapper .text_wrapper span {
    font-family: "Sarabun";
}

.flight_slider_wrapper .img1 {
    clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
    position: absolute;
    width: 265px;
}

.flight_slider_wrapper .img2 {
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
    width: 265px;
}

.flight_slider_wrapper .img3 {
    width: 265px;
}


.flight_slider_wrapper:hover {
    cursor: pointer;
}

.textwrap_route {
    z-index: 1;
    bottom: 80px;
    margin-left: 15px;
    /* border-radius: 5px; */
    padding: 2px;
}

.textwrap_route span {
    padding: 8px;
    font-family: "Belanosima";
    font-weight: 600;
    font-size: 14px;
}

.textwrap_cont div {
    font-family: "Sarabun";
}

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

.slider_segment .sub-heading,
.XSflights_segment .sub-heading {
    font-size: 15px;
}

.textwrapper_cta p {
    font-size: 18px;
}

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

.ctaprof_wrap .imgwrapper {
    margin-left: 7%;
    margin-right: 40px;
}

.textwrapper_cta input {
    padding-left: 40px !important;
    position: relative;
    /* z-index: -1; */
}

.textwrapper_cta input:focus {
    background-color: transparent !important;
}

.basicbtn {
    background-color: var(--accent-color);
    border: 1px solid var(--accent-color);
    color: #fff;
    padding: 7px 10px;
    transition: 0.3s ease-in-out;
    position: relative;
    /* z-index: -1; */
}

.basicbtn i {
    color: #fff;
}

.basicbtn:hover {
    background-color: #fff;
    color: var(--accent-color);
    font-weight: 400;
}

.basicbtn:hover i {
    color: var(--accent-color);
}

.basicbtn:active {
    transform: scale(0.97);
}

.about_collapse h1 {
    font-size: 50px;
}

.about_collapse .sub-heading {
    font-family: "sarabun";
    font-size: 20px !important;
}

.flightlist_wrapper ul li a {
    color: var(--bs-secondary-color);
    text-decoration: none;
    font-size: 13px;
}

.about_collapse span {
    font-size: 15px;
    font-family: "Ubuntu";
}

.searchformyes {
    background-color: var(--prim-color);
    /* background-image: url('../img/gallery/infinity_banner.webp'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 300px;
}

.searchformyes svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.header_nav {
    /* background: linear-gradient(270deg, rgba(6,147,227,1) 0%, rgba(45,165,232,1) 100%); */
    background-color: var(--prim-color);
}

.retardedlist {
    column-count: 3;
}

.planeanim {
    position: absolute;
    left: 0;
    z-index: -1;
}

.planePath {
    opacity: 0.2;
    stroke: var(--prim-color);
    stroke-width: 5px;
    stroke-dasharray: 2%;
    fill: none;
}

.plane {
    transform: scale(0.15);
}

.fill1 {
    fill: #d9dada;
}

.fill2 {
    fill: #c5c6c6;
}

.fill3 {
    fill: #aeafb0;
}

.fill4 {
    fill: #9d9e9e;
}

.airline_wrapper {
    border: 1px solid #ddd;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 6px, rgba(0, 0, 0, 0.13) 0px 3px 6px;
    transition: all 0.1s ease-in-out;
    height: 150px;
    position: relative;
}

.airline_wrapper a {
    text-decoration: none;
    color: #000;
}

.airline_wrapper:active {
    box-shadow: none;
    transform: scale(0.98);
}

.airline_wrapper:hover {
    border: 1px solid #000;
}

.airline_wrapper .text_wrapper span {
    font-size: 14px;
    position: absolute;
    bottom: 10px;
}

.airline_wrapper .text_wrapper p {
    font-size: 16px;
}

.svgitem svg {
    width: 300px;
    position: absolute;
    top: 300px;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.svgitem span {
    position: absolute;
    top: 750px;
    font-family: "Belanosima";
    font-size: 18px;
    font-weight: 400;
    color: var(--main-black);
    background-color: var(--prim-trans);
    border: 1px solid var(--prim-color);
    border-radius: 10px 0 10px 10px;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.retardedlist li,
.retardedhotellist .content {
    max-width: max-content;
    transform: scale(1.15);
    transition: all 0.2s ease-in-out;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}

.retardedlist li:hover,
.retardedhotellist .content:hover {
    transform: scale(1.2);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1px solid #00000036;
}

@keyframes floating {
    0% {
        transform: translate(0, 0px);
    }

    50% {
        transform: translate(0, 15px);
    }

    100% {
        transform: translate(0, -0px);
    }
}

.yallah {
    /* background-image: url("../img/gallery/Frame9_x.png"); */
    width: 285px;
    height: 400px;
    position: absolute;
    top: 500px;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
        rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px,
        rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.yallah span {
    position: relative;
    top: 75%;
    font-size: 22px;
    font-weight: 600;
    color: white;
    font-family: "Ubuntu";
}

.svgitem2 {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

/* .airlines_text h1 span{
    background: linear-gradient(270deg, rgba(6,147,227,1) 0%, rgba(0,208,132,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */
.slick-track {
    padding-bottom: 10px;
}

.form-label {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 3px;
    color: #4d5357;
}

.main_wrapper .form-control {
    padding: 5px;
    font-size: 14px;
    border: 1px solid #00000048;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

.input_flexbox {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0px 10px;
}

.main_wrapper .input_flexbox .form-control {
    border: none;
    outline: none;
    background: transparent;
}

form#loginfrm button {
    background: #2fe6de;
    border: none;
    border-radius: 4px;
    color: #fff;
}

.form-select {
    padding: 5px;
    font-size: 14px;
    padding-left: 10px;
    border: 1px solid #00000048;
    border-radius: 4px;
}

.form_submit_btn {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 20px;
    color: #4d5357;
    font-size: 14px;
}

.flight_passengerdetails_wrapper,
.flight_confirmdetails_wrapper {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 6px, rgba(0, 0, 0, 0.13) 0px 3px 6px;
    border-radius: 10px;
}

.blog_page .recent_blog {
    background-color: var(--prim-trans);
}

.blog_page .recent_blog ul li {
    font-size: 14px;
}

.blog_page ul li a {
    color: #000;
    transition: all 0.2s ease-in;
}

.blog_page ul li a:hover {
    color: #00c3ff;
}

.privacy_policy .sitemap_list {
    column-count: 4;
    line-height: 40px;
    padding: 0;
}

.privacy_policy .sitemap_list li a {
    color: #000;
}

/* ------------------------------------------------------ Flight Search Form ------------------------------------------------------ */
.travel-search-form {
    background-color: #fff;
    padding: 20px;
    position: relative;
    /* top: 100px;
    right: -70px; */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    backdrop-filter: blur(3px);
    /* border-radius: 10px; */
    /* animation: 1s ease-in-out 0s 1 slideleft; */
}

.flight_front_page .travel-search-form {
    top: -20px;
    right: 0;
}

.flights_front_banner {
    position: absolute;
    top: 65px;
    z-index: -1;
    right: 0;
}

.datepicker-wrapper .ti-calendar {
    font-size: 15px;
    top: 14px;
    right: 13px;
    color: var(--prim-color);
}

.react-datepicker-popper {
    z-index: 10;
}

.react-datepicker-wrapper {
    width: 100%;
}

.travel-search-form .form-control {
    display: block;
    width: 100%;
    /* border: 1px solid #6e6e6e2b !important; */
    height: 100%;
    line-height: 47px;
    padding: 10px 10px 10px 40px;
    font-size: 14px;
    background-color: #fff;
}

.travel-search-form .form-group i {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(-50%, -50%);
    color: var(--accent-color);
}

.travel-search-form .form-control:hover,
.travel-search-form .form-control:focus {
    border-color: var(--accent-color);
    box-shadow: inherit;
    border: 1px solid var(--accent-color);
}

.travel-search-form .btn-home-bg {
    padding: 9px 24px;
}

.search-select select {
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    height: 47px;
    padding: 10px 15px;
}

.about_front_page .travel-search-form {
    top: -60px;
    right: 0;
}

.about .travelerselectbox {
    width: 300px;
    justify-content: left !important;
}

.about .travelerselectbox .passenger_box {
    margin: 0px 39px 0px 0px;
}

.SearchListFormWrapper {
    background-color: var(--prim-color);
    padding: 15px 0;
}

/* ------------------------------------------------------ Flight Search Form End------------------------------------------------------ */
/* ------------------------------------------------------ DropDown Menu ------------------------------------------------------ */
.travelerselectbox {
    margin-left: 10px;
}

.form_search_dropdown {
    border: none;
    background-color: transparent;
    cursor: pointer;
    transition: 0.2s;
    padding: 10px;
}

.form_search_bottom .dropdown-toggle {
    background-color: transparent;
    color: var(--black);
    border: none;
    transition: 0.2s;
    transition-timing-function: ease-in;
}

.form_search_bottom .dropdown-toggle:hover {
    background-color: var(--gray-trans);
}

.form_search_bottom {
    margin-top: 10px;
    float: right;
}

.dropdown_face {
    text-decoration: none;
    display: inline-block;
    padding: 2px 0px 0px 0px;
    color: #000;
    font-weight: 300;
}

.dropdown_face::after {
    content: "";
    display: block;
    width: 0;
    /* Hide border initially */
    height: 2px;
    background: var(--prim-color);
    transition: width 0.3s ease;
}

.dropdown_face:hover::after {
    width: 100%;
    /* Show border on hover */
}

.search_form input {
    display: table;
    color: var(--gray);
    border: none;
    border-radius: 0;
    border-bottom: 1px solid var(--prim-color);
    transition: 0.2s;
    transition-timing-function: ease-in;
    font-size: 12px;
    font-weight: 400;
}

.search_form input:focus {
    border-bottom: 2px solid var(--prim-color) !important;
}

input:focus,
input.form-control:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    font-weight: 500;
}

.travel-search select#fare_class {
    padding: 4px;
    font-size: 12px;
    font-weight: 400;
    font-family: inherit;
    line-height: 1.5;
    color: #495057;
    border: 1px solid #ccc;
    width: 90px;
}

.dropdown-btn {
    border: 1px solid var(--gray-trans);
    height: 20px;
    width: 20px;
    padding: 5px;
}

.dropdown-menu.show {
    display: block;
    border: none;
    /* left: -25px !important; */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
        rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-bottom: 3px solid var(--prim-color);
    border-radius: 15px;
    padding: 10px 20px 10px 20px;
    z-index: 10;
}

.dropdown-menu .dropdown-item {
    transition: 0.2s;
    transition-timing-function: ease-in;
    padding: 5px !important;
}

.dropdown-menu .dropdown-item:hover {
    background-color: var(--sec-color);
    color: white;
}

.form_search_bottom .dropdown-menu {
    padding: 10px;
    line-height: 2.5em;
    width: 200px;
    border: none;
    border-bottom: 3px solid var(--sec-color);
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
        rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.form_search_bottom .dropdown-menu label {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.form-style i {
    /* position: absolute; */
    z-index: 1;
}

.flight_icon11 {
    font-size: 20px;
    color: var(--sec-color);
    padding-top: 10px;
    padding-left: 10px;
    z-index: 1;
}

.flight_icon12 {
    font-size: 25px;
    color: var(--sec-color);
}

.passnger_submit {
    width: 140px;
    padding: 5px;
}

/* ------------------------------------------------------ Flight Content Style ------------------------------------------------------ */

/* --------------------------------------------Extra code written by Ravi--------------------------------------------- */

.departure-suggestion {
    position: absolute;
    background: white;
    box-shadow: 3px 14px 14px 2px #d1d1d1;
    border-radius: 5px;
    z-index: 100;
}

.airport-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
    padding: 10px 20px;
    border-bottom: 1px dotted #a8a8ff;
}

.airport-list:hover {
    background-color: rgb(229, 197, 255);
}

p {
    margin: 0;
}

.none {
    display: none;
}

.place-name {
    font-size: 11px;
    padding: 0px 0px 0px 20px;

}

.airport-code {
    padding: 3px 10px;
    background: #13bd78;
    font-size: 12px;
    color: #fff;
    margin: 0px 0px 0px 25px;
}

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

.mui-loader-departure,
.mui-loader-arrival {
    width: 25px !important;
    height: 25px !important;
    position: absolute;
    top: 10px;
    right: 10px;
    /* background-color: #00c3ff; */
}

.loading-div {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    top: 0;
    text-align: center;
    left: 0;
    background: #bcbcbd;
}

.circular-loading {
    width: 50px;
    height: 50px;
    margin-top: 50vh;
    z-index: 999;
}

.alert {
    text-align: center;
    color: red;
}

.claer {
    text-align: center;
    padding-top: 12px;
    cursor: pointer;
}

.noFlightImage {
    width: 20%;
}

.outer-container-not-found {
    border-top: 1px solid #ddd;
    background: #f0f0f0;
    padding-bottom: 40px;
}

.FlightNotFound {
    text-align: center;
    margin: 40px auto;
    width: 40%;
}

.notFoundTotle {
    font-size: 27px;
    color: black;
}

.notFoundDesc {
    margin: 10px;
}

.goBack {
    border: none;
    border-radius: 21px;
    padding: 8px 16px;
    background: linear-gradient(45deg, #4d00ff, transparent);
    cursor: pointer;
    font-weight: 900;
    color: white;
}

.loading {
    position: fixed;
    width: 100vw;
    height: 100vh;
    text-align: center;
    /* opacity: 0.8; */
    background: rgba(224, 223, 223, 0.13);
    z-index: 999 !important;
    backdrop-filter: blur(3px);
}

.circular-loading {
    margin-left: 48%;
    text-align: center;
    margin-top: 16%;
    font-size: 50px;
}

.flight-loader {
    width: 100vw;
    /* height: 70vh; */
    margin: auto;
    text-align: center;
    padding-top: 140px;
}

.flight-loader-details {
    width: 50%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    color: black;
}

.loader-title {
    font-size: 22px;
    margin: 10px;
    color: black;
}

.loader-desc {
    margin-bottom: 25px;
}

.Flight-loader {
    margin: 20px 0 50px;
}

.main_header_arae {
    margin-top: 25px;
}

.form_search_banner {
    padding-top: 95px !important;
}

.bg-lightcu {
    background: #edf2f6;
    padding-top: 20px;
    padding-bottom: 200px;
}

.starting-point {
    margin-top: 40px;
    margin-bottom: 40px;
}

.starting-point h3 {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.fromto h2 {
    font-size: 22px;
    padding-top: 50px;
    text-align: center;
}

.fromto p {
    font-size: 15px;
    text-align: center;
}

.center-img {
    margin: 0 auto;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.starting-point h2 {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    letter-spacing: 0px;
}

.destination-airport h2 {
    font-size: 18px;
}

.filterWrapper {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.mainflight-search-section {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid var(--prim-color);
    /* border-left: 1px solid var(--prim-color);
  border-right: 1px solid var(--prim-color); */
}

.mainflight-search-section h3 {
    font-size: 18px;
}

.airline-book .book_now {
    background-color: var(--prim-color);
    border: 1px solid var(--prim-color);
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    padding: 13px 24px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-weight: 400;
    letter-spacing: 1px;
}

.open_navtext11 {
    color: var(--prim_color);
    display: flex;
    font-weight: 600;
    align-items: center;
    justify-content: right;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 2%;
}

.flight-brief-layovers__list {
    position: relative;
    display: block;
}

.flight-brief-layovers__list:before {
    position: absolute;
    top: 16px;
    right: 10px;
    left: 10px;
    height: 1px;
    background: #b3b3cd;
    content: "";
}

.flight-brief-layover {
    position: relative;
}

.flight-brief-layover__iata {
    position: relative;
    margin-top: 11px;
    width: 22px;
    text-align: center;
    cursor: default;
}

.flight-brief-layovers__list-wrapper {
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flight-brief-layover__iata:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 5px;
    background: #fff;
    content: "";
    top: -13px;
}

.flight-brief-layover__iata:after {
    position: absolute;
    top: 2px;
    left: 50%;
    margin-left: -3px;
    width: 6px;
    height: 6px;
    border: 2px solid #fff;
    border-radius: 4px;
    background-color: rgb(255, 255, 255, 0);
    box-shadow: 0 0 0 1px #b3b3cd;
    content: "";
}

.flight-brief-layovers__flight_time {
    display: -ms-flexbox;
    -js-display: flex;
    -ms-flex-pack: center;
    margin-top: -15px;
    font-size: 11px;
    text-align: center;
}

.right-block-new {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    background-color: #ffe8d76e;
}

.right-block-new-price small {
    font-size: 10px;
    display: inherit;
    font-weight: 600;
}

.right-block-new h2 {
    font-size: 14px;
}

.right-block-new h3 {
    font-size: 20px;
}

.instantoffer {
    margin-top: 5px;
    background-color: #333;
    padding: 5px;
}

.instantoffer a {
    color: white;
    font-size: 16px;
}

.exclu-btn {
    border-bottom: 2px solid var(--prim-color);

    margin-bottom: 10px;
}

.main_wrapper .form-control {
    line-height: 12px;
    font-size: 12px;
    border: 1px solid #ddd;
    height: 40px;
    background-color: transparent;
}

.search_block_hide {
    background-color: rgba(160, 160, 160, 0.5);
    backdrop-filter: blur(3px);
}

.form_search_banner {
    /* background: url('../assets/img/slider/3.webp'); */
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    margin-top: -25px;
}

.form_search_banner::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #ffffffc4;
    z-index: -1;
}

.travetting-title h2 {
    padding: 10px;
    font-size: 18px;
    color: white;
    background-color: var(--prim-color);
}

.adult-title {
    background: #fff;
    padding: 10px;
    box-shadow: rgb(0 0 0 / 26%) 0px 5px 14px;
    margin-bottom: 10px;
}

.adult-title h2,
.adult-title h3 {
    font-size: 15px;
    border-left: 2px solid #3f4156;
    padding: 0px 10px 0;
    color: var(--text_color);
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid transparent !important;
    border-radius: 0.25rem;
}

.payment-img {
    text-align: center;
    background: #edf2f6;
    margin-bottom: 20px;
    margin-top: 20px;
}

.card-reader #CreditCardImg {
    width: 36px;
    height: 21px;
    /* background: url('../img/cardtypes_sprite_icons_new.webp') no-repeat 0 0; */
    background-position: 1px 1px;
    position: absolute;
    right: 0px;
    top: 5px;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

.dropdown-menu select {
    width: 100%;
    font-size: 12px;
    border: 1px solid #000;
    border-radius: 2px;
}

.error {
    color: red;
}

.error-border {
    border: 1.6px solid red !important;
}

.cardImage {
    position: absolute;
    right: 3px;
    top: 10px;
}

.PhoneInputInput {
    border: none !important;
}

.icofont-plus,
.icofont-minus {
    cursor: pointer;
}

.font-size-12 {
    font-size: 12px;
}

.border-blue {
    border: 1px solid var(--prim-color) !important;
    border-radius: 5px;
    background-color: #bfd3ff98 !important;
    font-weight: 500;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none;
}

.mui-loader-arrival-col {
    width: 25px !important;
    height: 25px !important;
    position: absolute;
    top: 10px;
    right: 10px;
    /* background-color: #00c3ff; */
}

.sitemap a {
    font-size: 16px;
    padding: 10px;
    line-height: 2.5;
    transition: 0.2s;
}

.sitemap a:hover {
    color: var(--prim-color);
    font-weight: 500;
}

.sitemap i {
    font-size: 34px;
    color: var(--prim-color);
    margin-left: 5px;
}

/* ------------------Thank you Page----------------------------------- */
.thankyou-text1 h2 {
    width: 100%;
    margin: 30px auto;
    color: #000;
    font-size: 30px;
    font-weight: 700;
}

.thankyou-text1 a {
    color: #0085ff;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 14px;
}

.thankyou-text1 {
    padding: 20px;
    box-shadow: 0px 1px 10px 0px #ddd;
    margin-top: 60px;
}

.thankyou-social {
    margin-top: 35px;
}

.bntchatthank {
    background: #0085ff !important;
    font-weight: bold;
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 25px;
    height: inherit;
}

.thankyou-bg {
    position: relative;
}

/* .overlay-thankyou{position:absolute;width:100%;height:100%;background:#fff;} */

.thankyou-text i {
    font-size: 30px;
    color: #000;
}

.thankyou-social ul {
    text-align: center;
    margin-top: 20px;
}

.thankyou-social ul li a {
    color: #fff;
    font-size: 20px;
}

.thankyou-social ul li:hover {
    background: #2196f3;
}

.thankyou-social ul li {
    display: inline-block;
    margin-right: 20px;
    background: #2196f3;
    box-shadow: 1px 1px 1px 1px #ddd;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
}

img.logo {
    width: 160px;
    margin-top: 15px;
}

.thanyou-footer p {
    font-size: 12px;
    padding: 30px 0;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .thankyou-social img {
        width: 100%;
    }

    .thankyou-text1 a {
        white-space: nowrap;
        display: block;
    }
}

.desktop-hide {
    display: none !important;
}

.flight-details {
    text-align: right;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    padding: 0px 1rem !important;
}

.filterTime-active {
    background-color: #00c7ff !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

/* Adjustment CSS */
.date-formate {
    color: #000000;
    font-size: 13px;
    font-weight: 400;
}

/* ---------Extra code by Ravi--------------- */
.react-multiple-carousel__arrow {
    z-index: 1 !important;
}

.secondCarousel .react-multi-carousel-list {
    padding-bottom: 2.5rem;
}

.secondCarousel .react-multiple-carousel__arrow {
    display: none;
}

.react-multi-carousel-dot button {
    border-color: #000000 !important;
    border-width: 1px !important;
    background-color: #fff !important;
}

.react-multi-carousel-dot--active button {
    background: var(--prim-color) !important;
}

/* Shine CSS Anim */
img {
    -webkit-mask-image: linear-gradient(45deg,
            #000 25%,
            rgba(0, 0, 0, 0.5) 50%,
            #000 75%);
    mask-image: linear-gradient(45deg,
            #000 25%,
            rgba(0, 0, 0, 0.5) 50%,
            #000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;
    object-fit: cover;
}

.search_form .returndate::before {
    content: "sa";
    background-color: #000;
    width: 10px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

.retardedhotellist .content span {
    position: absolute;
    bottom: 5px;
    left: 5px;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 40%,
            rgba(0, 0, 0, 1) 100%);
    width: 95%;
    height: 95%;
}

.retardedhotellist .content span p {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 24px;
    padding-left: 12px;
    padding-bottom: 10px;
    font-family: "Belanosima";
}

.area-search-loader {
    width: 50px !important;
    /* height: 25px !important; */
    position: absolute;
    margin-top: 9px;
    /* margin-left: -88px; */
}

.departure-suggestion {
    width: fit-content;
}

#hotel .icon_wrapper i {
    position: relative;
    top: calc(50% - 10px);
    /* 50% - 3/4 of icon height */
}

.react-datepicker__input-container,
.react-datepicker__input-container input {
    height: 100% !important;
}

.propertyAmenities span {
    font-size: 16px;
}

.propertyAmenities ul li {
    font-size: 14px;
    margin-top: 5px;
}

.hotelListImageContainer {
    width: 230px;
    height: 185px;
    overflow: hidden;
    margin-top: auto;
    margin-bottom: auto;
}

#hotelDetailImageSlider .flight_slider_wrapper {
    width: 265px;
    height: 177px;
    overflow: hidden;
}

#hotelDetailImageSlider .flight_slider_wrapper img {
    width: 100%;
    height: 100%;
}

.image-popup {
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 999;
    background: #0000007d;
    width: 100vw;
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    padding: 100px;
    overflow: hidden;
}

.image-popup img {
    width: 100%;
    height: 90vh;
}

.close {
    text-align: right;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

.partner_flight_content {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 10px;
    padding: 10px;
    height: 150px;
}

/* Splide Slider */

.splide__slide img {
    height: 100%;
}

.slider-content-wrapper .slider-content-image {
    overflow: hidden;
    width: 100%;
    height: 420px;
}

.slider-content-wrapper .slider-content-text {
    margin-top: 20px;
    text-align: left;
    padding-left: 40px;
    padding-right: 40px;
}

.slider-content-wrapper .slider-content-text p {
    font-size: 14px;
}

#splide_sub .splide__arrow--prev {
    left: 76em;
}

#splide_sub .splide__arrow {
    top: 203px;
}

.slider-content-wrapper .slider-content-heading {
    position: absolute;
    top: 250px;
    left: 120px;
    color: white;
    background-image: linear-gradient(-90deg, #032343d9, #071b26);
    padding: 15px;
}

.slider-content-wrapper .slider-content-heading span {
    font-size: 16px;
    font-weight: 400;
}

.slider-content-wrapper .slider-content-heading h2 {
    margin-top: -5px;
    font-size: 32px;
    color: #fff;
}

.conference_query_form canvas#canv {
    border: 1px solid #ddd;
    height: 30px;
}

#user_captcha_input {
    width: 100%;
}

#reload_href::after {
    content: "";
    position: absolute;
    top: 37px;
    right: -15px;
    width: 50px;
    height: 50px;
    background: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' fill='none'><path d='M4.39502 12.0014C4.39544 12.4156 4.73156 12.751 5.14577 12.7506C5.55998 12.7502 5.89544 12.4141 5.89502 11.9999L4.39502 12.0014ZM6.28902 8.1116L6.91916 8.51834L6.91952 8.51777L6.28902 8.1116ZM9.33502 5.5336L9.0396 4.84424L9.03866 4.84464L9.33502 5.5336ZM13.256 5.1336L13.4085 4.39927L13.4062 4.39878L13.256 5.1336ZM16.73 7.0506L16.1901 7.57114L16.1907 7.57175L16.73 7.0506ZM17.7142 10.2078C17.8286 10.6059 18.2441 10.8358 18.6422 10.7214C19.0403 10.607 19.2703 10.1915 19.1558 9.79342L17.7142 10.2078ZM17.7091 9.81196C17.6049 10.2129 17.8455 10.6223 18.2464 10.7265C18.6473 10.8307 19.0567 10.5901 19.1609 10.1892L17.7091 9.81196ZM19.8709 7.45725C19.9751 7.05635 19.7346 6.6469 19.3337 6.54272C18.9328 6.43853 18.5233 6.67906 18.4191 7.07996L19.8709 7.45725ZM18.2353 10.7235C18.6345 10.8338 19.0476 10.5996 19.1579 10.2004C19.2683 9.80111 19.034 9.38802 18.6348 9.2777L18.2353 10.7235ZM15.9858 8.5457C15.5865 8.43537 15.1734 8.66959 15.0631 9.06884C14.9528 9.46809 15.187 9.88119 15.5863 9.99151L15.9858 8.5457ZM19.895 11.9999C19.8946 11.5856 19.5585 11.2502 19.1443 11.2506C18.7301 11.251 18.3946 11.5871 18.395 12.0014L19.895 11.9999ZM18.001 15.8896L17.3709 15.4829L17.3705 15.4834L18.001 15.8896ZM14.955 18.4676L15.2505 19.157L15.2514 19.1566L14.955 18.4676ZM11.034 18.8676L10.8815 19.6019L10.8839 19.6024L11.034 18.8676ZM7.56002 16.9506L8.09997 16.4301L8.09938 16.4295L7.56002 16.9506ZM6.57584 13.7934C6.46141 13.3953 6.04593 13.1654 5.64784 13.2798C5.24974 13.3942 5.01978 13.8097 5.13421 14.2078L6.57584 13.7934ZM6.58091 14.1892C6.6851 13.7884 6.44457 13.3789 6.04367 13.2747C5.64277 13.1705 5.23332 13.4111 5.12914 13.812L6.58091 14.1892ZM4.41914 16.544C4.31495 16.9449 4.55548 17.3543 4.95638 17.4585C5.35727 17.5627 5.76672 17.3221 5.87091 16.9212L4.41914 16.544ZM6.05478 13.2777C5.65553 13.1674 5.24244 13.4016 5.13212 13.8008C5.02179 14.2001 5.25601 14.6132 5.65526 14.7235L6.05478 13.2777ZM8.30426 15.4555C8.70351 15.5658 9.11661 15.3316 9.22693 14.9324C9.33726 14.5331 9.10304 14.12 8.70378 14.0097L8.30426 15.4555ZM5.89502 11.9999C5.89379 10.7649 6.24943 9.55591 6.91916 8.51834L5.65889 7.70487C4.83239 8.98532 4.3935 10.4773 4.39502 12.0014L5.89502 11.9999ZM6.91952 8.51777C7.57513 7.50005 8.51931 6.70094 9.63139 6.22256L9.03866 4.84464C7.65253 5.4409 6.47568 6.43693 5.65852 7.70544L6.91952 8.51777ZM9.63045 6.22297C10.7258 5.75356 11.9383 5.62986 13.1059 5.86842L13.4062 4.39878C11.9392 4.09906 10.4158 4.25448 9.0396 4.84424L9.63045 6.22297ZM13.1035 5.86793C14.2803 6.11232 15.3559 6.7059 16.1901 7.57114L17.27 6.53006C16.2264 5.44761 14.8807 4.70502 13.4085 4.39927L13.1035 5.86793ZM16.1907 7.57175C16.9065 8.31258 17.4296 9.21772 17.7142 10.2078L19.1558 9.79342C18.8035 8.5675 18.1557 7.44675 17.2694 6.52945L16.1907 7.57175ZM19.1609 10.1892L19.8709 7.45725L18.4191 7.07996L17.7091 9.81196L19.1609 10.1892ZM18.6348 9.2777L15.9858 8.5457L15.5863 9.99151L18.2353 10.7235L18.6348 9.2777ZM18.395 12.0014C18.3963 13.2363 18.0406 14.4453 17.3709 15.4829L18.6312 16.2963C19.4577 15.0159 19.8965 13.5239 19.895 11.9999L18.395 12.0014ZM17.3705 15.4834C16.7149 16.5012 15.7707 17.3003 14.6587 17.7786L15.2514 19.1566C16.6375 18.5603 17.8144 17.5643 18.6315 16.2958L17.3705 15.4834ZM14.6596 17.7782C13.5643 18.2476 12.3517 18.3713 11.1842 18.1328L10.8839 19.6024C12.3508 19.9021 13.8743 19.7467 15.2505 19.157L14.6596 17.7782ZM11.1865 18.1333C10.0098 17.8889 8.93411 17.2953 8.09997 16.4301L7.02008 17.4711C8.06363 18.5536 9.40936 19.2962 10.8815 19.6019L11.1865 18.1333ZM8.09938 16.4295C7.38355 15.6886 6.86042 14.7835 6.57584 13.7934L5.13421 14.2078C5.48658 15.4337 6.13433 16.5545 7.02067 17.4718L8.09938 16.4295ZM5.12914 13.812L4.41914 16.544L5.87091 16.9212L6.58091 14.1892L5.12914 13.812ZM5.65526 14.7235L8.30426 15.4555L8.70378 14.0097L6.05478 13.2777L5.65526 14.7235Z' fill='%23ff0000'/></svg>") no-repeat center center;
}

.slider-content-wrapper .slider-content-heading p {
    font-size: 13px;
    font-weight: 400;
}

/* Splide Slider End*/

/* Event Details Section */
.event_details .event_heading {
    background-color: white;
    border: 1px solid #ddd;
}

.event_details .event_about {
    text-align: center;
    padding: 15px;
    color: white;
    background-color: white;
    /* border: 1px solid #ddd; */
    border-radius: 5px;
    /* background: url("../img/conference-event/880pxclientimage.webp"); */
    background-size: cover;
}

/* Event Details Section End */

/* Event List Section */
.event_list .event_item_container {
    /* margin-top: 30px; */
    position: relative;
    height: max-content;
}

.event_list .event_item_container img {
    width: 100%;
    height: 80%;
    border-radius: 5px;
}

.event_list .event_item_container .event_item_desc {
    background-color: white;
    border: 1px solid #ddd;
    margin: 0px;
}

.event_list .event-item-heading,
.event_list .event-item-details {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.event_list .event-item-heading {
    font-size: 15px;
}

.event_list .event-item-details {
    padding-top: 1px;
    font-size: 13px;
}

.event_list .event_item_date p {
    font-size: 13px;
    color: red;
    font-weight: 500;
}

.event_list .event_item_date span {
    font-size: 15px;
}

.pseudo {
    border: 1px solid transparent !important;
    cursor: not-allowed;
}

.pseudo::after {
    content: "Coming Soon";
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 26px;
    font-weight: 900;
    width: 91%;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    top: 0;
    background-color: #000;
    opacity: 0.5;
}

.event_list {
    margin-bottom: 100px;
}

/* Event List Section End */

/* Event List Popup */
.event_list .event_item_popup {
    /* width: 100%;
	height: 100%; */
    /* padding: 100px 30px; */
    /* background-color: rgba(0, 0, 0, 0.7); */
    /* position: fixed; */
    /* top: 0;
	left: 0; */
    z-index: 1000;
    /* display: none; */
}

.event_list .event_item_popup_content {
    padding: 10px;
    /* background-color: white; */
    /* width: 90%; */
    /* overflow-y: scroll; */
}

.event_list .event_item_popup_content h2,
.event_item_popup_content .image_bs h4,
.event_item_popup_content ul b {
    color: #072955;
}

/* .event_list .event_item_popup_content ul {
	list-style-image: url("../images/conference-event/check.png");
} */
.event_list .event_item_popup_content ul li {
    /* background: url("../img/conference-event/check.png") no-repeat 5px 20px transparent; */
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 1px 50px;
    vertical-align: middle;
}

.event_list .event_item_popup_content .img_bs_wrap .banner img {
    border-radius: 10px;
}

.event_list .event_item_popup_content .image_bs {
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    /* padding-bottom: 10px; */
    background-color: white;
    width: 300px;
    height: max-content;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    bottom: 50px;
    left: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
        rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    z-index: 1;
}

.event_list .event_item_popup_content .real_bs {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    z-index: -1;
}

.event_list .event_item_popup_content .image_bs i {
    font-size: 52px;
}

#popup2 {
    flex-direction: row-reverse;
}

#popup2 .img_bs_wrap .real_bs {
    left: 0 !important;
}

.event_list .event_popup_close {
    padding: 105px;
    position: absolute;
    top: 0;
    right: 0;
}

.event_list .event_item_heading {
    padding: 10px;
    margin-left: 10px;
    position: absolute;
    left: 0%;
    top: 325px;
    color: white;
    font-size: 24px;
    text-align: left;
    width: 93%;
    height: 75px;
    background: repeating-linear-gradient(45deg, #0000001a, #0071e9bf 150px);
    border-radius: 0 0 5px 5px;
}

.event_list .event_item_heading p {
    font-weight: 500;
    font-size: 18px;
}

/* Event List Popup End */

/* form */
.conference_query_form form {
    background-color: rgba(255, 255, 255, 1);
    padding: 10px 15px;
    border-radius: 5px;
    position: absolute;
    right: 70px;
    height: max-content;
    top: 70px;
    /* z-index: 10; */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
        rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.conference_query_form form textarea {
    height: 50px;
}

.form-select {
    border-radius: 3px;
    background-color: #eee;
    border: none;
    color: #3d3d3d;
    padding: 9px;
    font-size: 12px;
    box-shadow: none !important;
    transition: all 0.3s ease;
    height: 36px;
}

.conference_query_form form select::-ms-expand {
    display: none !important;
}

/*conference_query_form code start*/
.conference_query_form form p {
    color: red;
    text-align: center;
    padding: 10px 0px 0px 0px;
    font-size: 15px;
}

/*side_fixedsection start*/
.side_fixedsection .postion_box {
    position: fixed;
    z-index: 999;
    bottom: 5px;
    right: 0px;
}

.side_fixedsection .postion_box .call_box {
    width: 45px;
    height: 45px;
    background: #1877f2;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.3s;
    margin-bottom: 2px;
}

.side_fixedsection .postion_box .call_box.pink {
    background: #e04769;
}

.side_fixedsection .postion_box .call_box.pink .hover_box {
    background: #e04769ad;
}

.side_fixedsection .postion_box .call_box.twitter {
    background: #1da1f2;
}

.side_fixedsection .postion_box .call_box.twitter .hover_box {
    background: #1da1f2c4;
}

.side_fixedsection .postion_box .call_box i {
    color: #fff;
    font-size: 17px;
}

.side_fixedsection .postion_box .call_box .hover_box {
    position: absolute;
    top: 0px;
    background: #1877f2bf;
    left: 100px;
    height: 45px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    z-index: -1;
}

.side_fixedsection .postion_box .call_box .hover_box h3 {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    color: #fff;
    padding: 0px;
    margin: 0px;
}

.side_fixedsection .postion_box .call_box:hover .hover_box {
    left: -100px;
    transition: 0.3s;
}

/* Call Back start */
.callNowpopupBnt {
    position: fixed;
    bottom: 160px;
    right: 9px;
    display: flex;
    align-items: center;
    z-index: 999;
    display: none;
}

.phone-call {
    width: 55px;
    height: 55px;
    background: #fff;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    border-radius: 100px;
    display: inline-block;
    position: relative;
    z-index: 1;
    left: 9px;
    line-height: 85px;
}

.phone-call div {
    color: #fff;
    background: #0071e9;
    width: 55px;
    height: 55px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    border: solid 1px #fff;
    animation: chat 1.5s infinite;
}

@keyframes chat {
    0% {
        box-shadow: 0px 0px 0px 0px #0071e9, 0px 0px 0px 0px #0071e9;
    }

    50% {
        box-shadow: 0px 0px 0px 5px #0071e930, 0px 0px 0px 8px #0071e940;
    }

    100% {
        box-shadow: 0px 0px 0px 0px #0071e9, 0px 0px 0px 0px #0071e9;
    }
}

.phone-call div i {
    font-size: 22px;
}

.phone-call div span {
    display: block;
}

.riq_dlrtxtr {
    opacity: 0.8;
    background: #000;
    border-radius: 6px;
    box-shadow: 0 1px 9px rgb(0 0 0 / 35%);
    color: #363636;
    float: left;
    margin: 6px 20px 0 0;
    padding: 5px;
    position: fixed;
    left: 108px;
    bottom: 52px;
    width: 205px;
    min-height: 54px;
    display: none;
}

.riq_dlrtxtr a.close {
    position: absolute;
    right: 5px;
    top: 4px;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    font-size: 19px;
    opacity: 0.7;
}

.riq_dlrtxtr p {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 18px;
    margin: 0;
    padding: 4px 6px 4px 7px;
    text-align: left;
    word-wrap: break-word;
}

.riq_dlrtxtr:after {
    border-color: transparent #000 transparent transparent;
    opacity: 1;
    border-style: solid;
    border-width: 12px 12px 12px 0;
    content: "";
    height: 0;
    left: -12px;
    position: absolute;
    top: 30%;
    width: 0;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    25% {
        -webkit-transform: scale(0.3);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.6);
        opacity: 0.7;
    }

    75% {
        -webkit-transform: scale(0.9);
        opacity: 0.4;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    25% {
        transform: scale(0.3);
        opacity: 1;
    }

    50% {
        transform: scale(0.6);
        opacity: 0.7;
    }

    75% {
        transform: scale(0.9);
        opacity: 0.4;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

/* Call back end */

.callNowPopupMain {
    position: fixed;
    right: 70px;
    bottom: 170px;
    background-color: #fff;
    z-index: 1000;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 1s ease-in-out;
}

.popupHomepageMain {
    width: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 1000;
    padding: 13px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.popupHomepageMain .expertAdvice {
    background-image: url("https://c.fareportal.com/vd/coa/travel/r6/images/grouptraveltelecaller.png");
    width: 92px;
    height: 92px;
    background-size: contain;
    border: 3px solid #b3d4f7;
    border-radius: 50%;
    position: relative;
}

.popupHomepageMain .expertAdvice::after {
    content: "";
    position: absolute;
    bottom: -2px;
    right: 12px;
    width: 15px;
    height: 15px;
    background: #4dad4f;
    border-radius: 50%;
}

.background-black {
    position: fixed;
    height: 100vh !important;
    width: 100vw !important;
    background: #000000c0 !important;
    z-index: 999 !important;
    top: 0;
    left: 0;
}

.popupCommonMain {
    position: fixed;
    left: 25%;
    right: 25%;
    bottom: 30px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 10px;
    z-index: 1000;
}

.popupSearchListMain {
    width: 400px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 13px;
    z-index: 1000;
}

.topLoadinBarDiv>div {
    position: fixed;
    top: auto !important;
    left: auto !important;
    height: 2px;
    background: transparent;
    z-index: 2147483647;
    width: 100%;
}

.top-loadingbar>div {
    box-shadow: none !important;
}

.why_chooseus_section {
    padding: 20px 0px 60px 0px;
    background-image: linear-gradient(to right, white, #ebf3fe);
    position: relative;
    z-index: 1;
}

.why_chooseus_section::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /* background: url("../img/gallery/treatment_afterbg.png"); */
    z-index: -1;
}

.why_chooseus_section .headign_box h2 {
    color: #000;
    font-weight: 800;
    font-size: 50px;
    position: relative;
    font-family: "Ubuntu";
}

.why_chooseus_section .headign_box h2 span {
    color: var(--logo-color1);
}

.why_chooseus_section .headign_box p {
    margin: 0px 0px 50px 0px;
}

.why_chooseus_section .main_box {
    padding: 25px 17px;
    background: #fff;
    box-shadow: 2px 3px 20px #0000001a;
    /* border-radius: 8px; */
    border-bottom: 2px solid var(--prim-color);
    margin: 0px 0px 20px 0px;
    position: relative;
    z-index: 1;
}

.why_chooseus_section .main_box::after {
    content: "";
    position: absolute;
    top: -37px;
    left: 2px;
    width: 100px;
    height: 100px;
    clip-path: polygon(0 75%,
            100% 75%,
            100% 75%,
            75% 75%,
            75% 100%,
            50% 75%,
            0% 75%);
    /* clip-path: polygon(100% 47%, 0 0, 0 100%); */
    background: var(--prim-color);
    z-index: 0;
}

.why_chooseus_section .main_box .icon_box {
    width: 75px;
    display: flex;
    height: 75px;
    left: -26px;
    margin-top: -55px;
    background: var(--prim-color);
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    box-shadow: 0px 0px 0px 8px #ebeff8;
}

.why_chooseus_section .main_box .icon_box img {
    width: 45px;
}

.why_chooseus_section .main_box h3 {
    font-family: "Ubuntu";
    font-weight: 500;
    font-size: 22px;
    padding: 30px 10px 0px 0px;
    margin: 0px 0px 7px 0px;
    color: var(--prim-color);
}

.why_chooseus_section .main_box .icon_box i {
    font-size: 25px;
    color: #fff;
}

.why_chooseus_section .main_box .text_box a {
    text-decoration: none;
    color: #212121;
}

li>p {
    cursor: pointer;
}

.flightlist_wrapper ul li p {
    font-size: 14px;
    transition: 0.1s ease-in-out;
    color: #444444;
}

.flightlist_wrapper ul li p:hover {
    text-decoration: underline;
    font-weight: 500;
    color: #000;
}

.mainLogo {
    width: 60%;
}

.form-control-error {
    line-height: 12px;
    font-size: 12px;
    border: 1px solid red;
    height: 40px;
    background-color: transparent;
    padding: 5px;
    /* font-size: 14px;
  border: 1px solid #00000048; */
    border-radius: 4px;
    width: 100%;
}

.inside-loader {
    width: 10%;
}

.content .line {
    transform-style: preserve-3d;
}

/* .content .line:after {
    content: "";
    position: absolute;
    top: 8px;
    left: -26px;
    width: 64px;
    height: 1px;
    background-color: #adadad7a;
    transform: translateZ(-1px);
} */

.content .line2 {
    transform-style: preserve-3d;
}

/* .content .line2:after {
    content: "";
    position: absolute;
    top: 8px;
    left: -26px;
    width: 36px;
    height: 1px;
    background-color: #adadad7a;
    transform: translateZ(-1px);
} */

.hotelBookingForm {
    max-height: 0;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}

.hotelBookingForm.show {
    max-height: 2000px;
}

#shadowBorderContact {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px;
}

.faq_collapse li a {
    color: #011c27;
    font-size: 18px;
    font-weight: 500;
}

/*skeleton_loader section code start*/
body {
    padding: 0px;
    margin: 0px;
}

/*skeleton_loader section code start*/
.skeleton_loader {
    padding: 30px 0px;
}

.skeleton_loader .main_heading_box {
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 20px 10px;
    border: 1px solid #21212114;
}

.skeleton_loader .main_heading_box .box1 {
    width: 40%;
    height: 20px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .main_heading_box .box2 {
    width: 20%;
    height: 20px;
    background: #e6e6e6;
    margin: 10px 0px 0px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

@keyframes wave-lines {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.skeleton_loader .filter_box {
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    border: 1px solid #21212114;
    margin: 20px 0px 0px 0px;
}

.skeleton_loader .filter_box .up_box {
    height: 40px;
    background: #e6e6e6;
    margin: 10px 0px 0px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin-bottom: 20px;
}

.skeleton_loader .filter_box .content_box {
    height: 30px;
    background: #e6e6e6;
    margin: 10px 0px 0px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .filter_box .sub_contentbox {
    height: 10px;
    background: #e6e6e6;
    margin: 10px 0px 0px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .filter_box .list_box ul {
    column-count: 2;
    list-style: none;
    padding: 0px;
    margin: 6px;
}

.skeleton_loader .filter_box .list_box ul li .box {
    height: 40px;
    background: #e6e6e6;
    border-radius: 4px;
    margin: 0px 0px 6px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .weekly_box ul {
    padding: 0px;
    margin: 20px 0px 0px 0px;
    list-style: none;
    column-count: 5;
}

.skeleton_loader .weekly_box ul li .box {
    height: 60px;
    background: #e6e6e6;
    border-radius: 4px;
    margin: 0px 0px 0px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .recomended_box {
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    border: 1px solid #21212114;
    margin: 20px 0px 0px 0px;
    border-radius: 10px;
}

.skeleton_loader .recomended_box .heading_box {
    height: 20px;
    width: 45%;
    background: #e6e6e6;
    border-radius: 4px;
    margin: 0px 0px 0px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .recomended_box .main_elementbox {
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 8px;
    padding: 20px 10px;
    border: 1px solid rgba(33, 33, 33, 0.08);
    margin: 20px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
}

.skeleton_loader .recomended_box .main_elementbox .image_box {
    height: 60px;
    width: 10%;
    background: #e6e6e6;
    border-radius: 4px;
    margin: 0px 0px 0px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .recomended_box .main_elementbox .text_box {
    width: 30%;
}

.skeleton_loader .recomended_box .main_elementbox .text_box .box {
    height: 10px;
    background: #e6e6e6;
    margin: 0px 0px 6px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .recomended_box .main_elementbox .stop_box {
    width: 20%;
}

.skeleton_loader .recomended_box .main_elementbox .stop_box .element_box {
    height: 10px;
    background: #e6e6e6;
    margin: 0px 0px 6px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .recomended_box .main_elementbox .last_box {
    width: 30%;
}

.skeleton_loader .recomended_box .main_elementbox .last_box .text_con {
    height: 10px;
    background: #e6e6e6;
    margin: 0px 0px 6px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .recomended_box.remove_padding .main_elementbox {
    margin: 0px;
}

.skeleton_loader .recomended_box.hotel_detailsbox .main_elementbox .text_box {
    width: 58%;
}

.skeleton_loader .recomended_box.hotel_detailsbox .main_elementbox .image_box {
    height: 132px;
    width: 18%;
    border-radius: 6px;
}

.skeleton_loader .recomended_box.hotel_detailsbox .main_elementbox {
    align-items: revert;
}

.skeleton_loader .recomended_box.hotel_detailsbox .main_elementbox .text_box .box.heading_element {
    height: 35px;
}

.skeleton_loader .recomended_box.hotel_detailsbox .main_elementbox .stop_box .element_box.button_box {
    height: 35px;
    border-radius: 6px;
}

.skeleton_loader .recomended_box.hotel_detailsbox .main_elementbox .stop_box {
    margin-top: 20px;
}

.skeleton_loader .hetel_detailsbox {
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    border: 1px solid #21212114;
    margin: 20px 0px 0px 0px;
    border-radius: 10px;
}

.skeleton_loader .hetel_detailsbox .icon_element {
    width: 35%;
    height: 50px;
    background: #e6e6e6;
    margin: 0px 0px 6px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .hetel_detailsbox .text_box {
    height: 10px;
    background: #e6e6e6;
    margin: 0px 0px 6px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .heading_element .sub_heading_element {
    height: 20px;
    width: 55%;
    background: #e6e6e6;
    margin: 0px 0px 6px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
}

.skeleton_loader .hotel_details_imagebox {
    height: 400px;
    width: 96%;
    background: #e6e6e6;
    margin: 0px 0px 6px 0px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 30px 0px 0px 0px;
}

.skeleton_loader .right_hotel_detailsbox {
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    border: 1px solid #21212114;
    margin: 30px 0px 30px 0px;
}

.skeleton_loader .right_hotel_detailsbox .text_box {
    height: 15px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .call_box {
    height: 15px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

/*skeleton_loader section code end*/

/*=============responsive code start===============*/

/* Skalaton loading End */

/*dashboard_section section code start*/
.dashboard_section {
    overflow-x: hidden;
    background: #f2f1f9;
}

.dashboard_section .left_navigationbox {
    height: 100vh;
    background: #2fe6de;
    width: 15%;
    position: fixed;
    top: 58px;
}

.row.gx-2.padding_menege {
    margin-top: 45px;
}

.dashboard_section .left_navigationbox ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.dashboard_section .left_navigationbox ul li {
    border-bottom: 1px solid #00000026;
    padding: 10px 20px;
    transition: 1s;
}

.dashboard_section .left_navigationbox ul li:hover {
    background: #ebeff8;
}

.dashboard_section .left_navigationbox ul li:hover a {
    color: #212121;
}

.dashboard_section .left_navigationbox ul li.active {
    background: #ebeff8;
}

.dashboard_section .left_navigationbox ul li.active a {
    color: #212121;
}

.dashboard_section .left_navigationbox ul li a {
    text-decoration: none;
    color: rgb(0 0 0 / 74%);
    font-family: Ubuntu;
    font-weight: 500;
    width: 100%;
    display: inline-block;
}

.dashboard_section .left_navigationbox ul li a i {
    padding: 0px 6px 0px 0px;
}

/*profile code start*/
.dashboard_section .right_profilebox {
    margin: 30px 0px 0px 0px;
}

.dashboard_section .right_profilebox .fixed_profilebox {
    padding: 20px 10px;
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background: #fff;
}

.dashboard_section .right_profilebox .fixed_profilebox .icon_box {
    width: 62%;
    height: 120px;
    background: rgba(0, 140, 255, 0.1);
    border-radius: 10px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashboard_section .right_profilebox .fixed_profilebox .icon_box img {
    width: 80px;
}

.dashboard_section .right_profilebox .fixed_profilebox .name_textbox {
    text-align: center;
    margin: 18px 0px 15px 0px;
}

.dashboard_section .right_profilebox .fixed_profilebox .name_textbox h3 {
    font-family: Ubuntu;
    font-weight: 500;
    color: rgb(72, 38, 104);
    font-size: 22px;
}

.dashboard_section .right_profilebox .fixed_profilebox .name_textbox h5 {
    color: #fff;
    font-family: Ubuntu;
    font-weight: 400;
    color: #212121;
    font-size: 12px;
}

.dashboard_section .right_profilebox .fixed_profilebox .list_box ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.dashboard_section .right_profilebox .fixed_profilebox .list_box ul li {
    margin: 0px 0px 2px 0px;
    padding: 8px 13px;
    border-radius: 4px;
    transition: 0.3s;
}

.dashboard_section .right_profilebox .fixed_profilebox .list_box ul li.active {
    background: rgba(0, 140, 255, 0.1);
}

.dashboard_section .right_profilebox .fixed_profilebox .list_box ul li.active a {
    color: #008cff;
}

.dashboard_section .right_profilebox .fixed_profilebox .list_box ul li a i {
    padding: 0px 5px 0px 0px;
}

.dashboard_section .right_profilebox .fixed_profilebox .list_box ul li a {
    text-decoration: none;
    display: inline-block;
    color: #2b2a3f;
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 13px;
}

.dashboard_section .right_profilebox .fixed_profilebox .list_box ul li:hover {
    background: rgba(0, 140, 255, 0.1);
    transition: 0.3s;
}

.dashboard_section .right_profilebox .fixed_profilebox .list_box ul li:hover a {
    color: #008cff;
}

.dashboard_section .right_detailsbox {
    background: #fff;
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 10px 20px;
    border: 1px solid #21212126;
    margin: 0px 0px 12px 0px;
}

.dashboard_section .right_detailsbox .table_box table td {
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 13px;
}

.dashboard_section .right_detailsbox .heading_box h2 {
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 25px;
    color: #2b2a3f;
    padding: 0px;
    margin: 0px;
}

.dashboard_section .right_detailsbox .heading_box {
    position: relative;
}

.dashboard_section .right_detailsbox .heading_box::after {
    content: "";
    position: absolute;
    top: 2px;
    left: -20px;
    width: 6px;
    border-radius: 100px;
    height: 50px;
    background: #2b2a3f69;
}

/*booking details section code start*/
.dashboard_section .booking_detailsbox {
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 25px 0px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    position: relative;
}

.dashboard_section .booking_detailsbox .button_box {
    position: relative;
    border-bottom: 1px solid #ebeff8;
    margin: 0px 0px 20px 0px;
}

.dashboard_section .booking_detailsbox .button_box button {
    text-decoration: none;
    padding: 8px 11px;
    color: #212121;
    position: absolute;
    right: 8px;
    top: 5px;
    background: #ebeff8;
    font-family: Ubuntu;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
    border: none;
}

.dashboard_section .booking_detailsbox .nav-tabs .nav-link.active {
    border-bottom: 2px solid #ebeff8;
    color: rgb(0, 0, 0);
    background: #ebeff8;
}

.dashboard_section .booking_detailsbox .nav-tabs .nav-link {
    font-family: Ubuntu;
    background: transparent;
    font-weight: 500;
}

.dashboard_section .booking_detailsbox .nav-tabs .nav-link img {
    width: 16px;
}

.dashboard_section .booking_detailsbox .ticket_bookingbox {
    margin: 0px 0px 15px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    padding: 0px 20px;
    box-shadow: rgb(0 0 0 / 5%) -1px 0px 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.dashboard_section .booking_detailsbox .heading_textcon {
    position: relative;
}

.dashboard_section .booking_detailsbox .heading_textcon h5 {
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 18px;
    color: #202e4a;
    padding: 15px 0px 0px 0px;
    margin: 0px;
}

.dashboard_section .booking_detailsbox .heading_textcon h5 i {
    padding: 0px 10px;
}

.dashboard_section .booking_detailsbox .heading_textcon p {
    font-family: Ubuntu;
    font-weight: 400;
    font-size: 12px;
    color: #202e4a;
    padding: 5px 0px 0px 0px;
}

.dashboard_section .booking_detailsbox .details_tablebox {
    margin: 10px 0px 0px 0px;
}

.dashboard_section .booking_detailsbox .details_tablebox .flex_box img {
    width: 50px;
}

.dashboard_section .booking_detailsbox .details_tablebox .flex_box h5 {
    font-family: Ubuntu;
    font-weight: 600;
    font-size: 13px;
}

.dashboard_section .booking_detailsbox .details_tablebox table td h4 {
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 14px;
    margin: 0px;
}

.dashboard_section .booking_detailsbox .details_tablebox table td p {
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 14px;
    margin: 0px;
}

.dashboard_section .booking_detailsbox .details_tablebox table td .flight_box img {
    width: 40px;
}

.dashboard_section .booking_detailsbox .details_tablebox table td .flight_box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.dashboard_section .booking_detailsbox .details_tablebox table td .flight_box h5 {
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 14px;
}

.dashboard_section .booking_detailsbox .details_tablebox table td .flight_box .border_line {
    border-bottom: 1px solid #000;
}

.dashboard_section .booking_detailsbox .traveler_box {
    margin: 0 auto;
    width: 100%;
    margin-top: 15px;
    background: #ffffff;
    border-radius: 10px;
    padding: 10px 20px;
    box-shadow: 0px 5px 20px #0000000f;
    border: 1px solid #00000014;
}

.dashboard_section .booking_detailsbox .traveler_box h5 {
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 16px;
    background: #f2f1f9;
    padding: 10px;
    border-radius: 4px;
}

.dashboard_section .booking_detailsbox .traveler_box h5 i {
    padding: 0px 4px 0px 0px;
}

.dashboard_section .booking_detailsbox .traveler_box .information_box {
    font-family: Ubuntu;
    font-weight: 600;
    font-size: 16px;
}

.dashboard_section .booking_detailsbox .traveler_box .information_box i {
    padding: 0px 5px 0px 0px;
}

.dashboard_section .details_tablebox.hotel_booking_details table th i {
    font-size: 20px;
    color: #2fe6de;
}

.dashboard_section .details_tablebox.hotel_booking_details {
    margin: 0px 0px 15px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    padding: 0px 20px;
    box-shadow: rgb(0 0 0 / 5%) -1px 0px 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.dashboard_section .details_tablebox.hotel_booking_details h5 {
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 16px;
    background: #f2f1f9;
    padding: 10px;
    margin: 15px 0px 15px 0px;
    border-radius: 4px;
}

.dashboard_section .downlode_text {
    border: none;
    display: inline-block;
    color: #2b2a3f;
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 12px;
    border-radius: 4px;
    position: absolute;
    top: 65px;
    right: 25px;
    padding: 8px 10px;
    margin: 10px 0px 0px 0px;
}

button.downlode_text.invoice {
    top: 38px;
}

.dashboard_section .booking_pricebox {
    background: #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    margin: 30px 0px 0px 0px;
    padding: 10px;
    width: 95%;
}

.dashboard_section .wallet_box {
    padding: 0px 0px 10px 0px;
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background: #fff;
    text-align: center;
    overflow: hidden;
    width: 50%;
    margin: 0 auto;
    margin-top: 30px;
}

.dashboard_section .ballence_box {
    background: #0dcaf0;
    padding: 10px 0px;
}

.dashboard_section .ballence_box h5 {
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 35px;
    color: #fff;
}

.dashboard_section .ballence_box h3 {
    font-family: Ubuntu;
    font-weight: 600;
    font-size: 19px;
    color: #ffffff9e;
}

.dashboard_section .wallet_box .flex_box {
    display: flex;
    justify-content: space-between;
    width: 95%;
    align-items: center;
    margin: 0 auto;
    margin-top: 8px;
}

.dashboard_section .wallet_box .flex_box .left_box {
    display: flex;
}

.dashboard_section .wallet_box .flex_box .left_box img {
    width: 40px;
}

.dashboard_section .wallet_box .flex_box .left_box h5 {
    font-family: Ubuntu;
    font-weight: 600;
    font-size: 19px;
    padding: 10px 0px 0px 10px;
}

.dashboard_section .wallet_box .flex_box .right_box h6 {
    font-family: Ubuntu;
    font-weight: 600;
    font-size: 30px;
    padding: 10px 0px 0px 10px;
}

.dashboard_section .wallet_box .flex_box .right_box h4 {
    font-family: Ubuntu;
    font-weight: 600;
    font-size: 12px;
}

.dashboard_section .accrodian_box {
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 25px;
}

/*=================================================================================
  =================================================================================
  =================================================================================*/
.user_dasbordsc {
    padding: 60px 0px;
}

.dashboard_section .top_mainbox {
    width: 100%;
    background: #ffffff;
    padding: 10px 12px 18px 12px;
    border-radius: 4px;
    border: 1px solid #00000012;
    box-shadow: 1px 2px 2px #00000012;
    position: relative;
    margin: 50px 0px 0px 0px;
}

.dashboard_section .top_mainbox a {
    text-decoration: none;
}

.dashboard_section .top_mainbox .flex_box .icon_box {
    width: 50px;
    position: relative;
    display: flex;
    height: 50px;
    margin-top: -27px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #20c997;
}

.dashboard_section .top_mainbox .flex_box .text_box h3 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    padding: 18px 0px 0px 0px;
    margin: 0px;
}

.dashboard_section .top_mainbox .flex_box .text_box p {
    font-size: 11px;
    font-weight: 500;
    padding: 5px 0px 0px 0px;
    margin: 0px;
    color: #000;
}

.dashboard_section .top_mainbox .flex_box .icon_box.g_color {
    background: #61bdef;
}

.dashboard_section .top_mainbox .flex_box .icon_box.r_color {
    background: #f7bd59;
}

.dashboard_section .top_mainbox .flex_box .icon_box.b_color {
    background: #ed8868;
}

.dashboard_section .top_mainbox .flex_box .icon_box i {
    font-size: 20px;
    color: #fff;
}

.dashboard_section .top_mainbox .postion_arrowcon {
    position: absolute;
    top: 12px;
    right: 11px;
}

.dashboard_section .flight_bookingbox {
    padding: 15px 10px 15px 10px;
    border: 1px solid #c0c0c054;
    margin: 20px 0px 0px 0px;
    position: relative;
}

.dashboard_section .flight_bookingbox .heading_box h5 {
    font-weight: 600;
}

.dashboard_section .flight_bookingbox .heading_box .downlode_btn {
    width: 45px;
    height: 45px;
    border-radius: 4px;
    background: #fff;
    color: #5e5e5e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    font-size: 21px;
    box-shadow: -1px 1px 2px #00000017;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox {
    padding: 10px 10px;
    border: 1px solid #00000012;
    margin: 18px 0px 0px 0px;
    border-left: 3px solid #61bdef;
    border-radius: 10px 0px;
    overflow-wrap: anywhere;
    position: relative;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox .return_box {
    position: absolute;
    top: 4px;
    right: 0px;
    border-radius: 10px 0px 0px 10px;
    padding: 4px 9px;
    background: #2fe6de;
    color: #fff;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox .return_box h5 {
    padding: 0px;
    margin: 0px;
    font-size: 10px;
}

.pagenation_box {
    display: flex;
    margin: 0 auto;
    margin-top: 30px;
    border: 1px solid #2121211f;
    width: fit-content;
    padding: 8px 12px;
}

.pagenation_box i.ph-duotone.ph-caret-circle-left {
    font-size: 25px;
    color: var(--prim-color);
    cursor: pointer;
}

.pagenation_box i.ph-duotone.ph-caret-circle-right {
    font-size: 25px;
    color: var(--prim-color);
    cursor: pointer;
}

.pagenation_box p {
    font-size: 16px;
    cursor: pointer;
    padding: 0px;
    margin: 0px 5px 0px 5px;
}

.pagenation_box p.active {
    width: 30px;
    background: #ffffff;
    text-align: -webkit-left;
    padding: 0px 0px 0px 3px;
    color: #000;
    border-radius: 3px;
    font-weight: 500;
    box-shadow: -1px 2px 4px #00000012;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox .flight_logobox img {
    width: 200px;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox .flight_logobox h6 {
    font-size: 11px;
    font-weight: 600;
    padding-top: 6px;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox .flight_logobox h5 {
    font-size: 11px;
    font-weight: 500;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox .flight_location_textbox h3 {
    font-size: 22px;
    font-weight: 300;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox .flight_location_textbox h4 {
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    font-weight: 700;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox .flight_location_textbox p {
    font-size: 13px;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox .flight_arrowbox {
    width: 45px;
    height: 45px;
    background: #f4f5f7;
    border-radius: 2px;
    border: 1px solid #2121211f;
    display: flex;
    margin: 0px 0px 0px 56px;
    align-items: center;
    justify-content: center;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox .flight_arrowbox i {
    font-size: 20px;
    color: #20c997;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox .flight_profiledbox h6 i {
    color: #0478eb;
    padding-right: 5px;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox .flight_profiledbox h6 {
    font-size: 13px;
    color: #000;
    font-weight: 600;
    padding: 0px 0px 0px 28px;
}

.ticket_bookingbox.return_box .return_textsc {
    position: absolute;
    top: 1.5px;
    right: 0px;
    font-size: 12px;
    background: #ed4e4e;
}

.ticket_bookingbox.return_box {
    border-left: 1px solid #00000012 !important;
    border-right: 3px solid #61bdef !important;
    position: relative;
}

.dashboard_section .flight_bookingbox .ticket_bookingbox {
    padding: 10px 10px;
    border: 1px solid #00000012;
    margin: 18px 0px 0px 0px;
    border-left: 3px solid #61bdef;
    border-radius: 10px 0px;
    overflow-wrap: anywhere;
}

.flight_bookingbtn .details_btnbox {
    display: flex;
    width: 100%;
    justify-content: right;
}

.dashboard_section .flight_bookingbox .flight_bookingbtn .details_btnbox a:first-child {
    background: #20c997;
    padding: 6px 20px;
    color: #fff;
    border-radius: 4px;
    margin: 15px 0px 0px 0px;
    text-decoration: none;
}

.dashboard_section .flight_bookingbox .heading_box {
    display: flex;
    justify-content: space-between;
}

.dashboard_section .flight_bookingbox .heading_box h6 {
    padding: 0px;
    margin: 0px;
}

/*dashboard nav_tabs code start*/
.dashboard_section .dashboard_navtabs .nav-link {
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 16px;
    color: #212121;
    margin: 0px 4px 0px;
}

.dashboard_section .dashboard_navtabs .nav-link img {
    width: 25px;
    margin: 0px 3px 0px 0px;
}

.dashboard_section .dashboard_navtabs .nav-tabs {
    margin: 15px 0px 0px 0px;
    padding: 10px 10px;
    border-radius: 4px;
    background: #fff;
}

.dashboard_section .dashboard_navtabs .nav-link.active {
    border-color: #dee2e6 #dee2e6 #dee2e6 !important;
}

.flex_boxcon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 50%;
}

/*nav_toggle code start*/
.dashboard_section .nav_toggle {
    display: none;
}

.dashboard_section .nav_toggle_flexbox {
    background: #2fe6de;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    position: fixed;
    width: 100%;
    z-index: 99;
    margin: 0px 0px 1px 0px;
}

.dashboard_section .nav_toggle_flexbox img {
    width: 110px;
}

.dashboard_section .nav_toggle_flexbox a i {
    font-size: 15px;
    color: #f2f1f9;
    margin-right: 36px;
    padding: 6px 7px;
    border: 1px solid #ffffff73;
}

/* Profile end */

label.radio-inline strong {
    font-size: 13px;
}

.booking_width_80 {
    width: 84%;
    margin-top: 62px;
}

.wallet-section {
    margin-left: auto;
    margin-top: 82px;
}

/*Referral_Bonus code start*/
.dashboard_section .Referral_Bonus_box {
    padding: 10px;
    box-shadow: 1px 2px 2px #00000012;
    margin: 30px 0px 0px 0px;
    background: #fff;
    border-radius: 8px;
}

.dashboard_section .coupon_code_mainbox {
    padding: 10px;
    box-shadow: 1px 2px 2px #00000012;
    margin: 30px 0px 0px 0px;
    background: #fff;
    border-radius: 8px;
}

.dashboard_section .notification_box {
    padding: 20px 20px 30px 20px;
    background: #fff;
    width: 60%;
    margin: auto;
    box-shadow: 1px 0px 9px #0000000f;
    border-radius: 8px;
    margin-top: 30px;
}

.dashboard_section .notification_box h3 {
    font-weight: 500;
    font-size: 20px;
    padding: 0px 0px 7px 0px;
    border-bottom: 1px solid #00000012;
}

.dashboard_section .notification_box .notification_subcontent_box {
    width: 94%;
    margin: 0 auto;
    align-items: center;
    display: flex;
    border-left: 3px solid #4497ff;
    box-shadow: 1px 1px 9px #0000001c;
    border-radius: 4px;
    padding: 8px 10px 8px 0px;
    margin-top: 15px;
    cursor: pointer;
    position: relative;
}

.dashboard_section .notification_box .notification_subcontent_box i.ph-duotone.ph-x-circle {
    position: absolute;
    right: 12px;
    top: 35%;
    color: red;
}

.dashboard_section .notification_box .notification_subcontent_box i.ph-duotone.ph-bell-ringing {
    margin: 0px 0px 0px 10px;
    font-size: 20px;
}

.dashboard_section .notification_box .notification_subcontent_box h4 {
    font-size: 16px;
    padding-left: 10px;
}

body {
    background: #f2f1f9;
}

/*flight-Booking-details code start*/
.skeleton_loader .booking_flexbox .left_box {
    width: 60%;
}

.skeleton_loader .booking_flexbox {
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    border: 1px solid #21212114;
    margin: 0px 0px 0px 0px;
    display: flex;
    justify-content: space-between;
}

.skeleton_loader .booking_flexbox .left_box .heading_box {
    height: 25px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .booking_flexbox .left_box .paragraph {
    height: 10px;
    width: 40%;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .booking_flexbox .right_box .flight_iconbox {
    height: 50px;
    width: 50px;
    background: #e6e6e6;
    border-radius: 4px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .booking_flexbox .right_box .flight_textcon {
    height: 10px;
    width: 200px;
    background: #e6e6e6;
    border-radius: 4px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .flight_booking_detailsbox {
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    border: 1px solid #21212114;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .flight_booking_detailsbox .box {
    height: 10px;
    width: 200px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .flight_booking_detailsbox .icon_box {
    height: 45px;
    width: 45px;
    background: #e6e6e6;
    border-radius: 2px;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .flight_booking_detailsbox .box1 {
    height: 10px;
    width: 200px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .flight_booking_detailsbox .name_box {
    height: 10px;
    width: 100px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .flight_booking_detailsbox ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    align-items: center;
    padding: 0px;
}

.skeleton_loader .main_flightbooking_details {
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    border: 1px solid #21212114;
    margin: 30px 0px 30px 0px;
}

/*main_hotelhtbooking_details code start*/
.skeleton_loader .main_hotelhtbooking_details {
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    border: 1px solid #21212114;
    margin: 30px 0px 30px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox {
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    border: 1px solid #21212114;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .list_box ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .list_box ul li .text_box {
    height: 10px;
    width: 200px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .subtext_box {
    height: 10px;
    width: 130px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .subtext_box1 {
    height: 10px;
    width: 500px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .details_hotellist_box ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    padding: 0px;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .details_hotellist_box ul li .images_box {
    height: 140px;
    width: 200px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .details_hotellist_box ul li .text_con {
    height: 10px;
    width: 200px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .details_hotellist_box ul li .icon_box {
    height: 45px;
    width: 45px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .details_hotellist_box ul li .room_box {
    height: 10px;
    width: 60px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .car_detailsbox {
    background: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    border: 1px solid #21212114;
    margin: 10px 0px 0px 0px;
    position: relative;
}

.skeleton_loader .main_hotelhtbooking_details .car_detailsbox ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
}

.skeleton_loader .main_hotelhtbooking_details .car_detailsbox ul li .booking_idbox {
    height: 10px;
    width: 250px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .car_detailsbox ul li .image_box {
    height: 160px;
    width: 350px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .car_detailsbox ul li .information_box {
    height: 10px;
    width: 280px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 30px;
}

.skeleton_loader .main_hotelhtbooking_details .car_detailsbox ul li .date_box {
    height: 10px;
    width: 260px;
    position: absolute;
    right: 10px;
    top: 30px;
    background: #e6e6e6;
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(8%, rgba(130, 130, 130, 0.2)),
            color-stop(18%, rgba(130, 130, 130, 0.3)),
            color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right,
            rgba(130, 130, 130, 0.2) 8%,
            rgba(130, 130, 130, 0.3) 18%,
            rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 1s infinite ease-out;
    margin: 10px 0px 0px 0px;
}

.skeleton_loader .main_hotelhtbooking_details .car_detailsbox ul li .top_box {
    margin-top: 30px;
}

/*skeleton_loader section code end*/

/* Blog code start */
.blog_section {
    padding: 60px 0px;
}

.blog_section .blog_mainbox {
    border-radius: 20px 20px 0px 0px;
    overflow: hidden;
    margin: 0px 0px 25px 0px;
    /* box-shadow: 2px 12px 20px #00000012; */
}

.blog_section .blog_mainbox .image_box {
    height: 230px;
    overflow: hidden;
    position: relative;
}

.blog_section .blog_mainbox .image_box img {
    width: 100%;
    height: 100%;
}

.blog_section .blog_mainbox .text_box {
    padding: 10px 20px 25px 20px;
    border: 1px solid rgb(207 221 226 / 58%);
}

.blog_section .blog_mainbox .text_box h3 {
    font-family: Belanosima;
    font-weight: 600;
    font-size: 20px;
    padding-top: 10px;
}

.blog_section .blog_mainbox .text_box a {
    text-decoration: none;
    padding: 7px 10px;
    background: linear-gradient(270deg, #28c7bf, #2fe6de);
    color: #fff;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

.blog_section .blog_mainbox .text_box a i {
    padding: 0px 8px 0px 0px;
}

.blog_section .blog_mainbox .date_postionbox {
    position: absolute;
    bottom: 0px;
    background: linear-gradient(270deg, #28c7bf, #2fe6de);
    right: 0px;
    padding: 8px 25px;
    border-radius: 20px 0px 0px 0px;
}

.blog_section .blog_mainbox .date_postionbox h5 {
    font-family: Belanosima;
    font-weight: 600;
    font-size: 18px;
    margin: 0px;
}

.blog_section .search_box {
    border: 1px solid rgb(207 221 226 / 58%);
    border-radius: 10px;
    height: 45px;
    overflow: hidden;
}

.blog_section .search_box form {
    display: flex;
    justify-content: space-between;
}

.blog_section .search_box input {
    border: none;
    outline: none;
    width: 100%;
    padding: 9px 0px 0px 12px;
}

.blog_section .search_box button {
    border: none;
    height: 45px;
    color: #fff;
    width: 43px;
    background: linear-gradient(270deg, #28c7bf, #2fe6de);
}

.blog_section .categories_box {
    border: 1px solid rgb(207 221 226 / 58%);
    border-radius: 10px;
    margin: 20px 0px 0px 0px;
    padding: 20px;
}

.blog_section .categories_box h3 {
    font-family: Belanosima;
    font-weight: 600;
    font-size: 20px;
}

.blog_section .categories_box ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.blog_section .categories_box ul li {
    text-decoration: none;
    position: relative;
    padding-left: 20px;
    margin: 0px 0px 5px 0px;
    border-bottom: 1px solid rgb(207 221 226 / 58%);
    padding-bottom: 8px;
}

.blog_section .categories_box ul li a {
    text-decoration: none;
    font-size: 14px;
    color: #000;
}

.blog_section .categories_box ul li::after {
    content: "\f0da";
    font-family: fontawesome;
    font-weight: 800;
    position: absolute;
    top: 2px;
    left: 0px;
    font-size: 15px;
    color: #000;
}

.blog_section .categories_box .border_line {
    background: linear-gradient(270deg, #28c7bf, #2fe6de);
    width: 25%;
    height: 4px;
    margin: 0px 0px 15px 0px;
    border-radius: 100px;
}

.blog_section .categories_box.post_box ul li {
    padding-left: 0px;
}

.blog_section .categories_box.post_box ul li::after {
    display: none;
}

.blog_section .categories_box.post_box .flex_box {
    display: flex;
    justify-content: space-between;
    padding: 8px 0px;
}

.blog_section .categories_box.post_box .flex_box .image_box {
    width: 125px;
    height: 70px;
    overflow: hidden;
    border-radius: 6px;
}

.blog_section .categories_box.post_box .flex_box .image_box img {
    width: 100%;
    height: 100%;
}

.blog_section .categories_box.post_box .flex_box .text_box {
    margin-left: 10px;
}

.blog_section .categories_box.post_box .flex_box .text_box h5 {
    font-size: 14px;
}

.blog_section .categories_box.post_box .flex_box .text_box h6 {
    font-size: 14px;
}

.blog_section .blog_detailsbox .text_box h3 {
    font-family: Belanosima;
    font-weight: 600;
    font-size: 25px;
    padding-top: 20px;
}

.blog_section .blog_detailsbox .text_box h5 {
    font-family: Belanosima;
    font-weight: 600;
    font-size: 20px;
    padding-top: 10px;
}

.blog_section .blog_detailsbox .image_box {
    height: 400px;
    overflow: hidden;
    border-radius: 20px 20px 0px 0px;
}

.blog_section .blog_detailsbox .image_box img {
    width: 100%;
    height: 100%;
}

.blog_section .blog_detailsbox .text_box {
    border: 1px solid rgb(207 221 226 / 58%);
    padding: 0px 30px;
}

.blog_section .categories_box.populer_tagbox ul {
    column-count: 3;
}

.blog_section .categories_box.populer_tagbox ul li {
    background: rgb(40 200 192 / 18%);
    border-bottom: none;
    padding: 5px;
    text-align: center;
}

.blog_section .categories_box.populer_tagbox ul li::after {
    display: none;
}

.arrow_buttonbox .react-multi-carousel-list {
    height: 60px;
}

.arrow_buttonbox .blogClass {
    width: 50px;
    height: 35px;
    background: #2fe6de21;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-weight: 500;
    font-family: Ubuntu;
}

.arrow_buttonbox .blogActive {
    width: 50px;
    height: 35px;
    background: #006a66bd;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #fff;
    font-family: Ubuntu;

}

.readMore {
    background: #20c997;
    padding: 6px 20px;
    color: #fff;
    border-radius: 4px;
    margin: 15px 0px 0px 0px;
    text-decoration: none;
    width: fit-content;
}

/* Blog code end */
.arrow_buttonbox {
    width: 50%;
    margin: 0 auto;
}

/* Different Loader for different sites */


/*====1st Loader====*/
.loader1 {
    width: 70%;
    margin: 0 auto;
}

.loader1 h1 {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 25px;
    padding: 50px 0px 0px 0px;
}

.loader1 .loader_mainbox {
    height: 30px;
    /* background: #f4f4f4; */
    overflow: hidden;
    display: flex;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
}

.loader1 .loader_mainbox img {
    width: 100%;
    height: 290px;
}

.loader1 .location_box {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.loader1 .location_box h5 i {
    color: #0068ef;
    font-size: 18px;
    padding-right: 4px;
}

/*====end====*/
/*====2nd Loader====*/
.main {
    width: 70%;
    margin: 0 auto;
}

.main h1 {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 25px;
    padding: 50px 0px 0px 0px;
}

.main .loader_mainbox {
    height: 80px;
    background: #f4f4f4;
    overflow: hidden;
    display: flex;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
}

.main .loader_mainbox img {
    width: 30%;
}

.main .location_box {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.main .location_box h5 i {
    color: #0068ef;
    font-size: 18px;
    padding-right: 4px;
}

/*====end====*/
/*====3rd Loader====*/
.loader3 {
    width: 45%;
    margin: 0 auto;
}

.loader3 h1 {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 25px;
    padding: 50px 0px 0px 0px;
}

.loader3 .loader_mainbox {
    height: 120px;
    overflow: hidden;
    display: flex;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
}

.loader3 .loader_mainbox img {
    width: 70%;
}

.loader3 .location_box {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.loader3 .location_box h5 i {
    color: #0068ef;
    font-size: 18px;
    padding-right: 4px;
}

/*====end====*/
/*====4th Loader====*/
.loader4 {
    width: 45%;
    margin: 0 auto;
}

.loader4 h1 {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 25px;
    padding: 50px 0px 0px 0px;
}

.loader4 .loader_mainbox {
    overflow: hidden;
    display: flex;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
}

.loader4 .loader_mainbox img {
    width: 90%;
}

.loader4 .location_box {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.loader4 .location_box h5 i {
    color: #0068ef;
    font-size: 18px;
    padding-right: 4px;
}

/*====end====*/
/*====5th Loader====*/
.loader5 {
    width: 45%;
    margin: 0 auto;
}

.loader5 h1 {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 25px;
    padding: 50px 0px 0px 0px;
}

.loader5 .loader_mainbox {
    overflow: hidden;
    display: flex;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
}

.loader5 .loader_mainbox img {
    width: 60%;
}

.loader5 .location_box {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.loader5 .location_box h5 i {
    color: #0068ef;
    font-size: 18px;
    padding-right: 4px;
}

/*====end====*/

.flight_booking_id .progressBar {
    height: 3px;
    width: 70%;
    background-color: #afafaf;
    position: relative;
    margin-top: 50px;
    margin-bottom: 10px;
    z-index: 1;
}

.flight_booking_id .progressBar::after {
    width: 70%;
    content: '';
    position: absolute;
    height: 3px;
    background-color: #019901;
    left: 0;

}

.flight_booking_id .progressBar .a {
    position: absolute;
    top: -18px;
    left: 0;
    background-color: #019901;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    z-index: 10;

}

.flight_booking_id .progressBar .c {
    position: absolute;
    top: -18px;
    right: 0;
    background-color: #afafaf;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    z-index: 10;

}

.flight_booking_id .progressBar .b {
    position: absolute;
    top: -18px;
    right: 50%;
    background-color: #019901;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    z-index: 10;

}


.flight_booking_id .content h4 {
    color: #ff0000;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 40px;
}

.flight_booking_id .content .subtext {
    color: var(--sub-text);
    font-size: 13px;
    font-weight: 700;
    margin-top: 7px;
}

.flight_booking_id .content .details {
    margin-top: 10px;
    margin-bottom: 10px;
}

.flight_booking_id .content .details .booking {
    font-size: 18px;
}

.flight_booking_id .content .details .booking span {
    font-weight: 700;
    color: var(--sub-text);
}

.flight_booking_id .content .details .email span {
    font-weight: 700;
    color: #008cff;
}

.flight_booking_id .content .details .disclaimer {
    font-size: 13px;
}

.info-box .content ul li {
    color: var(--sub-text);
}

.flight_list .flight_list_item {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    justify-content: space-evenly;
}

/* Flight Place & Time Section Style */
.flight_list .flightTime {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-color);
}

.flight_list .flightPlace {
    font-size: 16px;
    font-weight: 300;
    color: var(--text-color);
}

.flight_list .flightPlaceDetail {
    font-size: 18px;
    font-weight: 500;
    color: var(--text-color);
}

.flight_list .durationWrap {
    text-align: center;
}

.flight_list .duration {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-color);
}

.flight_list .duration span {
    font-size: 14px;
    font-weight: 300;
    color: var(--sub-text);
}

.flight_list .stops {
    font-size: 13px;
    font-weight: 500;
    color: var(--sub-text);
}

.flight_list .durationDivider {
    width: 100%;
    height: 2px;
    background-color: #006ee3;
    position: relative;
}

.flight_list .durationDivider div {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -4px;
    background-color: #006ee3;
}

.flight_list .durationDivider div:nth-child(2) {
    right: 50%;
}


.flight_list .durationDivider div:first-child {
    left: 10%;
}

.flight_list .durationDivider div:last-child {
    right: 10%;
}


/* Flight Place & Time Section Style */

/* Price Section Style */

.flight_list .priceWrap {
    border-left: 1px solid #ddd;
    /* height: 100%; */
    padding: 10px 0;
}

.flight_list .priceContent .price {
    font-size: 18px;
    font-weight: 700;
    color: var(--sub-text);
}

.flight_list .priceContent .bs {
    font-size: 12px;
    font-weight: 200;
    color: var(--sub-text);
}

.flight_list .bookBtn {
    background-color: var(--prim-color);
    color: #fff;
    border: none;
    padding: 5px 20px;
    border-radius: 5px;
}

.tripSummary {
    border: 1px solid #ddd;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    padding: 10px;
}

.tripSummary h5 {
    color: #006ee3;
}

.tripSummary .content div {
    font-size: 14px;
    color: var(--sub-text);
    line-height: 24px;
}

.tripSummary .content .cost {
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
}

.flight_booking_id .progressBar {
    height: 3px;
    width: 70%;
    background-color: #afafaf;
    position: relative;
    margin-top: 50px;
    margin-bottom: 10px;
}

.flight_booking_id .progressBar::after {
    width: 70%;
    content: '';
    position: absolute;
    height: 3px;
    background-color: #019901;
    left: 0;

}

.flight_booking_id .progressBar .a {
    position: absolute;
    top: -18px;
    left: 0;
    background-color: #019901;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    z-index: 10;

}

.flight_booking_id .progressBar .c {
    position: absolute;
    top: -18px;
    right: 0;
    background-color: #afafaf;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    z-index: 10;

}

.flight_booking_id .progressBar .b {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #019901;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    z-index: 10;

}


.flight_booking_id .content h4 {
    color: #ff0000;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 40px;
}

.flight_booking_id .content .subtext {
    color: var(--sub-text);
    font-size: 13px;
    font-weight: 700;
    margin-top: 7px;
}

.flight_booking_id .content .details {
    margin-top: 10px;
    margin-bottom: 10px;
}

.flight_booking_id .content .details .booking {
    font-size: 18px;
    color: #000;
}

.flight_booking_id .content .details .booking span {
    font-weight: 700;
    color: var(--sub-text);
}

.flight_booking_id .content .details .email span {
    font-weight: 700;
    color: #008cff;
}

.flight_booking_id .content .details .disclaimer {
    font-size: 13px;
}

.info-box .content ul li {
    color: var(--sub-text);
}

/* Price Section Style */
/*=====Responsive Code start=====*/
@media (max-width: 991px) {
    .travelerselectbox .pfft i {
        left: 10px !important;
    }

    .comparisionWrap {
        padding-bottom: 50px !important;
    }

    .buttonTabGroup .tabItem button {
        padding: inherit !important;
    }

    .buttonTabGroup .tabItem button img {
        display: block !important;
        margin: auto auto;
    }

    .buttonTabGroup .tabItem {
        max-width: 52px !important;
        top: 1px !important;
    }

    .buttonTabGroup .tabItem button span {
        display: none;
    }


    .slider-content-wrapper .slider-content-heading {
        top: 160px;
    }

    .conference_query_form form {
        right: inherit;
    }

    .event_details .event_heading {
        margin-top: 45px;
    }

    /*return responsive code start*/
    .dashboard_section .flight_bookingbox .ticket_bookingbox .return_box {
        padding: 2px 9px;
        top: 0px;
    }

    /*booking_details code start*/
    .skeleton_loader .main_hotelhtbooking_details .car_detailsbox ul {
        display: revert;
    }

    .skeleton_loader .main_hotelhtbooking_details .car_detailsbox ul li .image_box {
        width: 100%;
    }

    .skeleton_loader .main_hotelhtbooking_details .car_detailsbox ul li .top_box {
        margin-top: 15px;
    }

    .skeleton_loader .main_hotelhtbooking_details .car_detailsbox ul li .information_box {
        width: 100%;
        margin: 10px 0px 0px 0px;
    }

    .skeleton_loader .main_hotelhtbooking_details .car_detailsbox ul li .date_box {
        width: 30px;
        top: 10px;
    }

    .skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .details_hotellist_box ul {
        display: revert;
    }

    .skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .list_box ul li .text_box {
        width: 65px;
    }

    .skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .subtext_box1 {
        width: 100%;
    }

    .skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .details_hotellist_box ul li .images_box {
        width: 100%;
    }

    .skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .details_hotellist_box ul li .text_con {
        width: 100%;
    }

    .skeleton_loader .main_hotelhtbooking_details .subhotel_bookingbox .details_hotellist_box ul li .icon_box {
        margin: 0 auto !important;
        margin-top: 30px !important;
    }

    .skeleton_loader .flight_booking_detailsbox ul {
        display: revert;
    }

    .skeleton_loader .flight_booking_detailsbox .box {
        width: 100%;
    }

    .skeleton_loader .flight_booking_detailsbox .box1 {
        width: 100%;
    }

    .skeleton_loader .flight_booking_detailsbox .icon_box {
        margin: 0 auto !important;
        margin-top: 30px !important;
    }

    .dashboard_section .notification_box {
        width: 95%;
    }

    .main_wrapper.hotel_listbox .searchformyes {
        position: relative;
    }

    .main_wrapper.hotel_listbox .departure-suggestion {
        top: 233px;
        left: 5.5%;
        width: 95% !important;
    }

    .departure-suggestion {
        z-index: 9;
    }

    .dashboard_section .wallet_box {
        width: 95%;
        margin-top: 64px;
    }

    .dashboard_section .flight_bookingbox .ticket_bookingbox ul {
        display: revert !important;
        column-count: 1 !important;
    }

    .dashboard_section .left_navigationbox {
        width: 65%;
        top: 0px;
    }

    .row.gx-2.padding_menege {
        padding: 0px 10px;
    }

    .dashboard_section .top_mainbox {
        margin: 30px 0px 0px 0px;
    }

    .flight_logobox.image_element {
        display: flex;
        justify-content: center;
    }

    .dashboard_section .flight_bookingbox .ticket_bookingbox .flight_logobox {
        margin-bottom: 15px !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: white;
        padding: 5px 5px;
        border: 1px solid #00000017;
        border-radius: 4px;
    }

    .dashboard_section .flight_bookingbox .ticket_bookingbox .flight_profiledbox h6 {
        padding: 8px 0px 0px 0px;
    }

    .dashboard_section .flight_bookingbox .ticket_bookingbox .flight_arrowbox {
        width: 100%;
        height: 25px;
    }

    .dashboard_section .flight_bookingbox .ticket_bookingbox .flight_location_textbox h3 {
        font-size: 14px;
        margin: 0px;
    }

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

    .dashboard_section .flight_bookingbox .ticket_bookingbox .flight_logobox h5 {
        margin: 0px;
    }

    .dashboard_section .flight_bookingbox .ticket_bookingbox .flight_logobox h6 {
        margin: 0px;
    }

    .dashboard_section .flight_bookingbox .ticket_bookingbox .flight_location_textbox p {
        margin: 0px;
    }

    .dashboard_section .flight_bookingbox .ticket_bookingbox .flight_profiledbox {
        margin: 22px 0px 0px 0px !important;
        display: flex !important;
        justify-content: space-around !important;
        background: #ffffff !important;
        align-items: center !important;
        height: 35px !important;
        border: 1px solid #0000001a !important;
        border-radius: 4px;
    }

    .dashboard_section .flight_bookingbox .ticket_bookingbox .flight_arrowbox {
        margin: 0 auto;
    }

    .dashboard_section .flight_bookingbox .heading_box h5 {
        font-size: 16px;
    }

    .dashboard_section .flight_bookingbox .heading_box h6 {
        padding: 5px 0px 0px 0px;
        font-size: 12px;
    }

    .dashboard_section .top_mainbox .flex_box .icon_box {
        width: 40px;
        height: 40px;
    }

    .dashboard_section .top_mainbox .flex_box .icon_box i {
        font-size: 18px;
    }

    .dashboard_section .flight_bookingbox .heading_box {
        padding: 0px 0px 10px 0px;
    }

    .dashboard_section .flight_bookingbox .heading_box span {
        margin-top: -7px;
        font-size: 12px;
    }

    .dashboard_section .flight_bookingbox .heading_box .downlode_btn {
        background: revert;
        box-shadow: revert;
    }

    .dashboard_section .flight_bookingbox .ticket_bookingbox .flight_logobox.revert_flex {
        display: revert;
    }

    .dashboard_section .nav_toggle {
        display: block;
        border: none;
        font-size: 20px;
        padding: 4px 12px;
        background: #f2f1f9;
    }

    .dashboard_section .left_navigationbox.responsive_nonebox {
        display: none;
    }

    .dashboard_section .nav_toggle_flexbox {
        background: #2fe6de;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 20px;
        position: fixed;
        width: 100%;
        z-index: 99;
    }

    .dashboard_section .nav_toggle_flexbox img {
        width: 110px;
    }

    .dashboard_section .nav_toggle_flexbox a i {
        font-size: 15px;
        color: #f2f1f9;
        margin-right: 36px;
        padding: 6px 7px;
        border: 1px solid #ffffff73;
    }

    .dashboard_section .flight_bookingbox .ticket_bookingbox .flight_logobox img {
        width: 100%;
    }

    .airline_table_wraper {
        margin-top: 20px;
    }
}

@media (max-width: 991px) {
    .FlightNotFound {
        width: inherit;
    }

    .blog_section .blog_detailsbox .image_box {
        height: 250px;
    }

    .blog_section .row.reverse_row {
        flex-direction: column-reverse;
    }

    .blog_section .arrow_buttonbox ul {
        width: 100%;
    }

    .blog_section .arrow_buttonbox ul li a {
        width: 45px;
    }

    .blog_section .arrow_buttonbox ul li:first-child a {
        width: 60px;
    }

    .blog_section .arrow_buttonbox ul li:last-child a {
        width: 60px;
    }

    .flight_details_info .heading {
        font-size: 13px;
        margin: 16px 1px 0px 0px;
    }

    .d-flex.text-start.justify-content-between {
        /* border-bottom: 1px solid #21212124; */
        padding-bottom: 10px;
    }

    .flight_search_listbox .view-details-div {
        padding: 9px 13px 12px 5px;
    }
}

@media (max-width: 991px) {
    .airline_wrapper {
        height: 170px;
    }

    .skeleton_loader .filter_box .content_box {
        display: none;
    }

    .skeleton_loader .filter_box .sub_contentbox {
        display: none;
    }

    .skeleton_loader .filter_box .list_box ul li .box {
        display: none;
    }

    .skeleton_loader .filter_box .up_box {
        height: 20px;
        margin-bottom: 0px;
    }

    .skeleton_loader .filter_box {
        padding: 0px 10px;
    }

    .skeleton_loader .hotel_details_imagebox {
        height: 200px;
    }
}

@media (min-width: 1920px) and (max-width: 2560px) {
    .searchformyes svg {
        top: -180px !important;
    }
}

@media only screen and (max-width: 991px) {
    .tktprice {
        /* background: #f1f1f1; */
        /* padding: 45px 5px 0px 5px; */
        /* border-left: 1px solid #ca7c0540; */
    }

    /* .flight_search_listbox {
        overflow: hidden;
    } */

    .date-formate {
        color: #c97b05;
        font-size: 10px;
        font-weight: 500;
    }

    .flight_route_details.heading.left_text {
        margin-left: 30px;
        text-transform: capitalize;
        width: 59px;
        height: 20px;
        background: linear-gradient(0deg, #004793 0%, #00bbff 100%);
        text-align: center;
        color: #fff !important;
        border-radius: 100px;
        font-size: 12px;
    }

    span.fw-bold.heading.left_span {
        padding-left: 30px;
    }

    .thtft {
        bottom: 15px !important;
        right: 130px !important;
    }

    .booking_width_80 {
        width: 100%;
        margin-top: 62px;
    }


    input.mt-1.mt-xl-2.mt-lg-1.border.rounded.bg-transparent.p-1.col-11.col-xl-9.col-lg-9 {
        width: 65%;
    }

    .about_collapse h1 {
        font-size: 25px !important;
    }

    .flight_book_btn {
        margin-top: 7px;
    }

    #resetFilterButton {
        display: none;
    }

    .flight_details_info .content {
        text-wrap: inherit !important;
    }

    #hotel .hotelPriceBoxPhone .flight_book_btn {
        max-width: 100%;
        font-size: 18px;
    }

    #hotel .hotelPriceBox {
        display: none !important;
    }

    #hotel .hotelPriceBoxPhone {
        display: block !important;
    }

    .hotelListImageContainer {
        width: 100% !important;
    }

    .why_chooseus_section .main_box {
        margin: 0px 0px 50px 0px !important;
    }

    .image-popup {
        padding: 10px !important;
    }

    .departure_box {
        column-count: 2;
        padding: 0px 20px 0px 0px;
    }

    .filter_wrapper .filter_flight_time button {
        width: 170px;
    }

    .filter_wrapper {
        background-color: white;
        position: fixed;
        top: 68px;
        left: 0;
        right: 0;
        height: 90vh;
        z-index: 999;
        line-height: normal;
        overflow-y: scroll;
    }

    .filter_wrapper .close,
    .filter_wrapper_phn button {
        display: block;
    }

    .filter_wrapper {
        display: none;
    }

    .highlight_text {
        display: none;
    }

    .book_btn_text {
        position: relative;
        right: -85px;
        top: -20px;
    }

    .filter_flight_time button {
        line-height: 20px;
    }

    .flight_book_btn {
        max-width: 100%;
        padding: 10px 7px;
        font-size: 12px;
    }

    .aboutus_frontpage {
        background-position: center 500px !important;
    }

    .reversebtn {
        position: absolute;
        right: 20px;
        top: 240px;
        width: 50px;
        z-index: 2;
    }

    /* .sidenav_wrapper ul li a{
        display: inline-flex;
    } */
    /* .sidenav_wrapper ul li a span{
        display: none;
    }  */
    .ctaprof_wrap {
        border: none !important;
    }

    .ctaprof_wrap .imgwrapper {
        margin-left: 0% !important;
        margin-right: 65px !important;
    }

    .searchformyes {
        background-color: var(--prim-color);
        height: 100%;
    }

    .searchformyes svg {
        display: none;
    }

    .planeanim {
        display: none;
    }

    .retardedlist {
        column-count: 2 !important;
    }

    .svgitem {
        display: none;
    }

    .svgitem2 {
        display: none;
    }

    .ticket_misc_btn {
        display: none;
    }

    .popupSearchListMain {
        width: 97% !important;

    }

    .popupHomepageMain {
        width: 95% !important;
    }

    .popupCallGirl {
        display: none !important;
    }

    .popupCommonMain {
        left: 5px !important;
        right: 5px !important;
    }

    table .segment td a {
        padding: 5px 10px !important;
    }

    .terms-misc {
        position: relative !important;
    }

    .divborder {
        display: none !important;
    }

    .search_form .flightdate {
        background-color: transparent !important;
    }

    .privacy_policy .sitemap_list {
        column-count: 2 !important;
        line-height: 35px !important;
        padding: 0;
    }

    .tktprice .tktprice_popup_btn li span {
        padding: 2px 1.5px;
    }

    /* .flight_search_listbox .searchListBadge{display: none !important;} */
}

/* @media only screen and (max-width: 768px) {
    .main_wrapper{
        width: 90%;
    }
    .sidenav_wrapper{
        width: 10% !important;
    }
    .sidenav_wrapper ul li a{
        display: none;
    }
} */
@media only screen and (max-width: 438px) {

    /* .sidenav_wrapper ul li a{
        display: none;
    } */
    /* .main_wrapper{
        width: 82%;
        margin-left: 65px !important;
    } */
    /* .sidenav_wrapper{
        width: 18% !important;
    } */
    .reversebtn {
        top: 270px;
    }

    .flight_search_listbox .logobrand {
        display: none;
    }
}

@media (max-width: 991px) {
    .updated-hamberg {
        width: 48%;
    }

    .dropdown-menu.show {
        right: revert !important;
        left: 0px;
    }

    #nav_btn i {
        font-size: 25px;
        color: #212121;
    }

    .image-popup img {
        height: auto;
    }

    .main_wrapper {
        margin-left: 0 !important;
    }

    .event_list .event_item_popup_content .image_bs {
        display: none !important;
    }

    .desktop-hide {
        display: block !important;
    }

    .area-search-loader {
        margin-top: 5px;
        margin-left: 264px;
    }

    .flight_search_listbox .tktprice .iconHoverInfo {
        padding: 5px 5px;
        display: none;
    }
}

.login-top-space p {
    font-size: 13px;
    font-family: Ubuntu;
    margin-bottom: 25px;
}

.segment_carrier {
    display: flex;
}

.buttonTabGroup {
    background-color: var(--prim-color);
    padding-top: 5px;
}

.buttonTabGroup .tabItem {
    max-width: 175px;
    position: relative;
    top: -6px;
    z-index: 3;
    padding: 0px 5px;
}

.buttonTabGroup .tabItem button {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: none;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: #fff;
    padding: 5px 15px;
    color: #212529bf;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.buttonTabGroup .tabItem button img {
    display: none;
}

.buttonTabGroup .tabItem button.active {
    /* box-shadow: rgba(17, 17, 26, 0.1) 0px -2px 16px, rgba(17, 17, 26, 0.05) 0px 0px 32px; */
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    background-color: #aff9f6;
    color: #000;
}

#formWrapper {
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 8px 0px;
}

.alliBtn {
    text-align: center;
    background-color: #242424;
    color: #fff;
    padding: 4px 10px;
    border-radius: 7px;
    font-weight: 500;
    cursor: pointer;
}

.alliBtn.disabled {
    background-color: #818181;
}

.comparisionWrap {
    background-color: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.header_subnav {
    display: flex;
    justify-content: space-between;
    width: 80%;
}

.header_subnav ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    margin: auto 0;
}


.header_subnav ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    padding: 0px 15px;
    position: relative;

}

.header_subnav ul li::before {
    content: '';
    width: 0px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.3s ease-in, height 0.3s ease-in 0.2s;
}

.header_subnav ul li:hover::before {
    width: 100%;
    /* height: 100%; */
}

.header_subnav ul li:hover a {
    /* color: var(--prim-color); */
    font-weight: 700;
}

.header_subnav ul li a {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    font-family: Roboto;
    position: relative;
    z-index: 10;
    transition: 0.5s ease-in-out;
}

.header_subnav .signIn {
    display: flex;
    align-items: center;
}

.header_subnav .signIn a {
    color: #fff !important;
    margin: auto 0;
}

.flight_search_list_section .react-multi-carousel-list {
    justify-content: center;
}

.tktprice ul li {
    display: block !important;
}

#collapseExample .travel-search-form {
    top: 0 !important;
}

.ticket_misc_btn ul li {
    display: inherit;
}

/*airline_table_wraper code start*/
.airline_table_wraper {
    margin-bottom: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    overflow-x: auto;
}

.airline_table_wraper table {
    margin-bottom: 0px !important;
    table-layout: fixed;
}

.airline_table_wraper table tr td {
    width: 90px;
}

.airline_table_wraper table tr td img {
    width: 25px;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-bottom: 4px;
}

.airline_table_wraper table tr td h3 {
    font-size: 13px;
    font-weight: 500;
    color: #006de1;
    padding: 12px 0px 0px 0px;
}

.airline_table_wraper table tr td h4 {
    font-size: 13px;
    font-weight: 500;
    color: #006de1;
}

.airline_table_wraper table tr td h5 {
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
}

.airline_table_wraper table tr td p {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    text-align: center;
}

.airline_table_wraper table tr td.border_con {
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

/*end*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    padding: 0px;
    margin: 0px;
}

/*header code start*/
a.mobile_show_cta {
    display: block;
    text-align: center;
    background: var(--accent-color);
    font-size: 18px;
    color: #fff;
    padding: 6px 0px;
    display: none;
}

header {
    padding: 8px 0px;
    box-shadow: rgb(50 50 93 / 7%) 0px 2px 5px -1px, rgb(0 0 0 / 10%) 0px 1px 3px -1px;
}

header ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}

header ul li a.logo {
    color: #000;
    font-size: 25px;
}

header ul li .flex_box {
    display: flex;
    align-items: center;
}

header ul li a.call_btn {
    margin: 0px 0px 0px 45px;
    background: var(--accent-color);
    display: flex;
    padding: 6px 14px 6px 8px;
    color: #fff;
    border-radius: 4px;
    font-weight: 800;
}

header ul li a.call_btn span {
    font-size: 11px;
    font-weight: 400;
}

header ul li a.call_btn .icon_wraper {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-left: -22px;
    margin-right: 7px;
    overflow: hidden;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

header ul li a.call_btn .text_wrapper {
    line-height: 1.2;
}

header ul li a.call_btn .icon_wraper img {
    width: 32px;
}

header ul li a.b_t_home {
    color: #000;
}

/*end*/
/*list_section code start*/
.list_section {
    padding: 60px 0px;
}

.list_section .sidebar {
    background: #fff;
    border-radius: 10px;
    padding: 15px 15px 20px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1607843137);
}

.list_section .sidebar h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--prim-color);
}

.list_section .sidebar h3 i {
    color: var(--prim-color);
}

.list_section .sidebar p {
    font-size: 14px;
}

.list_section .sidebar .stop_box .flex_checkbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0px 0px 0px;
}

.list_section .sidebar .stop_box .flex_checkbox h6 {
    font-size: 14px;
    color: var(--prim-color);
}

.list_section .sidebar .stop_box .flex_checkbox .input_box span {
    font-size: 14px;
    font-weight: 400;
    padding: 0px 0px 0px 6px;
}

.list_section .sidebar .stop_box .flex_checkbox .input_box {
    display: flex;
    align-items: center;
}

.list_section .sidebar .stop_box .flex_checkbox .input_box input[type="checkbox"] {
    width: 16px;
    height: 16px;
    background: #84d2f94f;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #2121211f;
    outline: none;
}

.list_section .sidebar .stop_box .flex_checkbox .input_box input[type="checkbox"]:hover {
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert;
    transition: 1s;
}

.list_section .sidebar hr {
    margin: 12px 0px 10px 0px;
    background: #57a4cb;
}

.list_section .sidebar .price_rangebox p.flex_text {
    display: flex;
    align-items: left;
    justify-content: space-between;
    margin: 10px 0px 0px 0px;
}

/*end*/

/*booking_secure_section code start*/
.booking_secure_section {
    padding: 30px 0px;
    background: #f5f5f5;
}

.booking_secure_section a.change_flightbtn {
    padding: 10px 20px;
    background: var(--prim-color);
    color: #fff;
    border-radius: 4px;
    display: block;
}

.booking_secure_section ul {
    display: flex;
    justify-content: right;
    align-items: center;
    list-style: none;
    margin: 0px 0px 30px 0px;
}

.booking_secure_section ul li {
    padding: 0px 0px 0px 5px;
    border-right: 1px solid #2121213b;
}

.booking_secure_section ul li:last-child {
    border-right: none;
}

.booking_secure_section ul .image_wraper {
    display: flex;
    align-items: center;
    padding: 0px 10px;
    background: #f5f5f5;
    /* box-shadow: rgb(50 50 93 / 8%) 0px 2px 5px -1px, rgb(0 0 0 / 13%) 1px -1px 3px -1px; */
}

.booking_secure_section ul .image_wraper img {
    width: 30px;
    margin: 0px 10px 0px 0px;
}

.booking_secure_section ul .image_wraper h5 {
    font-size: 16px;
}

.booking_secure_section .booking_fromcontainer {
    background: #fff;
    padding: 15px 14px;
    border-radius: 6px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1607843137);
    margin: 0px 0px 20px 0px;
}

.booking_secure_section .booking_fromcontainer h3 {
    font-size: 17px;
    font-weight: 600;
    color: #212121;
    margin: 0px 0px 20px 0px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #ff7f0040;
    padding-bottom: 10px;
    background: #fbfbfb;
}

.booking_secure_section .booking_fromcontainer h3 i {
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background: #ff7f00;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    margin: 0px 7px 0px 0px;
}

.booking_secure_section .booking_fromcontainer .input_box input {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #bcbdbd;
    outline: none;
    margin-bottom: 2px;
    background: #fff;
    border-radius: 4px;
    height: 38px;
}

.booking_secure_section .booking_fromcontainer .input_box select {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #bcbdbd;
    outline: none;
    margin-bottom: 2px;
    background: #fff;
    border-radius: 4px;
    height: 38px;
}

.booking_secure_section .booking_fromcontainer .input_box textarea {
    width: 100%;
    padding: 16px 10px;
    border: 1px solid #bcbdbd;
    outline: none;
    margin-bottom: 2px;
    background: #fff;
    border-radius: 4px;
}

.booking_secure_section .booking_fromcontainer .input_box label {
    font-size: 13px;
    margin-bottom: 10px;
}

.booking_secure_section .booking_fromcontainer .input_box label span {
    color: red;
}

.booking_secure_section .booking_fromcontainer .input_box p {
    font-size: 13px;
    margin-bottom: 10px;
}

.booking_secure_section .booking_fromcontainer p {
    font-size: 13px;
    margin: 0px 0px 10px 0px;
}

.booking_secure_section .booking_fromcontainer p i.fa-solid.fa-circle-check {
    color: #ff7f00;
}

.booking_secure_section .booking_fromcontainer .border_line {
    border: 1px dashed #cccccc6e;
    margin: 20px 0px 20px 0px;
}

.booking_secure_section .booking_fromcontainer .input_box.dender_box {
    display: flex;
}

.booking_secure_section .booking_fromcontainer .input_box.dender_box label {
    margin-right: 15px;
}

.booking_secure_section .booking_fromcontainer .input_box input[type="radio"] {
    width: 30px !important;
    height: 20px;
}

.booking_secure_section .booking_fromcontainer .input_box .flex_selectbox {
    display: flex;
    justify-content: space-between;
}

.booking_secure_section .booking_fromcontainer .input_box .flex_selectbox select {
    width: 31.5%;
}

.booking_secure_section .booking_fromcontainer button.accordion-button {
    padding: 10px 0px;
    width: 160px;
    background: transparent !important;
    box-shadow: revert !important;
    color: var(--accent-color);
}

.booking_secure_section .booking_fromcontainer .accordion-item {
    border: none;
}

.booking_secure_section .booking_fromcontainer .accordion-item span {
    font-size: 11px;
    padding-left: 10px;
}

.booking_secure_section .booking_fromcontainer .accordion-item .accordion-header {
    display: flex;
    align-items: center;
}

.booking_secure_section .booking_fromcontainer .accordion-body {
    padding: 0px;
}

.booking_secure_section .booking_fromcontainer label.debit_credit_card {
    color: var(--prim-color);
}

.booking_secure_section .booking_fromcontainer .center_logo_wraper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.booking_secure_section .booking_fromcontainer .center_logo_wraper img {
    width: 80px;
    margin: 0px 20px 0px 0px;
}

.booking_secure_section .booking_fromcontainer .book_btn_wraper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.booking_secure_section .booking_fromcontainer .book_btn_wraper button {
    padding: 15px 35px;
    background: var(--accent-color);
    color: #fff;
    border-radius: 4px;
    border: none;
    outline: none;
}

.fare_summary_box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1607843137);
    margin: 0px 0px 20px 0px;
    position: sticky;
    top: 10px;
}

.fare_summary_box h3 {
    font-size: 17px;
    font-weight: 600;
    color: #212121;
    margin: 0px 0px 20px 0px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #ff7f0040;
    padding-bottom: 10px;
    background: #fbfbfb;
    padding: 10px;
}

.fare_summary_box h3 i {
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background: #ff7f00;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    margin: 0px 7px 0px 0px;
}

.fare_summary_box .flex_textbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.fare_summary_box .flex_textbox h5 {
    font-size: 13px;
    font-weight: 400;
}

.fare_summary_box .flex_textbox h6 {
    font-size: 12px;
    font-weight: 400;
}

.fare_summary_box .price_box {
    width: 100%;
    background: var(--accent-color);
    display: flex;
    justify-content: space-between;
    padding: 10px;
    margin: 10px 0px 0px 0px;
    border-radius: 0px 0px 10px 10px;
}

.fare_summary_box .price_box h4 {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

.fare_summary_box .price_box h5 {
    font-size: 13px;
    color: #fff;
    text-align: right;
}

/*end*/

/*sidenavpopup code start*/
.sidenavpopup .nav-tabs {
    border-bottom: 1px solid #0071e9;
}

.sidenavpopup .nav-tabs .nav-link {
    color: #767676;
}

.sidenavpopup .nav-tabs .nav-link.active {
    border-color: #0071e9 #0071e9 #fff;
    color: #0071e9;
}

.sidenavpopup .main_wraper .departure_time_box {
    border-bottom: 1px solid #21212138;
    border-top: 1px solid #21212138;
    margin: 20px 0px 0px 0px;
    padding: 6px 0px 6px 0px;
}

.sidenavpopup .main_wraper .departure_time_box h5 {
    font-size: 14px;
}

.sidenavpopup .main_wraper .hotel_wraperbox h3 {
    font-size: 17px;
    font-weight: 600;
    color: #212121;
    margin: 20px 0px 10px 0px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #ff7f0040;
    padding-bottom: 10px;
    background: #fbfbfb;
}

.sidenavpopup .main_wraper .hotel_wraperbox h3 i {
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background: #ff7f00;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    margin: 0px 7px 0px 0px;
}

.sidenavpopup .main_wraper .hotel_wraperbox ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.sidenavpopup .main_wraper .hotel_wraperbox ul li {
    width: 48%;
}

.sidenavpopup .main_wraper .hotel_wraperbox ul li .hotel_imagewraper {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 5px;
    border-radius: 2px;
}

.sidenavpopup .main_wraper .hotel_wraperbox ul li .hotel_imagewraper img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.sidenavpopup .main_wraper .hotel_wraperbox ul li .hotel_imagewraper h5 {
    font-size: 15px;
    font-weight: 500;
    padding-top: 10px;
}

.sidenavpopup .main_wraper .hotel_wraperbox ul li .hotel_imagewraper p {
    font-size: 12px;
}

.sidenavpopup .main_wraper .hotel_wraperbox ul li .hotel_imagewraper a {
    padding: 4px 10px;
    background: #ff7f00;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

.sidenavpopup .main_wraper .hotel_wraperbox .baggage_box {
    border: 1px solid #21212138;
    border-radius: 6px;
    margin-bottom: 70px;
}

.sidenavpopup .main_wraper .hotel_wraperbox .airline_name {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #21212138;
    margin: 0px 0px 0px 0px;
}

.sidenavpopup .main_wraper .hotel_wraperbox .airline_name img {
    width: 20px;
    margin: 0px 6px 0px 0px;
}

.sidenavpopup .main_wraper .hotel_wraperbox .airline_name h5 {
    font-size: 15px;
}

.sidenavpopup .main_wraper .hotel_wraperbox ul {
    list-style: none;
}

.sidenavpopup .main_wraper .hotel_wraperbox.baggage_information ul li {
    width: 100%;
}

.sidenavpopup .main_wraper .hotel_wraperbox.baggage_information ul li .flex_box {
    display: flex;
    justify-content: space-between;
    padding: 6px 10px;
    border-bottom: 1px solid #21212129;
}

.sidenavpopup .main_wraper .hotel_wraperbox.baggage_information ul li .flex_box h5 {
    font-size: 13px;
    display: flex;
    align-items: center;
}

.sidenavpopup .main_wraper .hotel_wraperbox.baggage_information ul li .flex_box h5 i.baggage_icon {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 7px 0px 0px;
    color: #ff7f00;
}

.sidenavpopup .main_wraper .hotel_wraperbox.baggage_information ul li .flex_box h6 {
    font-size: 12px;
    color: green;
}

.sidenavpopup .main_wraper .hotel_wraperbox.baggage_information p {
    font-size: 12px;
    padding: 10px;
    color: #5e6062;
}

.sidenavpopup .main_wraper .hotel_wraperbox.baggage_information .fixed_pricebox {
    background: #fbfbfb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-top: 30px;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; */
    position: fixed;
    right: 0;
    bottom: 0;
    width: 639px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px -1px 8px;
}

.sidenavpopup .main_wraper .hotel_wraperbox.baggage_information .fixed_pricebox h5 {
    font-size: 20px;
    font-weight: 600;
    color: #ff7f00;
    line-height: 1;
}

.sidenavpopup .main_wraper .hotel_wraperbox.baggage_information .fixed_pricebox h5 small {
    font-size: 11px;
    color: #212121;
}

.sidenavpopup .main_wraper .hotel_wraperbox.baggage_information .fixed_pricebox h5 span {
    font-size: 13px;
    color: #212121;
}

.sidenavpopup .main_wraper .hotel_wraperbox.baggage_information .fixed_pricebox a {
    padding: 8px 18px;
    background: #ff7f00;
    color: #fff;
    font-size: 13px;
    border-radius: 4px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

.sidenavpopup .offcanvas {
    width: 640px;
    top: 63px;
}

/*sidenavpopup code end*/
/*responsive code */
@media (max-width:991px) {
    .sidenavpopup .offcanvas.show {
        width: 100%;
    }

    .sidenavpopup .main_wraper .hotel_wraperbox.baggage_information .fixed_pricebox {
        width: 100%;
    }
}

/*end*/

/*================responsive code =====================*/
@media (max-width:991px) {
    .booking_secure_section a.change_flightbtn {
        text-align: center;
        margin: 0px 0px 15px 0px;
    }

    .booking_secure_section ul {
        display: none;
    }

    .flight_search_listbox .tktprice .iconHoverInfo.onHover {
        padding: 5px 10px;
        top: 30px;
        left: -130px;
    }

    .connnecting-block {
        padding: 17px 5px 24px 5px !important;
    }
}

/* --------------------------------------------------- */
.selected {
    background-color: #4CAF50 !important;
    /* Green background for selected buttons */
    color: white;
  }
.leg-details {
    margin-top: -6px;
}
a.fw-medium {
    font-weight: 500 !important;
    color: #0d6efd;
}
.leg-details .highlight {
    background: #3ab54a;
    padding: 1px 5px;
    border-radius: 3px;
    color: #fff !important;
    font-weight: 600;
}

.leg-details .city {
    /* width: 80px; */
    width: 100px;
    float: left;
}

.leg-details .city .time {
    font-size: 16px;
    font-weight: 700;
}

.leg-details .city .code {
    font-size: 12px;
    margin-bottom: 3px;
    display: inline-block;
    position: relative;
    font-family: open sans, sans-serif;
}

.leg-details .city .code:hover .tooltipcity {
    opacity: 1;
}

.connnecting-block {
    padding: 17px 20px 24px 24px;
    float: left;
    margin-top: 10px;
    /* width: calc(100% - 160px); */
    width: calc(100% - 200px);
}

.connnecting-block .leg-points {
    background: #ccc;
    height: 1px;
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #5b5b5b;
    font-family: open sans, sans-serif;
}

.connnecting-block .leg-points:before,
.connnecting-block .leg-points:after {
    content: "";
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    left: -10px;
    top: -12px;
    background: url('../newdesign/plane.webp') no-repeat scroll 0 4px;
}

.connnecting-block .leg-points .stop_div,
.connnecting-block .leg-points .stop_div2 {
    display: inline-block;
    width: 55px;
    margin-top: -27px;
    position: relative;
}

.connnecting-block .leg-points .destination_code {
    padding-bottom: 5px;
    text-transform: capitalize;
}

.connnecting-block .leg-points .stop_icon {
    position: absolute;
    left: 50%;
    top: 18px;
    transform: translateX(-50%);
}

.connnecting-block .leg-points .layovertime {
    padding-top: 15px;
    white-space: nowrap;
}

.connnecting-block .leg-points .destination_code {
    padding-bottom: 5px;
    text-transform: capitalize;
}

.connnecting-block .leg-points:after {
    content: "";
    left: auto;
    right: -15px;
    background: url('../newdesign/location.webp') no-repeat scroll 5px 6px;
    width: 17px;
}

.connnecting-block .leg-points:hover .tooltipBox {
    display: block;
}

.tooltipcity {
    position: absolute;
    opacity: 0;
    top: -30px;
    left: 50%;
    background: #fff;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #919192;
    border-radius: 4px;
    z-index: 1;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2);
    transform: translateX(-50%);
    white-space: nowrap;
    border: 1px solid #ced0d4;
}

.tooltipBox {
    display: none;
    width: max-content;
    position: absolute;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 10px 12px;
    font-size: 12px;
    color: #555;
    border-radius: 2px;
    z-index: 1;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    text-align: left;
    line-height: 20px;
}

/* .tooltipBox {
    width: max-content;
    left: 50%;
    top: 32px;
    text-align: left;
    transform: translateX(-50%);
} */

/* ---------------------------------------------- */
.hotelImageWrapper {
    height: 200px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.hotelImageWrapper .moreImagesBtn {
    content: 'More Images';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100px;
    height: 30px;
    border-radius: 0 10px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 14px;
    font-weight: 600;
}

.hotelImageWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hotelInfo h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

.hotelInfo .reviews {
    width: 100%;
    float: left;
}

.hotelInfo .reviews ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    display: inline-block;
}

.hotelInfo .reviews ul li i {
    font-size: 14px;
    color: #ffca00;
}

.hotelInfo .hotel-location {
    margin: 5px 0 10px;
    float: left;
    width: 100%;
}

.hotelInfo .hotel-location ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 5px;
}

.hotelInfo .hotel-location ul li:first-child {
    position: relative;
    color: #333;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 500;
}

.hotelInfo .hotel-location ul li:first-child::before {
    font-family: FontAwesome;
    content: "\f041";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    padding-right: 3px;
    vertical-align: middle;
    font-size: 16px;
    color: var(--prim-color);
}

.hotelInfo .hotel-location ul li {
    padding-left: 20px;
}

.hotelInfo .pay-facility {
    float: left;
    color: var(--accent-color);
    width: 100%;
}

.hotelInfo .pay-facility ul li {
    position: relative;
    display: inline-block;
    float: left;
    padding-left: 20px;
    font-weight: 500;
}

.hotelInfo .pay-facility ul li::before {
    font-family: FontAwesome;
    content: "\f00c";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    vertical-align: middle;
    font-size: 14px;
}

.hotelInfo .hotel-amenities {
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
    border-top: 1px dotted #ccc;
    float: left;
}

.hotelInfo .hotel-amenities ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
    display: flex;
}

.hotelInfo .hotel-amenities ul li {
    display: inline-block;
    /* float: left; */
    position: relative;

    border: 1px solid #ccc;
    padding: 3px 6px;
    margin-right: 5px;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hotelInfo .hotel-amenities ul li:hover .tooltipcity {
    opacity: 1;
}

.hotelInfo .hotel-amenities ul li i {
    float: left;
    display: inline-block;
    margin-top: 0;
    padding-right: 0;
    font-size: 16px;
    color: #454545;
}

.tktprice .hotel-review-detail ul {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}

.tktprice .hotel-review-detail ul::before {
    content: '';
    background-image: url('https://cdn-icons-png.flaticon.com/512/1365/1365307.png');
    width: 30px;
    height: 30px;
    display: block;
    background-size: contain;
    background-position: center;
}

.tktprice .hotel-review-detail li {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.tktprice .hotel-review-detail li i {
    color: #ffca00;
}

.tktprice .hotel-review-detail .numberInfo {
    font-size: 12px;
    font-weight: 400;
    color: #646464;
    margin-top: -5px;
    padding-left: 36px;
}

.u-none {
    display: none;
}

/* -------------------------------------------------- */

.hotelDetails {
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 10px;
}

.hotelDetails .imgWrapper {
    width: 100%;
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
}

.hotelDetails .imgWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.roomTypeList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    transition: 0.3s ease-in-out;
}

.roomTypeList:not(:last-child) {
    margin-bottom: 10px;
}

.roomTypeList:hover {
    border: 1px solid var(--prim-color);
}

.roomTypeList h5 {
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.roomTypeList p {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.roomTypeList .payType {
    border-radius: 50px;
    background: var(--prim-color);
    padding: 5px 10px;
    color: #fff;
}

.hotelDetailContent h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.5;
    color: #333;
}

.hotelDetailContent ul {
    list-style: none;
}

.hotelDetailContent ul li {
    line-height: 1.7;
    font-size: 14px;
    color: #333;
    position: relative;
}

.hotelDetailContent ul li h5,
.hotelDetailContent ul h5 {
    font-size: 14px;
    margin: 10px 0;
}

.hotelDetailContent ul.aboutHotel li:not(:last-child) {
    margin: 0 0 20px;
}

.hotelDetailContent ul li strong {
    display: block;
    font-weight: 600;
}

.hotelDetailContent .hotelAmenities {
    list-style: none;
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap;
}

.hotelDetailContent .hotelAmenities li {
    position: relative;
    border: 1px solid transparent;
    padding: 3px 6px;
    margin-right: 10px;
    border-radius: 10px;
    width: 125px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in-out;
}

.hotelDetailContent .hotelAmenities li:hover {
    border: 1px solid #ccc;
}

.hotelDetailContent .hotelAmenities li i {
    display: block;
    margin-top: 0;
    padding-right: 0;
    font-size: 20px;
    color: #454545;
    text-align: center;

}

.hotelDetailContent .hotelAmenities li span {
    display: block;
    text-align: center;
    font-size: 12px;
}

.hotelDetailContent .hotelPolicies {
    padding-left: 20px;
}

.hotelDetailContent .hotelPolicies li::after {
    content: '\f35a';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 500;
    color: #6c6c6c;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translate(0, -50%);
}

.hotelImageGallery .fotorama__stage {
    border-radius: 10px;
    overflow: hidden;
}

.hotelDetails .accordion-button {
    padding: 1px 6px;
}

.roomTypeList .hotelInfo {
    padding-top: 15px;
}

.roomTypeList .hotelInfo .hotel-amenities {
    padding-top: 0;
}

.roomTypeList .hotelInfo .aboutHotel {
    padding-left: 25px;
    list-style: circle;
}


/* === New style ===*/
.main_wrapper .flight_searchform .traveler_box {
    background: #fff;
    padding: 16px 16px;
    width: 350px;
    border-radius: 6px;
    position: absolute;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    z-index: 99;
  }

  .main_wrapper .flight_searchform .traveler_box h5 {
    font-size: 12.5px;
    color: #212121;
    margin: 0px 0px 10px 0px;
  }

  .main_wrapper .flight_searchform .traveler_box ul {
    display: flex;
    list-style: none;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    margin: 0px 0px 14px 0px;
    padding: 0px;
  }

  .main_wrapper .flight_searchform .traveler_box ul li {
    width: 40px;
    text-align: center;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .main_wrapper .flight_searchform .traveler_box ul li:hover {
    background: #0071e9;
    color: #fff;
    transition: 1s;
  }

  .main_wrapper .flight_searchform .traveler_box ul li.active {
    background: #0071e9;
    color: #fff;
  }

  .main_wrapper .flight_searchform .economy_box select {
    width: 100%;
    outline: none;
    height: 40px;
    border: 1px solid #e7dbdb;
  }

  .main_wrapper .flight_searchform button.apply_buuton {
    width: 100%;
    padding: 6px 10px;
    background: #0071e9;
    color: #fff;
    border: none;
    margin: 25px 0px 0px 0px;
  }

  .main_wrapper .flight_searchform .Passenger_Economybox {
    position: relative;
    display: flex;
    align-items: center;
  }

  .travelerselectbox {
    display: flex;
    align-items: center;
  }

  .main_wrapper .flight_searchform span#traveller_class {
    padding: 6px 0px 0px 0px;
  }

  .travel-search-form{
    z-index: 1;
  }

  /* Loader */
  .loading_container {
    height: 100vh;
  }

  .loading_container .loader {
    text-align: center;
    width: 100%;
    position: relative;
    /* overflow: hidden; */
    max-width: 35rem;
    height: 30rem;
    margin: 0 auto;
  }

  .loading_container .wait {
    margin: 60px 0 70px 0;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
  }

  .loading_container .wait h1 {
    display: block;
  }

  .loading_container .iata_code {
    font-size: 6rem;
    opacity: 0.7;
    top: 52%;
    position: absolute;
    color: #0099cc;
    font-weight: 700;
    font-family: 'Roboto';
  }

  .loading_container .departure_city {
    left: -40px;
  }

  .loading_container .arrival_city {
    right: -4rem;
  }

  .loading_container .plane {
    position: absolute;
    margin: 60px auto 0;
    width: 100%;
  }

  .loading_container .plane-img {
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
  }

  @-moz-keyframes spin {
    100% {
      -moz-transform: rotate(360deg);
    }
  }

  @-webkit-keyframes spin {
    100% {
      -webkit-transform: rotate(360deg);
    }
  }

  @keyframes spin {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }


  .loading_container .earth-wrapper {
    position: absolute;
    margin: 60px auto 0;
    width: 100%;
    padding-top: 2.7rem;
  }

  .loading_container .earth {
    width: 160px;
    height: 160px;
    background: url("https://zupimages.net/up/19/34/6vlb.gif");
    border-radius: 100%;
    background-size: 340px;
    animation: earthAnim 12s infinite linear;
    margin: 0 auto;
    border: 1px solid #CDD1D3;
  }

  @keyframes earthAnim {
    0% {
      background-position-x: 0;
    }

    100% {
      background-position-x: -340px;
    }
  }

  @media screen and (max-width: 420px) {
    .loading_container .departure_city {
      left: 0;
      right: 0;
      top: 20%;
      position: absolute;
      margin: 0 auto;
    }

    .loading_container .arrival_city {
      left: 0;
      right: 0;
      top: 95%;
      position: absolute;
      margin: 0 auto;
    }


  }