/* ------------------------------------------------------ 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: #153c65;
	--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, #174f8b 0%, #072746 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, #153c65 0%, #0e253e 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: 78px;
	/* 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; */
	width: 100%;
}

.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: #153c65;
	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; */
	display: inline-flex;
	line-height: 18px;
}

.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: #153c65;
	box-shadow: inherit;
	border: 1px solid #153c65;
}

.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: #fff;
	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: 70px 0px;
	background-image: linear-gradient(
		104.1deg,
		rgba(0, 61, 100, 1) 13.6%,
		rgba(47, 127, 164, 1) 49.4%,
		rgba(30, 198, 198, 1) 93.3%
	);
}

.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: none;
	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;
	}
	.airline_table_wraper .table tr td:first-child {
		position: sticky;
		left: -8px;
		background-color: white;
		z-index: 1;
	}
}

@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;
		padding-top: 5px;
	}

	.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; */
	width: 52px;
	margin-left: 50%;
	transform: translateX(-50%);
	margin-bottom: 4px;
}

.airline_table_wraper table tr td h3 {
	font-size: 13px;
	font-weight: 500;
	color: #153c65;
	padding: 12px 0px 0px 0px;
}

.airline_table_wraper table tr td h4 {
	font-size: 13px;
	font-weight: 500;
	color: #153c65;
}

.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, 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, 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, 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: #153c65 !important;
	/* Green background for selected buttons */
	color: white;
}
.leg-details {
	margin-top: -6px;
}
a.fw-medium {
	font-weight: 500 !important;
	color: #153c65;
}
.leg-details .highlight {
	background: #153c65;
	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, 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, 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;
}
.adult-title-review-flight span {
	margin-right: 0px;
}
/* === 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 .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;
}

.right-block {
	border: 1px solid #dcdcdc;
	box-shadow: 0 0 8px 1px #dfdfdf;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	border-bottom: 1px dashed #6b6b6b;
}

.right-block-new-price {
	float: right;
	margin-top: -80px;
}

.right-block-new h3 {
	font-size: 14px;
	font-weight: 700;
	color: #3f4156;
}
.right-block-new-price small {
	font-size: 10px;
	display: inherit;
}
.right-block-departure small,
.right-block-departure span {
	font-size: 12px;
}
.loading_container {
	height: 100vh;
}
@media (max-width: 767px) {
	.special-airport {
		padding-right: 70px;
		padding-bottom: 15px;
	}
	.loading_container.new-loading-container {
		height: 100% !important;
		padding-bottom: 60px;
	}
}
@media (min-width: 992px) {
	.loading_container.new-loading-container {
		height: 100vh;
	}
}

@-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;
	}
}

/* === Filter New Design Start=== */
.price-range-wrap {
	margin-top: 12px;
}
.fliter-footer-btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 992px) {
	.filter-offcanvas {
		display: block !important;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 60px 0px 0px 0px;
		border: 0;
		position: fixed;
		right: -100%;
		top: -4px;
		z-index: 99999;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}

	.filter-offcanvas.slideInn {
		right: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.filter-top-content-wrap {
		background-color: #1b75bc;
		color: #fff;
		padding: 12px 8px 3px;
	}

	.filter-close-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8px;
		background-color: #1b75bc;
		margin-top: -5px;
		line-height: 100%;
	}
	.filter-close-btn.text-danger {
		color: #fff !important;
		margin-top: 2px;
	}
	.custom-filter-tab-wrap {
		padding: 12px;
	}
	.custom-filter-tab-wrap ul.custom-nav-pills {
		white-space: nowrap;
		width: 100%;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 9px;
	}
	ul.custom-nav-pills .nav-link {
		color: #212529;
	}
	.custom-filter-tab-wrap .nav-pills .nav-link.active,
	.custom-filter-tab-wrap .nav-pills .show > .nav-link {
		background-color: #1b75bc;
	}
	.btn-reset {
		display: block !important;
	}
	.fliter-footer-btn-wrap {
		position: fixed;
		left: 0px;
		bottom: 0px;
		z-index: 1;
		background: rgba(255, 255, 255, 0.8);
		width: 100%;
		padding: 10px;
		border-top: 1px solid #c2c2c2;
	}
	.filter-close-btn-footer {
		border-radius: 3px;
		padding: 7px 10px;
		color: #fff;
		background: #ff7f00;
		border: 1px solid #ff7f00;
		text-align: center;
		font-weight: 700;
		cursor: pointer;
		display: inline-block;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 127px;
		font-size: 14px;
	}
	.reset-filter-footer-btn {
		padding: 7px 8px;
		color: #ff7f00;
		background: #fff;
		border: 1px solid #ff7f00;
		border-radius: 3px;
		font-weight: 700;
		cursor: pointer;
		margin-left: 10px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		width: 150px;
	}
	.filter-trigger-btn {
		border: 0px;
		background-color: transparent;
		color: #3961e1;
	}
	.custom-filter-tab-wrap.custom-filter-tab-wrap-front ul.custom-nav-pills {
		padding-bottom: 0px;
	}
	.custom-filter-tab-wrap-front ul.custom-nav-pills .nav-link {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 4px 11px;
		border: 1px solid #9b9b9b;
		border-radius: 23px;
		font-size: 12px;
		height: 26px;
		margin-right: 8px;
		cursor: pointer;
	}
	.custom-filter-tab-wrap-front ul.custom-nav-pills .nav-link.active {
		border-color: #1b75bc;
		background-color: #1b75bc;
		color: #fff;
	}
	.flight-list-logo-brand {
		width: 200px !important;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		text-align: left;
		padding-left: 0px !important;
		padding-bottom: 8px;
	}
	.flight-list-logo-brand img {
		margin-right: 0px !important;
		margin-left: -4px !important;
		width: 70px;
	}
	.flight-list-logo-brand .flight-details {
		padding-left: 0px !important;
	}
	.flight-price-list-col {
		position: absolute;
		right: -69px;
		left: auto;
	}
	.flight-price-list-col .flight-price-list-col-wrap {
		display: flex !important;
		justify-content: flex-end !important;
	}
	.flight-price-list-wrap.mb-2 {
		margin-bottom: 0px !important;
	}
	.flight-price-list-wrap.justify-content-between {
		display: flex !important;
		justify-content: flex-end !important;
	}
	.flight-book-btn-new span {
		display: none;
	}
	.flight-price-passenger-details {
		display: none;
	}
	.flight-book-btn-new {
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
	}
	.flight-searchform-new {
		position: absolute;
		top: -24px;
		left: 0;
		z-index: 99999;
	}
	.flight-searchform-new .travel-search-form {
		height: 105vh;
		padding-top: 50px;
	}
	.flight-searchform-new-collapse {
		display: none;
	}
	.flight-searchform-new-collapse.formShow {
		display: block !important;
	}
	.dynamic-route-box .passenger-journey-dtls-text {
		font-size: 12px;
	}
	.form-trigger-link-box {
		color: #fff;
	}
	.form-close-btn {
		color: #005fbd;
		position: absolute;
		right: 26px;
		top: 43px;
		z-index: 1;
	}
	.form-trigger-link-box-icon {
		background-color: #5d99d7;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.custom-filter-tab-wrap .nav-pills .nav-link {
		padding: 4px 11px;
		border-radius: 23px;
		font-size: 13px;
		height: 26px;
		line-height: 100%;
		cursor: pointer;
		display: flex;
		align-items: center;
	}
	.ui-widget.ui-widget-content {
		z-index: 99999999;
	}
}
.filter-btn-tab-wrap {
	display: flex;
	align-items: center;
}
.flight-summary-wrap.right-block {
	margin-bottom: 0px !important;
}
.flight-summary-wrap.right-block {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.flight-summary-wrap.right-block-new p {
	color: #4d4d4d;
}
.flight-summary-wrap .tooltipcity {
	color: #4d4d4d;
}
p.fareSmry-hdng.mb-0 {
	font-size: 14px;
}
.font14 {
	font-size: 14px;
}
.fareSmry-sctn {
	font-size: 14px;
}
.total-amt-box {
	background-color: rgba(8, 208, 115, 1);
	color: #fff;
	padding: 16px 10px;
	border-radius: 0px 0px 4px 4px;
	font-weight: 600;
}
.total-amt-box .fareSmry-row {
	margin-bottom: 0px;
}
.fare-summary-wrap {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.fare-summary-wrap .fareSmry-sctn {
	padding-left: 10px;
	padding-right: 10px;
}
/* .flight-summary-wrap .depture-col-wrap{
	padding-left: 10px;
	padding-right: 10px;
} */
.card-title-head h2 {
	background-color: #555669;
	font-size: 16px;
	font-weight: 500;
	border-radius: 4px 4px 0px 0px;
	display: flex;
	align-items: center;
}

.form-calender-icon {
	background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.4024 3.35354L12.0724 3.35354L12.0724 2.68687C12.0724 2.51006 12.0023 2.34049 11.8776 2.21546C11.7529 2.09044 11.5838 2.0202 11.4074 2.0202C11.2311 2.0202 11.0619 2.09044 10.9372 2.21546C10.8125 2.34049 10.7424 2.51006 10.7424 2.68687L10.7424 3.35354L6.75251 3.35354L6.75251 2.68687C6.75251 2.51006 6.68245 2.34049 6.55774 2.21546C6.43303 2.09044 6.26389 2.0202 6.08752 2.0202C5.91115 2.0202 5.74201 2.09044 5.6173 2.21546C5.49259 2.34049 5.42253 2.51006 5.42253 2.68687L5.42253 3.35354L4.09256 3.35354C3.56346 3.35354 3.05603 3.56425 2.68191 3.93932C2.30778 4.3144 2.0976 4.8231 2.0976 5.35354L2.0976 13.3535C2.0976 13.884 2.30778 14.3927 2.68191 14.7677C3.05603 15.1428 3.56346 15.3535 4.09256 15.3535L13.4024 15.3535C13.9315 15.3535 14.4389 15.1428 14.813 14.7677C15.1872 14.3927 15.3973 13.884 15.3973 13.3535L15.3973 5.35354C15.3973 4.8231 15.1872 4.3144 14.813 3.93932C14.4389 3.56425 13.9315 3.35354 13.4024 3.35354ZM14.0674 13.3535C14.0674 13.5303 13.9973 13.6999 13.8726 13.8249C13.7479 13.95 13.5787 14.0202 13.4024 14.0202L4.09256 14.0202C3.91619 14.0202 3.74705 13.95 3.62234 13.8249C3.49763 13.6999 3.42757 13.5303 3.42757 13.3535L3.42757 8.68687L14.0674 8.68687L14.0674 13.3535ZM14.0674 7.35354L3.42757 7.35354L3.42757 5.35354C3.42757 5.17672 3.49763 5.00716 3.62234 4.88213C3.74705 4.75711 3.91619 4.68687 4.09256 4.68687L5.42253 4.68687L5.42253 5.35354C5.42253 5.53035 5.49259 5.69992 5.6173 5.82494C5.74201 5.94996 5.91115 6.0202 6.08752 6.0202C6.26389 6.0202 6.43303 5.94996 6.55774 5.82494C6.68245 5.69992 6.75251 5.53035 6.75251 5.35354L6.75251 4.68687L10.7424 4.68687L10.7424 5.35354C10.7424 5.53035 10.8125 5.69992 10.9372 5.82494C11.0619 5.94996 11.2311 6.0202 11.4074 6.0202C11.5838 6.0202 11.7529 5.94996 11.8776 5.82494C12.0023 5.69992 12.0724 5.53035 12.0724 5.35354L12.0724 4.68687L13.4024 4.68687C13.5787 4.68687 13.7479 4.75711 13.8726 4.88213C13.9973 5.00716 14.0674 5.17672 14.0674 5.35354L14.0674 7.35354Z" fill="%237D7D7D"/></svg>');
	background-position: right 12px center;
	background-repeat: no-repeat;
}
.form-control:focus,
.form-select:focus {
	box-shadow: none;
	outline: none;
}

.common-flight-search-card {
	border-radius: 8px;
	box-shadow: rgb(0 0 0 / 5%) 0px 5px 14px !important;
	margin-bottom: 20px !important;
	background: #fff;
	padding: 10px;
	width: 100%;
}
.card-md-title {
	font-size: 14px;
	line-height: 1.428571429;
	color: #595959;
	font-weight: 500;
}
.card-devider {
	border-top: 1px dashed #ccc;
	font-size: 12px;
}

button.common-btn-submit.d-flex.review-btn-submit.common-btn-submit-small {
	width: 192px;
	border-radius: 3px !important;
	padding: 12px;
	margin: auto;
	font-weight: 600;
}
.card-title-icon-box {
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	color: #2e7fa8;
	margin-right: 8px;
}
a.passenger-info-text-top {
	color: #595959 !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	margin-left: -5px;
}
.adult-title h2.personal-info-text {
	color: #595959;
	font-weight: 500;
	font-size: 14px;
}
.review-search-form .adult-title {
	margin-bottom: 16px !important;
}
/* .review-search-form .adult-title.adult-title-credit-info{
	margin-bottom: 0px !important;
} */
/* {
	    color: #fff;
    padding: 15px;
    width: 192px;
    text-align: center;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 600;
    border: 0;
    line-height: 1.7;
} */
.disclaim-text1 p {
	line-height: 1.428571429;
	color: #595959;
	font-weight: 400;
	font-size: 12px !important;
}
.flight-search-list-wrapper .flight-details {
	justify-content: center;
	text-align: center;
}
@media (max-width: 768px) {
	.rev-captcha-wrap .det-captcha {
		text-align: center;
		margin-bottom: 5px;
	}
}
@media (min-width: 992px) {
	.review-search-form .adult-title {
		margin-bottom: 24px !important;
	}
}
/* === New Style start == */
.depture-sec .col-lg-6 {
	padding: 0 36px;
}

.depture-sec ul {
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}
.depture-col-container {
	padding-left: 10px;
	padding-right: 10px;
}
.depture-col-wrap {
	border-bottom: 2px solid #d3d3d3;
	padding: 10px 0;
}
.depture-col-wrap:last-child {
	border-bottom: 0;
}
.depture-col-wrap:nth-child(2) {
	border-bottom: 1px dashed #d3d3d3;
}
section.single-page-flight.position-relative {
	padding-top: 8% !important;
}
.exclu-btn {
	border-bottom: 2px solid #e3e3e3 !important;
}
.adult-title {
	box-shadow: rgb(0 0 0 / 5%) 0px 5px 14px !important;
	margin-bottom: 20px !important;
}
h2.invisible {
	display: none;
}
.fareSmry-row {
	font-weight: 500 !important;
}
.right-block {
	margin-bottom: 20px !important;
}
.review-flight-brand-wrap ul {
	justify-content: inherit !important;
	padding: 0px 20px !important;
	margin-top: 20px !important;
}
.system-payment {
	margin-bottom: 20px;
}
.change-flight-payment {
	display: flex;
	justify-content: end;
	align-items: center;
}
.change-flight-payment li {
	display: flex;
	align-items: center;
	padding: 0px 26px;
	border-right: 1px solid #d5d5d5;
}
.change-flight-payment li:last-child {
	border-right: 0;
}
.change-flight-payment li span {
	display: block;
	margin-right: 15px;
}
.change-flight-payment li p {
	font-size: 14px;
	cursor: inherit;
}
.change-flight-btn a {
	font-size: 14px;
	color: #fff !important;
	text-decoration: none;
	background: #153c65;
	padding: 10px 20px;
	display: inline-block;
	border-radius: 3px;
	white-space: nowrap;
}
.rev-traveling-title h2 {
	color: #3f4156 !important;
}
.travetting-title.rev-traveling-title {
	display: flex;
	align-items: center;
}
.travetting-title.rev-traveling-title svg {
	width: 30px;
	height: 30px;
	object-fit: cover;
	margin: 5px;
}
label.review-label {
	font-weight: 500 !important;
	color: #595959;
	font-size: 13px;
}

/* .rev-traveling-title h2 {
	font-size: 17px !important;
	border-left: inherit !important;
	background: inherit !important;
	color: #16678f !important;
} */
.right-block {
	margin-bottom: 10px !important;
	border-radius: 8px;
	border-bottom: 0 !important;
	padding: 26px 10px !important;
}
.adult-title {
	border-radius: 8px;
}
.arrowboth img {
	margin-top: 0 !important;
}
.rev-bg-white {
	border-radius: 8px 8px 0 0 !important;
}
.button-con-list a {
	margin-right: 5px !important;
	font-size: 14px;
	color: #000;
}
button.common-btn-submit.d-flex.review-btn-submit {
	width: 100%;
	text-align: center;
	display: table !important;
	border-radius: 0 0 8px 8px !important;
	padding: 14px 10px;
}
.review-form .form-control {
	border-radius: 3px;
	border: 1px solid #bcbdbd;
	height: 38px;
	text-align: left;
	position: relative;
}
.review-form .form-select {
	border-radius: 3px;
	border: 1px solid #bcbdbd;
	height: 38px;
	text-align: left;
	position: relative;
}
select.form-control {
	color: #6c6b6b !important;
}
.rev-captcha .det-captcha img {
	width: 150px;
}
.rev-captcha .det-captcha-input input {
	width: 188px !important;
}

@media (max-width: 991px) {
	.rev-captcha .det-captcha img {
		width: 90% !important;
	}
	.travetting-title h2 {
		font-size: 19px !important;
	}
	.right-block-travel {
		padding: 0 20px;
	}
}
@media (max-width: 1200px) {
	.rev-captcha .det-captcha-input input {
		width: 126px !important;
	}
	.det-captcha img {
		width: 95px !important;
	}
}
@media (max-width: 1400px) {
	.rev-captcha .det-captcha-input input {
		width: 100% !important;
	}
}
@media (max-width: 1140px) {
	.justify-content-mdpi-center {
		justify-content: center;
		display: flex;
	}
}
@media (max-width: 991px) {
	section.single-page-flight.position-relative {
		padding-top: 19% !important;
	}
	.change-flight-payment li p {
		font-size: 12px;
		text-align: center;
		margin-top: 10px;
	}
	.change-flight-payment li {
		flex-direction: column;
	}
	.change-flight-payment li span {
		margin-right: 0;
	}
	.destination-airport h2 {
		font-size: 15px !important;
	}
	div#price_block {
		padding: 0 20px;
	}
}

@media (max-width: 767px) {
	.right-block-new p:first-child {
		margin-bottom: 19px !important;
	}
	.rev-captcha .det-captcha img {
		width: 89% !important;
	}
	.change-flight-payment {
		display: none;
	}
	.destination-airport h2 {
		font-size: 13px !important;
	}
	.right-block-new p {
		font-size: 10px;
		max-width: 292px !;
	}
	section.single-page-flight.position-relative {
		padding-top: 19% !important;
	}
	.depture-sec ul li p:first-child {
		margin-bottom: 0px !important;
	}
	.depture-col .logobrand {
		display: none;
	}
}
@media (max-width: 575px) {
	.right-block-new p {
		font-size: 10px;
		max-width: 292px;
	}
	.right-block-new p:first-child {
		margin-bottom: 13px !important;
	}
	.invisible {
		visibility: hidden !important;
		display: none;
	}
	.form-group small {
		margin-top: 10px;
		display: block;
	}
	.travetting-title h2 {
		font-size: 16px !important;
	}
	section.single-page-flight.position-relative {
		padding-top: 15% !important;
	}
	.right-block-new-price {
		margin-top: -67px !important;
	}
}

/* === New Style End == */
@media (min-width: 992px) {
	.fliter-footer-btn-wrap {
		display: none !important;
	}
	.custom-filter-tab-wrap {
		display: none !important;
	}
}
/* === Filter New Design End=== */

/* === search-top-form-wrap start === */
.search-top-form-wrap {
	/* background-color: #fff;
	box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2); */
}
.inner-top-search-form-content-wrap {
	padding-left: 0px;
}
.route-text {
	color: #313541;
}
.passenger-journey-dtls-text {
	color: #313541;
}
.dest-text {
	color: #313541;
}
.departure-text {
	color: #313541;
}
.btn-modify {
	background: #fff;
	transition: 0.3s;
	border: 1px solid #006ee3;
	color: #006ee3;
	font-size: 1rem !important;
	font-weight: 500;
	padding: 0.375rem 0.75rem;
	min-height: 46px;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.3s;
}
.dest-origin-link {
	cursor: default;
}
.dest-origin-link .route-text {
	color: #333;
}
.dest-origin-link .dest-text {
	color: #333;
}
.dest-origin-link .dest-text {
	color: #333;
}
.dest-origin-link .departure-text {
	color: #333;
}
.collapsed .modify-search-span i {
	transform: none;
}
.filter-text-title {
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
}
.filter-text-title-dark {
	color: #262933;
}
.main_wrapper .form-control {
	border-color: #9da1ae;
}
/* === Sticky Top Search Start == */
/* .search-top-form-wrap {
	transition: all 0.3s ease-in-out;
}
.sticky-search-form {
	position: fixed !important;
	top: 63px;
	width: 100%;
	background-color: #fff;
	z-index: 1000;
	box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2);
}
.main-navbar.sticky {
	box-shadow: none !important;
	border-bottom: 0.0625rem solid #d8d9df;
	padding-bottom: 8px;
} */

/* === Sticky Top Search End == */
/* @media (min-width: 992px) {
	.travel-search-form {
		padding-left: 0px;
		padding-right: 0px;
	}
	.search-top-form-wrap {
		position: relative;
	}
	.sticky-search-form {
		top: 77px;
	}
} */
/* === search-top-form-wrap End === */

@media (max-width: 991px) {
	header.main-header ul {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
}

.flight-searchform-new-collapse {
	display: none;
	overflow: hidden;
	transition: max-height 0.5s ease;
}

/* ====================  #################  ================================ */
/* === 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;
	}
}
/* ==== New Style Part End ==== */
/* === Filter New Design Start=== */
.price-range-wrap {
	margin-top: 12px;
}
.fliter-footer-btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 992px) {
	.filter-offcanvas {
		display: block !important;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 60px 0px 0px 0px;
		border: 0;
		position: fixed;
		right: -100%;
		top: -4px;
		z-index: 99999;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}

	.filter-offcanvas.slideInn {
		right: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.filter-top-content-wrap {
		background-color: #153c65;
		color: #fff;
		padding: 8px;
	}

	.filter-close-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0px;
		background-color: #153c65;
		/* margin-top: -5px; */
		line-height: 100%;
	}
	.filter-close-btn.text-danger {
		color: #fff !important;
	}
	.custom-filter-tab-wrap {
		padding: 12px;
	}
	.custom-filter-tab-wrap ul.custom-nav-pills {
		white-space: nowrap;
		width: 100%;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 9px;
	}
	ul.custom-nav-pills .nav-link {
		color: #212529;
	}
	.custom-filter-tab-wrap .nav-pills .nav-link.active,
	.custom-filter-tab-wrap .nav-pills .show > .nav-link {
		background-color: #1b75bc;
	}
	.btn-reset {
		display: block !important;
	}
	.fliter-footer-btn-wrap {
		position: fixed;
		left: 0px;
		bottom: 0px;
		z-index: 1;
		background: rgba(255, 255, 255, 0.8);
		width: 100%;
		padding: 10px;
		border-top: 1px solid #c2c2c2;
	}
	.filter-close-btn-footer {
		border-radius: 3px;
		padding: 7px 10px;
		color: #fff;
		background: #faaf1b;
		border: 1px solid #fba803;
		text-align: center;
		font-weight: 600;
		cursor: pointer;
		display: inline-block;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 127px;
		font-size: 14px;
	}
	.reset-filter-footer-btn {
		padding: 7px 8px;
		color: #fba803;
		background: #fff;
		border: 1px solid #faaf1b;
		border-radius: 3px;
		font-weight: 600;
		cursor: pointer;
		margin-left: 10px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		width: 150px;
	}
	.filter-trigger-btn {
		border: 0px;
		background-color: transparent;
		color: #153c65;
	}
	.custom-filter-tab-wrap.custom-filter-tab-wrap-front ul.custom-nav-pills {
		padding-bottom: 0px;
	}
	.custom-filter-tab-wrap-front ul.custom-nav-pills .nav-link {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 4px 11px;
		border: 1px solid #9b9b9b;
		border-radius: 23px;
		font-size: 12px;
		height: 26px;
		margin-right: 8px;
		cursor: pointer;
	}
	.custom-filter-tab-wrap-front ul.custom-nav-pills .nav-link.active {
		border-color: #153c65;
		background-color: #153c65;
		color: #fff;
	}
	.flight-list-logo-brand {
		width: 100% !important;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
		text-align: left;
		padding-left: 0px !important;
		padding-bottom: 8px;
	}
	.flight-list-logo-brand img {
		margin-right: 0px !important;
		margin-left: -4px !important;
		width: 44px;
	}
	.flight-list-logo-brand .flight-details {
		padding-left: 12px !important;
	}
	.flight-price-list-col {
		position: absolute;
		right: -69px;
		left: auto;
	}
	.flight-price-list-col .flight-price-list-col-wrap {
		display: flex !important;
		justify-content: flex-end !important;
	}
	.flight-price-list-wrap.mb-2 {
		margin-bottom: 0px !important;
	}
	.flight-price-list-wrap.justify-content-between {
		display: flex !important;
		justify-content: flex-end !important;
	}
	.flight-book-btn-new span {
		/* display: none; */
	}
	.flight-price-list-content {
		padding-bottom: 2px;
	}
	.new-fliter-book-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 2rem;
		width: 7.313rem;
		height: 2rem;
		border-radius: 0.25rem;
		font-size: 0.875rem !important;
	}
	.flight-price-passenger-details {
		display: none;
	}
	.flight-book-btn-new {
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
	}
	.flight-searchform-new {
		position: absolute;
		top: -24px;
		left: 0;
		z-index: 99999;
	}
	.flight-searchform-new .travel-search-form {
		height: 105vh;
		padding-top: 50px;
	}
	.flight-searchform-new-collapse {
		display: none;
		padding-left: 0px;
		padding-right: 0px;
	}
	.flight-searchform-new-collapse.formShow {
		display: block !important;
	}
	.dynamic-route-box .passenger-journey-dtls-text {
		font-size: 12px;
	}
	.form-trigger-link-box {
		color: #fff;
	}
	.form-close-btn {
		color: #005fbd;
		position: absolute;
		right: 26px;
		top: 43px;
		z-index: 1;
	}
	.form-trigger-link-box-icon {
		background-color: #153c65;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.custom-filter-tab-wrap .nav-pills .nav-link {
		padding: 4px 11px;
		border-radius: 23px;
		font-size: 14px;
		height: 26px;
		cursor: pointer;
	}
	.ui-widget.ui-widget-content {
		z-index: 99999999;
	}
	.flight-dest-details {
		border-bottom: 0.0625rem solid #b1b3be;
	}
	.flight-search-new {
		margin-top: 51px;
	}

	.filter-top-content-wrap h4 {
		font-size: 18px;
		margin-bottom: 0px;
	}
	.border-left-highlight {
		padding-left: 24px;
	}
}
.filter-btn-tab-wrap {
	display: flex;
	align-items: center;
}
.flight-summary-wrap.right-block {
	margin-bottom: 0px !important;
}
.flight-summary-wrap.right-block {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.flight-summary-wrap.right-block-new p {
	color: #4d4d4d;
}
.flight-summary-wrap .tooltipcity {
	color: #4d4d4d;
}
p.fareSmry-hdng.mb-0 {
	font-size: 14px;
}
.font14 {
	font-size: 14px;
}
.fareSmry-sctn {
	font-size: 14px;
}
.total-amt-box {
	background-color: rgba(8, 208, 115, 1);
	color: #fff;
	padding: 16px 10px;
	border-radius: 0px 0px 4px 4px;
	font-weight: 600;
}
.total-amt-box .fareSmry-row {
	margin-bottom: 0px;
}
.fare-summary-wrap {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.fare-summary-wrap .fareSmry-sctn {
	padding-left: 10px;
	padding-right: 10px;
}
/* .flight-summary-wrap .depture-col-wrap{
	padding-left: 10px;
	padding-right: 10px;
} */
.card-title-head h2 {
	background-color: #555669;
	font-size: 16px;
	font-weight: 500;
	border-radius: 4px 4px 0px 0px;
	display: flex;
	align-items: center;
}

.form-calender-icon {
	background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.4024 3.35354L12.0724 3.35354L12.0724 2.68687C12.0724 2.51006 12.0023 2.34049 11.8776 2.21546C11.7529 2.09044 11.5838 2.0202 11.4074 2.0202C11.2311 2.0202 11.0619 2.09044 10.9372 2.21546C10.8125 2.34049 10.7424 2.51006 10.7424 2.68687L10.7424 3.35354L6.75251 3.35354L6.75251 2.68687C6.75251 2.51006 6.68245 2.34049 6.55774 2.21546C6.43303 2.09044 6.26389 2.0202 6.08752 2.0202C5.91115 2.0202 5.74201 2.09044 5.6173 2.21546C5.49259 2.34049 5.42253 2.51006 5.42253 2.68687L5.42253 3.35354L4.09256 3.35354C3.56346 3.35354 3.05603 3.56425 2.68191 3.93932C2.30778 4.3144 2.0976 4.8231 2.0976 5.35354L2.0976 13.3535C2.0976 13.884 2.30778 14.3927 2.68191 14.7677C3.05603 15.1428 3.56346 15.3535 4.09256 15.3535L13.4024 15.3535C13.9315 15.3535 14.4389 15.1428 14.813 14.7677C15.1872 14.3927 15.3973 13.884 15.3973 13.3535L15.3973 5.35354C15.3973 4.8231 15.1872 4.3144 14.813 3.93932C14.4389 3.56425 13.9315 3.35354 13.4024 3.35354ZM14.0674 13.3535C14.0674 13.5303 13.9973 13.6999 13.8726 13.8249C13.7479 13.95 13.5787 14.0202 13.4024 14.0202L4.09256 14.0202C3.91619 14.0202 3.74705 13.95 3.62234 13.8249C3.49763 13.6999 3.42757 13.5303 3.42757 13.3535L3.42757 8.68687L14.0674 8.68687L14.0674 13.3535ZM14.0674 7.35354L3.42757 7.35354L3.42757 5.35354C3.42757 5.17672 3.49763 5.00716 3.62234 4.88213C3.74705 4.75711 3.91619 4.68687 4.09256 4.68687L5.42253 4.68687L5.42253 5.35354C5.42253 5.53035 5.49259 5.69992 5.6173 5.82494C5.74201 5.94996 5.91115 6.0202 6.08752 6.0202C6.26389 6.0202 6.43303 5.94996 6.55774 5.82494C6.68245 5.69992 6.75251 5.53035 6.75251 5.35354L6.75251 4.68687L10.7424 4.68687L10.7424 5.35354C10.7424 5.53035 10.8125 5.69992 10.9372 5.82494C11.0619 5.94996 11.2311 6.0202 11.4074 6.0202C11.5838 6.0202 11.7529 5.94996 11.8776 5.82494C12.0023 5.69992 12.0724 5.53035 12.0724 5.35354L12.0724 4.68687L13.4024 4.68687C13.5787 4.68687 13.7479 4.75711 13.8726 4.88213C13.9973 5.00716 14.0674 5.17672 14.0674 5.35354L14.0674 7.35354Z" fill="%237D7D7D"/></svg>');
	background-position: right 12px center;
	background-repeat: no-repeat;
}
.form-control:focus,
.form-select:focus {
	box-shadow: none;
	outline: none;
}

.common-flight-search-card {
	border-radius: 8px;
	box-shadow: rgb(0 0 0 / 5%) 0px 5px 14px !important;
	margin-bottom: 20px !important;
	background: #fff;
	padding: 10px;
	width: 100%;
}
.card-md-title {
	font-size: 14px;
	line-height: 1.428571429;
	color: #595959;
	font-weight: 500;
}
.card-devider {
	border-top: 1px dashed #ccc;
	font-size: 12px;
}

button.common-btn-submit.d-flex.review-btn-submit.common-btn-submit-small {
	width: 192px;
	border-radius: 3px !important;
	padding: 12px;
	margin: auto;
	font-weight: 600;
}
.card-title-icon-box {
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	color: #2e7fa8;
	margin-right: 8px;
}
a.passenger-info-text-top {
	color: #595959 !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	margin-left: -5px;
}
.adult-title h2.personal-info-text {
	color: #595959;
	font-weight: 500;
	font-size: 14px;
}
.review-search-form .adult-title {
	margin-bottom: 16px !important;
}
/* .review-search-form .adult-title.adult-title-credit-info{
	margin-bottom: 0px !important;
} */
/* {
	    color: #fff;
    padding: 15px;
    width: 192px;
    text-align: center;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 600;
    border: 0;
    line-height: 1.7;
} */
.disclaim-text1 p {
	line-height: 1.428571429;
	color: #595959;
	font-weight: 400;
	font-size: 12px !important;
}
.flight-search-list-wrapper .flight-details {
	justify-content: center;
	text-align: center;
}
.filter-airlines-details {
	height: 642px;
	overflow-y: scroll;
	padding-right: 10px;
}
@media (max-width: 768px) {
	.rev-captcha-wrap .det-captcha {
		text-align: center;
		margin-bottom: 5px;
	}
}
@media (min-width: 992px) {
	.review-search-form .adult-title {
		margin-bottom: 24px !important;
	}
}

@media (min-width: 992px) {
	.fliter-footer-btn-wrap {
		display: none !important;
	}
	.custom-filter-tab-wrap {
		display: none !important;
	}
	.flight-search-new {
		margin-top: 69px;
	}
}
/* === Filter New Design End=== */
/* == Flight Table Style Start === */
.airline_table_wraper {
	/* margin-top: 20px; */
}
.airline_table_wraper .table tr td:first-child {
	position: sticky;
	left: 0px;
	background-color: #fff;
	z-index: 2;
}
/* == Flight Table Style End === */
.c-scrollbar::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
.c-scrollbar::-webkit-scrollbar-track {
	background-color: #ebebeb;
	border-radius: 10px;
}

.c-scrollbar::-webkit-scrollbar-thumb {
	background-color: #b7b7b7;
	border-radius: 10px;
}

.c-scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: #b7b7b7;
}
.overflow-visible {
	overflow: visible;
}
.table-wrap {
	overflow-x: auto;
	padding-bottom: 5px;
}

/* .flight-search-list-box{
    
} */
.flight-search-new .flight_search_listbox {
	box-shadow: none !important;
	border: 0.0625rem solid #d8d9df;
}
.flight-search-new .airline_table_wraper {
	box-shadow: none !important;
	border: 0.0625rem solid #d8d9df;
}

html {
	overflow: auto;
}
body.overflow-hidden {
	overflow: hidden !important;
}
.border-left-highlight {
	position: relative;
}
.border-left-highlight::before {
	content: "";
	background-color: #006ee3;
	position: absolute;
	left: 0.5rem;
	width: 0.188rem;
	height: 76%;
	top: 12%;
	border-radius: 4px;
}
.recom_wrap .border-left-highlight::before {
	content: "";
	display: none;
}
.filter-category-wrap .form-check-input {
	margin-top: 3px !important;
	margin-right: 7px !important;
}
.filter-category-wrap label {
	display: flex;
}
.view-details-wrap .view-details-btn {
	position: absolute !important;
	box-shadow: 0 2px 0.3125rem 0 #d8d9df;
	border-radius: 1rem;
	border: 1px solid #d8d9df;
	font-size: 0.875rem;
	font-weight: 700;
	padding: 0.38rem 0.7rem;
	bottom: -57px;
	background: #fff;
	left: 28px;
}
.flight-details.flight-details-new {
	margin-top: 5px;
}
.flight-search-new .flight-details span.content {
	white-space: nowrap;
	width: 100px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: left;
}
.view-details-btn.collapsed i {
	transform: none;
}

.flight-close-text-wrap {
	display: none;
}
.view-details-content-wrap .flight-details-text-wrap {
	display: none;
}
.view-details-content-wrap .flight-close-text-wrap {
	display: flex;
}
.flight-close-icon {
	margin-left: 8px;
}

/* collapse-flight-details collapseFlightDetails */
@media (min-width: 992px) {
	.border-left-highlight::before {
		left: 3px;
	}
}

/* === search-top-form-wrap start === */
.search-top-form-wrap {
	background-color: #fff;
	box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2);
}
.inner-top-search-form-content-wrap {
	padding-left: 0px;
}
.route-text {
	color: #313541;
}
.passenger-journey-dtls-text {
	color: #313541;
}
.dest-text {
	color: #313541;
}
.departure-text {
	color: #313541;
}
.btn-modify {
	background: #fff;
	transition: 0.3s;
	border: 1px solid #153c65;
	color: #153c65;
	font-size: 1rem !important;
	font-weight: 500;
	padding: 0.375rem 0.75rem;
	min-height: 46px;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.dest-origin-link {
	cursor: default;
}

.collapsed .modify-search-span i {
	transform: none;
}
.filter-text-title {
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
}
.filter-text-title-dark {
	color: #262933;
}
.main_wrapper .form-control {
	border-color: #9da1ae;
}
/* === Sticky Top Search Start == */
.search-top-form-wrap {
	transition: all 0.3s ease-in-out;
}
.sticky-search-form {
	position: fixed !important;
	top: 82px;
	width: 100%;
	background-color: #fff;
	z-index: 1000;
	box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2);
}
.main-navbar.sticky {
	box-shadow: none !important;
	border-bottom: 0.0625rem solid #d8d9df;
	padding-bottom: 8px;
}

/* === Sticky Top Search End == */
@media (min-width: 992px) {
	.travel-search-form {
		padding-left: 0px;
		padding-right: 0px;
	}
	.search-top-form-wrap {
		position: relative;
	}
	.sticky-search-form {
		top: 77px;
	}
}
/* === search-top-form-wrap End === */

/* === Filter Alert Start === */
.filter-card {
	background-color: #f2f4f7;
	margin-bottom: 1rem;
	border-radius: 0.5rem;
	border-top: 0.188rem solid #006ee3;
	padding: 1rem;
	width: 100%;
}
.email-input-wrap .form-control {
	font-size: 0.875rem;
	font-weight: 400;
	height: 3rem !important;
	padding: 0.5rem 2.25rem 0.5rem 0.635rem;
	box-shadow: none;
	color: #51555e;
	border-color: #ced4da;
	background: #fff;
	border-radius: 0.5rem;
}
.email-input-wrap .form-float-label {
	padding: 0.8rem 0.75rem !important;
	font-size: 0.875rem;
	font-weight: 600;
	color: #51555e;
}
.email-input-wrap .form-control:focus {
	border-color: #006ee3;
	font-size: 0.875rem;
	font-weight: 600;
}
.email-input-wrap .form-control:focus ~ .form-float-label {
	color: #006ee3;
	font-size: 0.975rem;
	font-weight: 600;
}

.alert-button-wrap {
}

.alert-button {
	background-color: #006ee3;
	transition: 0.3s;
	border: 0;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	padding-top: 0;
	padding-bottom: 0;
	width: 100%;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.5rem;
}
.alert-ftr-text {
	color: #73767f;
	font-size: 0.75rem;
	text-align: left;
}
.alert-term-link,
.alert-privacy-link {
	color: #006ee3;
	text-decoration: underline !important;
	text-underline-offset: 2px;
}
.email-input-wrap {
	margin-bottom: 12px;
}
/* === Filter Alert Start === */

/* === Add Card Style Start  === */
.add-card {
	width: 100%;
	height: 500px;
}
/* === Add Card Style End  === */

/* == Add card Style Start === */

.add-sidebar {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem !important;
}

.add-sidebar .booking-banner {
	margin-left: 0;
	background: #f2f4f7;
}

.add-sidebar .booking-banner.banner-float {
	position: static;
	top: 0;
}

.add-sidebar .booking-banner {
	height: fit-content;
	display: block;
	position: sticky;
	top: 8rem;
}

.add-sidebar .banner-img {
	background: url("../images/add-banner1.png") no-repeat;
	background-size: cover;
	height: 11rem !important;
	width: 100% !important;
}

.add-sidebar .banner-content {
	padding: 0.3rem 0.8rem 0.2rem;
}

.banner-content .title-1 {
	font-size: 1.125rem;
	margin: 0;
	color: #313541;
	font-weight: 600;
}

.add-sidebar .banner-content ul {
	margin-bottom: 0.5rem;
	list-style: none;
	padding-left: 0px;
}

.add-sidebar .banner-content ul .list-item {
	font-size: 0.75rem !important;
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 0.5rem;
	margin-top: 0.5rem;
	color: #51555e;
}
.add-sidebar .banner-content ul .list-item:hover {
	color: #51555e;
}
.add-sidebar .banner-number {
	padding: 0 0 0.5rem;
	text-align: center;
}

.banner-number .number {
	font-size: 1.125rem;
	margin: 0;
	color: #b33200;
}

.number.green {
	color: #143a63  !important;
	font-weight: 600;
}

.banner-number .availability {
	font-size: 0.625rem;
	color: #313541;
	font-weight: 700;
}
.sidebar.right-ad {
	position: sticky;
	top: 2rem;
	z-index: 100;
}

/* == Add card Style End === */
.shadow-new {
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05) !important;
}
/* === Baggage information Start ===  */
.baggage-panel {
	background: #fff;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
	border-radius: 8px;
	/* padding-left: 5rem; */
	padding: 16px;
	width: 100%;
}

.baggage-icon svg {
	height: 80px;
	width: 80px;
	/* background: url('your-icon.svg') no-repeat center center;
  background-size: contain; */
	margin-bottom: 1rem;
}

.baggage-header {
	font-size: 1.5rem;
	color: #313541;
	font-weight: 600;
	margin-bottom: 11px;
}

.baggage-row {
	margin: 0 2rem 1.5rem 2rem;
}

.baggage-route {
	font-size: 0.875rem;
	color: #313541;
}

.airport-code-text {
	font-weight: 600;
}

.arrow-oneway {
	padding: 0 0.5rem;
}
.arrow-oneway svg {
	width: 21px;
	height: 21px;
}

.baggage-airline {
	font-size: 0.875rem;
	color: #313541;
	margin-bottom: 10px;
}

.baggage-allowances {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.baggage-item {
	flex: 1;
	min-width: 200px;
	font-size: 0.875rem;
}

.baggage-icon-small {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 5px;
}
.baggage-feature-title {
	color: #51555e;
	font-size: 1rem;
	font-weight: 500;
}
.baggage-desc {
	color: #73767f;
	padding-left: 1.5rem;
}

.baggage-included {
	color: #73767f;
	font-weight: 500;
	margin-left: 5px;
}
.included-bagage {
	color: #73767f;
	font-weight: 500;
}
.included-bagage-item svg {
	width: 1.1rem;
	height: 1.1rem;
}
.included-bagage-item {
	color: #008a04;
}
.baggage-policy-link {
	font-size: 0.875rem;
	padding: 1rem 0rem;
}

.baggage-policy-link a {
	color: #208af7;
	text-decoration: underline !important;
}
.review-flight-container .card-title-head h2 {
	background-color: #fff;
	font-size: 1.5rem;
	color: #313541;
	font-weight: 600;
	/* margin-bottom: 11px; */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.review-flight-container .card-title-icon-box {
	display: none;
}
.review-flight-container .adult-title {
	box-shadow: none !important;
}
.review-flight-container .right-block-new {
	box-shadow: 0 0 6px 2px #dbdbdb;
	border: none;
	border-radius: 8px;
}
.review-flight-container .adult-title {
	box-shadow: 0 0 6px 2px #dbdbdb !important;
	border: none;
	border-radius: 8px;
}
/* === Baggage information End ===  */

/* === Dest origin Box Style Start === */
.top-destination-origin-box {
	padding: 15px 0;
	background-color: #fff;
	box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease-in-out;
}
.top-destination-origin-box .destination-airport h2 {
	color: #51555e;
}
.back-btn {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	font-size: 16px;
	background-color: #f0f0f0;
	border: 1px solid #006ee3;
	color: #333;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.3s ease;
}

.back-btn:hover {
	background-color: #e0e0e0;
}

.back-btn svg {
	margin-right: 6px;
	width: 16px;
	height: 16px;
	fill: currentColor;
}

.flight-route {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	padding: 20px;
	/* background-color: #f9f9f9; */
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	flex-wrap: wrap;
}

.top-destination-origin-box .airport-box {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 500;
	color: #333;
	white-space: nowrap;
}

.top-destination-origin-box .airport-box i {
	color: #007bff;
	margin-right: 10px;
}

.top-destination-origin-box .route-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
}

.top-destination-origin-box .route-arrow img {
	height: 30px;
	width: auto;
}
/* === Dest origin Box Style End === */
/* == Travel Protection Style Start === */
.travel-protection-panel {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* Header Section */
.travel-protection-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.travel-protection-logo-group {
	display: flex;
	align-items: center;
	gap: 20px;
}

.travel-protection-logo {
	flex-shrink: 0;
}

.travel-protection-title-section {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.travel-protection-title {
	font-size: 1.5rem;
	font-weight: bold;
	color: #313541;
}

.travel-protection-subtitle {
	font-size: 1rem;
	color: #666;
}

/* Benefits List */
.travel-protection-benefits-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.travel-protection-benefit {
	flex: 1 1 45%;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.95rem;
	padding: 8px 12px;
	background: #f0f8ff;
	border-left: 4px solid #1c7cde;
	border-radius: 6px;
}

/* Footer / Details Section */
.travel-protection-footer {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.travel-protection-description {
	font-size: 0.95rem;
	color: #444;
}

.travel-protection-description ul {
	margin-top: 0.5rem;
	padding-left: 1.25rem;
}

.travel-protection-description li {
	margin-bottom: 0.75rem;
}

.travel-protection-link {
	color: #1c7cde;
	cursor: pointer;
	text-decoration: underline;
}

.travel-protection-more-link {
	display: inline-block;
	margin-top: 1rem;
	font-weight: bold;
	color: #1c7cde;
	cursor: pointer;
}

.travel-protection-note {
	font-size: 0.85rem;
	color: #999;
}

/* Price Section */
.travel-protection-price-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.travel-protection-price-wrapper {
	text-align: right;
}

.travel-protection-price {
	font-size: 1.75rem;
	font-weight: bold;
	color: #1c7cde;
}

.travel-protection-per-person {
	font-size: 0.9rem;
	color: #666;
}

/* Checkbox */
.travel-protection-select {
	margin-top: 1rem;
}

.travel-protection-checkbox {
	display: flex;
	align-items: center;
	gap: 10px;
}

.checkbox-input {
	width: 18px;
	height: 18px;
	accent-color: #1c7cde;
	cursor: pointer;
}

.checkbox-label {
	font-weight: bold;
	cursor: pointer;
}
/* Button-like Checkbox Wrapper */
.travel-protection-checkbox {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background-color: #1c7cde;
	color: #fff;
	padding: 12px 20px;
	border-radius: 8px;
	font-weight: bold;
	cursor: pointer;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
	user-select: none;
	box-shadow: 0 2px 8px rgba(28, 124, 222, 0.2);
}

/* Hover & Active States */
.travel-protection-checkbox:hover {
	background-color: #156bc0;
	box-shadow: 0 4px 12px rgba(28, 124, 222, 0.3);
}

.travel-protection-checkbox input[type="checkbox"] {
	appearance: none;
	width: 18px;
	height: 18px;
	border: 2px solid #fff;
	border-radius: 3px;
	background: transparent;
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
}

.travel-protection-checkbox input[type="checkbox"]:checked {
	background-color: #fff;
}

.travel-protection-checkbox input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 0px;
	width: 6px;
	height: 12px;
	border: solid #1c7cde;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Label Style */
.travel-protection-checkbox .checkbox-label {
	color: #fff;
	cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
	.travel-protection-benefit {
		flex: 1 1 100%;
	}

	.travel-protection-price-section {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}

	.travel-protection-price-wrapper {
		text-align: left;
	}
}
/* == Travel Protection Style End=== */

/* === Fare Summary Card design New Style Start === */
:root {
	--primary: #1c7cde;
	--text-dark: #2d3436;
	--text-light: #636e72;
	--bg-light: #f8f9fa;
	--bg-white: #fff;
	--border-color: #e0e0e0;
}

.fare-summary-card {
	background: var(--bg-white);
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
	margin-top: 2rem;
	/* font-family: 'Segoe UI', sans-serif; */
}

.fare-summary-header h3 {
	font-size: 1.1rem;
	display: flex;
	align-items: center;
	font-weight: 600;
	gap: 12px;
	color: #313541;
	margin-bottom: 16px;
}

.icon-box i {
	font-size: 1.25rem;
	color: var(--primary);
}

.fare-summary-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.fare-section {
	border-top: 1px solid var(--border-color);
	padding-top: 8px;
}

.fare-title {
	font-weight: 600;
	color: var(--text-dark);
	margin-bottom: 1px;
	font-size: 1.1rem;
}

.fare-row {
	display: flex;
	justify-content: space-between;
	padding: 4px 0;
	font-size: 0.95rem;
	color: var(--text-dark);
}

.fare-row.bold {
	font-weight: 600;
}

.fare-label {
	flex: 1;
}

.fare-price {
	flex-shrink: 0;
	text-align: right;
}

.fare-total {
	border-top: 2px solid var(--primary);
	padding-top: 8px;
	margin-top: 1px;
	font-weight: 700;
}

.fare-total {
	font-size: 1.2rem;
	color: var(--primary);
}
.fare-total .total {
	font-size: 1.2rem;
	color: var(--primary);
}

/* Responsive */
@media (max-width: 768px) {
	.fare-row {
		/* flex-direction: column; */
		align-items: flex-start;
	}

	.fare-price {
		text-align: left;
		margin-top: 4px;
	}
}
@media (min-width: 1400px) {
	.fare-summary-header h3 {
		font-size: 1.3rem;
	}
}
@media (min-width: 1600px) {
	.fare-summary-header h3 {
		font-size: 1.3rem;
	}
}
/* === Fare Summary Card design New Style End === */

/* === Booking details Card New style Start ==== */
/* Root theme variables */
:root {
	--primary: #1c7cde;
	--card-bg: #ffffff;
	--border-color: #e5e7eb;
	--label-color: #333;
	--input-bg: #f9fafb;
	--input-border: #bcbdbd;
	--input-radius: 4px;
}

/* Card container */
.booking-contact-card.booking-contact-card-new {
	background-color: var(--card-bg);
	padding: 24px;
	border-radius: 12px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
	margin-top: 2rem;
}

/* Section title */
.booking-contact-card-new .section-title {
	font-size: 1.5rem;
	color: #313541;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	padding-left: 0px;
	border-left: 0px;
}

.booking-contact-card-new .section-title .icon-box i {
	font-size: 1.2rem;
	color: var(--primary);
}

/* Form styles */
.booking-contact-card-new .card-body-custom {
	background-color: #fefefe;
	padding: 16px;
	border-radius: 10px;
	border: 1px solid var(--border-color);
}

/* Label */
.booking-contact-card-new .form-label {
	font-weight: 500;
	margin-bottom: 6px;
	color: var(--label-color);
	display: block;
}

/* Input & Select */
.booking-contact-card-new .modern-input {
	background-color: var(--input-bg);
	border: 1px solid var(--input-border);
	padding: 5px 14px;
	font-size: 0.95rem;
	border-radius: var(--input-radius);
	transition: border-color 0.2s, box-shadow 0.2s;
}

.booking-contact-card-new .modern-input:focus {
	border-color: var(--primary);
	outline: none;
	box-shadow: 0 0 0 3px rgba(28, 124, 222, 0.15);
}

/* Spacing for small screens */
@media (max-width: 768px) {
	.booking-contact-card-new.booking-contact-card {
		padding: 16px;
	}
}

/* === Booking details Card New style End ==== */
.review-flight-new .review-search-form .adult-title {
	margin-bottom: 16px !important;
}
/* ===  Who is travelling Style Start === */
.review-flight-new .modern-card {
	background-color: #fff;
	padding: 25px 30px;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.review-flight-new .modern-card h3 {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 20px;
	color: #313541;
	display: flex;
	align-items: center;
	gap: 10px;
}

.review-flight-new .modern-card i {
	color: #1c7cde;
	font-size: 1.2rem;
}

.review-flight-new .modern-passenger-card {
	border: 1px solid #e1e1e1 !important;
	border-radius: 10px;
	background: #f9fafb;
	margin-top: 15px;
}

.review-flight-new .form-label {
	font-weight: 500;
	color: #333;
}

.review-flight-new .form-control,
.review-flight-new .form-select {
	border-radius: 4px;
	/* border: 1px solid #d1d5db; */
	border: 1px solid #bcbdbd;
	padding: 5px 10px;
	font-size: 14px;
	transition: border 0.2s ease;
	color: #212529;
}

.review-flight-new .form-control:focus,
.review-flight-new .form-select:focus {
	border-color: #1c7cde;
	box-shadow: 0 0 0 3px rgba(28, 124, 222, 0.15);
}

/* .review-flight-new .row.g-3 > .col-md-2,
.review-flight-new .row.g-3 > .col-md-3 {
  margin-bottom: 15px;
} */
.review-flight-new .modern-passenger-card h5 {
	font-weight: 600;
	font-size: 1.1rem;
	margin-bottom: 15px;
	color: #1c7cde;
}
/* ===  Who is travelling Style End === */

/* ==== Billing Information Style Start  === */
.review-flight-new .billing-section {
	background-color: #fff;
	padding: 25px 30px;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.review-flight-new .billing-section h3 {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 20px;
	color: #313541;
	display: flex;
	align-items: center;
	gap: 10px;
}

.review-flight-new .billing-section i {
	color: #1c7cde;
	font-size: 1.2rem;
}

/* ==== Billing Information Style End === */
/* === payment details Section Start === */
.review-flight-new .payment-section {
	background-color: #fff;
	padding: 25px 30px;
	border-radius: 12px;
	margin-bottom: 30px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.review-flight-new .payment-section h3 {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 20px;
	color: #313541;
	display: flex;
	align-items: center;
	gap: 10px;
}

.review-flight-new .payment-section i {
	color: #1c7cde;
	font-size: 1.2rem;
}

.review-flight-new .tvlrFormField.card-reader {
	/* position: relative; */
	/* background: #f9fafb; */
	/* padding: 10px; */
	border-radius: 8px;
	/* border: 1px solid #d1d5db; */
}

.review-flight-new .status {
	font-size: 0.85rem;
	color: #666;
	margin-top: 5px;
}

/* === payment details Section  === */
/* === Confirm Book Now Section Start === */
.review-flight-new .confirmation-section {
	background-color: #fff;
	padding: 25px 30px;
	border-radius: 12px;
	margin-bottom: 30px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.review-flight-new .alert-message {
	font-size: 1rem;
	background-color: #fff8e1;
	border: 1px solid #ffe58f;
	padding: 15px;
	border-radius: 8px;
	color: #856404;
}

.review-flight-new .btn-wrap .common-btn-submit {
	background-color: #1c7cde;
	color: #fff;
	font-weight: 600;
	padding: 10px 25px;
	border-radius: 8px !important;
	transition: background 0.3s ease;
}

.review-flight-new .btn-wrap .common-btn-submit:hover {
	background-color: #155fa0;
}

/* === Confirm Book Now Section End === */
.top-destination-origin-wrap {
	padding-top: 67px;
}

/* === TErms style Start === */
.review-flight-new .policy-links a {
	font-weight: 500;
	color: #1c7cde;
	text-decoration: none;
	transition: color 0.3s ease;
	font-size: 0.95rem;
	display: inline-flex;
	align-items: center;
}

.review-flight-new .policy-links a:hover {
	color: #0d5ea2;
}

.review-flight-new .payment-brands {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.review-flight-new .payment-logo {
	height: 28px;
	max-width: 60px;
	object-fit: contain;
	transition: transform 0.3s ease;
}

.review-flight-new .payment-logo:hover {
	transform: scale(1.05);
}

/* === TErms style End === */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.form-control,
select {
	background-color: #fff;
}

/* === Sticky Sidebar Style Start === */

/* Ensure the fare summary card stays within col-lg-4 */
.sticky-card {
	box-sizing: border-box;
	width: 100%;
}

.sticky-card.sticky {
	position: fixed;
	top: 210px !important;
	z-index: 1000;
	width: inherit;
	max-width: inherit;
}

.sticky-card.absolute {
	position: absolute;
	top: auto;
	width: 100%;
	left: 0;
}

.sticky-placeholder {
	display: none;
	height: 0;
}

.sticky-placeholder.active {
	display: block;
	height: var(--sticky-card-height);
}

.review-flight-container {
	position: relative;
	min-height: 100vh;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.sticky-card.sticky {
		top: 100px;
	}
}
@media (min-width: 992px) {
	.fare-summary-card {
		margin-left: 12px;
	}
}
/* === Sticky Sidebar Style End === */
@media (max-width: 991px) {
	.top-destination-origin-box-content {
		padding: 16px 0px 30px;
	}
	.sticky-search-form .top-destination-origin-box-content {
		padding: 16px 0px 16px;
	}
	.top-destination-origin-wrap {
		padding-top: 46px;
	}
	.back-btn {
		margin: auto;
		display: flex;
		justify-content: center;
		width: 96px;
		padding: 5px 6px;
		font-size: 14px;
	}
	.flight-route.flight-route-resposnive {
		flex-direction: row;
		gap: 0.5rem;
		padding: 0px 0px 0px 16px;
		justify-content: flex-start;
	}
	.flight-route.flight-route-resposnive .route-arrow {
		padding: 0 16px;
	}
	.flight-route.flight-route-resposnive .route-arrow img {
		transform: rotate(180deg);
	}
	.airport-box {
		font-size: 14px;
	}
	.route-arrow img {
		transform: rotate(180deg); /* Makes the arrow vertical on mobile */
	}
	.top-destination-origin-box .airport-box {
		font-size: 16px;
	}
	.baggage-header {
		font-size: 1.1rem;
	}
	.flight-summary-title {
		font-size: 1.1rem;
	}
	.travel-protection-title {
		font-size: 1.1rem;
	}
	.booking-contact-card-new .section-title {
		font-size: 1.1rem;
	}
	.review-flight-new .modern-card h3 {
		font-size: 1.1rem;
	}

	.back-btn {
		width: 40px;
		margin: 0px;
	}
	.back-btn svg {
		margin-right: 0px;
	}
	.fare-total .total {
		font-size: 1rem;
	}
	.review-flight-new .policy-links {
		flex-direction: row !important;
		justify-content: center !important;
		margin: auto;
	}
	.policy-links-wrap {
		text-align: center;
	}
	.baggage-icon svg {
		width: 50px;
		height: 50px;
	}
}

/* === Promo Code Design Start === */
/* Container Styling */
.promo-container {
	margin: 2rem auto;
	/* background-color: #f0f0f0; */
	/* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07); */
	border-radius: 12px;
	padding: 24px;
}

/* Flex layout */
.promo-content {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
	justify-content: space-between;
}

@media (min-width: 768px) {
	.promo-content {
		flex-direction: row;
		align-items: center;
	}
}

/* Left side */
.promo-left {
	display: flex;
	align-items: center;
	gap: 16px;
	color: #333;
}

.promo-icon svg {
	width: 40px;
	height: 40px;
	color: #0070f3;
}

/* Text */
.promo-title {
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0;
}

.promo-subtext {
	margin: 0.25rem 0 0;
	font-size: 0.95rem;
	color: #666;
}

/* Right side */
.promo-right {
	text-align: left;
}

.promo-label {
	font-size: 0.85rem;
	color: #666;
}

.promo-code {
	background-color: #e6f0ff;
	color: #0056d2;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 6px 14px;
	border-radius: 6px;
	margin-top: 4px;
	display: inline-block;
	letter-spacing: 2px;
}

.promo-learn {
	font-size: 0.9rem;
	text-decoration: none;
	align-items: center;
	transition: color 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 12px;
	color: #000;
	font-weight: 500;
	border-radius: 16px;
	border: 1.5px solid #3ab54a;
}

/* === Promo Code Design End === */

/* === Refund Section Start === */
.refund-banner {
	padding: 2rem;
	background-color: #f0f0f0;
	-ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
	border-radius: 0.5rem;
	border-top: 0.375rem solid #006ee3;
}

.refund-banner__top {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1rem;
}

.refund-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.refund-icon__svg {
	width: 48px;
	height: 48px;
}

.refund-heading {
	font-size: 1.5rem;
	font-weight: 700;
	color: #006ee3;
}

.refund-description {
	font-size: 1rem;
	line-height: 1.6;
	color: #555;
}

.refund-description .highlight {
	color: #006ee3;
	font-weight: bold;
}

/* === Refund Section End === */

/* === Benifit Section End === */
.ref-banner-wrapper {
	display: flex;
	flex-direction: row;
	/* margin: 0 2.5% 1rem; */
	flex: 0 0 1;
	max-width: 100%;
	padding-right: 1rem;
	background: #f0f0f0;
	/* box-shadow: 0 0 .3125rem 0 hsla(0, 0%, 68%, .4); */
	border-radius: 0.3125rem;
	color: #51555e;
	padding: 16px;
	border-radius: 8px;
}

.ref-img {
	width: 6rem;
	height: 6rem;
	background: url(//c.fareportal.com/n/Portals/air/call-phone.webp) 50%
		no-repeat;
	background-size: contain;
	border-radius: 0.3125rem;
	margin: 1rem 0;
}

.ref-content {
	width: 100%;
	margin-left: -0.5rem;
}

.ref-title {
	font-size: 1.125rem;
	margin: 0;
	color: #313541;
	font-weight: 700;
}

.ref-tooltip {
	position: static;
	display: block;
	color: #262933;
	padding: 0px 0px 0px 24px;
}

.ref-tooltip-header {
	font-size: 1rem;
	font-weight: 700;
	text-align: left;
	padding: 0px 0px 11px 0px;
}

.ref-benefits-grid {
	display: grid;
	/* grid-template-columns: 50% 50%; */
}

.ref-benefit {
	padding-left: 26px;
	padding-bottom: 0.5rem;
	position: relative;
	font-size: 0.875rem;
}

/* .ref-border {
	border-right: 1px solid #d8d9df;
} */

.ref-tick {
	width: 1.125rem;
	height: 1.125rem;
	background: url(//c.fareportal.com/n/Portals/air/sitejabberticksem.png)
		no-repeat;
	background-position: 50%;
	background-size: 85%;
	position: absolute;
	left: 2px;
	top: 2px;
}

.ref-benefit-list {
	margin-top: 0.75rem;
	padding-left: 0;
	list-style: none;
}

.ref-benefit-list li {
	font-size: 0.875rem;
	padding-bottom: 0.5rem;
}

/* .ref-phone {
  width: 14rem !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 2rem;
} */

.ref-phone {
	box-shadow: inset 0 0 0 1px #153c65;
	border-radius: 2rem;
	padding: 8px;
	height: fit-content;
	margin-left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px;
	text-decoration: none;
	flex-direction: column;
}

.ref-phone-number {
	font-size: 0.875rem;
	font-weight: 700;
	color: #153c65;
	margin-bottom: 0px;
}
.ref-phone span {
	color: #434752;
	font-weight: 700;
	font-size: 0.875rem;
}
.ref-popup-btn {
	box-shadow: inset 0 0 0 1px #153c65;
	border-radius: 2rem;
	padding: 0.6rem 1rem;
	height: fit-content;
	align-self: center;
	width: 14rem;
	display: none; /* Hidden by default */
}

.ref-popup-text {
	line-height: 1rem;
	text-align: center;
}

.ref-expert-text {
	margin-top: 0.2rem;
	color: #434752;
	font-weight: 700;
}

.ref-popup-number {
	font-size: 0.875rem;
	color: #1f9823;
	font-weight: 700;
	margin-top: 0.25rem;
	display: block;
}
@media (max-width: 991px) {
	.ref-phone {
		width: 100%;
	}
}
@media (min-width: 768px) {
	.ref-content {
		align-self: center;
		margin-left: -0.5rem;
	}
	.ref-phone {
		align-self: center;
		width: 14rem;
	}
}
/* === Benifit Section End === */
.fare-card-top-wrap {
	margin-bottom: 16px;
}
.fare-card-top-title {
	color: #313541;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
}
.tooltip-icon-box {
	color: #1c7cde;
	font-size: 16px;
}
.fare-card-top-wrap {
	border-bottom: 1px dashed rgb(204, 204, 204);
	padding-bottom: 9px;
}

/* Style the tooltip container */
.tooltip-wrap {
	position: relative;
	display: inline-block;
}

/* Tooltip icon style */
.tooltip-icon-box {
	cursor: pointer;
}

/* Hide the tooltip initially */
.tooltip-box {
	display: none;
	position: absolute;
	bottom: 100%;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 8px;
	width: 250px;
	font-size: 14px;
	z-index: 999;
	padding: 1rem;
	font-size: 0.75rem;
	color: #73767f;
	text-align: left;
	line-height: 1.125rem;
	white-space: normal;
	font-weight: 500;
}
.info-service-fees-link:hover {
	text-decoration: underline !important;
	text-underline-offset: 2px;
}
/* Arrow at the bottom of the tooltip */
.tooltip-arrow {
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
}

/* Tooltip visible state on hover or click */
.tooltip-wrap.active .tooltip-box {
	display: block;
}
.tooltip-wrap {
	position: relative;
}
.tooltip-box {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	z-index: 10;
}
.tooltip-wrap.active .tooltip-box {
	display: block;
}

.tooltip-box.show-tooltip {
	display: block;
}
.price-info-bottom-wrap {
	border-top: 1px dashed rgb(204, 204, 204);
	border-bottom: 1px dashed rgb(204, 204, 204);
	padding-top: 9px;
	padding-bottom: 9px;
}
.price-info-bottom-wrap p.price-info-text {
	font-size: 0.75rem;
	color: #73767f;
	line-height: 1.125rem;
}
/* ==== New Style Part End ==== */

/* Travel Protection in Total Fare Start=== */
.travel-protection {
	display: flex;
	align-items: flex-start;
	padding: 1rem;
	border: 1px solid #e5e7eb;
	border-radius: 0.75rem;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	max-width: 400px;
}

.travel-protection__icon {
	margin-right: 6px;
}

.icon {
	width: 40px;
	height: 40px;
	fill: #4a90e2;
}

.travel-protection__label {
	font-weight: 700;
	font-size: 1rem;
	display: block;
	margin-bottom: 0.25rem;
}

.travel-protection__price {
	font-weight: 600;
	margin-bottom: 0.75rem;
}

.travel-protection__add-button {
	display: flex;
	align-items: center;
	background-color: #007bff;
	color: white;
	padding: 0.5rem 0.75rem;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 600;
}

.travel-protection__add-button svg {
	margin-right: 0.5rem;
	fill: white;
	width: 16px;
	height: 16px;
}

/* Travel Protection in Total Fare End=== */
@media (max-width: 1599px) {
	button.travel-protection__add-button {
		width: 106px !important;
		font-size: 13px !important;
	}
	.travel-protection-checkbox {
		font-size: 14px;
		padding: 12px;
	}
	.travel-protection-price {
		font-size: 1.5rem;
	}
}

.booking-contact-card-new .modern-input.error {
	border-color: #e34f4f;
}
.booking-contact-card-new .form-control.error {
	border-color: #e34f4f;
}

.clock-image {
	background: url("../images/clock.png");
	background-repeat: no-repeat;
	display: flex;
	background-size: 72px;
	height: 24px;
	background-position: center;
}

@media (max-width: 992px) {
	.airline-name-image-wrap {
		align-items: center;
	}
	.airline-name-image-wrap img {
		padding-right: 16px;
	}
	.top-destination-origin-box .route-arrow img {
		height: 24px;
	}
}

/* == 04-05-2025 Start === */
@media (max-width: 992px) {
	.mob-banner-caption-wrap {
		padding-bottom: 60px;
	}
	.middle_section.mob-middle-sec {
		background: #fff !important;
	}
	.top-destination-origin-wrap-new .top-destination-origin-box-content {
		padding: 16px 0px 16px;
	}
}
/* == 04-05-2025 End === */
/* ====================  #################  ================================ */

.flight-searchform-new-1 .flight-searchform-new-wrap {
	box-shadow: none;
}
.top-destination-origin-wrap.top-destination-origin-wrap-new {
	padding-top: 73px;
}
.search-top-form-wrap-new.sticky-search-form {
	top: 0;
}

.o-booking-form-select-wrap.review-flight-select-wrap
	.select2-container--default
	.select2-selection--single
	.select2-selection__arrow
	b {
	color: #4d5358;
}
.o-booking-form-select-wrap.review-flight-select-wrap
	.select2-container--default
	.select2-selection--single
	.select2-selection__arrow
	b {
	border-color: #4d5358;
}

.iti-phone-select-content-wrap .iti input,
.iti-phone-select-content-wrap .iti input[type="text"],
.iti-phone-select-content-wrap .iti input[type="tel"] {
	background-color: var(--input-bg);
	border: 1px solid #bcbdbd;
	padding: 5px 14px;
	font-size: 0.95rem;
	border-radius: 4px;
	transition: border-color 0.2s, box-shadow 0.2s;
	height: 38px;
	width: 100%;
}

@media (max-width: 767px) {
	.summary-tooltip-wrap .tooltip-box{left: auto; transform: none; right: 0px;}
	.summary-tooltip-wrap .tooltip-arrow{left: auto; transform: none; right: 7px;}

}
@media (max-width: 991px) {
	section.pb-3.SearchListFormWrapper.search-top-form-wrap-new {
		margin-top: 80px !important;
	}
}
@media (min-width: 992px) {
	.top-destination-origin-wrap.top-destination-origin-wrap-new {
		padding-top: 90px;
	}
	.search-top-form-wrap.sticky-search-form .top-destination-origin-box {
		padding: 15px 0 3px;
		box-shadow: none;
	}
}