/* @import url("https://fonts.googleapis.com/css2?family=Tuffy:ital,wght@0,400;0,700;1,400;1,700&display=swap"); */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Outfit", sans-serif;
}

:root {
	--color-light: #E6E3D8;
	--color-yellow: #cc9577;
	--color-black: #03161D;
	--color-white: white;
	--color-blue: #cc9577;
	--color-red: #cc9577
}

.font_12 {
	font-size: 12px
}

p {
	margin-bottom: 0
}

.font_15 {
	font-size: 15px
}

h1,
h2,
h3,
h4,
h5,
h6,
ul {
	margin: 0;
	padding: 0
}

a,
li {
	list-style: none;
	text-decoration: none
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.row {
	padding: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600
}

.row {
	margin: 0
}

.container,
.container-flud,
.container-xl,
.container-xxl {
	padding: 0
}

.font_13 {
	font-size: 13px
}

.font_14 {
	font-size: 14px
}

.flex_props {
	display: flex;
	align-items: center
}

img {
	width: 100%
}

.white {
	color: white
}

.mt_4 {
	margin-top: 38px
}

.margin_top {
	margin-top: 60px
}

header {
	position: absolute;
	width: 100%;
	z-index: 9;
	padding-top: 5px;
	padding-bottom: 5px;
}

.nav_brr {
	padding: 7px 0
}

.logo_nav img {
	height: 65px;
	width: auto
}

.nav_links_ul ul {
	display: flex;
	align-items: center;
	gap: 40px
}

.nav_links_ul ul li a {
	text-decoration: none;
	color: white;
	font-size: 15px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}

.nav_links_ul ul li a:hover {
	color: var(--color-yellow);
}

.call_24 {
	font-weight: 600;
	font-size: 21px
}

.span_24 {
	font-size: 14px
}

.relative {
	position: relative
}

body {
	background-color: #fffdf8
}

.hero_content {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2
}

.hero_title {
	font-weight: 600;
	font-size: 41px;
	line-height: 63px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, .3)
}

.holder_input {
	margin-top: -1px;
	background-color: white;
	display: flex;
	align-items: center;
	border: 1px solid rgba(0, 0, 0, .2);
	padding: 19px 20px
}

.holder_input input {
	border-radius: 0;
	padding: 0;
	box-shadow: none !important;
	font-size: 14px;
	border: none;
	outline: none;
	width: 100%;
	background-color: transparent
}

.search_flight {
	width: 100%;
	border: none;
	background-color: var(--color-yellow);
	padding: 25px 16px;
	color: white;
	text-transform: uppercase;
	font-weight: 600;
	transition: .3s
}

.search_flight:hover {
	background-color: var(--color-black)
}

.holder_input img {
	height: 15px;
	width: auto
}

.hero_banner {
	height: 650px
}

.hero_b {
	height: 100%
}

.common_title {
	font-size: 35px
}

.common_title span {
	color: var(--color-yellow);
	line-height: 65px
}

.footer_f {
	background-color: white;
	padding: 20px 0
}

.footer_logg img {
	height: 90px;
	width: auto
}

.footer_t {
	font-weight: 600
}

.address_tt {
	line-height: 38px
}

.social_media {
	flex-wrap: wrap
}

.social_media img {
	height: 13px;
	width: auto
}

.social_media a {
	color: var(--color-white);
	background-color: var(--color-yellow);
	display: flex;
	align-items: center;
	gap: 3px;
	font-weight: 600;
	border: 1px solid var(--color-yellow);
	display: inline-flex;
	border-radius: 50px;
	padding: 7px 14px;
	font-size: 13px;
	text-transform: capitalize;
	text-decoration: none;
	transition: .3s
}

.social_media a:hover {
	background-color: var(--color-black)
}

.social_media a img {
	filter: brightness(0) invert(1)
}

.links_ul {
	gap: 10px 40px;
	flex-wrap: wrap
}

.links_ul li a {
	color: black;
	text-decoration: none;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}

.links_ul li a:hover {
	color: var(--color-yellow)
}

.hr_hrr {
	opacity: .1;
	margin: 15px 0
}

.title_footer {
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase
}

.menu_btt {
	border: none;
	background-color: transparent
}

.menu_btt img {
	height: 24px;
	width: auto
}

.listing_airport_ul li {
	color: black
}

.contact_grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px
}

.contact_container {
	text-align: center;
	border-radius: 10px;
	padding: 30px 20px;
	background-color: black;
	color: white
}

.contact_img {
	margin: auto;
	width: 58px;
	height: 58px;
	border: 2px solid var(--color-blue);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-yellow)
}

.contact_img img {
	height: 25px;
	width: auto;
	filter: brightness(0) invert(1)
}

.contact_content_t {
	font-weight: 600;
	font-size: 20px;
	text-transform: capitalize
}

.contact_c_para {
	font-size: 17px
}

.contact_form {
	background-color: white;
	border: 1px solid rgba(0, 0, 0, .2);
	padding: 30px;
	border-radius: 15px
}

.form_in_contact label {
	font-weight: 600;
	font-size: 14px;
	color: black
}

.form_in_contact .form_c {
	padding: 15px 24px;
	border-radius: 3px;
	font-size: 15px;
	background-color: #fffdf8;
	box-shadow: none !important
}

.footer_content_c {
	display: flex;
	align-items: center;
	gap: 6px
}

.sub_btn_bus {
	border: none;
	width: 100%;
	background-color: var(--color-yellow);
	color: black;
	padding: 15px;
	font-weight: 600;
	border-radius: 5px
}

.hero_h {
	background-color: var(--color-dark);
	padding-top: 7.5rem;
	padding-bottom: 10px;
	z-index: 1
}

.small_de {
	font-size: 11px
}

.form_search_c label {
	font-size: 11px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	color: rgb(58, 58, 58);
	padding: 3px 0;
	gap: 2px;
	border-radius: 3px
}

.form_search_c input {
	border: none;
	box-shadow: none;
	padding: 2px 0 3px;
	font-size: 17px;
	font-weight: 600;
	box-shadow: none !important;
	background-color: transparent !important
}

.form_search_c input::placeholder {
	color: var(--color-dark)
}

.form_search_c {
	border-right: 1px solid rgba(0, 0, 0, .1);
	padding: 10px 15px
}

.form_search_c_flightt {
	padding: 0
}

.form_search_c img {
	height: 12px;
	width: auto
}

.tabb_bt {
	gap: 14px;
	position: relative;
	z-index: 2
}

.tabb_bt button {
	border: none;
	background-color: var(--color-pink);
	color: var(--color-white);
	padding: 6px 15px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 3px
}

.tabb_bt button img {
	height: 14px;
	width: auto
}

.form_search_us_m:last-child .form_search_c {
	border-right: none
}

.form_search_c button {
	background: var(--color-pink);
	border: none;
	color: var(--color-white);
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	font-size: 14px;
	justify-content: center;
	height: 91px;
	font-weight: 600;
	border-radius: 0 5px 5px 0
}

.form_search_c button img {
	height: 20px
}

.swap_bt {
	background-color: var(--color-red);
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%)
}

.swap_bt img {
	height: 18px;
	width: auto
}

.title_book {
	font-size: 18px
}

.check_boxx {
	gap: 12px
}

.check_boxx label {
	font-size: 12px;
	margin-bottom: -2px
}

.check_boxx .form-check {
	display: flex;
	align-items: center;
	gap: 6px
}

.check_boxx .form-check-input {
	width: 13px;
	height: 13px
}

.check_boxx input {
	border-radius: 2px !important;
	box-shadow: none;
	margin-top: 0
}

.line_sss {
	display: inline-flex;
	width: 1px;
	height: 14px;
	background-color: var(--color-white)
}

.last_tt {
	font-size: 17px;
	font-weight: 500
}

.vide_bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.vide_bg video {
	object-fit: cover;
	width: 100%;
	height: 100%
}

.margin_tt {
	margin-top: 26px !important
}

.hero_hh_mobl,
.menu_linnkk,
.nav_links_hh {
	display: none
}

.font_13 {
	font-size: 12px
}

.nav_tt {
	font-weight: 600;
	font-size: 17px
}

.num_abb {
	margin-top: 4.5rem
}

.num_abb .font_15 {
	margin-top: 4px
}

.abb_b {
	background-color: var(--color-dark);
	color: white;
	padding: 20px;
	border-radius: 5px
}

.ab_imgss {
	position: absolute;
	right: -5rem;
	top: -3.3rem;
	border: 16px solid #f3f3f3;
	border-radius: 50%
}

.ab_imgss img {
	width: 380px;
	height: 300px;
	border-radius: 50%;
	object-fit: cover
}

.ab_main_m {
	overflow: hidden;
	background-color: #fffdfd;
	border-radius: 5px;
	padding: 20px;
	border: 1px solid rgba(146, 146, 146, .2)
}

.pl_ii {
	position: absolute;
	right: 20px;
	bottom: 20px;
	opacity: .1
}

.pl_ii img {
	height: 110px;
	width: auto
}

.line_ss {
	width: 100%;
	display: inline-flex;
	height: 2px;
	border-radius: 50px;
	background-color: var(--color-dark)
}

.abb_coo {
	position: relative;
	z-index: 2
}

.mt_2 {
	margin-top: 11px
}

.pass_btnss .pass_btnssbt {
	width: 25px;
	height: 25px
}

.titt_t {
	font-weight: 600;
	font-size: 28px;
	line-height: 35px
}

.who_semi {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500
}

.lines_all {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start
}

.lines11 {
	width: 38px;
	height: 1px;
	background-color: rgba(0, 0, 0, .4);
	display: inline-flex;
	border-radius: 50px
}

.lines112 {
	margin-left: -5px
}

.line_111 {
	width: 1px;
	height: 44px;
	margin-top: -7px
}

.box_m {
	position: absolute;
	top: 11px;
	right: 13px;
	width: 7px;
	height: 7px;
	display: inline-flex;
	background-color: var(--color-blue)
}

.who_cc {
	margin-top: -13px
}

.who_semi {
	font-weight: 600;
	font-size: 12px;
	color: var(--color-red)
}

.who_cont_c {
	padding-left: 23px
}

.who_cont_c:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3.7px;
	height: 45px;
	border-radius: 50px;
	background-color: var(--color-blue)
}

.font_15 {
	font-size: 14px
}

.li_cont li {
	border-top: 1px solid rgba(78, 78, 78, .1);
	padding: 14px 0;
	display: flex;
	align-items: center;
	gap: 14px;
	font-weight: 600;
	font-size: 15px
}

.li_cont {
	display: inline-flex;
	margin-top: 35px;
	padding-left: 20px
}

.li_cont li p {
	width: calc(100% - 40px);
	line-height: 24px
}

.numm {
	background-color: #f7f3f3;
	width: 37px;
	height: 37px;
	display: flex;
	justify-content: center;
	border-radius: 50%;
	font-weight: 600;
	border: 1px solid rgba(100, 100, 100, .1)
}

.numm,
.read_mo {
	align-items: center;
	font-size: 14px
}

.read_mo {
	display: inline-flex;
	gap: 10px;
	margin-top: 35px;
	font-weight: 500
}

.read_mo img {
	height: 24px;
	width: auto
}

.proo_t {
	font-weight: 600;
	font-size: 15px
}

.proo_grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}

.proo_container {
	display: flex;
	align-items: center;
	gap: 6px;
	position: relative;
	border-right: 1px solid rgba(0, 0, 0, .1);
	padding-right: 15px;
	padding-left: 10px
}

.proo_container:first-child {
	border-left: 1px solid rgba(0, 0, 0, .1)
}

.num_prr {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: var(--color-red);
	color: var(--color-white);
	width: 40px;
	height: 40px;
	font-weight: 700;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px 50px 0 50px
}

.proo_tt {
	font-size: 12px;
	text-transform: capitalize
}

.view_ff {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
	font-size: 11px;
	font-weight: 600
}

.view_ff img {
	height: 17px;
	width: auto
}

.proo_img img {
	height: 80px;
	width: auto;
	margin: 15px 0
}

.hr_hh {
	opacity: .1 !important;
	border-color: rgb(100, 100, 100);
	margin-top: 0
}

.ph_p {
	display: flex;
	align-items: center;
	gap: 7px;
	color: var(--color-white);
	font-weight: 600;
	font-size: 14px;
	border-radius: 50px;
	padding: 6px 15px 6px 9px;
	background-color: rgba(0, 0, 0, .3);
	background-color: var(--color-red)
}

.ph_p img {
	height: 31px;
	padding: 3px;
	width: auto;
	border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 50px
}

.copy_right {
	background-color: #eee;
	padding: 8px 0
}

.pri_aall {
	gap: 6px
}

.pri_aall a {
	font-size: 14px;
	text-decoration: none;
}

.hero_h:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
	z-index: -1
}

.form_in {
	border: 1px solid rgba(62, 62, 62, .1);
	padding: 7px 14px 7px 25px;
	border-radius: 50px
}

.form_in input {
	border-radius: 0;
	box-shadow: none !important;
	border: none;
	padding: 0;
	font-size: 14px;
	font-weight: 600
}

.form_in button {
	border: none;
	background-color: var(--color-red);
	color: var(--color-white);
	border-radius: 50px;
	padding: 13px 30px;
	font-weight: 600;
	font-size: 15px
}

.tit_ff {
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	text-transform: uppercase;
	font-style: italic
}

.tit_ff img {
	height: 25px;
	width: auto
}

.img_aa {
	width: 210px
}

.hero_air {
	z-index: 1;
	padding-bottom: 10px;
	object-fit: cover;
	background-image: url(../imgs/bg-airlines.html)
}

.hero_air:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0))
}

.hero_content_air {
	padding-top: 8rem;
	position: relative;
	z-index: 9
}

.p_m_content p {
	margin-top: 15px
}

.searc_data {
	position: absolute;
	top: 54px;
	left: 0;
	background-color: white;
	width: 100%;
	z-index: 9;
	font-size: 13px;
	border-radius: 0 0 3px 3px;
	max-height: 120px;
	overflow-y: scroll
}

.searc_data1,
.searc_data2 {
	display: none
}

.searc_data_ac1,
.searc_data_ac2 {
	display: block
}

.searc_data li {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 6px 10px;
	cursor: pointer;
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.searc_data li span {
	background-color: var(--color-red);
	color: var(--color-white);
	font-size: 10px;
	padding: 2px 4px;
	border-radius: 3px
}

.searc_data::-webkit-scrollbar {
	width: 10px
}

.searc_data::-webkit-scrollbar-track {
	background: #f1f1f1
}

.searc_data::-webkit-scrollbar-thumb {
	background: #888
}

.searc_data::-webkit-scrollbar-thumb:hover {
	background: #555
}

.des_fr {
	font-weight: 500;
	font-size: 18px;
	color: var(--color-ble);
	margin: 3px 0
}

.loader {
	width: 48px;
	height: 48px;
	display: inline-block
}

.loader:after,
.loader:before {
	content: "";
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 2px solid var(--color-ble);
	position: absolute;
	left: 0;
	top: 0;
	animation: animloader 2s linear infinite
}

.loader:after {
	animation-delay: 1s
}

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

	to {
		transform: scale(1);
		opacity: 0
	}
}

.input_aa {
	position: relative;
	cursor: pointer
}

.form_holderr {
	padding: 0 10px
}

.pass_numm1 {
	font-size: 21px;
	display: inline-flex;
	margin-right: 5px;
	margin-top: -6px;
	margin-bottom: -6px
}

.pass_btnss .pass_btnssbt {
	font-size: 12px
}

.pass_inn {
	font-size: 13px;
	color: var(--color-black)
}

.class_holdd {
	font-size: 12px;
	opacity: .7
}

.passenger_modal {
	position: absolute;
	top: 65px;
	left: 0;
	width: 90%;
	background-color: #ffffff;
	border-radius: 3px;
	z-index: 8;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
	border: 1px solid rgba(0, 0, 0, .1);
	padding-top: 5px;
	display: none
}

.passenger_modal_active {
	display: block
}

.pass_btnss {
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 3px;
	background-color: var(--color-yellow)
}

.pass_btnss .pass_btnssbt:first-child {
	border-right: 1px solid rgba(0, 0, 0, .1);
	border-radius: 3px 0 0 3px
}

.pass_btnss .pass_btnssbt:nth-child(2) {
	border-radius: 0 3px 3px 0
}

.pass_para_p {
	color: var(--color-black);
	font-size: 13px
}

.pass_para_p span {
	display: inline-flex;
	padding-left: 5px
}

.pass_para_p input {
	border: none;
	outline: none;
	width: 10px;
}

.pass_btnss .pass_btnssbt {
	width: 23px;
	height: 23px;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent
}

.pass_btnss .pass_btnssbt:hover {
	background-color: var(--color-blue);
	color: var(--color-white)
}

.pass_btnss .pass_btnssbt:hover svg {
	color: var(--color-white)
}

.pass_btnss .pass_btnssbt i {
	font-size: 10px
}

.pass_container_1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px dashed rgba(0, 0, 0, .2);
	padding: 7px 14px
}

.pass_container_1:first-child {
	border: none
}

.font_cs {
	font-size: 10px;
	opacity: .9
}

.appl_btn {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	background-color: var(--color-yellow);
	color: var(--color-white);
	border: none;
	margin-top: 4px;
	padding: 4px 15px;
	transition: .3s;
	margin-left: 14px;
	margin-bottom: 6px;
	border-radius: 3px
}

.close_bb_modd {
	position: absolute;
	top: -5px;
	right: -7px;
	width: 17px;
	height: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 50%;
	background-color: var(--color-black);
	color: var(--color-white);
	font-size: 9px;
	cursor: pointer;
	padding: 5px
}

.close_bb_modd i {
	font-size: 9px
}

.appl_btn:hover {
	background-color: var(--color-yellow);
	color: white
}

.form_check_h {
	color: var(--color-black);
	padding-left: 14px
}

.form_check_h input {
	border: 1px solid rgba(0, 0, 0, .2);
	position: relative;
	bottom: -2px
}

.para1_mod_title {
	padding-left: 0 !important
}

.form_check_h label {
	font-size: 13px
}

.z_0 {
	position: relative;
	z-index: 0
}

.pass_container_1 button:hover {
	color: var(--color-black)
}

.listing_airport_ul {
	z-index: 9;
	position: absolute;
	left: 0;
	max-height: 210px;
	overflow-y: scroll;
	width: 100%;
	background-color: var(--color-white);
	border-radius: 5px
}

.listing_airport_ul_ac {
	display: initial
}

.listing_airport_ul li {
	font-size: 12px;
	padding: 8px 10px;
	font-weight: 600;
	cursor: pointer;
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.listing_airport_icon img {
	height: 18px;
	width: auto;
	margin-right: 6px
}

.listing_airport_ul li:first-child {
	border: none
}

.listing_airport_ul::-webkit-scrollbar {
	width: 10px
}

.listing_airport_ul::-webkit-scrollbar-track {
	background: #f1f1f1
}

.listing_airport_ul::-webkit-scrollbar-thumb {
	background: #888
}

.listing_airport_ul::-webkit-scrollbar-thumb:hover {
	background: #555
}

@media screen and (max-width:568px) {
	.pass_para_p {
		font-size: 11px
	}

	.pass_container_1 {
		padding: 7px
	}

	.form_h_semi2222 {
		margin: 0;
		font-size: 10px !important
	}

	.pass_btnss .pass_btnssbt {
		width: 20px;
		height: 20px;
		font-size: 9px
	}

	.appl_btn,
	.listing_airport_ul li {
		font-size: 10px
	}
}

.pils_tavv {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 4px
}

.pass_all_main img {
	height: 23px;
	width: auto
}

.pils_tavv button {
	background-color: #115C9Fff;
	color: var(--color-white) !important;
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px 5px 0 0 !important;
	font-size: 14px;
	padding: 8px 25px !important
}

.form_h_semi222 label {
	font-size: 11px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	color: rgb(58, 58, 58);
	padding: 3px 0;
	gap: 2px;
	border-radius: 3px
}

.form_h_semi222 label img {
	height: 12px;
	width: auto
}

.ui-datepicker-header {
	background-color: var(--color-red);
	color: var(--color-white)
}

.ui-widget-header .ui-icon {
	filter: brightness(0) invert(1)
}

/* .ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	background-color: transparent !important
} */

.ui-datepicker-month {
	border-radius: 3px;
	padding: 4px;
	font-size: 14px;
	font-weight: 600;
	width: 35% !important;
	margin-right: 10px
}

.form-ho img {
	height: 17px;
	width: auto
}

.form-ho {
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 3px;
	padding: 14px;
	border: 1px solid rgba(0, 0, 0, .2);
	background-color: #fbfbfb
}

.form-ho input {
	border: none;
	padding: 0;
	background-color: transparent !important;
	box-shadow: none !important;
	font-size: 14px
}

.sub_btn {
	border: none;
	width: 100%;
	background-color: var(--color-red) !important;
	color: var(--color-white) !important;
	padding: 14px;
	border-radius: 3px;
	font-weight: 600
}

.form-main {
	border: 1px solid rgba(0, 0, 0, .1);
	padding: 30px;
	border-radius: 5px
}

.connect_cont {
	background: var(--color-black);
	width: 100%;
	-webkit-clip-path: polygon(100% 0, 100% 57%, 100% 100%, 0 100%, 0 43%);
	clip-path: polygon(100% 0, 100% 57%, 100% 100%, 0 100%, 0 43%);
	border-radius: 10px 0 10px 10px
}

.connect_cont ul {
	padding-top: 6rem
}

.connect_cont ul li {
	color: var(--color-white)
}

.connect_cont ul a img {
	height: 24px;
	width: auto
}

.connect_cont ul a {
	color: var(--color-white);
	font-weight: 500;
	font-size: 17px;
	padding: 10px 0;
	display: flex;
	gap: 8px;
	text-decoration: none;

}

.so-icon {
	position: absolute;
	top: -2.4rem;
	right: 20px;
	gap: 14px
}

.so-icon,
.so-icon li a {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.so-icon li a {
	width: 30px;
	height: 30px;
	text-decoration: none;
	background-color: var(--color-white);
	justify-content: center;
	color: var(--color-black);
	border-radius: 3px
}

.so-icon li a i {
	font-size: 14px;
	color: black
}

.bg_search_cheap {
	background-color: var(--color-white);
	border-radius: 5px;
	padding: 30px !important;
	position: relative;
	border: 1px solid rgba(0, 0, 0, .1)
}

.search_tt {
	text-transform: uppercase;
	font-style: italic;
	font-weight: 600;
	margin-bottom: 2rem;
	color: var(--color-blue);
	font-size: 23px
}

.loader {
	font-size: 10px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	animation: mulShdSpin 1.1s ease infinite;
	transform: translateZ(0);
	scale: 1.1
}

@keyframes mulShdSpin {

	0%,
	to {
		box-shadow: 0 -2.6em 0 0 #000000, 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .5), -1.8em -1.8em 0 0 rgba(0, 0, 0, .7)
	}

	12.5% {
		box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .7), 1.8em -1.8em 0 0 #000000, 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .5)
	}

	25% {
		box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .5), 1.8em -1.8em 0 0 rgba(0, 0, 0, .7), 2.5em 0 0 0 #000000, 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
	}

	37.5% {
		box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .5), 2.5em 0 0 0 rgba(0, 0, 0, .7), 1.75em 1.75em 0 0 #000000, 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
	}

	50% {
		box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .5), 1.75em 1.75em 0 0 rgba(0, 0, 0, .7), 0 2.5em 0 0 #000000, -1.8em 1.8em 0 0 rgba(0, 0, 0, .2), -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
	}

	62.5% {
		box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .5), 0 2.5em 0 0 rgba(0, 0, 0, .7), -1.8em 1.8em 0 0 #000000, -2.6em 0 0 0 rgba(0, 0, 0, .2), -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
	}

	75% {
		box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .5), -1.8em 1.8em 0 0 rgba(0, 0, 0, .7), -2.6em 0 0 0 #000000, -1.8em -1.8em 0 0 rgba(0, 0, 0, .2)
	}

	87.5% {
		box-shadow: 0 -2.6em 0 0 rgba(0, 0, 0, .2), 1.8em -1.8em 0 0 rgba(0, 0, 0, .2), 2.5em 0 0 0 rgba(0, 0, 0, .2), 1.75em 1.75em 0 0 rgba(0, 0, 0, .2), 0 2.5em 0 0 rgba(0, 0, 0, .2), -1.8em 1.8em 0 0 rgba(0, 0, 0, .5), -2.6em 0 0 0 rgba(0, 0, 0, .7), -1.8em -1.8em 0 0 #000000
	}
}

.search_bb {
	text-align: start
}

.search_code {
	background-color: var(--color-red);
	color: var(--color-white);
	display: inline-flex;
	border-radius: 3px;
	padding: 3px 10px;
	text-transform: uppercase;
	font-style: italic;
	font-size: 14px
}

.search_bb p {
	font-weight: 600
}

.search_country {
	font-size: 21px;
	margin: 5px 0 3px;
	color: var(--color-blue)
}

.search_airport {
	font-size: 14px;
	color: grey
}

.dates_all {
	background-color: var(--color-black);
	color: var(--color-white);
	padding: 13px;
	font-weight: 600;
	border-radius: 3px
}

.num_n {
	font-weight: 600;
	font-size: 23px;
	color: var(--color-blue)
}

.num_n img {
	height: 33px;
	width: auto
}

.thankyou_bg {
	width: 100%;
	background-color: #eee;
	height: 100vh
}

.thank_bgg {
	background-color: var(--color-white);
	padding: 30px;
	border-radius: 0 0 10px 10px
}

.thankyou_img {
	width: 35%;
	margin: auto
}

.book_title_thank {
	font-weight: 500;
	font-size: 24px;
	margin: 10px 0
}

.fell_free_thankyou {
	font-size: 17px
}

.fell_free_thankyou b {
	font-size: 20px;
	background-color: var(--color-red);
	color: var(--color-white);
	padding: 7px;
	border-radius: 3px
}

.social_thankyo {
	gap: 15px
}

.social_thankyo li a {
	width: 45px;
	height: 45px;
	background-color: var(--color-dark);
	display: flex;
	border-radius: 50%;
	font-size: 22px;
	text-decoration: none;
}

.backhome,
.social_thankyo li a {
	color: var(--color-white);
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.backhome {
	background-color: var(--color-blue);
	display: inline-flex;
	gap: 6px;
	margin-top: 25px;
	padding: 10px 20px;
	border-radius: 5px;
	font-weight: 600;
	font-size: 17px
}

.backhome:hover {
	background-color: var(--color-red);
	color: white !important
}

.backhome img {
	height: 24px;
	width: auto
}

@media screen and (max-width:768px) {
	.connect_cont {
		-webkit-clip-path: initial;
		clip-path: none;
		margin-top: 20px;
		width: 100%
	}

	.connect_cont ul {
		padding-top: 4rem
	}

	.connect_cont ul a {
		font-size: 16px;
		text-decoration: none;
	}

	.so-icon {
		position: static;
		padding-top: 0 !important
	}

	.connect_cont ul {
		padding-top: 1rem
	}

	.connect_cont ul a img {
		height: 19px;
		margin-top: 4px
	}
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px
}

.swiper-pagination-bullet-active {
	transform: scale(1.2);
	background-color: var(--color-red)
}

.title_fl {
	font-size: 15px;
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 600
}

.title_fl img {
	height: 21px;
	width: auto;
	animation: zoom_in 3s linear infinite
}

@keyframes buzz-out-on-hover {
	10% {
		transform: translateX(3px) rotate(2deg)
	}

	20% {
		transform: translateX(-3px) rotate(-2deg)
	}

	30% {
		transform: translateX(3px) rotate(2deg)
	}

	40% {
		transform: translateX(-3px) rotate(-2deg)
	}

	50% {
		transform: translateX(2px) rotate(1deg)
	}

	60% {
		transform: translateX(-2px) rotate(-1deg)
	}

	70% {
		transform: translateX(2px) rotate(1deg)
	}

	80% {
		transform: translateX(-2px) rotate(-1deg)
	}

	90% {
		transform: translateX(1px) rotate(0)
	}

	to {
		transform: translateX(-1px) rotate(0)
	}
}

.fil_head {
	margin-bottom: 12px
}

.searching_cont {
	background-color: #f7f7f7;
	padding: 10px 23px;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid rgba(187, 187, 187, .1);
	border-radius: 0 0 5px 5px
}

.return_cont2 {
	border-top: 1px solid rgba(187, 187, 187, .2)
}

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

.form_check {
	margin: 8px 0;
	align-items: center
}

.form_check,
.form_check label {
	display: flex;
	justify-content: space-between;
	width: 100%
}

.form_check label {
	font-weight: 500
}

.form_check input {
	border-radius: 0 !important;
	margin-top: 4px
}

.check_ti {
	font-size: 12px;
	font-weight: 500;
	margin-top: 3px
}

.check_ti img {
	height: 19px;
	width: auto;
	display: none
}

.line_l_l {
	width: 80px;
	height: 1px;
	background-color: var(--color-yellow);
	display: inline-flex;
	border-radius: 10px;
	position: relative
}

.line_l_l:after {
	left: 0
}

.line_l_l:after,
.line_l_l:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	background-color: var(--color-yellow);
	border-radius: 50px
}

.line_l_l:before {
	right: 0
}

.l_l_minus {
	margin-top: -14px;
	position: relative
}

.price_check {
	font-weight: 400;
	color: rgb(88, 88, 88);
	font-size: 12px
}

.aside_flight {
	width: 96%;
	background: transparent;
	padding: 20px;
	background-color: white;
	border-radius: 10px;
	border: 1px solid rgba(74, 74, 74, .1)
}

.res_f {
	border-bottom: 2px solid var(--color-yellow);
	padding-bottom: 3px;
	font-weight: 600;
	color: var(--color-yellow)
}

.flight-head {
	background: var(--color-white);
	padding: 5px 16px;
	font-size: 13px;
	width: 100%;
	color: var(--black);
	border: 1px solid rgba(187, 187, 187, .1);
	border-bottom-color: rgba(201, 201, 201, .1);
	border-radius: 0 0 5px 5px
}

.multi_cont img {
	height: 17px;
	width: auto
}

.multi_cont p {
	font-size: 12px;
	font-weight: 500
}

.multi_cont {
	display: inline-flex !important;
	padding: 7px 10px;
	background: #f7f7f7
}

.flight-head p {
	font-size: 11px
}

.flight-head img {
	height: 18px;
	width: auto
}

.fare_c img {
	height: 27px;
	width: auto
}

.fares_cont {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
	border-radius: 3px
}

.fare_c p {
	font-weight: 500;
	font-size: 15px
}

.non_stop button {
	width: 100%;
	font-size: 13px;
	background-color: transparent;
	text-align: start;
	font-weight: 600;
	display: flex;
	justify-content: flex-start
}

.fare-h {
	height: 20px;
	gap: 4px
}

.fare-h,
.fare-h2 {
	display: flex;
	align-items: center
}

.fare-h2 {
	height: 45px;
	justify-content: center
}

.fare_g {
	text-align: center;
	padding: 0 18px 3px;
	border-radius: 3px
}

.time_de {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px
}

.time_de_cont {
	background-color: var(--color-white);
	padding: 12px 8px;
	border-radius: 3px;
	border: 1px solid rgba(102, 102, 102, .1);
	transition: .3s;
	cursor: pointer
}

.fl_cont2 .font_in {
	margin-bottom: 0
}

.time_de_cont:hover {
	margin-top: -10px
}

.time_de_cont img {
	height: 28px;
	width: auto
}

.time_de_cont .font_14 {
	margin-top: 3px;
	font-weight: 600;
	font-size: 12px
}

.time_de_cont .font_13 {
	font-size: 11px !important
}

.hr_c {
	margin: 18px 0;
	opacity: .1
}

.fl_cont img {
	height: 25px;
	width: auto
}

.fl_icon img {
	height: 19px;
	width: auto
}

.fl_tt {
	font-size: 11px
}

.title_fl_f {
	font-size: 18px
}

.fl_cont {
	display: flex;
	align-items: center;
	gap: 5px;
	border-bottom: 1px solid rgba(36, 36, 36, .1)
}

.class_f {
	border-radius: 3px 3px 0 0;
	border-bottom: 2px solid rgb(0, 0, 0);
	margin-bottom: -1.4px;
	font-weight: 600;
	font-size: 12px !important;
	padding: 2px 2px 3px
}

.fl_price p {
	font-size: 11px
}

.book_btn2 {
	background-color: var(--color-yellow);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 3px;
	padding: 8px 20px;
	font-weight: 500;
	font-size: 14px;
	border-radius: 50px;
	margin-top: 6px
}

.book_btn2,
.book_btn2:hover {
	color: var(--color-white)
}

.font_in p {
	font-size: 15px;
	font-weight: 600
}

.seat_left img {
	height: 16px;
	width: auto
}

.seat_num {
	font-size: 17px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center
}

.seat_left {
	gap: 13px
}

.trip_line {
	margin-top: 10px
}

.trip_line .list_dep_cont {
	width: 150px
}

.list_flight_time p {
	font-size: 11px
}

.trip_line .midd_cont_lay {
	width: 9px;
	height: 9px
}

.trip_line .list_dep_cont:after {
	width: 6px;
	height: 6px;
	top: -2px
}

.line_1 {
	width: 2px;
	height: 18px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0)
}

.f_cont {
	font-size: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 2px;
	gap: 4px
}

.f_cont img {
	height: 11px;
	width: auto
}

.num_s {
	color: var(--color-black);
	font-size: 12px
}

.fligh_de {
	padding-top: 0;
	border-radius: 3px;
	margin-top: 0 !important
}

.list_1 {
	position: absolute;
	left: -48px;
	top: -5px;
	margin-top: 0
}

.list_12 {
	left: auto;
	right: -48px
}

.fligh_de button {
	font-size: 11px;
	font-weight: 600;
	border-bottom: 1px solid var(--color-blue);
	background-color: transparent;
	color: var(--color-blue);
	padding: 4px 0;
	letter-spacing: .2px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px
}

.fligh_de button svg {
	width: 10px;
	height: 10px
}

.fligh_de p {
	font-size: 11px
}

.fligh_de button:nth-child(2) {
	background-color: var(--black)
}

.flight_listing {
	border-radius: 3px;
	margin-top: 16px
}

.flight_list_c {
	padding: 19px 26px
}

.tit_ass {
	font-size: 18px
}

.t_ul {
	padding: 0;
	display: flex;
	align-items: center;
	gap: 12px
}

.line_ll {
	position: relative
}

.line_ll:after {
	content: "";
	position: absolute;
	right: 0;
	width: 6px;
	height: 6px;
	background-color: var(--color-blue);
	border-radius: 50%
}

.t_ul li {
	margin: 0;
	font-weight: 500;
	font-size: 13px
}

.line_ll {
	width: 25px;
	height: 2px;
	border-radius: 50px;
	background-color: var(--color-blue)
}

.line_ll,
.t_ul li {
	display: flex;
	align-items: center
}

.t_ul li {
	gap: 7px
}

.t_ul li img {
	height: 21px;
	width: auto;
	display: none
}

.bag_cont p {
	font-size: 12px
}

.bag_cont img {
	height: 11px;
	width: auto
}

.bag_cont {
	gap: 5px
}

.bag_cont,
.sort_btn button {
	display: flex;
	align-items: center
}

.sort_btn button {
	background-color: var(--color-blue);
	color: var(--color-white);
	font-size: 12px;
	padding: 8px 10px;
	border-radius: 3px;
	gap: 2px;
	font-weight: 500;
	border: none
}

.sort_btn button img {
	height: 17px;
	width: auto
}

.phone_flight_cont {
	padding: 0;
	border-radius: 3px;
	background-color: white;
	border: 1px solid rgba(83, 83, 83, .1)
}

.ph_cont img {
	height: 23px;
	width: auto
}

.ph_cont {
	gap: 7px;
	font-weight: 500
}

.ph_cont,
.ph_g {
	display: flex;
	align-items: center
}

.ph_g {
	gap: 17px;
	justify-content: center
}

.ph_f {
	background: linear-gradient(90deg, #b9dcff, white);
	color: black;
	padding: 10px 14px;
	font-size: 14px;
	border-radius: 3px 0 0 3px
}

.ph_cont p {
	font-size: 13px
}

.ph_f_c {
	border-radius: 0 3px 3px 0;
	background: linear-gradient(90deg, white, #b3d9ff)
}

.ph_f_c:hover {
	color: var(--black)
}

.r_dc1:after {
	bottom: 0
}

.flight_detail_c {
	padding: 5px 20px 20px
}

.hr_fl {
	opacity: .1
}

.return_cont {
	padding: 6px 10px;
	background-color: var(--color-blueDark);
	color: var(--color-white);
	display: inline-flex;
	align-items: center
}

.return_cont span {
	font-weight: 500;
	margin-bottom: -3px;
	font-size: 12px
}

.r_br {
	border-top: 1px solid rgba(168, 168, 168, .1);
	background-color: #fafafa
}

.list_dep_cont_return img {
	right: auto;
	left: 0
}

.list_dep_cont_return:after {
	left: auto;
	right: 0
}

.flig_up {
	position: absolute;
	top: -14px;
	left: -3.2rem
}

.flig_up2 {
	left: auto;
	right: -3.2rem
}

.flig_up img {
	height: 18px;
	width: auto
}

.flig_up p {
	font-size: 12px;
	font-weight: 500;
	margin-top: 6px;
	position: relative
}

.trip_line .list_dep_cont:after,
.trip_line .list_dep_cont:before {
	display: none
}

.trip_line .list_dep_cont img {
	position: static;
	right: 0
}

.control_flight_me {
	height: 40px;
	width: auto
}

.flight_detail_all {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	z-index: 9;
	background-color: rgba(0, 0, 0, .7);
	border: 1px solid rgba(0, 0, 0, .1);
	display: none
}

.flight_detail_all_active {
	display: flex
}

.flight_detail_all_semi {
	width: 100%;
	background-color: white
}

.flight_detail_all_semi_c {
	background-color: var(--color-white);
	margin-top: auto;
	width: 100%
}

.fl_d_cont1 {
	background-color: var(--color-white);
	padding: 0;
	border-left: none;
	border-right: none;
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.fl_d_cont1:first-child {
	border: none
}

.flight_detail_all .fl_icon img {
	height: 30px;
	width: auto
}

.fli_d_cont {
	width: 82%;
	margin: auto
}

.flight_h_c_h p {
	font-weight: 500;
	font-size: 13px
}

.cl_fl {
	margin-bottom: 6px
}

.cl_fl p {
	background: #f7f7f7;
	border: 1px solid rgba(187, 187, 187, .1);
	display: inline-flex;
	padding: 3px 8px;
	border-radius: 2px;
	font-size: 11px
}

.fli_line {
	width: 100%;
	height: 1px;
	border-radius: 50px;
	background-color: rgba(0, 0, 0, .1);
	margin: 6px 0 15px
}

.fli_line:after {
	left: 0
}

.fli_line:after,
.fli_line:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: var(--color-blueDark);
	display: flex
}

.fli_line:before {
	right: 0
}

.flight_bar_des_v p {
	font-size: 13px;
	font-weight: 500
}

.flight_h_c_h .fl_icon img {
	height: 36px !important
}

.line_1_d {
	height: 90px;
	width: 1px;
	background-color: rgba(0, 0, 0, .1)
}

.lay_f_all {
	text-transform: capitalize;
	background: #f7f7f7;
	border: 1px solid rgba(187, 187, 187, .1);
	display: flex;
	justify-content: center;
	padding: 6px 20px;
	border-radius: 3px;
	font-size: 13px
}

.fl_d_cont1 {
	gap: 40px
}

.lay_line_f {
	width: 120px;
	height: 2px;
	border: 1px dashed rgba(31, 31, 31, .1);
	margin: 20px 0
}

.lay_1_l {
	padding: 10px 0
}

.fl_d_cont1 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0
}

.lay_line_f_img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 20px;
	width: auto;
	background-color: white
}

.lay_line_f_img img {
	height: 32px;
	width: auto
}

.lay_f_all img {
	height: 20px;
	width: auto
}

.ff li {
	font-size: 13px;
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 500
}

.ff li img {
	height: 17px;
	width: auto
}

.total_time_aa {
	font-size: 16px
}

.total_time_aa img {
	height: 22px;
	width: auto
}

.des_title_t {
	font-size: 16px
}

.total_all {
	background: #f7f7f7;
	border: 1px solid rgba(187, 187, 187, .1)
}

.pr_ti {
	font-size: 22px
}

.total_all_semi2 {
	width: 70%;
	margin: auto;
	padding: 10px
}

.cnt_btn {
	background-color: var(--color-blueDark);
	font-size: 14px;
	padding: 8px 20px;
	border-radius: 2px
}

.close_list_f,
.cnt_btn {
	color: var(--color-white)
}

.close_list_f {
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: black;
	width: 30px;
	height: 30px;
	border-radius: 5px
}

.control_cont {
	position: relative
}

.control_bbook img {
	border-radius: 15px;
	object-fit: cover
}

.blur_me_ac {
	filter: blur(2px)
}

.fl_main {
	padding: 0 14px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-bottom: none
}

.class_f_d1 {
	display: none
}

.fl_main:first-child {
	border-right: none
}

.sh_fil_btn {
	border: none;
	width: 100%;
	background-color: transparent;
	padding: 12px;
	border-radius: 50px;
	font-weight: 500;
	background: #f7f7f7;
	border: 1px solid rgba(187, 187, 187, .1)
}

.sh_fil_btn img {
	height: 20px;
	width: auto
}

.fil_title {
	font-weight: 600;
	font-size: 20px
}

.close_short {
	background-color: var(--color-dark);
	border-radius: 3px;
	padding: 3px;
	width: 25px;
	color: white;
	height: 25px
}

.close_short svg {
	width: 15px;
	height: 15px;
	fill: white
}

.control_stops {
	width: 40%
}

.range_r p {
	font-size: 14px;
	font-weight: 600
}

.fl_price_none1 {
	display: none !important
}

.font_12_date {
	font-size: 10px !important;
	font-weight: 500
}

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

.time_1 {
	display: inline-flex;
	color: grey
}

.start_price del {
	color: grey;
	font-size: 15px
}

.depature_tab {
	color: black;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 5px
}

.round_trip:nth-child(2) .depature_tab {
	margin-top: 13px
}

.round_trip .depature_tab {
	position: static
}

.lay_over_c {
	margin: 21px 0 18px;
	border-top: 1px solid var(--color-blue)
}

.lay_over_c span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--color-red);
	color: var(--color-white);
	font-size: 10px;
	padding: 5px 10px;
	border-radius: 50px;
	width: 50%;
	text-align: center
}

.view_detail_a {
	font-size: 11px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	border: none;
	background-color: transparent
}

.view_detail_a svg {
	margin-top: -5px
}

.pop_modal_sm {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: center
}

.pop_main {
	width: 50%;
	background-color: var(--color-white);
	padding: 0 20px 20px;
	border-radius: 10px;
	gap: 7px
}

.pop_head {
	font-weight: 600;
	font-size: 17px;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-top: 20px;
	padding-bottom: 15px;
	cursor: pointer
}

.pop_head button {
	border: none;
	background-color: transparent
}

.num_de {
	font-weight: 600;
	color: var(--color-blue);
	font-size: 12px
}

.pop_main {
	height: 80vh;
	overflow-y: scroll;
	position: relative
}

.pop_main::-webkit-scrollbar {
	background-color: #eee;
	width: 7px
}

.pop_main::-webkit-scrollbar-thumb {
	background-color: var(--color-dark)
}

.pop_stopss {
	display: inline-flex;
	height: 180px;
	width: 2px;
	background-color: var(--color-blue);
	position: relative;
	margin: 0 20px
}

.pop_stopss:after {
	top: 0
}

.pop_stopss:after,
.pop_stopss:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 7px;
	height: 7px;
	background-color: var(--color-blue)
}

.pop_stopss:before {
	bottom: 0
}

.num_de1 {
	font-size: 12px;
	color: grey
}

.pop_body {
	font-size: 12px;
	margin-top: 15px
}

.flight_pop_gr {
	color: grey
}

.hei_pop {
	height: 180px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.pop_headd {
	background-color: var(--color-blue);
	color: var(--color-white);
	padding: 8px 13px;
	display: flex;
	font-size: 16px;
	font-weight: 600;
	border-radius: 3px;
	margin: 15px 0
}

.pop_main_bo {
	gap: 25px
}

.class_c {
	background-color: var(--color-blue);
	color: var(--color-white);
	border-radius: 3px;
	padding: 5px 7px;
	font-size: 11px;
	text-align: center
}

.lay_over_time {
	background-color: var(--color-white)
}

.lay_over_c_pop {
	margin: 35px 0
}

.lay_over_c_pop span {
	font-size: 13px
}

.pop_up_one {
	display: none
}

.pop_up_one_ac {
	display: initial
}

.select_all_pop {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	background-color: white;
	padding: 17px 30px;
	border-radius: 50px;
	border: 1px solid rgba(0, 0, 0, .1)
}

.select_pprr {
	font-weight: 600;
	color: var(--color-red);
	font-size: 20px
}

.select_ff {
	background-color: var(--color-dark);
	color: var(--color-white);
	border-radius: 50px;
	font-size: 14px;
	padding: 10px 20px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px
}

@media screen and (max-width:1200px) {
	.trip_line .list_dep_cont {
		width: 120px
	}
}

@media screen and (max-width:992px) {
	.flight_detail_all_semi {
		height: 100%
	}
}

@media screen and (max-width:768px) {
	.fl_d_cont1 {
		grid-template-columns: repeat(1, 1fr)
	}

	.fli_d_cont {
		width: 100%;
		padding: 14px 20px
	}

	.fl_main:first-child {
		border-right: 1px solid rgba(0, 0, 0, .1)
	}

	.fl_main {
		padding: 0 20px
	}

	.close_list_f {
		top: 25px;
		right: 30px
	}

	.flight_detail_all {
		overflow-y: scroll;
		background-color: white
	}

	.font_in p {
		font-size: 12px
	}

	.trip_line .list_dep_cont {
		width: 90px
	}

	.lay_over_c span {
		font-size: 9px;
		padding: 5px 6px;
		border-radius: 50px;
		width: 60%;
		text-align: center
	}
}

@media screen and (max-width:1024px) {
	.aside_cont_fixed {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: var(--color-white);
		z-index: 99;
		padding: 20px;
		overflow-y: scroll;
		display: none
	}

	.aside_cont_fixed_active {
		display: initial
	}

	.aside_flight {
		width: 100%
	}

	.time_de {
		grid-template-columns: repeat(4, 1fr)
	}

	.se_cont {
		padding: 0;
		margin: 0
	}

	.listing_cont {
		margin: 0
	}

	.ph_g {
		gap: 10px;
		display: none
	}

	.assit_cont {
		gap: 8px
	}

	.ph_f_start {
		background-color: transparent;
		padding: 8px 10px
	}

	.total_all {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%
	}

	.total_all_semi2 {
		width: 100%;
		flex-direction: column;
		align-items: center !important;
		gap: 10px
	}

	.fli_d_cont {
		padding-bottom: 6rem
	}
}

@media screen and (max-width:568px) {
	.list_cont_c {
		gap: 9px
	}

	.blur_me {
		padding: 0
	}

	.ph_f_start {
		flex-wrap: wrap
	}

	.assit_cont {
		flex-direction: column
	}

	.w_cont {
		width: 100%
	}

	.multi_cont {
		display: flex !important;
		width: 100%
	}

	.return_cont {
		order: 2
	}

	.multi_cont p {
		font-size: 11px
	}

	.font_in {
		justify-content: space-between !important;
		border: 1px solid rgba(0, 0, 0, .1);
		padding: 8px 7px;
		border-radius: 3px
	}

	.des_code_f {
		flex-direction: column;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 0 !important
	}

	.text_end .des_code_f {
		align-items: flex-end !important;
		justify-content: flex-end !important
	}

	.depature_tab {
		margin-bottom: 0
	}

	.ph_f_c {
		flex-wrap: wrap
	}

	.lay_over_c span {
		width: 60%
	}

	.searching_cont {
		padding: 10px
	}

	.book_btn2 {
		border-radius: 3px
	}

	.ti_t {
		font-size: 15px
	}

	.fl_price {
		justify-content: center
	}

	.w_cont {
		flex-direction: column;
		align-items: flex-start !important
	}

	.control_stops {
		width: 100%;
		text-align: start !important
	}

	.ph_f {
		font-size: 13px
	}

	.class_f_d1 {
		display: initial
	}

	.flight_list_c_img {
		justify-content: space-between
	}

	.sort_btn button {
		font-size: 11px
	}

	.sort_btn button img {
		height: 15px
	}

	.res_f {
		font-size: 13px
	}

	.title_fl {
		font-size: 12px
	}

	.t_ul {
		flex-wrap: wrap;
		gap: 8px
	}

	.tit_ass {
		font-size: 16px
	}

	.assit_cont {
		gap: 4px
	}

	.title_fl img {
		height: 18px
	}

	.flight_list_c {
		padding: 13px 11px
	}

	.start_price p {
		font-size: 13px !important
	}

	.start_price del {
		font-size: 12px
	}

	.t_ul li {
		font-size: 11px
	}

	.seat_left {
		display: none !important
	}

	.flight-head p {
		font-size: 9px
	}

	.flight-head {
		padding: 5px 8px
	}

	.view_detail_a {
		width: 100px;
		font-size: 10px
	}

	.pop_head {
		padding-top: 13px;
		padding-bottom: 10px
	}

	.pop_head img {
		height: 20px;
		width: auto
	}

	.fl_cont {
		flex-wrap: wrap;
		justify-content: center !important
	}

	.font_in p {
		font-size: 10px;
		margin-bottom: 2px
	}

	.trip_line {
		margin-top: 5px
	}

	.fligh_de button {
		font-size: 11px
	}

	.trip_line .list_dep_cont {
		width: 195px
	}

	.fl_tt {
		font-size: 10px;
		display: flex
	}

	.book_btn2 {
		padding: 5px 10px;
		font-size: 9px;
		margin-top: 3px
	}

	.fl_price p {
		font-size: 10px
	}

	.list_cont_c2 {
		gap: 0
	}

	.list_cont_c,
	.list_cont_c2 {
		flex-direction: column
	}

	.fl_cont2 {
		justify-content: space-between;
		width: 100%
	}

	.list_cont_c {
		padding-bottom: 0
	}

	.fl_cont_gap_g {
		width: 100%;
		border-bottom: 1px solid rgba(36, 36, 36, .1)
	}

	.fl_cont {
		border: none
	}

	.flight_list_c_img {
		border-bottom: 1px solid rgba(36, 36, 36, .1);
		width: 100%
	}

	.class_f_d {
		display: none
	}

	.fl_cont2 .font_in {
		justify-content: start;
		margin-bottom: 4px;
		margin-top: 0 !important
	}

	.title_fl {
		gap: 3px
	}

	.flight_listing {
		margin-top: 20px
	}

	.title_fl {
		padding: 9px 5px !important
	}

	.ph_f {
		justify-content: center;
		width: 100%;
		padding: 6px
	}

	.sh_fil_btn {
		font-size: 13px;
		padding: 10px
	}

	.fil_head {
		padding: 3px 10px;
		margin: -7px -10px
	}

	.fil_head .title_fl {
		padding: 5px !important
	}

	.aside_flight {
		padding: 8px 10px
	}

	.time_de {
		grid-template-columns: repeat(2, 1fr)
	}

	.depart_cont .title_fl,
	.price_range .title_fl {
		font-size: 17px;
		padding: 8px 0 !important
	}

	.stops_cont .title_fl {
		padding: 0 !important
	}

	.check_ti {
		font-size: 13px
	}

	.form_check input {
		margin-top: 2.5px
	}

	.time_de_cont img {
		height: 31px
	}

	.form_check {
		margin: 5px 0
	}

	.aside_flight .hr_c {
		margin: 8px 0 !important;
		display: none
	}

	.fl_main {
		padding: 0 14px
	}

	.fli_d_cont {
		padding: 12px 15px 7rem
	}

	.close_list_f {
		width: 25px;
		height: 25px
	}

	.flight_h_c_h .fl_icon img {
		height: 30px !important
	}

	.flight_h_c_h p {
		font-size: 11px
	}

	.cl_fl p {
		padding: 3px 7px
	}

	.ff {
		flex-wrap: wrap
	}

	.ff li {
		font-size: 11px
	}

	.flight_bar_des_v p,
	.lay_f_all {
		font-size: 12px
	}

	.total_time_aa {
		flex-wrap: wrap;
		gap: 5px !important
	}

	.cnt_btn {
		width: 100%
	}

	.pr_ti {
		font-size: 19px
	}

	.des_title_t {
		font-size: 15px
	}

	.total_all_semi2 {
		gap: 4px
	}

	.total_time_aa img {
		height: 16px
	}

	.cnt_btn {
		font-size: 12px
	}

	.fl_price_none {
		display: none !important
	}

	.fl_price_none1 {
		display: flex !important
	}

	.start_price del {
		font-size: 11px
	}

	.font_12_date {
		font-size: 8px !important
	}

	.line_l_l {
		width: 55px
	}

	.text_end {
		text-align: end
	}

	.modify_bg .form_search_c input {
		font-size: 13px !important
	}
}

@media screen and (max-width:376px) {
	.lay_over_c span {
		width: 62%
	}
}

.listing_body {
	background-color: white
}

.booking_title {
	font-size: 22px;
	font-weight: 600;
	color: var(--color-dark);
	text-transform: capitalize;
	display: flex;
	align-items: center;
	gap: 5px;
	background-color: #fffdf8;
	padding: 15px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.booking_title span {
	color: grey;
	font-weight: 400;
	font-size: 13px
}

.booking_title img {
	height: 26px;
	width: auto
}

.form_booking_f {
	margin: -10px
}

.form_booking {
	padding: 10px
}

.form_booking label {
	font-weight: 600;
	font-size: 13px
}

.form_booking label span {
	color: var(--color-red);
	font-size: 15px
}

.form_input_booking .form-control,
.form_input_booking input {
	border-radius: 0;
	box-shadow: none;
	font-size: 13px;
	padding: 15px 14px;
	box-shadow: none !important;
	border-radius: 3px;
	color: grey;
	font-weight: 500
}

.form_input_booking input {
	width: 100%;
	height: 100%
}

.form_booking .rmdp-container {
	width: 100%;
	height: 44px !important
}

.form_input_minus_m {
	margin: -6px
}

.form_input_minus {
	padding: 6px
}

.mt_4 {
	margin-top: 2rem
}

.hr_line {
	margin: 2.1rem 0;
	opacity: .1
}

.secure_tit {
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	color: var(--color-dark)
}

.secure_tit img {
	height: 28px;
	width: auto
}

.book_btn_booking {
	background-color: var(--color-red);
	color: var(--color-white);
	border: none;
	display: flex;
	align-items: center;
	gap: 5px;
	width: 100%;
	justify-content: center;
	padding: 14px;
	border-radius: 50px;
	font-weight: 600;
	position: relative;
	z-index: 1;
	font-size: 15px
}

.book_btn_booking:hover {
	background-color: var(--color-blue)
}

.book_btn_booking:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 110%;
	height: 130%;
	background-color: var(--color-red);
	opacity: .1;
	border-radius: 50px;
	z-index: -1
}

.pass_de_cont {
	display: flex;
	font-size: 15px;
	font-weight: 600;
	justify-content: space-between
}

.pass_de_cont ul {
	width: 100%;
	padding-left: 15px
}

.pass_de_cont ul li {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	margin: 9px 0;
	color: grey;
	font-weight: 500
}

.pass_hrr {
	margin: 13px 0;
	opacity: .1
}

.pass_detail_price {
	background-color: white;
	padding: 15px 0;
	border-radius: 5px 5px 0 0;
	box-shadow: 1px 1px 20px rgba(108, 108, 108, .1);
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 5px
}

.pass_de_cont {
	padding: 0 18px;
	border-radius: 0 0 5px 5px
}

.price_s {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-dark);
	text-transform: capitalize;
	display: flex;
	align-items: center;
	gap: 5px;
	width: 100%;
	background-color: rgb(250 250 250);
	padding: 15px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.book_off img {
	border-radius: 5px
}

.booking_main {
	border: 1px solid rgba(0, 0, 0, .1);
	background-color: var(--color-white)
}

.booking_main1 {
	margin-top: 2rem
}

.booking_main_m {
	padding: 0 20px 20px
}

.grand_totat {
	background-color: var(--color-blue);
	color: var(--color-white);
	padding: 14px 20px
}

.banner_booking {
	background-color: var(--color-white);
	padding: 12px;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	color: var(--color-blue)
}

.bagde_cust {
	gap: 8px
}

.bagde_cust img {
	height: 15px;
	width: auto
}

.badge_icon {
	width: 25px;
	height: 25px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 50%;
	justify-content: center
}

.badge_icon,
.book_semi1 {
	display: flex;
	align-items: center
}

.book_semi1 {
	gap: 7px
}

.price_tit img {
	height: 20px;
	width: auto;
	margin-right: 2px
}

.price_summ {
	display: none
}

.viw_d {
	font-size: 10px;
	font-weight: 500;
	border: none;
	display: flex;
	align-items: center;
	background-color: transparent;
	color: grey;
	padding: 2px 0;
	gap: 2px
}

.viw_d img {
	height: 15px;
	width: auto
}

.flight_details_h p {
	font-size: 13px
}

.total_jr {
	background-color: #eee;
	border-radius: 50px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px
}

@media screen and (max-width:992px) {
	.bagde_cust {
		font-size: 14px
	}

	.price_summ {
		display: initial;
		font-size: 14px;
		text-align: end
	}

	.flex_me {
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.price_tit {
		color: var(--color-red);
		font-size: 16px
	}

	.price_bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		background-color: rgba(255, 255, 255, 1);
		display: none
	}

	.price_bg_active {
		display: initial
	}

	.close_price_sum {
		display: flex;
		width: 100%;
		align-items: center;
		gap: 5px;
		border: none;
		padding: 10px;
		background-color: var(--color-dark);
		color: var(--color-white);
		font-weight: 600;
		text-transform: uppercase
	}

	.close_price_sum svg {
		width: 20px;
		height: 20px;
		padding: 7px
	}
}

@media screen and (max-width:768px) {
	.booking_title {
		flex-direction: column;
		align-items: flex-start
	}
}

@media screen and (max-width:568px) {
	.booking_title {
		font-size: 17px
	}

	.booking_title img {
		height: 23px
	}

	.booking_title span {
		font-size: 10px
	}

	.booking_title {
		padding: 12px 20px
	}

	.form_input_booking .form-control,
	.form_input_booking input {
		font-size: 11px;
		padding: 12px
	}

	.form_booking label {
		font-size: 11px
	}

	.secure_tit {
		font-size: 12px
	}

	.book_btn_booking {
		font-size: 13px
	}

	.booking_main_m {
		padding: 13px 15px
	}

	.form_booking {
		padding: 7px
	}

	.form_booking_f {
		margin: -7px
	}

	.booking_main_m {
		margin-top: 0 !important
	}

	.book_btn_booking:after {
		width: 105%
	}

	.bagde_cust {
		font-size: 12px !important
	}

	.price_summ p {
		font-size: 12px
	}

	.total_prr {
		font-size: 11px !important
	}

	.price_tit {
		font-size: 15px !important
	}

	.booking_main1 {
		margin-top: 20px
	}

	.price_s {
		font-size: 17px
	}
}

.footer_bg p {
	font-size: 13px
}

.rmdp-arrow-container {
	width: 24px !important;
	height: 24px !important;
	color: var(--color-white);
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important
}

.rmdp-left i,
.rmdp-right i {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important
}

.rmdp-arrow {
	width: 6px !important;
	height: 6px !important;
	border-color: white !important
}

.form_search_c input {
	outline: none !important;
	border: none !important;
	width: 100%
}

.rmdp-day.rmdp-selected span:not(.highlight) {
	background-color: var(--color-blue) !important
}

.className_holdd {
	font-size: 12px !important;
	opacity: .7
}

.booking_flight_d {
	padding: 15px 20px 20px
}

.booking_flight_d .pop_dess2 {
	font-size: 11px
}

@media screen and (max-width:1400px) {
	.common_padding {
		padding: 0 25px
	}

	.ph_f,
	.title_fl {
		font-size: 13px
	}

	.font_in p {
		font-size: 11px
	}

	.lay_over_c span {
		width: 60%;
		font-size: 9px
	}

	.flight-head p,
	.view_detail_a {
		font-size: 10px
	}

	.booking_title {
		flex-wrap: wrap
	}

	.num_de {
		font-size: 12px
	}

	.num_de1 {
		font-size: 10px
	}

	.price_s {
		font-size: 16px
	}

	.pass_de_cont {
		font-size: 13px
	}

	.pass_de_cont ul li {
		font-size: 11px;
		margin: 6px 0
	}

	.flight_pop_gr {
		font-size: 10px
	}
}

@media screen and (max-width:1200px) {
	.des_grdd {
		grid-template-columns: repeat(2, 1fr)
	}

	.proo_grid {
		grid-template-columns: repeat(3, 1fr)
	}

	.common_padding {
		padding: 0 12px
	}
}

@media screen and (max-width:1024px) {
	.pop_main {
		width: 70%
	}

	.phone_flight_cont {
		display: none
	}
}

@media screen and (max-width:992px) {
	.proo_grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.form_h_semi222 {
		padding-top: 7px;
		padding-bottom: 7px
	}

	.res_f {
		width: 130px;
		text-align: center
	}
}

@media screen and (max-width:768px) {
	.form_search_c {
		padding-top: 7px;
		padding-bottom: 7px
	}

	.form_search_us_m:nth-child(2n) .form_search_c {
		border-right: none
	}

	.des_grdd {
		grid-template-columns: repeat(1, 1fr)
	}

	.des_orrr {
		order: 2
	}

	.pri_aall {
		flex-wrap: wrap;
		justify-content: center;
		gap: 0 6px
	}

	.pri_aall a {
		font-size: 11px;
		text-decoration: none;
	}

	.connect_cont {
		border-radius: 0 0 10px 10px
	}

	.pop_main {
		width: 85%
	}

	.form_search_c button {
		border-radius: 0 0 5px 0
	}
}

@media screen and (max-width:568px) {

	li,
	p {
		font-size: 13px
	}

	.small_de {
		font-size: 9px
	}

	.ab_main_m {
		padding-left: 15px !important
	}

	.pop_main {
		width: 98%;
		padding: 0 13px 20px
	}

	.thankyou_img {
		width: 75%
	}

	.fell_free_thankyou {
		font-size: 14px
	}

	.social_thankyo li a {
		width: 35px;
		font-size: 16px;
		height: 35px;
		text-decoration: none;
	}

	.book_title_thank {
		font-size: 19px
	}

	.fell_free_thankyou b {
		font-size: 15px;
		margin-top: 7px;
		display: inline-flex
	}

	.form-main {
		padding: 20px
	}

	.pop_headd {
		font-size: 11px
	}

	.form_search_c input {
		font-size: 15px
	}

	.hero_air {
		background-image: url(../imgs/bg-airlines-mob.html)
	}

	.proo_grid {
		grid-template-columns: repeat(1, 1fr)
	}

	.select_pprr {
		font-size: 17px
	}

	.select_ff {
		font-size: 13px;
		padding: 9px 12px
	}

	.control_h44 {
		font-size: 16px;
		line-height: 26px
	}

	.thank_bgg {
		padding: 25px 10px
	}

	.backhome {
		font-size: 15px
	}

	.select_all_pop {
		padding: 16px 20px
	}

	.form_search_c button {
		font-size: 13px;
		height: 78px
	}

	.proo_container {
		border: none !important;
		border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
		padding: 10px 0
	}

	.font_9 {
		font-size: 9px
	}

	.proo_img img {
		height: 70px
	}

	.form_search_c button img {
		height: 17px
	}

	.num_prr {
		width: 36px;
		height: 36px
	}

	.pass_numm1 {
		font-size: 16px
	}

	.tabb_bt button {
		font-size: 11px
	}

	.tabb_bt button img {
		height: 12px
	}

	.check_boxx {
		flex-wrap: wrap;
		gap: 3px 15px
	}

	.vide_bg {
		display: none
	}

	.hero_h:after {
		border-radius: 50px 50px 0 0
	}

	.last_tt {
		font-size: 14px
	}

	.hero_h {
		padding: 30px 0 15px;
		border-radius: 30px 30px 0 0;
		margin: -4rem auto auto
	}

	.hero_hh_mobl {
		display: block
	}

	.hero_hh_mobl video {
		object-fit: cover;
		width: 100%;
		height: 250px
	}

	.margin_tt {
		margin-top: 18px !important
	}

	.titt_t {
		font-size: 22px
	}

	.font_14 {
		font-size: 11px
	}

	.img_aa {
		width: 168px
	}

	.des_ww {
		font-size: 12px
	}

	.tie_des {
		font-size: 20px
	}

	.line_ss {
		width: 50%
	}

	.img_aa img {
		height: 155px
	}

	.destination_containerr .font_13 {
		font-size: 11px
	}

	.ab_imgss img {
		width: 180px;
		height: 170px
	}

	.who_tt {
		font-size: 17px;
		line-height: 30px
	}

	.common_title1 {
		padding: 7px 15px
	}

	.img_aa {
		width: 158px
	}

	.img_aa img {
		height: 135px
	}

	.footer_ul a {
		font-size: 12px;
		text-decoration: none;
	}

	.footer_ul li {
		margin: 2px 0
	}

	.footer_title {
		font-size: 14px
	}

	.hr_h {
		margin: 20px 0
	}

	.tit_ff {
		font-size: 13px
	}

	.tit_ff img {
		height: 21px;
		display: none
	}

	.flex_ff {
		flex-wrap: wrap;
		gap: 1px 10px !important
	}

	.form_in button {
		font-size: 13px
	}

	.air_logo img {
		width: 83px
	}

	.search_tt {
		font-size: 18px;
		line-height: 28px
	}

	.search_country {
		font-size: 16px
	}

	.dates_all {
		font-size: 11px;
		padding: 13px 5px
	}

	.num_n {
		font-size: 15px
	}

	.num_n img {
		height: 26px
	}

	.search_contt {
		flex-direction: column;
		justify-content: center !important
	}

	.search_bb {
		text-align: center
	}

	.loader {
		scale: 1;
		margin: 3rem 0
	}

	.num_de {
		font-size: 10px
	}

	.booking_flight_d .num_de {
		font-size: 12px
	}

	.num_de1 {
		font-size: 9px
	}

	.pop_stopss {
		margin: 0 12px
	}

	.flight_pop_gr {
		font-size: 9px
	}

	.ph_f_start {
		display: none
	}

	.modify_bg .form_search_c {
		padding: 8px 15px
	}

	.flight-head p,
	.viw_d {
		font-size: 9px
	}

	.modify_bg .form_search_c input {
		font-size: 13px
	}

	.pop_main {
		height: 70vh
	}
}

@media screen and (max-width:376px) {
	.ab_main_m {
		padding-left: 15px !important
	}
}

.logo_img img {
	height: 50px;
	width: auto
}

.s_2 a {
	font-size: 11px;
	color: var(--color-black);
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
}

.tit_s {
	font-weight: 500;
	font-size: 13px;
	display: flex;
	align-items: end;
	gap: 6px
}

.s_img img {
	height: 18px;
	width: auto
}

.font_c {
	margin-top: 2px
}

.s_2 ul {
	gap: 35px
}

.links_nn ul,
.s_2 ul {
	display: flex;
	align-items: center
}

.links_nn ul {
	justify-content: center;
	gap: 25px
}

.links_nn ul li a {
	color: var(--color-black);
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.links_nn a img {
	height: 24px;
	width: auto
}

.links_nn a {
	text-transform: capitalize;
	text-decoration: none;
}

.nav_linK_s {
	display: flex
}

.btn_ss {
	font-size: 14px;
	border: none;
	background-color: var(--color-pink);
	color: var(--color-white);
	padding: 5px 13px;
	border-radius: 3px
}

.ss_cc {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding: 8px 0
}

.logo_ff img {
	height: 55px;
	width: auto
}

.spacing_m_p h1,
.spacing_m_p h2,
.spacing_m_p h3,
.spacing_m_p h4,
.spacing_m_p h5,
.spacing_m_p h6,
.spacing_m_p p {
	margin-top: 15px
}

.spacing_m_p h5,
.spacing_m_p h6 {
	color: rgb(93, 93, 93)
}

.spacing_m_p ul {
	padding-left: 25px
}

.spacing_m_p li {
	margin: 8px 0
}

.icon_cc {
	width: 36px;
	height: 36px;
	border: 1px solid var(--color-black);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%
}

.icon_cc img {
	height: 22px;
	width: auto
}

.fo_add {
	font-size: 15px;
	font-weight: 500
}

.add__tt {
	font-weight: 500;
	font-size: 12px
}

.full_ccc {
	width: calc(100% - 36px)
}

.coo_c {
	background-color: var(--color-darkBlue);
	color: var(--color-white);
	font-size: 15px;
	display: inline-flex;
	padding: 6px 10px;
	border-radius: 5px
}

.travel_support {
	gap: 24px
}

.travel_sup_img img {
	width: 95px;
	object-fit: contain
}

.line_hr_h {
	height: 35px;
	width: 1px;
	display: inline-flex;
	background-color: rgba(75, 75, 75, .1)
}

.travel_sup_img_clin img {
	width: 50px
}

.read_dess_d {
	color: var(--color-pink);
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 4px
}

.read_dess_d img {
	height: 16px !important;
	width: auto !important
}

.pop_head img {
	height: 25px;
	width: auto
}

.call_listing_li {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-size: 12px;
	font-weight: 500
}

.call_listing_li img {
	height: 17px;
	width: auto
}

.booking_helpp_cont {
	padding: 18px 12px;
	gap: 10px;
	background: var(--d);
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 3px;
	color: white;
	z-index: 1
}

.agent_ii img {
	height: 50px;
	width: auto
}

.num_agent_li {
	font-size: 18px;
	font-weight: 500;
	margin-top: 3px
}

.need_p {
	font-size: 12px
}

.icon_float_lang img {
	height: 40px;
	width: auto;
	opacity: .4
}

.icon_float_lang11_img {
	position: absolute;
	right: 20px;
	bottom: 20px
}

.icon_float_lang2 {
	position: absolute;
	left: 70px;
	top: 20px
}

.hotel_listing {
	height: 100%;
	padding-bottom: 40px
}

.hotel_container {
	background-color: var(--color-white);
	margin-top: 40px;
	border-radius: 10px;
	box-shadow: 1px 1px 20px rgba(0, 0, 0, .1)
}

.hotel_container:first-child {
	margin-top: 0
}

.hotel_air_contt {
	padding-right: 30px;
	gap: 34px;
	width: 65%
}

.hotel_t {
	font-weight: 600;
	font-size: 19px
}

.hotel_listing_gal {
	width: 30%
}

.flex_prop {
	display: flex;
	align-items: center
}

.select_bt_h {
	background-color: var(--color-blue);
	color: var(--color-white) !important;
	border-radius: 5px;
	padding: 6px 13px;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	transition: .3s
}

.select_bt_h:hover {
	background-color: var(--color-yellow);
	color: var(--color-black) !important
}

.select_bt_h img {
	height: 16px;
	width: auto
}

.select_bt_h:hover img {
	filter: brightness(0) invert(0)
}

.price_p_h {
	color: grey;
	font-size: 12px;
	width: 60%;
	margin-left: auto
}

.h_price_p {
	font-size: 24px;
	font-weight: 500
}

.total_tt {
	font-size: 19px
}

.am_a button {
	border: none;
	font-size: 12px;
	padding: 4px 16px;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	gap: 5px
}

.am_a button img {
	height: 17px;
	width: auto
}

.pl_ress {
	background-color: rgb(255, 242, 227);
	display: inline-flex;
	font-size: 11px;
	padding: 4px 10px;
	border-radius: 5px
}

.stars_hote {
	color: rgb(255, 136, 0);
	display: inline-flex;
	align-items: center;
	gap: 4px
}

.stars_hote img {
	height: 15px;
	width: auto
}

.hotel_listing_content_para p {
	font-weight: 400;
	font-size: 14px;
	color: grey
}

.hotel_listing_gal_img img {
	height: 260px;
	object-fit: cover;
	border-radius: 10px 0 0 10px
}

.swiper-button-next {
	width: 30px !important;
	height: 30px !important;
	background-color: var(--color-purple);
	border-radius: 50px
}

.rmdp-arrow-container {
	background-color: var(--color-purple) !important
}

.swiper-button-prev {
	width: 30px !important;
	height: 30px !important;
	background-color: var(--color-purple);
	border-radius: 50px
}

.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	font-size: 17px !important;
	font-weight: 600
}

.sav_up_hh {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 15px;
	background-color: var(--color-yellow);
	z-index: 2;
	width: 90%;
	color: var(--color-black);
	font-weight: 500;
	padding: 8px 16px;
	font-size: 13px;
	border-radius: 50px;
	text-align: center;
	text-transform: capitalize
}

.sav_up_hh:hover {
	color: black
}

.img_gal_h img {
	height: 250px;
	object-fit: cover
}

.hotel_contt img {
	height: 500px;
	object-fit: cover
}

.hote_tt {
	font-weight: 500;
	font-size: 25px
}

.hote_flex {
	font-size: 15px
}

.hotel_detail p,
.hotel_detail ul {
	margin-top: 10px
}

.hotel_amm_li {
	display: flex;
	flex-wrap: wrap;
	gap: 30px
}

.hotel_amm_li li {
	gap: 10px;
	display: flex;
	align-items: center
}

.hotel_amm_li img {
	height: 20px;
	width: auto
}

.select_btt button {
	border: none;
	background-color: var(--color-red);
	color: var(--color-white);
	padding: 10px 30px;
	border-radius: 3px;
	font-size: 15px
}

.zz_i_acc {
	position: relative;
	z-index: 2
}

.modify_bg .form_search_c {
	padding: 5px 15px
}

.modify_bg .form_search_c_flightt {
	padding: 0
}

.modify_bg .form_search_c input {
	font-size: 15px
}

.modify_bg .form_search_c button {
	height: 84px
}

.reset_btn {
	background-color: red;
	color: var(--color-white);
	padding: 3px 4px;
	font-size: 11px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	font-weight: 500;
	border-radius: 3px
}

.reset_btn img {
	height: 12px;
	width: auto
}

.flight_listing_semi_one {
	margin-bottom: 25px;
	border: 1px solid rgba(123, 123, 123, .2);
	border-radius: 10px;
	background-color: #ffffff;
	position: relative;
	top: 0;
	transition: .2s
}

.flight_listing_semi_one:hover {
	top: -5px
}

.price_g {
	font-weight: 500
}

.price_g img {
	height: 20px;
	width: auto
}

.price_g_main select {
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 3px;
	padding: 3px 4px
}

.range_cc {
	height: 7px !important
}

.blur_me {
	background-color: #fffdf8;
	padding: 40px
}

.currr_select a select {
	color: var(--color-black) !important;
	font-size: 12px;
	border-radius: 3px;
	padding: 2px
}

.des_code_f {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px
}

.fil_title11 img {
	height: 19px;
	width: auto
}

.fil_title11 {
	margin: 12px 0;
	padding: 8px;
	background-color: var(--color-white);
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid rgba(0, 0, 0, .1);
	background: linear-gradient(90deg, hwb(334 97% 0%), white, hwb(334 97% 0%));
	display: none
}

.aside_boxx,
.close_price_sum {
	display: none
}

.close_travel_det_d img {
	height: 24px;
	width: auto
}

.banner_ttt_minuss {
	margin-bottom: -2rem
}

.dates_all,
.search_code {
	background-color: var(--b)
}

.search_code {
	margin-bottom: 10px
}

.form_h_semi2222 {
	margin-bottom: 0 !important
}

.common_banner_custttheme {
	background-image: url(../imgs/images/atlanta-ban.html);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	z-index: 1;
	padding-top: 6rem !important;
	padding-bottom: 3rem !important
}

.common_banner_custttheme:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .2));
	z-index: -1
}

.title_dess {
	margin-bottom: 2rem;
	color: var(--w);
	font-size: 40px;
	font-weight: 600;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, .3)
}

.los_bb {
	background: url(../imgs/images/los-ban.html)
}

.ph_bb {
	background: url(../imgs/images/phoenix-ban.html)
}

.miami_b {
	background: url(../imgs/images/miami-ban.html)
}

.fort_b {
	background: url(../imgs/images/fort-ban.html)
}

.offer_t {
	font-weight: 500;
	text-transform: uppercase;
	font-style: italic;
	font-size: 18px
}

.co_ul {
	padding-left: 21px;
	margin-top: 13px
}

.co_ul li {
	font-size: 12px;
	margin: 8px 0;
	list-style: decimal
}

.offer_faress_v {
	font-weight: 500;
	font-size: 15px;
	color: var(--color-black);
	border-bottom: 1px dashed var(--color-black);
	padding-bottom: 7px;
	margin-bottom: 6px
}

.offer_container_asidee {
	background-color: white;
	display: block;
	z-index: 1;
	box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
	border-radius: 10px
}

.agent_icc img {
	height: 120px;
	width: auto;
	margin-bottom: 10px
}

.offer_faress_v img {
	width: auto;
	height: 23px;
	animation: zoom_in 3s linear infinite
}

.aero_off_1 img {
	height: 170px;
	object-fit: cover;
	border-radius: 3px
}

.lets_imgg img {
	height: 320px;
	object-fit: cover;
	border-radius: 10px 10px 0 0
}

.lets_cc {
	padding: 13px;
	background-color: var(--color-white);
	position: relative;
	border-radius: 0 0 10px 10px
}

.price_none_d {
	justify-content: flex-end
}

.frank_bg {
	background-image: url(../imgs/images/frankfurt-bg.html)
}

.london_bg {
	background-image: url(../imgs/images/london-bg.html)
}

.zurich_bg {
	background-image: url(../imgs/images/zurich-bg.html)
}

.mexico_bg {
	background-image: url(../imgs/images/mexico-bg.html)
}

.paris_bg {
	background-image: url(../imgs/images/paris-bg.html)
}

.rome_bg {
	background-image: url(../imgs/images/rome-bg.html)
}

:root {
	--b: #cc9577;
	--p: #EF3A69;
	--d: #11172B;
	--w: white;
	--bl: rgba(9, 196, 249, 1)
}

@keyframes zoom-in-zoom-out {
	0% {
		scale: 100%
	}

	50% {
		scale: 105%
	}

	to {
		scale: 100%
	}
}

.form_holdd {
	width: 100%
}

.form_holdd label {
	font-size: 13px;
	margin-bottom: 7px;
	font-weight: 600;
	color: grey;
	position: relative
}

.form_holdd input {
	border: none;
	padding: 0;
	font-weight: 600;
	color: black;
	font-size: 14px;
	box-shadow: none !important;
	background-color: transparent;
	width: 100%
}

.form_holdd input::placeholder {
	color: black
}

.form_contrainer_s {
	flex-wrap: wrap
}

.form_holdd_semi {
	width: 15%
}

.form_search {
	width: 10%
}

.search_btt {
	border: none;
	background-color: var(--b);
	width: 63px;
	height: 63px;
	border-radius: 50%
}

.search_btt img {
	height: 35px;
	width: auto
}

.border_n,
.form_search {
	border: none
}

.tabs_btt a,
.tabs_btt button {
	border: none;
	display: flex;
	align-items: center;
	gap: 8px
}

.tabs_btt {
	display: inline-flex;
	padding: 0 6px;
	border-radius: 50px;
	gap: 15px
}

.tabs_btt a,
.tabs_btt button {
	font-weight: 600;
	padding: 10px 20px 8px;
	border-radius: 10px 10px 0 0;
	background-color: rgba(255, 255, 255, .7);
	color: black;
	font-size: 13px;
	opacity: .9;
	margin-bottom: -1px
}

.ac_btt {
	background-color: var(--w) !important;
	color: black !important;
	font-size: 15px !important;
	opacity: 1 !important
}

.pro_al_hero {
	width: 94%
}

.pro_p {
	font-size: 12px;
	margin-top: 4px
}

.pro_tit {
	font-weight: 600;
	font-size: 16px
}

.pro_img img {
	height: 62px;
	width: auto
}

.pro_container {
	gap: 10px
}

.air_sp {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-gap: 0;
	gap: 0
}

.air_sp_cont {
	background-color: transparent;
	border-radius: 50px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 0
}

.air_sp_cont img {
	height: 30px;
	width: 105px;
	object-fit: contain;
	filter: brightness(0) invert(1)
}

.common_title {
	font-weight: 600;
	font-size: 32px
}

.flight_f {
	font-weight: 600;
	font-size: 15px
}

.pop_img img {
	border-radius: 5px;
	height: 180px;
	object-fit: cover
}

.pop_content {
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	color: white;
	z-index: 1
}

.pop_cont:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: linear-gradient(0deg, rgba(0, 0, 0, .9), rgba(255, 255, 255, 0));
	border-radius: 3px
}

.arrow_slider {
	background-color: var(--b);
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 14px;
	color: white;
	font-weight: 600
}

.bg_contt {
	background-color: rgb(255, 250, 244);
	padding: 40px;
	border-radius: 10px;
	overflow: hidden
}

.semi_title {
	font-size: 18px;
	color: var(--b);
	font-weight: 700
}

.font_13 {
	font-size: 14px
}

.flight_imgg {
	position: relative;
	margin-bottom: -2.5rem
}

.flight_imgg img {
	border-radius: 10px 10px 0 0;
	height: 350px;
	object-fit: cover
}

.bg_contt2 {
	background-color: #f9f9f9
}

.des_content_c {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 100%
}

.explore_p {
	font-weight: 500;
	font-size: 22px
}

.ab_content_a {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	padding: 0 20px
}

.know_btt {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 20px;
	background-color: var(--b);
	color: var(--w);
	font-weight: 600;
	padding: 8px 20px;
	font-size: 13px;
	border-radius: 5px
}

.destination_cc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 25px 20px;
	color: white;
	z-index: 2
}

.des_title1 {
	font-weight: 700;
	font-size: 17px;
	text-transform: uppercase
}

.knowmore_btt {
	display: flex;
	font-size: 13px;
	margin-top: 10px;
	background-color: var(--b);
	color: var(--w);
	justify-content: center;
	align-items: center;
	padding: 5px 6px;
	border-radius: 50px;
	gap: 3px
}

.knowmore_btt img {
	height: 20px;
	width: auto
}

.ab_altt img {
	height: 690px;
	object-fit: cover;
	border-radius: 0 15px 15px 0
}

.destination_container .knowmore_btt {
	display: inline-flex;
	padding: 8px 14px
}

.know_btt img {
	height: 22px;
	width: auto
}

.des_title11 {
	font-size: 24px
}

.nav_call_a {
	gap: 2px;
	color: black;
	background-color: var(--w);
	border-radius: 50px;
	padding: 7px 10px;
	font-weight: 600
}

.nav_call_a p {
	font-size: 12px
}

.nav_call_a img {
	height: 19px;
	width: auto
}

.sec_opti {
	gap: 15px;
	display: inline-flex;
	border-radius: 50px
}

.sec_opti p {
	font-size: 16px
}

.sec_container {
	display: flex;
	align-items: center;
	gap: 6px
}

.sec_container img {
	height: 20px;
	width: auto
}

.tabs_ways button {
	border: none;
	background-color: #ffffff80;
	color: #000;
	font-size: 10px;
	padding: 6px 15px 6px 11px;
	font-weight: 600;
	border-radius: 50px
}

.tabs_ways button.active,
.tabs_ways button.selected {
	color: white !important
}

.tabs_ways_modify {
	position: static;
	left: auto;
	top: auto;
	margin-bottom: 0;
	margin-left: 0
}

.modify_bg .tabs_ways button {
	border-radius: 50px;
	padding: 8px 12px 7px 9px;
	gap: 6px
}

.blur_me {
	padding: 30px 0
}

.search_btt2 {
	border-radius: 3px
}

.common_banner_custt {
	background: var(--d);
	color: var(--w);
	padding-bottom: 25px
}

.title_t {
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	border-bottom: 3px solid var(--d);
	display: inline-flex;
	padding: 25px 0 0
}

.spacing_m_p table {
	width: 100%;
	margin-top: 15px
}

.spacing_m_p table tr td,
.spacing_m_p table tr th {
	border: 1px solid rgba(0, 0, 0, .1);
	width: 100%;
	padding: 13px 20px;
	font-size: 14px
}

.form_ic {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 50%
}

.form_ic img {
	height: 20px;
	width: auto
}

.fil_title11 {
	display: none !important;
	background: var(--b);
	color: var(--w)
}

.fil_title11 img {
	filter: brightness(0) invert(1)
}

.banner_booking {
	display: none
}

.close_ffff {
	width: 26px;
	height: 26px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background-color: var(--b);
	display: none
}

.close_ffff img {
	height: 13px;
	width: auto
}

.pass_all_main_hotel {
	display: flex
}

.form_holddPass,
.form_holdd_dess {
	width: 30%
}

.form-check-input {
	border: 1px solid rgba(0, 0, 0, .2) !important
}

.form_check_h label {
	font-size: 12px !important;
	font-weight: 500 !important
}

.hero_see_hotel:before {
	background-image: url(../imgs/images/hotel-bg.html) !important
}

.pro_namee label {
	font-weight: 600;
	font-size: 14px
}

.pro_namee input {
	border-radius: 3px;
	font-size: 15px;
	padding: 10px 15px
}

.flex_listing_hh {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 20px
}

.flex_listing_hh .rate_feature {
	margin-top: 0
}

.pack_tt {
	font-size: 33px;
	text-transform: uppercase;
	font-style: italic
}

.book_pck {
	background-color: var(--b);
	color: white;
	border-radius: 5px;
	padding: 10px 20px;
	font-weight: 600;
	margin-top: 25px;
	display: inline-flex;
	align-items: center;
	gap: 5px
}

.book_pck img {
	height: 20px;
	width: auto
}

.package_herr:before {
	background-image: url(../imgs/images/holiday-p.html) !important
}

.pack_ss_p:before {
	background-image: url(../imgs/images/packages/dubai-bg.html)
}

.turkey_bg:before {
	background-image: url(../imgs/images/packages/turkey-bg.html)
}

.poland_bg:before {
	background-image: url(../imgs/images/packages/poland-bg.html)
}

.keny_bg:before {
	background-image: url(../imgs/images/packages/kenya-bg.html)
}

.title_d {
	font-weight: 600;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 50px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, .3)
}

.want_tt {
	font-size: 18px
}

.form_pack_h {
	background-color: #ffffff;
	border-radius: 10px;
	padding: 25px 20px
}

.pack_inn label {
	font-weight: 600;
	font-size: 13px
}

.pack_inn .form-control {
	border-radius: 3px;
	font-size: 12px;
	padding: 12px 15px;
	box-shadow: none !important
}

.send_eqq {
	border: none;
	width: 100%;
	padding: 10px;
	background-color: var(--b);
	color: var(--w);
	border-radius: 3px;
	font-weight: 600
}

.des_stt_pacc {
	border-radius: 10px;
	padding: 25px
}

.starting_f {
	font-size: 20px;
	font-weight: 600;
	background: white;
	color: var(--d);
	display: inline-flex;
	padding: 6px 14px;
	border-radius: 3px
}

.pack_ss_p {
	padding-top: 6rem
}

.space_hh_mm h2,
.space_hh_mm h3,
.space_hh_mm h4,
.space_hh_mm h5 {
	font-weight: 600
}

.faqs_c {
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 5px;
	margin-top: 14px
}

.faqs_c h5 {
	background-color: var(--b) !important;
	color: var(--w) !important;
	padding: 11px 15px;
	font-size: 17px;
	border-radius: 0 !important
}

.faqs_c h5:first-child {
	margin-top: 0
}

.faqs_c p {
	padding: 0 15px
}

.dotss {
	display: none
}

.space_hh_mm h4,
.space_hh_mm h5,
.space_hh_mm h6 {
	background-color: #ebf3ff;
	border-radius: 5px;
	padding: 13px 18px;
	color: black
}

.des_stt_pacc:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
	z-index: -1
}

.destination_cc_pack {
	background-color: var(--w);
	width: 95%;
	bottom: 20px;
	padding: 25px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 10px
}

.destination_cc_pack .ab_tt {
	text-shadow: none
}

.footer_l img {
	height: 50px;
	width: auto;
	margin-bottom: 7px
}

.call_us_he,
.form_search p {
	display: none
}

.pro_content {
	color: white
}

.close_navv,
.d_n_n,
.nav_headerr,
.nav_nav22 {
	display: none
}

@media screen and (max-width:1400px) {
	.common_padding {
		padding: 0 20px
	}

	.logo_header img {
		height: 35px
	}

	.nav_btns a,
	.nav_btns button {
		font-size: 11px;
		padding: 4px 8px
	}

	.banner_t {
		font-size: 26px
	}

	.book_fligg {
		display: none
	}
}

@media screen and (max-width:1300px) {

	.footer_t,
	a,
	li,
	p {
		font-size: 14px
	}
}

@media screen and (max-width:1200px) {
	.steps_cont_main {
		width: 96%
	}

	.air_a_s {
		display: none
	}

	.pro_al_hero2 {
		display: none !important
	}

	.d_n_n {
		display: block;
		margin-top: 20px !important
	}

	.process_sliderr {
		position: static;
		transform: none
	}

	.pro_content {
		color: black
	}

	.air_sp_cont11 img {
		filter: none;
		width: 65px
	}

	.air_sp_cont {
		border: 1px solid rgba(0, 0, 0, .1);
		border-radius: 3px;
		padding: 10px
	}

	.blur_me {
		padding: 30px 15px
	}
}

@media screen and (max-width:1024px) {
	.common_padding {
		padding: 0 15px
	}

	.hero_see {
		height: auto;
		padding-top: 5rem;
		padding-bottom: 3rem
	}

	.tabs_btt {
		margin-right: -7rem
	}

	.form_h_semi222 {
		padding: 0
	}

	.aside_flight {
		padding: 25px 20px
	}

	.close_ffff {
		display: flex
	}
}

@media screen and (max-width:992px) {
	.nav_links {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .3);
		z-index: 9;
		display: flex;
		justify-content: flex-end;
		display: none
	}

	.nav_links_ac {
		display: flex
	}

	.nav_links ul {
		width: 40%;
		height: 100%;
		background-color: var(--w);
		flex-direction: column;
		gap: 0;
		padding-top: 0
	}

	.nav_links ul li,
	.nav_links ul li a {
		display: flex;
		width: 100%;
		text-decoration: none;
	}

	.nav_links ul li a {
		color: var(--d);
		font-size: 20px;
		padding: 17px 30px;
		text-decoration: none;
	}

	.nav_links ul li:nth-child(2n) {
		background-color: #f6f6f6
	}

	.call_us_he {
		position: absolute;
		bottom: 20px;
		width: 90%;
		margin: auto;
		background-color: var(--b);
		color: var(--w);
		border-radius: 0;
		padding: 16px 30px;
		font-size: 19px;
		font-weight: 600;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		border-radius: 50px
	}

	.call_us_he img {
		height: 50px;
		width: auto
	}

	.pro_al_hero {
		width: 96%
	}

	.nav_headerr {
		background-color: var(--d);
		width: 100%;
		padding: 15px 20px;
		display: flex
	}

	.navv_h_ig img {
		height: 40px;
		width: auto
	}

	.close_navv {
		width: 30px;
		height: 30px;
		background-color: var(--b);
		color: white;
		gap: 5px;
		border: none;
		border-radius: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 5px 10px
	}

	.close_navv img {
		height: 11px;
		width: auto
	}

	.tabs_btt {
		margin-right: -10rem
	}

	.steps_gr {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 30px 0
	}

	.blur_me {
		padding: 30px 15px
	}

	.fil_title11 {
		display: flex !important
	}

	.nav_links ul li a:after {
		display: none
	}
}

@media screen and (max-width:768px) {
	.nav_links ul {
		width: 100%
	}

	.flight_imgg {
		margin-bottom: -1.5rem
	}

	.ab_altt img {
		border-radius: 5px
	}

	.footer_img {
		display: flex;
		justify-content: center
	}

	.form_contrainer_s {
		background-color: transparent;
		padding: 0;
		box-shadow: none
	}

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

	.form_holdd {
		width: 100%;
		background-color: white;
		border-radius: 8px;
		padding: 0 10px !important;
		margin-top: 12px
	}

	.form_contrainer_s {
		margin: -10px
	}

	.form_holdd:nth-child(2),
	.form_holdd:nth-child(odd) {
		padding: 0
	}

	.form_holdd {
		margin-top: 0
	}

	.form_holdd_semi {
		width: 50%
	}

	.pro_al_hero2 {
		display: none
	}

	.form_holdd label {
		margin-bottom: 4px;
		font-size: 12px
	}

	.form_search p,
	.search_btt {
		display: flex
	}

	.search_btt {
		width: 100%;
		border-radius: 10px;
		align-items: center;
		justify-content: center;
		color: var(--w);
		gap: 7px
	}

	.search_btt p {
		font-size: 18px
	}

	.search_btt img {
		height: 25px
	}

	.form_search {
		background-color: transparent;
		padding: 0 !important
	}

	.tabs_btt {
		margin-bottom: 20px;
		padding: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .9);
		display: flex;
		justify-content: flex-start !important;
		border-radius: 0
	}

	.tabs_btt,
	.w_cc {
		width: 100%
	}

	.tabs_btt a,
	.tabs_btt button {
		border-radius: 5px 5px 0 0
	}

	.tabs_btt {
		margin-right: 0
	}

	.tabs_ways {
		position: static;
		bottom: auto
	}

	.flex_wrr {
		flex-direction: column;
		align-items: flex-start
	}

	.tabs_ways {
		order: 2;
		margin-bottom: 10px
	}

	.steps_gr {
		grid-template-columns: repeat(2, 1fr)
	}

	.steps_cont:nth-child(2n) {
		border: none
	}

	.date_d {
		border-radius: 5px 0 0 5px
	}

	.date_d_r {
		border-radius: 0 5px 5px 0
	}

	.form_search_us {
		background: transparent;
		padding: 0;
		margin-bottom: 20px
	}

	.hotel_container {
		flex-direction: column
	}

	.hotel_air_contt,
	.hotel_listing_gal {
		width: 100%
	}

	.hotel_air_contt {
		padding: 15px 20px
	}

	.aside_flight111 {
		padding: 20px !important;
		margin-bottom: 20px
	}
}

@media screen and (max-width:568px) {
	.common_title {
		font-size: 25px;
		line-height: 36px
	}

	.nav_links ul li a {
		font-size: 17px;
		padding: 14px 30px;
		text-decoration: none;
	}

	.call_us_he {
		font-size: 20px;
		padding: 13px
	}

	.call_us_he img {
		height: 45px
	}

	.nav_btns_m {
		display: none
	}

	.banner_t {
		font-size: 23px;
		line-height: 36px
	}

	.font_12 a {
		font-size: 12px;
		text-decoration: none;
	}

	.hero_see {
		padding-top: 6rem;
		height: 100%;
		padding-bottom: 2rem
	}

	.logo_header img {
		height: 35px
	}

	.date_d {
		border-radius: 5px 0 0 5px
	}

	.date_d_r {
		border-radius: 0 5px 5px 0
	}

	.tabs_btt {
		padding: 0;
		gap: 6px
	}

	.tabs_btt a,
	.tabs_btt button {
		font-size: 12px;
		padding: 8px 15px;
		gap: 6px
	}

	.ac_icc img {
		height: 18px
	}

	.ac_btt {
		font-size: 13px !important
	}

	.semi_title {
		font-size: 16px
	}

	.bg_contt {
		padding: 20px
	}

	.destination_grid {
		flex-wrap: wrap
	}

	.footer_ul li a {
		font-size: 12px;
		text-decoration: none;
	}

	.process_sliderr {
		position: static;
		transform: none
	}

	.pro_img img {
		height: 60px
	}

	.pro_container {
		background-color: #f9f9f9;
		padding: 13px 10px;
		justify-content: center
	}

	.pro_al_hero {
		width: 100%
	}

	.pro_tit {
		font-size: 17px
	}

	.pro_content {
		color: black
	}

	.pop_img img {
		height: 150px
	}

	.book_fligg {
		font-size: 13px;
		display: none
	}

	.des_title11 {
		font-size: 17px
	}

	.destination_cc2 {
		flex-direction: column;
		align-items: flex-start
	}

	.destination_container3 img {
		height: 280px
	}

	.ab_altt img {
		height: 500px
	}

	.know_btt img {
		height: 22px
	}

	.nav_btns {
		display: none
	}

	.nav_nav22 {
		display: flex
	}

	.menu_btn {
		border: none;
		background: transparent
	}

	.d_n_n {
		margin-top: 0 !important
	}

	.menu_btn img {
		height: 35px;
		width: auto;
		filter: brightness(0) invert(1)
	}

	.sec_opti {
		gap: 11px
	}

	.sec_opti p {
		font-size: 13px
	}

	.hero_form_f {
		margin-top: 15px !important
	}

	.tabs_ways button {
		font-size: 11px
	}

	.steps_cont {
		padding: 0 10px
	}

	.steps_cont_main {
		padding: 20px 5px
	}

	.start_j {
		font-size: 15px
	}

	.steps_icc img {
		height: 38px
	}

	.start_j {
		font-size: 13px
	}

	.steps_cont .font_12 {
		font-size: 10px
	}

	.search_btt {
		height: 55px;
		margin-top: 10px
	}

	.margin_top {
		margin-top: 50px
	}

	.title_t {
		font-size: 26px
	}

	.fl_cont2 .font_in {
		border: none;
		border-radius: 0;
		padding: 12px 0 0
	}

	.assit_cont {
		flex-direction: row
	}

	.res_f {
		width: 120px;
		font-size: 12px
	}

	.price_g p {
		font-size: 12px !important
	}

	.title_d {
		font-size: 23px;
		line-height: 40px
	}

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

	.hotel_air_contt {
		flex-direction: column
	}

	.hotel_container .price_p_h {
		width: 100%
	}

	.hotel_pricee {
		display: flex;
		align-items: center;
		text-align: initial !important
	}

	.text_s_e {
		text-align: end;
		width: 60%
	}

	.footer_l img {
		height: 44px
	}

	.className_holdd {
		font-size: 10px !important
	}
}

@media screen and (max-width:376px) {

	.tabs_btt a,
	.tabs_btt button {
		padding: 7px 11px
	}

	.ac_icc img {
		height: 15px
	}
}

.header_bg {
	position: absolute;
	width: 100%;
	z-index: 3
}

.banner_title {
	font-size: 30px;
	color: white;
	text-transform: capitalize
}

.swiper_arr_arrow {
	width: 55px;
	height: 55px;
	background-color: var(--color-blue);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	font-size: 18px;
	color: white;
	font-weight: 700
}

.support_grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 30px;
	position: relative;
	z-index: 1
}

.support_grid:after {
	content: "";
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	height: 7px;
	background-image: url(../imgsbookflyfares-images/Vector.html);
	z-index: -2
}

.support_container {
	text-align: center
}

.support_img {
	width: 50%;
	margin: auto
}

.support_cont p {
	font-weight: 500;
	font-size: 13px;
	color: var(--color-blue)
}

.color_yellow {
	border-bottom: 2px solid var(--color-yellow);
	color: var(--color-yellow);
	font-size: 32px;
	text-shadow: none
}

.font_11 {
	font-size: 11px;
	color: var(--color-blue)
}

.all_facii_cont p {
	font-weight: 500
}

.tourist_bg {
	background-color: #ffffff;
	border-radius: 10px
}

.faccii_img img {
	height: 37px;
	width: auto
}

.all_facii_cont {
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 25px 5px;
	height: 100%
}

.all_facii_cont .font_14 {
	margin-top: 11px
}

.tourist_slider {
	height: 145px
}

.tourist_slider .swiper-slide {
	height: 100%
}

.active_all_facii_cont {
	background-color: var(--color-blue);
	color: white
}

.active_all_facii_cont .font_11 {
	color: white
}

.active_all_facii_cont img {
	filter: brightness(0) invert(1)
}

.tour_title {
	font-size: 13px;
	margin-top: 13px
}

.form_holder_search_des {
	background-color: white
}

.rmdp-day.rmdp-selected span:not(.highlight) {
	background-color: var(--color-yellow) !important
}

.form_contrainer_s {
	margin: 0
}

.search_form_main label {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 8px;
	color: grey
}

.search_form_main .form-control {
	border-radius: 0;
	box-shadow: none !important;
	padding: 0;
	border: none;
	font-size: 13px
}

.input_search_mm {
	margin-top: -5px
}

.flight_search_btt_engine {
	padding: 0 10px
}

.flight_search_btt {
	margin: 0 10px
}

.search_form_main {
	padding: 0 10px
}

.video_get {
	height: 650px;
	background-color: #eee
}

.video_get video {
	object-fit: cover
}

.video_get video,
.video_get:after {
	width: 100%;
	height: 100%;
	border-radius: 0 0 50px 50px
}

.video_get:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 124, 158, 0), rgba(255, 255, 255, .6), rgba(255, 255, 255, .2), rgba(0, 124, 158, .8))
}

.hero_banner_bg_content {
	position: absolute;
	top: 52%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%, -50%)
}

.tourist_bg_minus {
	margin-top: -4rem;
	position: relative
}

.input_search_mm {
	display: flex;
	align-items: center;
	gap: 3px
}

.input_search_mm img {
	height: 25px;
	width: auto
}

.search_title_t {
	line-height: 45px;
	font-size: 33px;
	margin-top: 10px
}

.search_icon_i {
	height: 60px;
	border: none;
	background: var(--color-yellow);
	width: 100%;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	flex-direction: column
}

.search_icon_i:hover {
	background: #004558
}

.search_icon_i img {
	height: 23px;
	width: auto
}

.search_title_tt {
	font-size: 19px;
	font-weight: 500
}

.tabs_links_all_box,
.tabs_links_all_box a {
	gap: 5px;
	background-color: transparent;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.tabs_links_all_box a {
	color: var(--color-black);
	font-size: 17px;
	font-weight: 500;
	padding: 12px 15px;
	text-decoration: none;
}

.tabs_links_all_box a img {
	height: 25px;
	width: auto;
	object-fit: contain
}

.line_tbs {
	height: 30px;
	width: 2px;
	background-color: black
}

.title_get {
	border: none;
	border-radius: 50px;
	padding: 7px 15px 7px 5px;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 5px;
	background-color: white;
	color: var(--color-blue)
}

.arr_get {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-blue)
}

.arr_get img {
	height: 14px;
	width: auto;
	filter: brightness(0) invert(1)
}

.arrow_r {
	background-color: var(--color-blue);
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	border-radius: 50%;
	position: absolute;
	bottom: 20px;
	right: 20px
}

.arrow_r img {
	height: 14px;
	width: auto
}

.form_sub_t {
	gap: 10px
}

.form_sub_t input {
	padding: 16px 25px;
	box-shadow: none !important;
	border-radius: 50px;
	font-size: 14px
}

.form_sub_t button {
	width: 210px;
	border: none;
	background-color: var(--color-yellow);
	padding: 16px 10px;
	border-radius: 50px;
	font-weight: 500
}

.color_grey {
	color: grey
}

.border_boxx {
	border-radius: 50px
}

.spacing_m_p p {
	margin-top: 15px
}

.spacing_m_p ul {
	padding-left: 30px;
	margin-top: 10px
}

.spacing_m_p li {
	list-style: disc;
	margin: 7px 0
}

.spacing_m_p h1,
.spacing_m_p h2,
.spacing_m_p h3,
.spacing_m_p h4,
.spacing_m_p h5,
.spacing_m_p h6 {
	margin-top: 15px
}

.tabs_btn_linkss {
	margin-bottom: 0;
	border: 2px solid var(--color-yellow);
	border-radius: 50px;
	display: inline-flex;
	background-color: rgba(255, 255, 255, .4)
}

.tabs_btn_linkss a {
	color: black;
	text-decoration: none;
	padding: 13px 20px;
	font-weight: 600;
	font-size: 14px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}

.tabs_btn_linkss a:hover {
	color: var(--color-yellow)
}

.icon_tbss img {
	height: 22px;
	width: auto
}

.active_tabs_aa {
	background-color: var(--color-yellow);
	color: black !important;
	border-radius: 50px;
	padding: 10px 25px
}

.modify_bg .input_search_mm img {
	height: 18px
}

.header_control_bg {
	background-color: var(--color-black);
	height: 144px
}

.loading_l {
	height: 100vh;
	background-color: #fbfbfb;
	overflow: hidden
}

.aside_loadd {
	padding: 20px
}

.aside_loadd,
.loading_c {
	background-color: white;
	height: 100%
}

.loading_c {
	padding: 30px;
	z-index: 1
}

.aside_box1 {
	margin-top: 60px
}

.aside_box1:first-child {
	margin-top: 0
}

.aside_loadd1 {
	margin-bottom: 14px;
	height: 10px;
	border-radius: 50px;
	background: #eee;
	position: relative;
	overflow: hidden
}

.aside_loadd12 {
	width: 60%;
	background: #eee
}

.aside_loadd13 {
	width: 30%
}

.aside_loadd1:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #f7fbff;
	animation: move_me 1s linear infinite;
	border-radius: 50px;
	filter: blur(6px)
}

@keyframes move_me {
	0% {
		left: 30%
	}

	to {
		left: 110%
	}
}

.loading_c_s {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .1;
	z-index: -1
}

.loading_c_s img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.box_bb {
	background-color: white
}

.loader1 {
	width: -moz-fit-content;
	width: fit-content;
	font-weight: 700;
	font-family: monospace;
	font-size: 40px;
	background: radial-gradient(circle closest-side, #000 94%, #0000) 100%/calc(200% - 1em) 100%;
	animation: l24 1s linear infinite alternate
}

.loader1:before {
	content: "Searching...";
	line-height: 1em;
	color: #0000;
	background: inherit;
	background-image: radial-gradient(circle closest-side, #fff 94%, #000);
	-webkit-background-clip: text;
	background-clip: text
}

@keyframes l24 {
	to {
		background-position: 0
	}
}

.cheap_f_load {
	font-size: 23px;
	color: grey;
	font-weight: 500
}

.width_common_c_d {
	width: 320px;
	font-size: 20px;
	line-height: 34px
}

.trip_title_fareswy {
	font-size: 20px
}

.text_end_det {
	text-align: end;
	justify-content: flex-end
}

.mid_air_icon {
	color: grey;
	opacity: .3;
	margin: 0 10px
}

.trip_top_mmtt {
	margin-top: 2rem;
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding-top: 2rem
}

.mid_air_icon {
	width: 140px;
	height: 2px;
	border: 2px dashed grey
}

.lay_overss {
	margin-top: -7rem !important
}

.close_btt {
	position: absolute;
	top: 10px;
	right: 15px;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	background-color: var(--color-blue);
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	display: none
}

.close_btt img {
	height: 14px;
	width: auto
}

.w_cont {
	width: 75%
}

.control_width_l_d {
	width: 240px
}

.listing_body {
	position: relative;
	z-index: 3;
	width: 90%;
	margin: -2rem auto auto;
	border-radius: 20px
}

.form_h_semi2222 {
	bottom: 0 !important;
	padding: 0 !important;
	margin-left: 4px !important
}

.links_2_header .nav_linkks12 ul li a {
	color: white;
	text-decoration: none;
}

.form-check-input {
	width: 1em !important;
	height: 1em !important
}

.swiper-button-prev {
	background-color: var(--color-blue);
	width: 55px !important;
	height: 55px !important;
	border-radius: 50%;
	z-index: 2 !important;
	transition: .3s
}

.swiper-button-prev:hover {
	background-color: var(--color-yellow);
	color: black
}

.swiper-button-next {
	background-color: var(--color-blue);
	width: 55px !important;
	height: 55px !important;
	border-radius: 50%;
	z-index: 2 !important
}

.swiper-button-next:hover {
	background-color: var(--color-yellow);
	color: black
}

.mr_min_book {
	margin-top: -2.2rem;
	background-color: white;
	padding: 50px 30px;
	border-radius: 50px 50px 0 0
}

.detail_cont_deparrtt {
	margin-top: 17px
}

.detail_cont_deparrtt_gap {
	gap: 14px;
	margin-bottom: 24px
}

.detail_air img {
	height: 24px;
	width: auto
}

.detail_time_f {
	margin-top: 15px
}

.detail_t_1 {
	font-weight: 500;
	font-size: 15px
}

.gap_4 {
	gap: 50px
}

.desti_detail_short {
	background-color: var(--color-blue);
	color: var(--color-white);
	border-radius: 5px;
	padding: 4px 7px;
	font-weight: 400;
	font-size: 15px !important
}

.detail_desti_all p {
	font-size: 17px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 12px
}

.desti_detail_short1 {
	font-size: 14px !important;
	color: grey;
	gap: 14px;
	font-weight: 400 !important
}

.height_detail_f {
	height: 130px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.line_detail_de {
	height: 130px;
	width: 3px;
	background-color: #eee;
	position: relative
}

.line_detail_de:after {
	top: 0
}

.line_detail_de:after,
.line_detail_de:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 10px;
	height: 10px;
	background-color: #eee;
	border-radius: 50%
}

.line_detail_de:before {
	bottom: 0
}

.detail_t_t {
	font-size: 16px;
	color: var(--color-blue);
	font-weight: 450
}

.detail_more_ff {
	margin-top: 20px;
	border: none;
	background-color: transparent;
	font-weight: 450;
	color: var(--color-white);
	background-color: var(--color-blue);
	border-radius: 3px;
	padding: 4px 9px;
	font-size: 13px
}

.detail_more_ff img {
	height: 12px;
	width: auto
}

.lay_overss {
	margin: 18px 0
}

.lay_overss .layover_span_all {
	margin-top: 14px;
	background-color: var(--color-blue);
	color: var(--color-white);
	font-weight: 500;
	border-radius: 50px;
	padding: 8px 45px;
	font-size: 11px;
	z-index: 2;
	border: 5px solid white;
	text-transform: uppercase
}

.lay_overss:after {
	content: "";
	position: absolute;
	top: 35px;
	height: 1px;
	width: 100%;
	background-color: rgba(0, 0, 0, .1)
}

.detail_cont_deparrtt_gap {
	border: 1px solid rgba(0, 0, 0, .1);
	background-color: #fffbf0;
	padding: 12px 15px;
	border-radius: 10px
}

.mt_44 {
	margin-top: 2rem
}

.cont_btt_ff {
	background-color: var(--color-yellow);
	color: var(--color-white);
	display: inline-flex;
	border-radius: 5px;
	padding: 10px 40px;
	font-weight: 500;
	transition: .3s
}

.cont_btt_ff:hover {
	background-color: var(--color-blue);
	color: white
}

.return_box_t {
	border-top: 1px solid rgba(0, 0, 0, .1);
	margin-top: 15px
}

@media screen and (max-width:992px) {
	.border_bot {
		justify-content: center !important
	}

	.badge_new {
		bottom: auto;
		top: 0;
		right: 0;
		border-radius: 0
	}

	.close_btt {
		display: flex
	}
}

@media screen and (max-width:768px) {
	.search_icon_i {
		border-radius: 5px
	}

	.info_cont {
		border: none;
		padding: 0
	}
}

@media screen and (max-width:568px) {
	.search_icon_i {
		height: 55px
	}

	.search_title_tt {
		font-size: 16px
	}

	.banner_title2 {
		display: none
	}

	.search_title_t {
		line-height: 37px;
		font-size: 23px
	}

	.text_get_me .des_code_f {
		align-items: flex-start !important
	}

	.text_get_me .font_12_date {
		text-align: start
	}

	.header_control_bg {
		height: 126px
	}

	.nav_links ul li a {
		font-size: 15px;
		text-decoration: none;
	}

	.close_btt {
		width: 25px;
		height: 25px
	}

	.close_btt img {
		height: 10px
	}

	.flex_props_wrap {
		flex-direction: column;
		text-align: center
	}

	.return_box_t .depature_tab {
		margin-bottom: 6px
	}

	.desti_content {
		flex-direction: column
	}

	.beat_f {
		width: 100%;
		margin-top: 10px
	}

	.beat_f p {
		font-size: 13px
	}

	.desti_price {
		font-size: 18px
	}

	.tabs_des {
		gap: 13px 10px
	}

	.desti_title_t {
		top: 55px;
		font-size: 27px
	}

	.logo_img img {
		height: 45px
	}

	.banner_common_t {
		font-size: 30px;
		line-height: 50px
	}

	.video_get_media {
		height: 470px
	}

	.video_get_hotel {
		height: 650px
	}

	.mr_min_book {
		padding: 40px 10px
	}

	.detail_cont_deparrtt_gap p,
	.detail_t_t {
		font-size: 13px
	}

	.detail_cont_deparrtt_gap {
		gap: 8px;
		padding: 12px
	}

	.gap_4 {
		gap: 25px
	}

	.detail_desti_all p {
		flex-direction: column
	}

	.line_d_dd {
		display: none
	}

	.height_detail_f,
	.line_detail_de {
		height: 250px
	}

	.detail_desti_all p {
		text-align: start;
		align-items: flex-start;
		gap: 5px;
		font-size: 13px
	}

	.desti_detail_short,
	.desti_detail_short1 {
		font-size: 12px !important
	}

	.lay_overss .layover_span_all {
		font-size: 10px
	}

	.trip_title_fareswy {
		font-size: 22px
	}

	.trip_title_fareswy_spp {
		flex-direction: column;
		width: 100%;
		align-items: flex-start
	}

	.mid_air_icon {
		margin: 10px 0;
		width: 100%
	}

	.detail_cont_deparrtt_gap {
		flex-wrap: wrap
	}

	.lay_overss {
		margin-top: -15rem !important
	}

	.box_sitemap ul {
		grid-template-columns: repeat(1, 1fr)
	}

	.fil_title11 {
		margin: 20px 0
	}

	.blur_me {
		padding: 30px 0 !important
	}

	.width_common_c_d {
		width: 100%;
		font-size: 17px
	}

	.mr_min_book {
		border-radius: 20px 20px 0 0
	}

	.text_end_det {
		text-align: start;
		justify-content: flex-start
	}

	.control_width_l_d {
		width: 160px
	}

	.w_cont {
		width: 100%
	}

	.listing_body {
		width: 95%
	}
}

.hero_bg_img {
	height: 100%
}

.hero_bg_img img {
	height: 100%;
	object-fit: cover
}

.hero_banner:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .2))
}

.buttons_ways {
	gap: 10px
}

.buttons_ways button {
	border: none;
	padding: 9px 15px;
	background-color: var(--color-light);
	font-size: 13px;
	border-radius: 5px 5px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-weight: 600;
	opacity: .6
}

.buttons_ways button img {
	height: 12px;
	width: auto
}

.holder_input_ic {
	display: flex;
	align-items: center
}

.last_title {
	font-size: 24px;
	font-weight: 600;
	margin-top: 2rem
}

.free_ph_ca {
	background-color: var(--color-light);
	color: var(--color-black);
	display: inline-flex;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	padding: 3px 10px
}

.authr_grid {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px
}

.authr_cont img {
	width: 85px;
	filter: brightness(0) invert(1)
}

.authr_cont1 img {
	width: 60px
}

.holder_input {
	border-left: none
}

.destii_title {
	font-weight: 600;
	font-size: 26px
}

.destii_title span {
	color: var(--color-yellow)
}

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

.starting_fr span {
	font-size: 14px;
	top: -10px;
	position: relative;
	margin-left: 5px;
	color: grey
}

.desti_off_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px
}

.destii_img img {
	height: 230px;
	object-fit: cover;
	margin: 10px 0;
	border-radius: 10px
}

.text_upper {
	text-transform: uppercase;
	font-weight: 600;
	color: var(--color-yellow);
	border-bottom: 2px solid var(--color-yellow);
	display: inline-flex
}

.arrow_right_all {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-yellow);
	border-radius: 50%;
	position: absolute;
	bottom: 1.5rem;
	right: 1rem;
	transition: .3s
}

.arrow_right_all:hover {
	background-color: var(--color-black)
}

.arrow_right_all img {
	height: 30px;
	width: auto;
	transform: rotate(-35deg)
}

.save_badge {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 20px;
	color: white;
	font-size: 14px;
	text-shadow: 1px 1px 15px rgba(0, 0, 0, .7)
}

.book_gridd {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 30px
}

.book_title {
	font-weight: 600;
	font-size: 17px
}

.book_container {
	background-color: var(--color-white);
	border-radius: 10px;
	padding: 20px
}

.booking_i {
	width: 65px;
	height: 65px;
	background-color: #fffdf8;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.booking_i img {
	height: 33px;
	width: auto
}

.book_img_i {
	position: absolute;
	bottom: 10px;
	right: 10px
}

.book_img_i img {
	height: 22px;
	width: auto
}

.book_gridd1 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px
}

.line_book {
	width: 250px;
	height: 3px;
	display: block;
	margin-top: 20px
}

.book_icon_i,
.line_book {
	border-radius: 50%;
	background-color: var(--color-yellow)
}

.book_icon_i {
	width: 23px;
	height: 23px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	right: -1.5rem;
	transform: translateY(-50%)
}

.book_icon_i img {
	height: 10px;
	width: auto
}

.book_icon_i:after {
	content: "";
	position: absolute;
	left: -1rem;
	width: 20px;
	height: 2px;
	background-color: var(--color-yellow)
}

.travel_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px
}

.travel_img img {
	height: 200px;
	object-fit: cover;
	border-radius: 5px
}

.travel_title {
	font-weight: 600;
	font-size: 30px;
	text-transform: uppercase;
	/* font-family: monospace */
}

.travel_content_1 {
	padding: 20px;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
}

.travel_from {
	display: inline-flex;
	font-size: 15px;
	font-weight: 600;
	color: var(--color-yellow)
}

.travel_from span {
	font-size: 12px;
	margin-left: 3px;
	color: black
}

.travel_containerr {
	padding-top: 20px;
	border-radius: 5px;
	position: relative;
	border: 1px solid rgba(0, 0, 0, .1);
	color: black
}

.travel_arr,
.travel_containerr {
	background-color: hsl(42, 100%, 97%)
}

.travel_arr {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, .1)
}

.travel_arr img {
	height: 17px;
	width: auto;
	margin-top: 0 !important;
	transform: rotate(-45deg)
}

.semi_tt {
	color: var(--color-yellow);
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-flex
}

.customer_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 30px
}

.customer_container {
	background-color: var(--color-white);
	padding: 20px
}

.customer_name {
	margin-top: 10px;
	display: flex;
	justify-content: space-between
}

.customer_name_sh {
	background-color: green;
	color: white;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.customer_para {
	font-size: 19px
}

.customer_name11 {
	margin-left: -20px;
	margin-bottom: -20px;
	background-color: #fffdf8;
	display: inline-flex;
	gap: 10px;
	border-radius: 5px;
	padding: 14px 15px
}

.ratings_s {
	display: flex;
	align-items: center;
	gap: 6px
}

.ratings_s img {
	height: 15px;
	width: auto
}

.cus_t {
	font-size: 26px
}

.title_per {
	font-weight: 600;
	font-size: 45px
}

.apr_title {
	font-weight: 600;
	font-size: 34px
}

.ab_tt {
	background-color: var(--color-yellow);
	color: white !important;
	display: flex;
	justify-content: center;
	border-radius: 50px;
	margin-top: 25px;
	padding: 17px 25px;
	font-weight: 600;
	transition: .3s
}

.ab_tt:hover {
	background-color: var(--color-black)
}

.dis_ctt {
	background-color: #fffdf8;
	margin: 10px 0;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid rgba(126, 126, 126, .1);
	border-radius: 5px;
	font-size: 14px
}

.menu_btt {
	display: none
}

.banner_sec {
	padding: 6.7rem 0 1.7rem;
	background-color: var(--color-black)
}

.banner_sec .banner_title1 {
	font-weight: 500;
	font-size: 37px;
	position: relative
}

.banner_sec .banner_title1:after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	height: 8px;
	width: 130px;
	border-radius: 10px 10px 0 0;
	background-color: #fffdf8
}

.spacing_s p,
.spacing_s ul {
	margin-top: 13px
}

.spacing_s ul {
	padding-left: 25px
}

.spacing_s li {
	list-style: disc;
	margin: 9px 0
}

.spacing_s li ul li {
	list-style: circle
}

.spacing_s h1,
.spacing_s h2,
.spacing_s h3,
.spacing_s h4,
.spacing_s h5,
.spacing_s h6 {
	margin-top: 20px;
	font-weight: 600
}

.table-responsive table {
	width: 100%;
	margin-top: 15px
}

.table-responsive table thead {
	background-color: #eee
}

.table-responsive table td,
.table-responsive table th {
	padding: 10px 15px;
	border: 1px solid rgba(0, 0, 0, .1)
}

.table-responsive table tbody tr:nth-child(2n) {
	background-color: white
}

.banner_dest {
	background-image: url(../imgs/businessclassflyers/cancun-bg.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	padding: 9rem 0 3rem;
	position: relative;
	z-index: 1
}

.banner_dest:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .9));
	z-index: -1
}

.banner_dest_c h3 {
	font-size: 36px;
	font-weight: 600;
	border-radius: 10px 10px 0 0
}

.str_f p {
	font-weight: 600;
	font-size: 24px
}

.str_f span {
	font-size: 14px;
	top: -8px;
	margin-left: 5px;
	position: relative
}

.subm_bgg {
	background-color: #fffdf8;
	color: black;
	display: inline-flex;
	padding: 6px 16px;
	border-radius: 0 0 10px 0
}

.mex_bg {
	background-image: url(../imgs/businessclassflyers/mexico-bg.png)
}

.carmen_bg {
	background-image: url(../imgs/businessclassflyers/carmen-bg.png)
}

.puerto_bg {
	background-image: url(../imgs/businessclassflyers/puerto-vallarta-bg.png)
}

.san_bg {
	background-image: url(../imgs/businessclassflyers/san-bg.png)
}

.los_bg {
	background-image: url(../imgs/businessclassflyers/los-bg.png)
}

.seatt_bg {
	background-image: url(../imgs/businessclassflyers/seattle-bg.png)
}

.washington_bg {
	background-image: url(../imgs/businessclassflyers/washington-bg.png)
}

.las_bg {
	background-image: url(../imgs/businessclassflyers/las-bg.png)
}

.chicago_bg {
	background-image: url(../imgs/businessclassflyers/chicago-bg.png)
}

.miami_bg {
	background-image: url(../imgs/businessclassflyers/miami-bg.png)
}

.dubai_bg {
	background-image: url(../imgs/businessclassflyers/dubai-bg.png)
}

.tok_bg {
	background-image: url(../imgs/businessclassflyers/tokyo-bg.png)
}

.sydney_bg {
	background-image: url(../imgs/businessclassflyers/sydney-bg.png)
}

.rome_bg {
	background-image: url(../imgs/businessclassflyers/zurich-bg.png)
}

.madrid_bg {
	background-image: url(../imgs/businessclassflyers/madrid-bg.png)
}

.frankfurt_bg {
	background-image: url(../imgs/businessclassflyers/frankfurt-bg.png)
}

.philippines_bg {
	background-image: url(../imgs/businessclassflyers/philippines-bg.webp)
}

.africa_bg {
	background-image: url(../imgs/businessclassflyers/africa-bg.webp)
}

.europe_bg {
	background-image: url(../imgs/businessclassflyers/europe-bg.webp)
}

.london_bg {
	background-image: url(../imgs/businessclassflyers/london-bg.webp)
}

.holder_inputtop .rmdp-container {
	width: 100%
}

.input_aa {
	padding-bottom: 14px
}

.rmdp-arrow-container {
	background-color: var(--color-yellow) !important
}

.banner_c {
	background-color: var(--color-black);
	padding-top: 7rem;
	padding-bottom: 1rem;
	position: relative;
	z-index: 1
}

.banner_c:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../imgs/businessclassflyers/bg-business.png);
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
	opacity: .3
}

.zz_i {
	position: relative;
	z-index: 9
}

.search_icon_i {
	font-weight: 700
}

.mr_min_book {
	width: 90%;
	position: relative;
	z-index: 2
}

.trip_title_fareswy_spp {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.control_font_dd {
	display: flex;
	align-items: center;
	gap: 15px
}

.modify_bg .form_holdd {
	background-color: white;
	padding: 10px
}

.modify_bg .form_contrainer_s {
	background-color: white;
	border-radius: 10px;
	padding: 7px 10px
}

.banner_dest_c {
	background-color: rgba(0, 0, 0, .2);
	border-radius: 10px
}

.banner_dest_c h3 {
	padding: 12px 20px;
	line-height: 39px;
	font-size: 28px;
	background-color: var(--color-yellow)
}

.str_f {
	padding: 10px 30px
}

.para_c_dess {
	padding: 15px 30px 0
}

.white_bg {
	background-color: white;
	color: black;
	display: inline-flex;
	padding: 0 6px;
	border-radius: 5px
}

.box_sitemap ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.box_sitemap ul a {
	color: black;
	text-decoration: none;
}

.banner_dest_c2 .subm_bgg {
	border-radius: 5px
}

.air_bgg {
	background-image: url(../imgs/businessclassflyers/airline-bg.png)
}

.form_search_us_m_m .search_flight {
	padding: 20px 16px
}

.form_search_us_m_m .input_aa {
	padding-bottom: 0
}

.form_search_us_m_m .holder_input {
	margin-top: 0;
	height: 65px
}

.fixed_call_f {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: var(--color-yellow);
	color: white;
	font-size: 28px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px;
	gap: 6px;
	display: none;
	z-index: 9
}

.fixed_call_f img {
	height: 38px;
	width: auto;
	filter: brightness(0) invert(1)
}

.hong_bg {
	background-image: url(../imgs/businessclassflyers/hong-kong-bg.webp)
}

.singapur_bg {
	background-image: url(../imgs/businessclassflyers/singapore-bg.webp)
}

.paris_bg {
	background-image: url(../imgs/businessclassflyers/paris-bg.webp)
}

.doha_bgg {
	background-image: url(../imgs/businessclassflyers/doha-bg.webp)
}

.johannesburg_bg {
	background-image: url(../imgs/businessclassflyers/johannesburg-bg.webp)
}

.bang_bg {
	background-image: url(../imgs/businessclassflyers/bangkok-bg.webp)
}

.abu_bgg {
	background-image: url(../imgs/businessclassflyers/abu-dhabi.png)
}

.berlin_bgg {
	background-image: url(../imgs/businessclassflyers/berlin-bg.webp)
}

.toronto_bgg {
	background-image: url(../imgs/businessclassflyers/toronto-bg.webp)
}

.amsterdam_bgg {
	background-image: url(../imgs/businessclassflyers/amsterdam-bg.webp)
}

.kuala_bg {
	background-image: url(../imgs/businessclassflyers/kuala-lumpur-bg.webp)
}

.lagos_bg {
	background-image: url(../imgs/businessclassflyers/lagos-bg.webp)
}

.cape_bg {
	background-image: url(../imgs/businessclassflyers/cape-town-bg.webp)
}

.mumbai_bg {
	background-image: url(../imgs/businessclassflyers/mumbai-bg.webp)
}

.seattle_bg {
	background-image: url(../imgs/businessclassflyers/seattle-bg.webp)
}

.boston_bg {
	background-image: url(../imgs/businessclassflyers/boston-bg.webp)
}

.riyadh_bg {
	background-image: url(../imgs/businessclassflyers/riyadh-bg.webp)
}

.denmark_bg {
	background-image: url(../imgs/businessclassflyers/denmark-bg.webp)
}

.georgia_bg {
	background-image: url(../imgs/businessclassflyers/georgia-bg.webp)
}

.norway_bg {
	background-image: url(../imgs/businessclassflyers/norway-bg.webp)
}

.sweden_bg {
	background-image: url(../imgs/businessclassflyers/sweden-bg.webp)
}

.finland_bg {
	background-image: url(../imgs/businessclassflyers/finland-bg.webp)
}

.panama_bg {
	background-image: url(../imgs/businessclassflyers/panama-bg.webp)
}

.belgium_bg {
	background-image: url(../imgs/businessclassflyers/belgium-bg.webp)
}

.malaysia_bg {
	background-image: url(../imgs/businessclassflyers/malaysia-bg.webp)
}

.ice_bg {
	background-image: url(../imgs/businessclassflyers/iceland-bg.webp)
}

.austria_bg {
	background-image: url(../imgs/businessclassflyers/austria-bg.webp)
}

.cyprus_bg {
	background-image: url(../imgs/businessclassflyers/cyprus-bg.webp)
}

.lith_bg {
	background-image: url(../imgs/businessclassflyers/lithuania-bg.webp)
}

.estonia_bg {
	background-image: url(../imgs/businessclassflyers/estonia-bg.webp)
}

.latvia_bg {
	background-image: url(../imgs/businessclassflyers/latvia-bg.webp)
}

.warsaw_bg {
	background-image: url(../imgs/businessclassflyers/warsaw-bg.webp)
}

.brussels_bg {
	background-image: url(../imgs/businessclassflyers/brussels-bg.webp)
}

.stockholm_bg {
	background-image: url(../imgs/businessclassflyers/stockholm-bg.webp)
}

.shanghai_bg {
	background-image: url(../imgs/businessclassflyers/shanghai-bg.webp)
}

.geneva_bg {
	background-image: url(../imgs/businessclassflyers/geneva-bg.webp)
}

.melbourne_bg {
	background-image: url(../imgs/businessclassflyers/melbourne-bg.webp)
}

.seoul_bg {
	background-image: url(../imgs/businessclassflyers/seoul-bg.webp)
}

.oakland_bg {
	background-image: url(../imgs/businessclassflyers/oakland-bg.webp)
}

.colombia_bg {
	background-image: url(../imgs/businessclassflyers/colombia-bg.webp)
}

.morocco_bg {
	background-image: url(../imgs/businessclassflyers/morocco-bg.webp)
}

.italy_bg {
	background-image: url(../imgs/businessclassflyers/italy-bg.webp)
}

.portugal_bg {
	background-image: url(../imgs/businessclassflyers/portugal-bg.webp)
}

.switzerland_bg {
	background-image: url(../imgs/businessclassflyers/switzerland-bg.webp)
}

.sub_menu_li {
	position: relative
}

.business_dropdown {
	position: absolute;
	top: 23px;
	left: 0;
	width: 230px;
	display: none !important;
	flex-direction: column;
	gap: 0 !important;
	background-color: #fffdf8;
	border-radius: 5px
}

.business_dropdown li {
	width: 100%
}

.business_dropdown a {
	color: black !important;
	font-size: 13px !important;
	padding: 6px 10px;
	display: flex;
	text-decoration: none;
}

.view_more_link {
	background-color: var(--color-black);
	border-radius: 0 0 5px 5px
}

.view_more_link a {
	display: flex;
	text-decoration: none;
	align-items: center;
	gap: 5px;
	color: white !important
}

.view_more_link img {
	height: 11px !important
}

.sub_menu_li img {
	height: 6px;
	width: auto
}

.sub_menu_li a {
	gap: 5px;
	display: flex;
	align-items: center;
	text-decoration: none;
}

.sub_menu_li:hover .business_dropdown {
	display: flex !important
}

.desti_off_grid_destii .arrow_right_all {
	bottom: 5px
}

.blog_grid .arrow_right_all {
	bottom: -15px
}

.bg_all_bannerr_common {
	background-image: url(../imgs/businessclassflyers/bg-blog.png);
	position: relative;
	z-index: 1
}

.bg_all_bannerr_common:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .5));
	z-index: -1
}

.bg_destination_common {
	background-image: url(../imgs/businessclassflyers/seattle-bg.webp)
}

.bg_all_bannerr_common_ab {
	background-image: url(../imgs/businessclassflyers/frankfurt-bg.png)
}

.close_navv1 {
	display: none
}

@media screen and (max-width:1200px) {
	.common_padding {
		padding: 0 15px
	}
}

@media screen and (max-width:992px) {
	.nav_links_ul {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .7);
		z-index: 9;
		display: none
	}

	.nav_links_ul_a {
		display: initial
	}

	.nav_links_ul ul {
		flex-direction: column;
		align-items: flex-start;
		background: #fffdf8;
		height: 100%;
		width: 40%;
		gap: 0;
		position: relative;
		padding-top: 2rem
	}

	.nav_links_ul ul li a {
		color: black;
		padding: 8px 16px;
		display: flex;
		text-decoration: none;
	}

	.authr_grid {
		flex-wrap: wrap;
		gap: 20px 50px
	}

	.desti_off_grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.common_title span {
		line-height: normal
	}

	.customer_grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.menu_btt {
		display: flex
	}

	.close_navv1 {
		position: absolute;
		top: 10px;
		right: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		background-color: var(--color-yellow);
		width: 25px;
		height: 25px;
		border-radius: 5px
	}

	.close_navv1 img {
		height: 10px;
		width: auto
	}

	.sub_menu_li img {
		filter: brightness(0) invert(0)
	}

	.business_dropdown {
		padding-top: 0 !important;
		width: 100% !important;
		top: 0;
		position: static;
		height: auto !important
	}

	.view_more_link {
		border-radius: 0
	}

	.sub_menu_li {
		width: 100%
	}

	.hero_banner {
		height: 720px
	}

	.book_gridd {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width:768px) {
	.book_gridd {
		margin-top: 30px
	}

	.travel_grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.menu_btt img {
		height: 32px
	}

	.hero_banner {
		height: auto !important;
	}

	.hero_content {
		position: static !important;
		transform: none;
	}

	.hero_bg_img {
		display: none;
	}

	.hero_banner {
		background:
			linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .2)),
			url("../imgs/businessclassflyers/hero-banner3.png");
		background-size: cover;
		background-position: center;
		padding-bottom: 30px;
	}


	.hero_banner:after {
		display: none;
	}

	header {
		position: sticky;
		background-color: #000;
	}

	.authr_grid {
		gap: 5px;
	}
}

@media screen and (max-width:568px) {
	.book_gridd {
		grid-template-columns: 1fr;
	}

	li,
	p {
		font-size: 14px
	}

	.banner_sec .banner_title1:after {
		height: 7px
	}

	.common_padding {
		padding: 0 12px
	}

	.nav_links_ul ul {
		width: 70%
	}

	.depature_tab {
		font-size: 12px
	}

	.hero_title {
		font-size: 24px;
		line-height: 40px
	}

	.last_title {
		font-size: 17px
	}

	.authr_grid {
		gap: 20px 25px
	}

	.authr_cont img {
		width: 75px
	}

	.authr_cont1 img {
		width: 40px
	}

	.logo_nav img {
		height: 45px
	}

	.fixed_call_f {
		display: flex
	}

	.call_24 {
		font-size: 14px;
		margin-top: 3px
	}

	.span_24 {
		font-size: 11px
	}

	.save_badge {
		font-size: 13px
	}

	.free_ph_ca {
		font-size: 9px;
		padding: 3px 7px
	}

	.desti_off_grid {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px 0
	}

	.buttons_ways button {
		padding: 10px 20px
	}

	.mt_4 {
		margin-top: 22px
	}

	.margin_top {
		margin-top: 40px
	}

	.common_title {
		font-size: 24px;
		line-height: 32px
	}

	.semi_tt {
		font-size: 12px
	}

	.destii_title {
		font-size: 21px
	}

	.customer_para {
		font-size: 14px
	}

	.starting_fr {
		font-size: 20px
	}

	.customer_grid {
		grid-template-columns: repeat(1, 1fr)
	}



	.travel_arr {
		width: 28px;
		height: 28px
	}

	.travel_arr img {
		height: 12px;
		margin-top: 0
	}

	.travel_title {
		font-size: 22px
	}

	.travel_grid {
		grid-gap: 20px
	}

	.travel_containerr {
		padding-top: 10px
	}

	.travel_from {
		font-size: 12px
	}

	.cus_t {
		font-size: 20px
	}

	.title_per {
		font-size: 30px
	}

	.apr_title {
		font-size: 26px
	}

	.title_footer {
		font-size: 18px
	}

	.footer_logg img {
		height: 70px
	}

	.address_tt {
		font-size: 18px;
		line-height: 30px
	}

	.social_media a {
		font-size: 11px;
		text-decoration: none;
	}

	.social_media {
		margin-top: 8px
	}

	.links_ul li a {
		font-size: 15px;
		text-decoration: none;
	}

	.links_ul {
		gap: 10px 20px
	}

	.menu_btt img {
		height: 24px
	}

	.holder_input input {
		font-size: 13px
	}

	.search_flight {
		font-size: 15px
	}

	.banner_sec .banner_title1 {
		font-size: 27px
	}

	.banner_sec {
		padding-top: 5.7rem
	}

	.banner_dest_c {
		font-size: 24px
	}

	.banner_dest {
		padding-top: 2rem
	}

	.banner_dest_c h3 {
		font-size: 22px;
		line-height: 35px
	}

	.subm_bgg {
		font-size: 11px;
		position: relative;
		top: -10px
	}

	.para_c_dess {
		padding-top: 6px
	}

	.str_f p {
		font-size: 24px
	}

	.para_c_dess {
		display: none
	}

	.str_f {
		padding: 0 30px 20px
	}

	.contact_grid {
		grid-template-columns: repeat(1, 1fr)
	}

	.contact_form {
		padding: 20px
	}

	.footer_cc1 {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px
	}

	.banner_dest_c2 p.mt-3 {
		display: none
	}

	.subm_bgg {
		display: block !important
	}

	.banner_dest_c2 h2 {
		font-size: 21px;
		line-height: 35px
	}
}

@media screen and (max-width:378px) {
	.free_ph_ca {
		font-size: 8px;
		padding: 3px 5px
	}

	.call_24 {
		font-size: 13px
	}

	.menu_btt img {
		height: 21px
	}
}

.selected>img {
	border: 3px solid white !important;
	border-radius: 50%
}

.active,
.selected {
	background: var(--color-yellow) !important;
	opacity: 1 !important
}

.active>img {
	border: 3px solid white !important;
	border-radius: 50%
}

.class-option {
	font-size: 11px
}

.travel-class {
	border: 1px solid red
}

.travel-class-dropdown {
	font-size: 11px
}

.hidden {
	border: 2px solid yellow;
	display: none
}

.justify-content-between {
	justify-content: space-between !important;
}

.z-2 {
	z-index: 2 !important;
}

.z-3 {
	z-index: 3 !important;
}

.z-4 {
	z-index: 4 !important;
}

.z-5 {
	z-index: 5 !important;
}

.sticky-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	z-index: 999;
	background-color: #000;
}

ul.ui-widget {
	font-size: 13px !important;
	width: 250px !important;
}

.ui-menu .ui-menu-item-wrapper {
	text-align: start !important;
}

@media screen and (max-width:575px) {
	.inner-form {
		background-color: #fff;
		padding: 1rem;
		border-radius: 12px;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	}

	.form_search_us_m_m .holder_input {
		height: auto;
		padding: 10px;
		margin-bottom: 10px;
		border-left: 1px solid rgba(0, 0, 0, .2);
	}

	.form_holdd {
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: 0px;
	}

	.form_search_us_m_m .search_flight {
		padding: 10px;
		margin-top: 10px;
	}

	.form_search_us_m_m .input_aa {
		padding-bottom: 10px;
	}

	ul.ui-widget {
		width: calc(100% - 20px) !important;
	}

	.box_sitemap ul {
		grid-template-columns: 1fr;
	}

}

.hero_content .col-6 {
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
}