@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

a {
	cursor: pointer
}

.page_heaad{
    padding: 20px 0px;
    font-size: 26px;
    color: #004D9E;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-align: left;
    position: relative;
    margin-bottom: 0;
}
.tyhehotel {
    width: 100%;
    height: 310px;
    
    background-size: cover;
    background-position: 100% 80%;
    color: white;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 180px;
}

/*5-star section*/
  .excellent{
    color: #0F2367;
    font-size: 24px;
    font-weight: 500;
  }

  .excellent_re{
    color: #0F2367;
    font-size: 24px;
    font-weight: 500;
  }

  .divider_line {
    border-left: 2px solid #0F2367;
    height: 25px;
    margin:10px;
  }

  .travel-pr{
    font-weight: 400;
    color: #464646;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
  }

  .travel-hed{
    font-weight: 500;
    color:#0F2367;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
  }


/* Custom arrows */
  .custom-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background-color: transparent;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
  }

  .custom-previous {
    left: -50px;
  }

  .custom-nexxtt {
    right: -50px;
  }

  .ariu_p{
    color:#464646;
    font-size:16px;
    font-weight: 500;
  }
  .highli{
    color: #0F2367;
  }

.gitrs {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
}



.ewrtf1 {
    height: 54px;
    background: transparent;
    width: 100%;
    border: none;
    color: rgb(59, 59, 59);
}

.calendar {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
}

.ewrtf::placeholder {
    color: #b6b6b6;
}


.szet3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #464646;
}

.szet1 {
    font-weight: 700;
    color: #0F2367;
    font-size: 16px;
}

.szet2 {
    font-weight: 600;
    font-size: 16px;
    color: #2D69E0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sdeyady {
    width: 100%;
    height: 56px;
    background: #E60023 !important;
    border-color: #E60023 !important;
    display: flex;
    align-items: center;
    justify-content: center;

}

.sdeyady i {
    padding: 6px;
    font-size: 20px;
}



.tab-buttons {
    display: flex;
    gap: 8px;
}



.tab-btn.active i {
    color: #0080ff !important;
}

.tab-btn {
    /* width: 120px; */
    color: #2D69E0;
    cursor: pointer;
    border-radius: 28px;
    transition: background-color 0.3s ease;
    border: 1px solid #376bfb00;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
     padding: 10px 10px;
}
.tab-btn.active {
    /* width: 120px; */
    color: #2D69E0;
    cursor: pointer;
    padding: 10px 15px;
    box-shadow: 0 -1px 3.4px 4px rgba(219, 228, 255, 0.90) inset, 0 4px 4px 0 rgba(211, 211, 211, 0.16) inset, 0 3px 4px 0 rgba(131, 131, 131, 0.30);
    border-radius: 28px;
    transition: background-color 0.3s ease;
    border: 1px solid #376CFB;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
}
.cabin-dropdown .dropdown-menu {
  width: 218px;
  border-radius: 8px;
  box-shadow: 0 0 29.8px 5px rgba(0, 0, 0, 0.15);
  border: none !important;
}

.cabin-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  cursor: pointer;
}

.highh-light{
    color: #2D69E0 !important;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.cabin-option:hover {
  background: #f5f7fa;
  border-radius: 6px;
}

.cabin-option input {
  accent-color: #2D69E0; 
  cursor: pointer;
  transform: scale(1.6);
}
.mayyc{
   accent-color: #2D69E0; 
  cursor: pointer;
  transform: scale(1.2);
}
.border-st{
    border-left: 1px solid #0F2367;
}
.cabin-option label {
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: #51555E;
}
.mmillkk{
    border-right: 1px solid #0F2367;
}
.jyrd {
    margin: 0;
    color: #939393;
    width: 100%;
}

.compare_btn_hdr {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 140px;
	display: inline-block;
	padding: 7px 5px;
	text-align: center;
	font-size: 14px;
	background: #fff;
	color: #3C78F1;
	border: 2px solid #3C78F1;
	cursor: pointer;
	border-radius: 5px;
	font-weight: 600;
	text-decoration: none
}
.compare_btn_hdr.selected, .compare_btn_hdr:hover {
	color: #fff;
	background: #3C78F1
}
.comp_label {
	padding-right: 45px;
	font-size: 12px;
	font-weight: 600;
	color: #353541
}
.form-switch .form-check-input.comp_check {
	height: 19px;
	width: 37px;
	position: absolute;
	right: 0px;
	top: 3px
}
.form-check-input.comp_check:checked {
	background-color: #ACB4BE;
	border-color: #ACB4BE
}
.form-check-input.comp_check:focus {
	box-shadow: none
}
.tfn-number2 {
	text-align: right;
	font-size: 12px;
	color: #3C78F1;
	font-weight: 400
}
.tfn-number2 .call-icon {
	position: absolute;
	right: 0;
	top: 0
}
.mbn_number {
	padding-right: 0px;
	font-size: 18px;
	color: #3C78F1;
	text-decoration: none;
	font-weight: 700;
	display: block;
	line-height: 20px;
	margin-top: 7px;
	padding-top: 0px
}

@media (max-width: 576px) {
.mbn_number {
	font-size: 15px
}
}
.mbn_number .call_27 {
	font-size: 12px;
	font-weight: 400;
	color: #353541;
	display: block
}
.Tagline_searchbnr {
	padding: 150px 0 10px 0;
	text-align: center;
	color: #040504;
	font-family: "Poppins", sans-serif;
	font-size: 18px
}




@media (max-width: 1023px) {
.Tagline_searchbnr {
	padding: 90px 0 15px 0
}
}
.Tagline_searchbnr h2 {
	font-size: 36px;
	font-weight: 400;
	margin: 0px
}

@media (max-width: 1023px) {
.Tagline_searchbnr h2 {
	font-size: 30px
}
}

@media (max-width: 576px) {
.Tagline_searchbnr h2 {
	font-size: 22px
}
}

@media (max-width: 479px) {
.Tagline_searchbnr h2 {
	font-size: 18px
}
}
.Tagline_searchbnr h1.search_tagbnr {
	font-size: 18px;
	font-weight: 400;
	display: inline-block
}

@media (max-width: 1023px) {
.Tagline_searchbnr h1.search_tagbnr {
	font-size: 16px
}
}

@media (max-width: 576px) {
.Tagline_searchbnr h1.search_tagbnr {
	font-size: 13px
}
}

@media (max-width: 479px) {
.Tagline_searchbnr h1.search_tagbnr {
	font-size: 11px;
	margin-bottom: 0px
}
}
.Tagline_searchbnr p {
	font-size: 17px
}

@media (max-width: 1023px) {
.Tagline_searchbnr p {
	font-size: 16px
}
}

@media (max-width: 576px) {
.Tagline_searchbnr p {
	font-size: 13px
}
}

@media (max-width: 479px) {
.Tagline_searchbnr p {
	font-size: 11px;
	margin-bottom: 0px
}
}
/***swap-icon***/
.relative {
	position: relative
}
.cursor {
	cursor: pointer
}


.destination_field {
	position: relative
}
.destination_field .line {
	background: #3C78F1;
	height: calc(100% - 60px);
	width: 1px;
	display: inline-block;
	position: absolute;
	left: 12px;
	top: 20px;
	z-index: 2
}
.destination_field .line:before {
	content: '';
	position: absolute;
	left: -4px;
	top: -6px;
	width: 8px;
	height: 8px;
	border: 2px solid #3C78F1;
	border-radius: 100%;
	background: #fff
}
.destination_field .line:after {
	content: '';
	position: absolute;
	left: -4px;
	bottom: -6px;
	width: 8px;
	height: 8px;
	border: 2px solid #3C78F1;
	background: #3C78F1;
	border-radius: 100%
}
.searchBNR {
	position: relative;
	z-index: 1
}
.inputSet.compare_list {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	margin: 0px;
	padding: 20px 0px;
	color: #fff
}

@media (max-width: 576px) {
.inputSet.compare_list {
	display: none
}
}
.inputSet.compare_list label {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}




.searviceBox {
	color: #333;
	text-align: center;
	left: 0px;
	top: 122px;
	width: 100%
}

@media (max-width: 1023px) {
.searviceBox {
	top: 80px
}
}

@media (max-width: 576px) {
.searviceBox {	
	background: #ccc;
	padding: 30px 15px 15px;
	text-align: left;
	color: #353541
}
}

@media (max-width: 479px) {
.searviceBox {
	padding: 30px 10px 0px 10px
}
}
.searviceBox h3 {
	font-size: 16px;
	color: #040504;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
}

.searviceBox h4 {
	font-size: 20px;
	padding-top: 25px
}

@media (max-width: 1023px) {
.searviceBox h4 {
	font-size: 15px;
	padding-top: 15px
}
}

@media (max-width: 576px) {
.searviceBox h4 {
	font-size: 14px;
	padding-top: 0px;
	font-weight: 600
}
}

.searviceBox .icon {
    width: 55px;
    height: 55px;
    background: #FF6B00;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }

@media (max-width: 576px) {
.searviceBox .icon {
	width: 55px;
	height: 55px;
	background: #FF6B00;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left
}
}

@media (max-width: 479px) {
.searviceBox .icon {
	width: 40px;
	height: 40px
}
}

@media (max-width: 1023px) {
.searviceBox .icon img {
	width: 30px
}
}

@media (max-width: 479px) {
.searviceBox .icon img {
	width: 20px
}
}

@media (max-width: 576px) {
.searviceBox .right {
	font-size: 12px;
	overflow: hidden;
	padding-left: 20px;
	padding-bottom: 15px
}
}

@media (max-width: 479px) {
.searviceBox .right {
	padding-left: 10px
}
}


.page_title {
	padding: 20px 0px;
	font-size: 24px;
	color: #040504;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	text-align: center;
	position: relative
}

@media (max-width: 576px) {
.page_title {
	font-size: 20px
}
}
.page_title:before {
	content: '';
	width: 70px;
	height: 2px;
	background: #353541;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 17px;
	transform: translateX(-50%)
}


.addbannerBox {
	padding: 50px 0 10px 0
}
.addbannerBox img {
	width: 100%
}

.border_bottom {
	border-bottom: 1px solid #e9e9e9;
	padding-top: 10px
}

.textBox {
	width: 100%;
	padding: 40px 0px 10px 0;
	font-size: 15px;
	line-height: 30px
}

@media (max-width: 1199px) {
.textBox {
	font-size: 14px
}
}

@media (max-width: 576px) {
.textBox {
	font-size: 12px
}
}

@media (max-width: 1023px) {
.textBox {
	padding-top: 26px
}
}
.textBox h2 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px
}

@media (max-width: 1199px) {
.textBox h2 {
	font-size: 20px;
	margin-bottom: 20px
}
}

@media (max-width: 1023px) {
.textBox h2 {
	font-size: 18px
}
}

@media (max-width: 576px) {
.textBox h2 {
	font-size: 16px
}
}

@media (max-width: 479px) {
.textBox h2 {
	font-size: 14px
}
}
.textBox p {
	margin-bottom: 5px;
	line-height: 22px;
}

.textBox.grayBg {
	background: #e8f0f7
}

.clearAllFilterBtn {
	margin-top: 10px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background: #333333;
	display: block;
	text-align: center;
	border: 2px solid #333333;
	padding: 9px;
	border-radius: 3px
}
.clearAllFilterBtn:hover {
	color: #3C78F1;
	border-color: #3C78F1;
	background: transparent
}
.filter-main-head {
	background: #FF6B00;
	height: 48px;
	color: #040504;
	font-size: 16px;
	padding: 12px 15px;
	display: none
}

@media (max-width: 1199px) {
.filter-main-head {
	display: block
}
}
.filter-main-head .filter_close_mobile {
	position: absolute;
	right: 5px;
	color: #040504;
	font-size: 33px;
	top: 4px;
	line-height: 42px;
	width: 42px;
	text-align: center
}

@media (max-width: 576px) {
.tab-pane {
	display: none
}
}

@media (max-width: 576px) {
.tab-pane.active {
	display: block
}
}
.total_results_mobile {
	font-size: 13px;
	color: #1F1F1F;
	font-weight: 600;
	margin: 0px 15px;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	display: none
}

@media (max-width: 576px) {
.total_results_mobile {
	display: block
}
}
.filterTabs {
	width: auto;
	margin: 0;
	padding: 0px;
	list-style: none;
	background: #fff;
	overflow: hidden;
	flex-wrap: nowrap;
	overflow-x: auto;
	display: none
}

@media (max-width: 576px) {
.filterTabs {
	display: flex
}
}
.filterTabs li {
	position: relative;
	border-bottom: 1px solid #3C78F1
}
.filterTabs li a {
	display: block;
	padding: 11px 15px;
	color: #3C78F1;
	font-size: 13px;
	cursor: pointer;
	text-decoration: none;
	width: 110px;
	border-right: 1px solid #3C78F1;
	text-align: center
}
.filterTabs li.active a {
	background: #D9E7FF
}
.mobile_apply_filter {
	background: #3C78F1;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	margin: 0 10px;
	border-radius: 5px;
	position: fixed;
	left: -200%;
	width: 95%;
	bottom: 10px;
	text-align: center;
	padding: 13px;
	cursor: pointer
}
.mobile_apply_filter.disable {
	background: #a9a6a6
}

@media (max-width: 576px) {
.leftCntr.show-component-mobile.open .mobile_apply_filter {
	left: 0px
}
}
#dept-slide-range, #ret-slide-range, #dept-layover-slide-range, #ret-layover-slide-range, #dept-layover-slide, #ret-layover-slide {
	background: #4F8FFC;
	height: 3px;
	position: absolute
}


.graph-row {
	padding: 3px 0;
	position: relative
}
.graph-row:before {
	content: '';
	display: block;
	width: 64%;
	height: 1px;
	background: #e3ecff;
	position: absolute;
	right: 0px;
	top: 13px
}
.filterTabs::-webkit-scrollbar, .ulcompare_list::-webkit-scrollbar {
display:none
}
.filterTabs, .ulcompare_list {
	-ms-overflow-style: none;
	scrollbar-width: none
}

@media (max-width: 576px) {
.iphone_div, .mobile_height {
	height: 80px;
	width: 100%
}
}
.clearfitlerMobile {
	background: #3c78f1;
	color: #fff;
	padding: 5px 11px;
	border-radius: 5px;
	font-size: 13px;
	text-decoration: none
}


.filter_icon_mobile {
	width: 75px;
	float: left;
	overflow: hidden;
	margin: 0px 0 14px 10px;
	background: #fff;
	position: relative;
	box-shadow: 0 4px 3px #00000005;
	border-radius: 5px;
	height: 60px;
	display: none;
	align-items: center;
	justify-content: center;
	font-size: 28px
}

@media (max-width: 1199px) {
.filter_icon_mobile {
	display: flex
}
}

@media (max-width: 479px) {
.filter_icon_mobile {
	width: 40px;
	margin-left: 6px;
	font-size: 24px
}
}

@media (max-width: 359px) {
.filter_icon_mobile {
	height: 60px
}
}
.filter_icon_mobile .filterCount {
	background: #01b10e;
	color: #fff;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	right: 3px;
	top: 3px;
	border-radius: 100%;
	font-size: 12px;
	text-align: center;
	line-height: 20px
}

.more_results {
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #4f8ffc;
	background: #fff;
	padding: 13px;
	font-size: 16px;
	font-weight: 500;
	color: #4f8ffc;
	text-align: center
}

#scrollBottomtop {
	width: 40px;
	height: 40px;
	background: #ffd230;
	border: none;
	border-radius: 100%;
	position: fixed;
	right: 10px;
	bottom: 10px;
	font-size: 29px;
	color: #040504
}

.flight_detail_link {
	padding-right: 11px;
	position: relative;
	display: inline-block;
	margin-top: 10px;
	font-size: 12px;
	color: #353541;
	font-weight: 600;
	text-decoration: none
}
.flight_detail_link:after {
	position: absolute;
	right: 0px;
	top: 4px;
	content: "";
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 7px solid #555;
	border-bottom: 5px solid transparent
}

@media (max-width: 576px) {
.flight_detail_link {
	position: absolute;
	left: 13px
}
}
.total_results {
	font-weight: 600
}
.total_results a {
	text-decoration: none
}
.total_results span {
	color: #3c78f1
}

.selftransfer_title {
	color: #FF1D1D !important;
	display: block;
	font-size: 13px;
	padding: 3px 0
}
.detail-stop img {
	display: none
}
.detail-stop.selftransfer_detailsort {
	background: #ffe8e8;
	padding: 4px;
	border-radius: 2px;
	color: #353541;
	margin-top: 2px;
	display: inline-block
}
.detail-stop.selftransfer_detailsort img {
	margin-right: 5px;
	display: inline-block
}
.selftransfer_detail {
	padding: 10px;
	background: #FFE8E8;
	border-radius: 50px;
	text-align: center;
	margin: 10px 0
}
.selftransfer_detail strong {
	color: #FF1D1D;
	display: block;
	font-size: 13px;
	text-align: center
}
.selftransfer_detail p {
	margin: 0px
}

.compare_strip {
	background: #3C78F1;
	color: #fff;
	text-align: center;
	padding: 9px 0px
}
.compare_strip h3 {
	font-size: 24px;
	font-weight: 300;
	margin: 0px
}

@media (max-width: 576px) {
.compare_strip h3 {
	font-size: 16px
}
}
.compare_strip h3 strong {
	font-weight: 700
}
.compare_strip .back_button {
	color: #fff;
	text-decoration: none;
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 14px;
	display: flex;
	align-items: center
}

@media (max-width: 576px) {
.compare_strip .back_button {
	left: 6px;
	top: -5px
}
}
.compare_strip .back_button .bi-arrow-left-short {
	font-size: 29px;
	line-height: 28px;
	float: left
}
.detailCntr {
	padding-right: 20px;
	width: calc(100% - 300px);
	float: left
}

@media (max-width: 1199px) {
.detailCntr {
	width: calc(100% - 270px)
}
}

@media (max-width: 1023px) {
.detailCntr {
	width: 100%;
	padding-right: 0px
}
}
.sort-detail {
	padding: 0 0 15px 0px;
	font-size: 13px;
	color: #202020
}

@media (max-width: 576px) {
.sort-detail {
	font-size: 12px
}
}
.sort-detail .airline_logo {
	width: 26px;
	margin-right: 10px;
	float: left;
	margin-top: 5px
}
.sort-detail strong {
	font-weight: 500
}

.explore_other {
	padding-top: 20px
}
.explore_other h3 {
	font-size: 22px;
	font-weight: 300;
	padding-bottom: 10px
}

@media (max-width: 576px) {
.explore_other h3 {
	font-size: 16px;
	padding-bottom: 5px
}
}
.explore_other h3 strong {
	font-weight: 700
}
.explore_other ul {
	padding: 0px;
	list-style: none
}
.explore_other ul li {
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #E6E6E6;
	border-radius: 5px;
	background: #F5F5F5;
	position: relative;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #353541;
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media (max-width: 576px) {
.explore_other ul li {
	font-size: 13px
}
}

@media (max-width: 576px) {
.explore_other ul li img {
	width: 80px
}
}
.explore_other ul .price {
	font-size: 21px;
	font-weight: 700;
	margin-right: 10px
}

@media (max-width: 1023px) {
.explore_other ul .price {
	font-size: 18px
}
}

@media (max-width: 576px) {
.explore_other ul .price {
	font-size: 16px
}
}
.explore_other ul .selectBtn {
	width: 140px;
	display: inline-block;
	padding: 7px 5px;
	text-align: center;
	font-size: 15px;
	background: #3C78F1;
	color: #fff;
	border: 2px solid #3C78F1;
	cursor: pointer;
	border-radius: 5px;
	font-weight: 600;
	text-decoration: none
}

@media (max-width: 1023px) {
.explore_other ul .selectBtn {
	width: 104px;
	font-size: 14px;
	padding: 5px
}
}

@media (max-width: 576px) {
.explore_other ul .selectBtn {
	width: 80px
}
}
.explore_other ul .selectBtn.selected, .explore_other ul .selectBtn:hover {
	color: #3C78F1;
	background: #fff
}
.flight_detail_popup {
	max-width: 1012px;
	margin: 0px auto;
	background: #fff;
	border-radius: 10px
}

@media (max-width: 1023px) {
.flight_detail_popup {
	width: 95%
}
}

@media (max-width: 576px) {
.flight_detail_popup {
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	border-radius: 0px
}
}
.flight_detail_popup .head {
	position: relative;
	font-size: 20px;
	padding: 15px;
	background: #3C78F1;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-weight: 700
}

@media (max-width: 576px) {
.flight_detail_popup .head {
	font-size: 16px;
	border-radius: 0px
}
}
.flight_detail_popup .innerblock {
	padding: 10px
}

@media (max-width: 576px) {
.flight_detail_popup .innerblock {
	padding: 10px 10px 60px 10px;
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff
}
}
.flight_detail_popup .title_head {
	color: #353541;
	display: flex;
	font-size: 13px;
	justify-content: space-between
}
.flight_detail_popup .title_head h3 {
	font-size: 15px
}

@media (max-width: 576px) {
.flight_detail_popup .title_head h3 {
	font-size: 13px;
	padding-bottom: 5px
}
}

@media (max-width: 479px) {
.flight_detail_popup .title_head h3 {
	padding-bottom: 0px;
	margin: 0px
}
}
.flight_detail_popup .title_head h3 small {
	font-size: 13px;
	font-weight: 400
}
.flight_detail_popup .title_head h3 .depart-icon {
	margin-right: 5px;
	width: 18px;
	transform: rotate(-50deg)
}
.flight_detail_popup .title_head h3 .return-icon {
	margin-right: 5px;
	width: 18px;
	transform: rotate(-130deg)
}
.flight_detail_popup .title_head strong {
	font-size: 15px;
	font-weight: 600
}
.flight_detail_popup .title_head .title {
	display: flex
}

@media (max-width: 479px) {
.flight_detail_popup .title_head .title {
	flex-direction: column
}
}
.flight_detail_popup .title_head .totalTrip {
	margin-left: 10px
}

@media (max-width: 479px) {
.flight_detail_popup .title_head .totalTrip {
	margin-left: 23px
}
}
.popup_Box.flightDetailpopup .close__popup {
	width: 30px;
	text-align: center;
	display: inline-block;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 27px
}
.popup_Box.flightDetailpopup.popup_open {
	right: 0px
}

@media (max-width: 576px) {
.popup_Box.flightDetailpopup.popup_open {
	transition: all 0.5s
}
.popup_Box.flightDetailpopup.popup_open .flight_detail_popup {
	display: block
}
}
.popup_Box.flightDetailpopup .boxholder {
	margin-right: -10px
}

@media (max-width: 1023px) {
.popup_Box.flightDetailpopup .boxholder {
	margin-right: 0px
}
}
.popup_Box.flightDetailpopup .boxholder .itenary_column {
	width: calc(50% - 10px);
	float: left;
	margin-right: 10px
}
.popup_Box.flightDetailpopup .boxholder .itenary_column.itenary_column-full {
	width: calc(100% - 10px)
}

@media (max-width: 1023px) {
.popup_Box.flightDetailpopup .boxholder .itenary_column {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 7px
}
}
.text-green {
	color: #3AB54A
}
.tooltipBox {
	display: none;
	width: 440px;
	position: absolute;
	top: 37px;
	left: 60px;
	background: #000000;
	padding: 10px 12px;
	font-size: 12px;
	color: #F3F3F3;
	border-radius: 5px;
	z-index: 1
}

@media (max-width: 576px) {
.tooltipBox.nearby_airport {
	left: -114px
}
}
.tooltipBox.nearby_airport:before, .tooltipBox.nearby_airport:after {
	content: ''
}

@media (max-width: 576px) {
.tooltipBox.nearby_airport:before, .tooltipBox.nearby_airport:after {
	left: 198px
}
}

@media (max-width: 576px) {
.tooltipBox {
	width: 222px;
	left: 0px;
	font-size: 10px
}
}

@media (max-width: 359px) {
.tooltipBox {
	width: 150px
}
}
.tooltipBox:after, .tooltipBox:before {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: -10px;
	left: 40px;
	border-bottom: 10px solid #000000
}

@media (max-width: 576px) {
.tooltipBox:after, .tooltipBox:before {
	left: 84px
}
}
.tooltipBox:after {
	border-bottom: 11px solid #000000;
	z-index: 1
}
.tooltipBox p {
	margin: 5px 0px;
	line-height: 18px
}

@media (max-width: 576px) {
.tooltipBox p {
	line-height: 16px
}
}
.tooltipBox .close_tooltip {
	font-size: 23px;
	position: absolute;
	right: 5px;
	top: 0px;
	color: #333;
	cursor: pointer;
	display: none
}
.tooltipBox.aircraft_tooltip {
	top: 26px;
	left: -186px
}

@media (max-width: 479px) {
.tooltipBox.aircraft_tooltip {
	left: -60px !important
}
}
.tooltipBox.tooltip_right {
	left: inherit !important;
	right: -13px;
	top: 23px
}
.tooltipBox.tooltip_right:before, .tooltipBox.tooltip_right:after {
	left: inherit;
	right: 7px
}
.direct_flight {
	position: relative;
	font-size: 12px;
	margin-top: 25px
}
.direct_flight .text-blue {
	font-weight: 600
}
.direct_flight:hover .tooltipBox {
	display: block
}
.stopTooltip-custom .tooltipBox {
	width: max-content;
	left: 50%;
	top: 32px;
	text-align: left;
	transform: translateX(-50%)
}

@media (max-width: 576px) {
.stopTooltip-custom .tooltipBox {
	width: 200px;
	font-size: 10px;
	padding: 6px;
	z-index: 2
}
}
.stopTooltip-custom .tooltipBox:after, .stopTooltip-custom .tooltipBox:before {
	left: 50%;
	transform: translateX(-50%)
}
.stopTooltip-custom strong {
	color: #f3f3f3
}
.stop_tooltip_hover:hover .tooltipBox {
	display: block
}
.fare_family_main {
	display: inline-block
}
.fare_family_main .fare_familytooltip {
	font-weight: 400;
	left: inherit;
	right: 0px;
	top: 25px;
	font-size: 10px;
	width: 211px;
	white-space: normal
}

@media (max-width: 479px) {
.fare_family_main .fare_familytooltip {
	left: inherit;
	right: -9px
}
}
.fare_family_main .fare_familytooltip:before, .fare_family_main .fare_familytooltip:after {
	right: 13px;
	left: inherit
}
.fare_family_main .fare_familytooltip ul {
	padding: 0 13px;
	list-style: auto
}
.fare_family_main:hover .fare_familytooltip {
	display: block
}
.tooltipcity {
	position: absolute;
	opacity: 0;
	display: none;
	top: 20px;
	left: 50%;
	background: #000000;
	padding: 6px 13px;
	font-size: 11px;
	color: #F3F3F3;
	border-radius: 5px;
	z-index: 1;
	transform: translateX(-50%);
	white-space: nowrap;
	border: 1px solid #000000
}
.tooltipcity:after, .tooltipcity:before {
	content: "";
	position: absolute;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: -6px;
	left: 50%;
	border-bottom: 5px solid #000000;
	transform: translateX(-50%)
}
.tooltipcity:after {
	border-bottom: 5px solid #000000;
	z-index: 1
}
.popup_Box {
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	overflow-y: auto
}
.popup_Box .center-block {
	width: 100%;
	height: 100%;
	z-index: 1001;
	display: table;
	table-layout: fixed
}
.popup_Box .outer {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	padding: 40px 0
}
.popup_Box .close__popup {
	width: 38px;
	text-align: center;
	display: inline-block;
	height: 27px;
	position: absolute;
	right: 10px;
	top: 14px;
	color: #000000
}
.session__expire {
	width: 600px;
	border-radius: 8px;
	padding: 40px 50px;
	text-align: center;
	background: #fff;
	margin: 0px auto
}

@media (max-width: 576px) {
.session__expire {
	width: 460px;
	padding: 40px 27px
}
}

@media (max-width: 479px) {
.session__expire {
	width: 95%
}
}

@media (max-width: 359px) {
.session__expire {
	width: 95%;
	padding: 30px 10px
}
}
.session__expire img {
	margin-bottom: 30px
}

@media (max-width: 479px) {
.session__expire img {
	width: 121px
}
}
.session__expire .search_tagbnr {
	color: #1F1F1F;
	margin-bottom: 15px;
	font-weight: 700
}

@media (max-width: 479px) {
.session__expire .search_tagbnr {
	font-size: 14px
}
}
.session__expire p {
	color: #5B5B5B;
	margin-bottom: 35px
}

@media (max-width: 479px) {
.session__expire p {
	font-size: 12px
}
}
.session__expire button {
	background: #CED0D4;
	color: #333;
	font-size: 15px;
	width: 167px;
	text-align: center;
	padding: 12px 5px;
	border: 0;
	border-radius: 3px;
	font-weight: 600
}

@media (max-width: 479px) {
.session__expire button {
	font-size: 13px;
	width: 130px
}
}
.session__expire button.active {
	background: #355CEC;
	color: #fff;
	margin-right: 50px
}

@media (max-width: 479px) {
.session__expire button.active {
	margin-right: 20px
}
}

@media (max-width: 359px) {
.session__expire button.active {
	margin-right: 10px
}
}
.more_results {
	margin-bottom: 20px
}
.no__resultBox {
	border-radius: 8px;
	padding: 20px 50px;
	text-align: center;
	background: #fff;
	box-shadow: 0 4px 3px #00000005
}
.no__resultBox img {
	margin-bottom: 15px
}
.no__resultBox .search_tagbnr {
	font-size: 16px;
	font-weight: 700;
	color: #1F1F1F;
	margin-bottom: 2px
}

@media (max-width: 479px) {
.no__resultBox .search_tagbnr {
	font-size: 14px
}
}
.no__resultBox p {
	color: #5B5B5B;
	margin-bottom: 10px
}

@media (max-width: 479px) {
.no__resultBox p {
	font-size: 12px
}
}
.no__resultBox a.reset {
	color: #355CEC;
	text-decoration: underline
}
.no__resultBox .call-txt {
	padding: 18px 0 2px 0
}
.no__resultBox .call-txt b {
	color: #1F1F1F;
	display: block;
	margin-bottom: 10px
}

@media (max-width: 479px) {
.no__resultBox .call-txt b {
	font-size: 14px
}
}
.no__resultBox .call-txt a {
	background: #FFE44F;
	color: #222940;
	font-size: 17px;
	padding: 9px 10px;
	border-radius: 30px;
	font-weight: bold;
	display: inline-block;
	width: 202px;
	text-decoration: none
}

@media (max-width: 479px) {
.no__resultBox .call-txt a {
	font-size: 14px
}
}
.no__resultBox .call-txt a:hover {
	text-decoration: none
}
.no__resultBox .call-txt a img {
	margin: 0;
	vertical-align: middle
}
.no__resultBanner-container {
	margin: 30px 0
}
.no__resultBanner {
	padding: 25px;
	text-align: right;
	
	box-shadow: 0px 0px 6px #00000029;
	margin: auto;
	width: 504px;
	font-size: 16px
}

@media (max-width: 576px) {
.no__resultBanner {
	width: 95%;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	padding: 21px
}
}
.col_desktop {
	display: block
}

@media (max-width: 576px) {
.col_desktop {
	display: none
}
}
.col_mobile {
	display: none
}

@media (max-width: 576px) {
.col_mobile {
	display: block
}
}
.no__resultBanner .search_tagbnr {
	color: #1E44D2;
	margin-bottom: 10px;
	font-weight: 700
}

@media (max-width: 576px) {
.no__resultBanner .search_tagbnr {
	font-size: 16px
}
}

@media (max-width: 479px) {
.no__resultBanner .search_tagbnr {
	font-size: 14px
}
}
.no__resultBanner p {
	color: #333333;
	margin-bottom: 30px
}

@media (max-width: 576px) {
.no__resultBanner p {
	font-size: 14px
}
}

@media (max-width: 479px) {
.no__resultBanner p {
	font-size: 12px
}
}
.center-call-txt {
	width: 290px;
	display: inline-table;
	text-align: center
}

@media (max-width: 576px) {
.center-call-txt {
	width: auto;
	display: block
}
}
.no__resultBanner .call-txt {
	padding: 18px 0 2px 0
}

@media (max-width: 576px) {
.no__resultBanner .call-txt {
	padding: 0px
}
}
.no__resultBanner .call-txt b {
	color: #1F1F1F;
	display: block;
	margin-bottom: 15px;
	font-weight: normal
}
.no__resultBanner .call-txt a {
	background: #FFE44F;
	color: #222940;
	font-size: 24px;
	text-decoration: none;
	padding: 10px;
	border-radius: 30px;
	font-weight: bold;
	display: inline-block;
	width: 100%
}

@media (max-width: 576px) {
.no__resultBanner .call-txt a {
	font-size: 20px;
	padding: 9px 20px;
	white-space: nowrap
}
}

@media (max-width: 479px) {
.no__resultBanner .call-txt a {
	font-size: 18px;
	padding: 8px 25px
}
}

@media (max-width: 359px) {
.no__resultBanner .call-txt a {
	font-size: 16px;
	padding: 8px 20px
}
}
.no__resultBanner .call-txt a:hover {
	text-decoration: none
}
.no__resultBanner .call-txt a img {
	margin: 0;
	vertical-align: middle;
	width: 30px
}

@media (max-width: 479px) {
.no__resultBanner .call-txt a img {
	width: 23px
}
}
.no__resultBanner .offer-txt {
	color: #355CEC;
	font-size: 16px;
	padding: 30px 0 20px
}

@media (max-width: 479px) {
.no__resultBanner .offer-txt {
	font-size: 14px
}
}
.no__resultBanner .offer-txt .discount {
	color: #000
}

@media (max-width: 576px) {
.no__resultBanner .offer-txt .discount {
	font-size: 25px
}
}

@media (max-width: 479px) {
.no__resultBanner .offer-txt .discount {
	font-size: 20px
}
}
.no__resultBanner .offer-txt .discount span {
	color: #355CEC
}
.loading_block {
	overflow: hidden;
	max-width: 600px;
	margin: 0px auto;
	background: #fff;
	box-shadow: 0px 0px 6px #00000029;
	padding: 60px 0;
	text-align: center
}
.loading_block p {
	padding-top: 40px;
	font-size: 14px;
	font-weight: 600;
	color: #355CEC
}
.loading_block .loading_flight {
	height: 129px;
	position: relative
}
.loading_block .animation_div {
	position: absolute;
	left: -60px;
	top: 0px;
	animation-name: example;
	animation-duration: 8s;
	animation-iteration-count: infinite
}
.loading_block .loading_image {
	position: absolute;
	left: -75px;
	top: 0px
}
.loading_block .loading_back {
	width: 185px;
	height: 99px;
	position: absolute;
	left: -200px;
	top: 15px;
	background: #fff;
	background: -moz-linear-gradient(left, #fff 0%, #d9e7ff 100%);
	background: -webkit-linear-gradient(left, #fff 0%, #d9e7ff 100%);
	background: linear-gradient(to right, #fff 0%, #d9e7ff 100%)
}
@keyframes example {
0% {
left:-70px
}
100% {
left:800px
}
}
.compare_popup {
	width: 500px;
	background: #fff;
	margin: 0px auto;
	border-radius: 5px;
	overflow: hidden
}

@media (max-width: 576px) {
.compare_popup {
	width: 460px
}
}

@media (max-width: 479px) {
.compare_popup {
	width: 95%
}
}
.compare_popup .searchComparehome {
	box-shadow: none
}
.compare_popup .checkmark {
	position: absolute;
	left: -28px
}
.compare_popup label {
	margin-left: 33px
}
.compare_popup .head {
	padding: 20px;
	background: #3C78F1;
	font-size: 25px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	border-radius: 5px 5px 0px 0px;
	position: relative
}

@media (max-width: 576px) {
.compare_popup .head {
	font-size: 18px
}
}
.compare_popup .close__popup {
	font-size: 38px;
	color: #fff;
	height: 42px;
	top: -4px;
	right: 4px
}
.compare_popup .thanks {
	text-align: center;
	margin-bottom: -16px;
	margin-top: 11px
}
.compare_popup .thanks a {
	font-size: 17px;
	color: #6E6E6E;
	font-weight: 600;
	text-decoration: none
}
.minimix_popup {
	display: none;
	background: #353541;
	padding: 0px 10px 0px 0;
	box-shadow: 0 0 6px #00000029;
	font-size: 12px;
	color: #fff;
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	align-items: center;
	justify-content: space-between
}

@media (max-width: 576px) {
.minimix_popup {
	display: flex
}
}
.minimix_popup p {
	margin: 0px
}
.minimix_popup .sponsor {
	display: block;
	opacity: 0.5
}
.minimix_popup .close__popup {
	font-size: 36px;
	padding: 10px;
	color: #fff
}
.minimix_popup .compareBtn {
	margin: 10px 0;
	width: 140px;
	display: inline-block;
	padding: 7px 5px;
	text-align: center;
	font-size: 15px;
	background: #3C78F1;
	color: #fff;
	border: 2px solid #3C78F1;
	cursor: pointer;
	border-radius: 5px;
	font-weight: 600
}
.contentCntr {
	padding-top: 30px
}

@media (max-width: 576px) {
.contentCntr {
	padding-top:0px
}
}
.leftCntr {
	width: 250px;
	float: left
}

@media (max-width: 1199px) {
.leftCntr.show-component-mobile {
	position: fixed;
	left: -440px;
	top: 0;
	width: 300px;
	transition: all .5s;
	background: #fff;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 5
}
}

@media (max-width: 576px) {
.leftCntr.show-component-mobile {
	width: 100%;
	left: -200%
}
}
.leftCntr.show-component-mobile.open {
	left: 0;
	height: 100%;
	padding: 0;
	box-shadow: 0px 0px 8px #0000005c
}
.resultsCntr {
	width: calc(100% - 550px);
	float: left;
	padding: 0 20px
}

@media (max-width: 1299px) {
.resultsCntr {
	padding: 0 15px;
	width: calc(100% - 520px)
}
}

@media (max-width: 1199px) {
.resultsCntr {
	width: 100%;
	padding: 0px
}
}
.rightCntr {
	width: 300px;
	float: left
}

@media (max-width: 1299px) {
.rightCntr {
	width: 270px
}
}

@media (max-width: 1023px) {
.rightCntr {
	display: none
}
}
.msgBox {
	background: #3AB54A;
	border-radius: 20px;
	display: inline-block;
	position: relative;
	font-size: 12px;
	color: #fff;
	font-weight: 500;
	padding: 5px 12px
}
.msgBox .bi-info-circl {
	margin-left: 2px;
	cursor: pointer
}
.msgBox:hover .tooltipBox {
	display: block
}
.recentviewed {
	background: #CCDEF1;
	border-radius: 20px;
	display: inline-block;
	position: relative;
	font-size: 12px;
	color: #0C5DBA;
	font-weight: 500;
	padding: 5px 12px
}
.recentviewed .bi-info-circl {
	margin-left: 2px;
	cursor: pointer
}
.support-bottom-strip {
	height: 60px;
	display: none
}

@media (max-width: 576px) {
.support-bottom-strip {
	display: block
}
}
.support-bottom-strip .tele {
	font-size: 25px;
	font-weight: 700;
	line-height: 27px
}
.support-bottom-strip a {
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	position: fixed;
	padding: 10px;
	bottom: 0;
	z-index: 1;
	width: 100%;
	background: #3AB54A;
	transition: all .5s ease 0s;
	font-size: 11px;
	font-family: "Montserrat", sans-serif
}
.support-bottom-strip .tele_block {
	position: relative;
	padding-left: 50px;
	display: inline-block
}
.support-bottom-strip img {
	position: absolute;
	left: 0px;
	top: 0px
}
.add_banner img {
	margin-bottom: 15px;
	max-width: 100%
}

@media (max-width: 576px) {
.add_banner img {
	width: 100%
}
}
.partnerBox {
	box-shadow: 0 4px 3px #00000005;
	border-radius: 5px;
	padding: 15px;
	background: #fff;
	position: relative;
	overflow: hidden;
	font-family: "Poppins", sans-serif;
	color: #1F1F1F
}

@media (max-width: 576px) {
.partnerBox {
	margin-bottom: 30px
}
}
.partnerBox h4 {
	font-size: 14px;
	color: #353541;
	font-weight: 600
}
.partnerBox p {
	font-size: 13px;
	color: #353541;
	font-weight: 400
}
.partnerBox .items {
	padding: 0 10px 0px 0
}
.partnerBox .label {
	width: 100%;
	padding: 10px 15px;
	float: left;
	border: 1px solid #D9D9D9;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center
}
.partnerBox .label img {
	height: 35px;
	margin-right: 10px
}

@media (max-width: 576px) {
.partnerBox .label img {
	height: 25px
}
}

@media (max-width: 1199px) {
.partnerBox .slick-list.draggable {
	padding: 0 100px 0 0 !important
}
}
#go-top {
	position: fixed;
	right: 44px;
	bottom: 36px;
	width: 40px;
	text-align: center;
	z-index: 9;
	display: none;
	cursor: pointer;
	padding: 4px;
	background-color: #355CEC;
	color: #fff;
	font-size: 21px;
	height: 40px
}
.open-model, .open-model2 {
	overflow: hidden
}
.open-modeliphone.open-model {
	overflow: hidden
}

@media (max-width: 576px) {
.open-modeliphone.open-model {
	overflow: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%
}
}
.comrs_holder {
	width: 100%;
	height: calc(100vh - 245px);
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	position: relative;
	overflow-y: hidden;
	overflow-x: auto
}

@media (max-width: 1023px) {
.comrs_holder {
	height: 85vh
}
}
.comrs_holder .comsiteBlock {
	width: 100%;
	min-width: 400px;
	padding: 0 10px
}

@media (max-width: 576px) {
.comrs_holder .comsiteBlock {
	min-width: 345px;
	padding: 0 3px
}
}
.comrs_holder .comsiteBlock .block_head {
	background: #3C78F1;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media (max-width: 576px) {
.comrs_holder .comsiteBlock .block_head {
	font-size: 11px;
	padding: 5px
}
}
.comrs_holder .comsiteBlock .block_head img {
	margin: 2px 6px;
	cursor: pointer;
	float: left
}
.comrs_holder .comsiteBlock .block_head a {
	float: left
}
.comrs_holder .partner_frame {
	background: #fff;
	width: 100%;
	height: calc(100% - 32px)
}

@media (max-width: 1023px) {
.comrs_holder .partner_frame {
	height: 85%
}
}
.comsiteBlock.fullwindow {
	display: block !important;
	width: 100%;
	height: 100%
}
.backmain_results {
	font-family: "Poppins", sans-serif;
	background: #FF6B00;
	border: none;
	font-size: 14px;
	color: #040504;
	text-align: center;
	border-radius: 5px;
	padding: 8px 10px;
	font-weight: 500;
	outline: none;
	cursor: pointer;
	margin-bottom: 15px;
	display: flex;
	text-decoration: none;
	align-items: center;
	width: 200px
}
.backmain_results .bi-arrow-left-short {
	font-size: 29px;
	line-height: 28px;
	float: left
}
.nopartners {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}
.nopartners .nopartners_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #fff;
	padding: 40px;
	border-radius: 5px
}
.nopartners .plus_icon {
	font-size: 50px;
	color: #0bc50b
}
.nopartners .nopartners_headline {
	font-size: 36px;
	font-weight: 700;
	color: #333
}
.nopartners .nopartners_subheadline {
	font-size: 24px;
	margin-top: 5px;
	color: #333
}
.nopartners .nopartners_button {
	margin-top: 20px;
	height: 60px;
	padding: 0 20px;
	font-size: 24px;
	font-weight: 700;
	background-color: #3C78F1;
	color: #fff;
	border: none;
	outline: none;
	border-radius: 5px
}

.dot {
	color: #FF6B00;
	width: 100px;
	height: 35px;
	display: inline-block; 
	background: var(--d), var(--d), var(--d);
	background-size: 22px 22px;
	background-repeat: no-repeat;
	animation: m 1s infinite alternate
}
@keyframes m {
0% {
background-position:calc(0*100%/2) 50%, calc(1*100%/2) 50%, calc(2*100%/2) 50%
}
20% {
background-position:calc(0*100%/2) 0, calc(1*100%/2) 50%, calc(2*100%/2) 50%
}
40% {
background-position:calc(0*100%/2) 100%, calc(1*100%/2) 0, calc(2*100%/2) 50%
}
60% {
background-position:calc(0*100%/2) 50%, calc(1*100%/2) 100%, calc(2*100%/2) 0
}
80% {
background-position:calc(0*100%/2) 50%, calc(1*100%/2) 50%, calc(2*100%/2) 100%
}
100% {
background-position:calc(0*100%/2) 50%, calc(1*100%/2) 50%, calc(2*100%/2) 50%
}
}
.mobloadingDiv {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	background: #fff;
	height: 100%;
	border-radius: 5px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}
.loadingtext {
	padding-top: 15px;
	font-size: 18px;
	color: #1F1F1F;
	font-weight: 500
}
.midpage {
	background: #f5f5f5;
	height: calc(100vh - 80px);
	display: flex;
	align-items: center
}
.midloadingDiv {
	background: #fff;
	width: 400px;
	border-radius: 5px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 300px;
	margin: 0px auto;
	padding: 30px;
	text-align: center
}
.mid_container .show-component-mobile {
	background: #fff;
	padding: 10px
}
.mid_container .resultsBox {
	padding: 10px
}
.loader-box {
	position: relative;
	overflow: hidden
}
.loader-box:before {
	position: absolute;
	top: 0;
	left: -50%;
	z-index: 2;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	-webkit-animation: shine .75s infinite;
	animation: shine .75s infinite
}
.loader-box .img_responsive {
	width: 100%
}
.loader {
	margin: 0px;
	height: 4px;
	width: 100%;
	position: relative;
	overflow: hidden
}
.loader .loading_increse {
	position: absolute;
	height: 4px;
	background-color: #4F8FFC;
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem
}
.circle-loader {
	margin-bottom: 3.5em;
	border: 4px solid #EEEEEE;
	border-left-color: #4F8FFC;
	border-top-color: #4F8FFC;
	animation: loader-spin 1.2s infinite linear;
	position: relative;
	display: block;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	margin: 0px auto
}
.loader_icon {
	
	width: 100px;
	height: 100px;
	margin: 0px auto 10px auto
}
.loading_block_content {
	font-size: 15px;
	color: #3C78F1;
	text-align: center;
	padding-bottom: 30px;
	line-height: 25px
}
.loading_block_content .searching {
	padding-bottom: 10px
}
@keyframes loader-spin {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
@-webkit-keyframes shine {
100% {
left:125%
}
}
@keyframes shine {
100% {
left:125%
}
}
.f_progrss_modal:after {
	content: "";
	display: block;
	position: absolute;
	top: 60px;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 10;
	background: transparent
}
.ngProgressLiteBar {
	position: absolute;
	top: 62px;
	height: 4px;
	background-color: #4F8FFC;
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem
}

@media (max-width: 1199px) {
.ngProgressLiteBar {
	top: 178px
}
}

@media (max-width: 1023px) {
.ngProgressLiteBar {
	top: 110px
}
}

@media (max-width: 576px) {
.ngProgressLiteBar {
	top: 108px;
	background-color: #4F8FFC;
	background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
}
}
.session_expBlock {
	text-align: center
}
.session__expire {
	text-align: center;
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	margin: 0px auto;
	border-top: 1px solid #ccc
}
.session__expire .search_tagbnr {
	font-size: 20px;
	margin: 10px 0px;
	color: #505050;
	font-weight: 700;
	display: block
}
.session__expire .icons {
	font-size: 50px;
	color: #0b60f4
}
.session__expire p.fs_18 {
	font-size: 16px
}
.session__expire .button {
	padding: 7px 20px;
	font-size: 16px;
	font-weight: 700;
	background-color: #3C78F1;
	color: #fff;
	border: none;
	outline: none;
	border-radius: 5px;
	display: inline-block
}
.session__expire img {
	max-width: 400px
}
.content_page_title {
	background-color: #0A2D72D1;
	padding: 30px 15px;
	text-align: center;
	height: 135px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff
}

@media (max-width: 576px) {
.content_page_title {
	height: 80px
}
}
.content_page_title h1 {
	font-size: 40px;
	font-weight: 600;
	line-height: 44px;
	margin: 0px
}

@media (max-width: 576px) {
.content_page_title h1 {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center
}
}
.content_page_title h1 img {
	margin-right: 8px
}

@media (max-width: 576px) {
.content_page_title h1 {
	font-size: 21px;
	white-space: nowrap
}
}
.content_page_title h1:before {
	margin-right: 10px;
	display: none;
	width: 50px;
	height: 1px;
	content: "";
	vertical-align: middle;
	background: rgba(255,255,255,0.3)
}
.content_page_title h1:after {
	margin-left: 10px;
	display: none;
	width: 50px;
	height: 1px;
	content: "";
	vertical-align: middle;
	background: rgba(255,255,255,0.3)
}
.textBox h3 {
	color: #333;
	font-size: 20px;
	font-weight: 600
}

@media (max-width: 576px) {
.textBox h3 {
	font-size: 18px
}
}
.textBox .content-wrap {
	display: block;
	color: #5c6272
}
.textBox ul.list {
	list-style: none
}
.textBox ul.list li {
	position: relative
}
.textBox ul.list li:before {
	content: '';
	width: 6px;
	height: 6px;
	background: #ccc;
	position: absolute;
	left: -16px;
	top: 12px;
	border-radius: 100%
}
.textBox .left_image {
	float: left;
	padding: 13px 23px 20px 0
}
.textBox .right_image {
	float: right;
	padding: 13px 0px 20px 23px
}
.contactBox {
	padding-top: 30px
}
.contactBox h3 {
	padding-bottom: 10px
}
.contactBox .rightBlock {
	padding-left: 60px
}

@media (max-width: 1023px) {
.contactBox .rightBlock {
	padding-left: 0px
}
}
.contactBox .holder {
	display: flex;
	justify-content: space-between;
	padding: 50px
}

@media (max-width: 576px) {
.contactBox .holder {
	flex-direction: column;
	padding: 40px 0
}
}
.contactBox .block {
	padding: 15px;
	width: 100%;
	margin-bottom: 4px;
	text-align: center;
	background: #f7f7f7;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}
.contactBox .block .icons {
	font-size: 35px;
	width: 70px;
	height: 70px;
	border: 1px solid #ffd230;
	text-align: center;
	line-height: 70px;
	margin: 0 0 10px 0
}
.contactBox .block h4 {
	font-size: 20px
}
.contactBox .block p {
	margin-bottom: 0px
}
.contactBox .block a {
	color: #5c6272;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none
}
.contactBox .block a.email {
	font-size: 18px
}

@media (max-width: 1023px) {
.contactBox .block a.email {
	font-size: 15px
}
}
.contactForm .form-label {
	font-weight: 600
}
.contactForm .form-control {
	padding: 10px 12px;
	border-radius: 0px
}
.contactForm .submitBtn {
	background-color: #ffd230;
	border-color: #ffd230;
	border-radius: 0px;
	padding: 10px 32px;
	color: #333;
	font-weight: 600;
	border: none
}
.contactForm .capcha-txt {
	color: #fff;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
	padding: 3px 20px 3px 12px;
	background: #3a3a3a;
	display: flex;
	align-items: center;
	justify-content: space-evenly
}
.F-progrss-modal:after {
	content: "";
	display: none;
	position: absolute;
	top: 0px;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 10;
	height: 62px;
	background: transparent
}

@media (max-width: 576px) {
.F-progrss-modal:after {
	display: none
}
}
.sitemap-wrap {
	display: block;
	color: #5c6272;
	margin-bottom: 30px
}
.site_map_links {
	list-style: none;
	padding: 0px;
	margin: 0;
	overflow: hidden
}
.site_map_links li {
	width: 25%;
	float: left;
	line-height: 33px;
	padding-left: 15px
}

@media (max-width: 1023px) {
.site_map_links li {
	width: 33.3%
}
}

@media (max-width: 576px) {
.site_map_links li {
	width: 50%
}
}
.site_map_links li a {
	color: #333;
	position: relative;
	text-decoration: none;
	font-size: 14px
}

@media (max-width: 576px) {
.site_map_links li a {
	font-size: 13px
}
}
.site_map_links li a:before {
	content: '';
	width: 6px;
	height: 6px;
	background: #0A2D72;
	position: absolute;
	left: -13px;
	top: 7px;
	border-radius: 100%
}

.row_margin {
	clear: both
}
.d-sm-none {
	display: none
}

@media (max-width: 576px) {
.d-sm-none {
	display: block
}
}
.d-sm-inline-block {
	display: inline-block
}

@media (max-width: 576px) {
.d-sm-inline-block {
	display: none
}
}
.container-fluid .col-lg-6 {
	width: 50%;
	float: left
}

@media (max-width: 576px) {
.container-fluid .col-lg-6 {
	width: 100%
}
}
.mobile_search_popup .row {
	display: flex
}
.partner_frame iframe {
	border: none
}

@media screen and (min-width: 1025px) {
.filterBox ul.time_filter li:hover {
	background: #3C78F1;
	border-color: #3C78F1;
	color: #fff
}
.filterBox ul.time_filter li:hover .icon_earlymorning {
	}
.filterBox ul.time_filter li:hover .icon_morning {
	}
.filterBox ul.time_filter li:hover .icon_afternoon {
	}
.filterBox ul.time_filter li:hover .icon_evening {
	}
.sortingBox ul li:hover {
	border-color: #3C78F1
}
.resultsBox .price-section .selectBtn:hover {
	color: #3C78F1;
	background: #fff
}
.clearAllFilterBtn:hover {
	color: #3C78F1;
	border-color: #3C78F1;
	background: transparent
}

.flight_detail_link:hover:after {
	border-left: 7px solid #0a58ca
}
.ui-autocomplete li .parent_div:hover, .ui-autocomplete li .child_div:hover {
	background: #4F8FFC;
	color: #fff
}
.ui-autocomplete li .parent_div:hover .location_icon, .ui-autocomplete li .child_div:hover .location_icon {
	color: #fff
}
.ui-autocomplete li .parent_div:hover .flight_icon, .ui-autocomplete li .child_div:hover .flight_icon {
	}
}
.bannerBox {
	width: 100%;
	height: 450px;
	position: relative;
	background-position: center top;
	background-size: cover
}

@media (max-width: 576px) {
.bannerBox {
	height: 580px
}
}
.Tagline_searchbnr {
	padding: 90px 0 50px 0;
	text-align: center;
	color: #fff;
	font-family: "Poppins", sans-serif
}

@media (max-width: 1023px) {
.Tagline_searchbnr {
	padding: 20px 0 22px 0;
}
}
.Tagline_searchbnr h2 {
	font-size: 40px;
	font-weight: 400;
	margin: 0px
}

@media (max-width: 1023px) {
.Tagline_searchbnr h2 {
	font-size: 30px
}
}

@media (max-width: 576px) {
.Tagline_searchbnr h2 {
	font-size: 22px;
	margin-bottom: 10px
}
}
.Tagline_searchbnr p {
	font-size: 18px;
	padding-top: 10px
}

@media (max-width: 1023px) {
.Tagline_searchbnr p {
	font-size: 16px
}
}

@media (max-width: 576px) {
.Tagline_searchbnr p {
	font-size: 13px;
	padding: 0 20px
}
}
.innerBannerBox {
	width: 100%;
	height: 620px;
	position: relative;
	background-position: center top;
	background-size: cover
}

@media (max-width: 576px) {
.innerBannerBox {
	height: auto;
	padding-bottom: 40px
}
}
.innerBannerBox:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: rgba(0,0,0,0.2)
}
.innerBannerBox .Tagline_searchbnr {
	padding-top: 110px;
	padding-bottom: 60px;
	color: #fff
}

@media (max-width: 1023px) {
.innerBannerBox .Tagline_searchbnr {
	padding-top: 90px;
	padding-bottom: 30px
}
}

@media (max-width: 576px) {
.innerBannerBox .Tagline_searchbnr {
	padding-top: 25px;
	padding-bottom: 20px
}
}
.innerBannerBox .Tagline_searchbnr h2 {
	font-weight: 700
}

@media (max-width: 1023px) {
.innerBannerBox .Tagline_searchbnr h2 {
	font-size: 25px;
	margin-bottom: 5px
}
}
.animation_block {
	position: relative;
	border: 1px solid red;
	width: 370px;
	height: 182px;
	overflow: hidden;
	margin: 20px auto
}
.animation_block .slide {
	width: 100%;
	animation-name: example;
	animation-fill-mode: forwards;
	animation: example 2s infinite;
	animation-delay: 2s;
	position: absolute;
	left: -200px;
	top: 0px
}
@keyframes example {
from {
left:-200px
}
to {
left:100%
}
}
.tabcontent {
	display: none
}
.deal_content_block .resultsBox {
	border: 1px solid #DEDEDE;
	box-shadow: none
}
.deal_content_block .resultsBox .connnecting-block {
	padding: 17px 18px 24px 0px
}
.deal_content_block .resultsBox .price-section {
	padding: 12px 15px 6px 0
}
.deal_content_block .resultsBox .border-right {
	display: flex;
	align-items: center;
	justify-content: center
}
.deal_content_block .resultsBox .block_left {
	width: 100%
}

@media (max-width: 1199px) {
.deal_content_block .resultsBox .selectBtn {
	width: 95px
}
}

@media (max-width: 1023px) {
.deal_content_block .resultsBox .price-section {
	padding: 7px 10px;
	border-top: 1px solid #E5EBF0
}
.deal_content_block .resultsBox .left_mob {
	float: left;
	padding-top: 5px
}
.deal_content_block .resultsBox .price {
	font-size: 21px
}
.deal_content_block .resultsBox .border-right {
	border: none
}
}
.page_title:before {
	display: none
}
ul.tabs {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-around;
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
	max-width: 766px;
	margin: 0px auto 30px
}

@media (max-width: 576px) {
ul.tabs {
	border: none;
	padding: 0px
}
}
ul.tabs li {
	padding: 0px 15px
}
ul.tabs li a {
	font-size: 16px;
	color: #353541;
	text-decoration: none;
	padding: 0 10px 8px 10px;
	border-bottom: 2px solid transparent
}

@media (max-width: 479px) {
ul.tabs li a {
	font-size: 13px;
	white-space: nowrap
}
}
ul.tabs li a.active {
	border-bottom: 2px solid #3C78F1;
	color: #3C78F1
}
.hostan_text {
	padding: 20px 0px;
	text-align: center
}
.hostan_text h2 {
	font-size: 50px;
	color: #040504;
	font-weight: 700;
	padding-bottom: 30px
}

@media (max-width: 1023px) {
.hostan_text h2 {
	font-size: 40px;
	padding-bottom: 10px
}
}

@media (max-width: 576px) {
.hostan_text h2 {
	font-size: 26px
}
}
.hostan_text p {
	font-size: 16px;
	line-height: 28px
}

@media (max-width: 1023px) {
.hostan_text p {
	font-size: 14px;
	line-height: 26px
}
}

@media (max-width: 576px) {
.hostan_text p {
	font-size: 13px;
	line-height: 24px
}
}

@media (max-width: 479px) {
.hostan_text p {
	font-size: 12px
}
}
.travel_facts h3 {
	font-size: 26px;
	font-weight: 600;
	color: #040504;
	text-align: center
}

@media (max-width: 1023px) {
.travel_facts h3 {
	font-size: 20px;
	padding-bottom: 20px
}
}
.travel_facts h4 {
	padding-bottom: 15px;
	font-size: 18px;
	margin: 0px;
	font-weight: 600;
	color: #040504
}

@media (max-width: 1023px) {
.travel_facts h4 {
	font-size: 16px
}
}
.travel_facts p {
	padding-bottom: 20px;
	font-size: 15px;
	line-height: 28px
}

@media (max-width: 1023px) {
.travel_facts p {
	font-size: 14px;
	line-height: 26px
}
}

@media (max-width: 576px) {
.travel_facts p {
	font-size: 13px;
	line-height: 24px
}
}

@media (max-width: 479px) {
.travel_facts p {
	font-size: 12px
}
}
.travel_facts .airport_images {
	display: flex;
	list-style: none;
	padding: 0px;
	margin: 0px -20px 20px 0
}

@media (max-width: 1023px) {
.travel_facts .airport_images {
	overflow-x: auto;
	margin-right: -10px
}
}
.travel_facts .airport_images li {
	margin-right: 20px;
	width: calc(33.3% - 20px)
}

@media (max-width: 1023px) {
.travel_facts .airport_images li {
	margin-right: 10px;
	width: calc(50% - 10px)
}
}

@media (max-width: 576px) {
.travel_facts .airport_images li {
	width: calc(100% - 10px)
}
}
.travel_facts .airport_images li span {
	font-size: 20px;
	font-weight: 600;
	color: #040504;
	display: block;
	text-align: center;
	padding: 11px 0
}

@media (max-width: 1023px) {
.travel_facts .airport_images li span {
	font-size: 16px
}
}

@media (max-width: 576px) {
.travel_facts .airport_images li span {
	font-size: 14px
}
}

@media (max-width: 479px) {
.travel_facts .airport_images li span {
	font-size: 13px
}
}
.travel_facts .airport_images li img {
	width: 100%;
	border-radius: 5px
}
.travel_facts .airport_images li a {
	text-decoration: none
}

@media (max-width: 1023px) {
.travel_facts .airport_images li .block {
	width: 235px
}
}

@media (max-width: 576px) {
.travel_facts .airport_images li .block {
	width: 160px
}
}

@media (max-width: 1199px) {
.travel_facts .airport_images .slick-list.draggable {
	padding: 0 120px 0 0 !important
}
}

@media (max-width: 1023px) {
.travel_facts .airport_images .slick-list.draggable {
	padding: 0 100px 0 0 !important
}
}

@media (max-width: 576px) {
.travel_facts .airport_images .slick-list.draggable {
	padding: 0 80px 0 0 !important
}
}

@media (max-width: 479px) {
.travel_facts .airport_images .slick-list.draggable {
	padding: 0 50px 0 0 !important
}
}
.travel_facts .passenger_count {
	padding: 0px;
	margin-bottom: 40px;
	overflow: hidden;
	list-style: none;
	margin-right: -30px;
	display: flex
}

@media (max-width: 576px) {
.travel_facts .passenger_count {
	flex-direction: column;
	margin: 0px
}
}
.travel_facts .passenger_count li {
	margin-right: 30px;
	border: 1px solid #DEDEDE;
	padding: 15px;
	font-size: 40px;
	color: #3C78F1;
	font-weight: 600;
	border-radius: 5px;
	width: calc(50% - 30px);
	display: flex
}

@media (max-width: 1023px) {
.travel_facts .passenger_count li {
	font-size: 30px
}
}

@media (max-width: 576px) {
.travel_facts .passenger_count li {
	margin-right: 0px;
	margin-bottom: 10px;
	font-size: 25px;
	height: 95px;
	width: 100%
}
}
.travel_facts .passenger_count li img {
	margin-right: 35px
}

@media (max-width: 1023px) {
.travel_facts .passenger_count li img {
	width: 95px;
	margin-right: 20px
}
}
.travel_facts .passenger_count li span {
	display: block;
	font-size: 18px;
	color: #040504
}

@media (max-width: 1023px) {
.travel_facts .passenger_count li span {
	font-size: 16px
}
}

@media (max-width: 576px) {
.travel_facts .passenger_count li span {
	font-size: 14px
}
}
.travel_facts .month_list {
	padding: 0px;
	margin-bottom: 40px;
	overflow: hidden;
	list-style: none;
	margin-right: -30px;
	display: flex
}

@media (max-width: 576px) {
.travel_facts .month_list {
	margin-right: -10px
}
}
.travel_facts .month_list li {
	margin-right: 30px;
	background: #F6F6F6;
	padding: 15px;
	border-radius: 5px;
	width: calc(50% - 30px);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

@media (max-width: 576px) {
.travel_facts .month_list li {
	width: calc(50% - 10px);
	padding: 10px;
	margin-right: 10px
}
}
.travel_facts .month_list li span {
	display: block;
	font-size: 18px;
	color: #040504;
	margin-top: 14px
}

@media (max-width: 1023px) {
.travel_facts .month_list li span {
	font-size: 16px
}
}

@media (max-width: 576px) {
.travel_facts .month_list li span {
	font-size: 11px
}
}

@media (max-width: 576px) {
.travel_facts .month_list li img {
	height: 55px
}
}

@media (max-width: 479px) {
.travel_facts .month_list li img {
	height: 40px
}
}
.travel_facts .average_list {
	padding: 0px;
	margin: 40px 0;
	overflow: hidden;
	list-style: none;
	margin-right: -30px;
	display: flex
}

@media (max-width: 576px) {
.travel_facts .average_list {
	margin-right: -10px;
	margin: 20px 0px 30px 0
}
}
.travel_facts .average_list li {
	margin-right: 30px;
	background: #00C521;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	width: calc(33.3% - 30px);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

@media (max-width: 576px) {
.travel_facts .average_list li {
	width: calc(33.3% - 10px);
	padding: 10px;
	margin-right: 10px;
	text-align: center
}
}
.travel_facts .average_list li .icon {
	font-size: 40px;
	font-weight: 600;
	line-height: 40px
}

@media (max-width: 576px) {
.travel_facts .average_list li .icon {
	font-size: 30px
}
}
.travel_facts .average_list li .title_2 {
	display: block;
	font-size: 20px;
	margin: 10px 0;
	font-weight: 600
}

@media (max-width: 1023px) {
.travel_facts .average_list li .title_2 {
	font-size: 18px
}
}

@media (max-width: 576px) {
.travel_facts .average_list li .title_2 {
	font-size: 14px
}
}
.travel_facts .average_list li .small {
	font-size: 16px;
	display: block
}

@media (max-width: 576px) {
.travel_facts .average_list li .small {
	font-size: 12px
}
}
.travel_facts .average_list li:nth-child(2) {
	background: #EFBD07
}
.travel_facts .average_list li:nth-child(3) {
	background: #FF2339
}
.travel_facts .most_p ul {
	list-style: none;
	margin-right: -20px;
	overflow: hidden;
	padding: 25px 0
}

@media (max-width: 576px) {
.travel_facts .most_p ul {
	margin-right: 0px
}
}
.travel_facts .most_p ul li {
	width: 33.3%;
	float: left;
	padding-right: 20px;
	text-align: center
}
.travel_facts .most_p ul li .box {
	border: 1px solid #DEDEDE;
	padding: 15px;
	font-size: 40px;
	color: #3C78F1;
	font-weight: 600;
	border-radius: 5px
}

@media (max-width: 1023px) {
.travel_facts .most_p ul li .box {
	font-size: 30px
}
}
.travel_facts .most_p ul li .box span {
	display: block;
	font-size: 18px;
	color: #040504
}

@media (max-width: 1023px) {
.travel_facts .most_p ul li .box span {
	font-size: 15px
}
}
.travel_facts .most_p ul li .title {
	font-size: 18px;
	color: #040504;
	font-weight: 700;
	display: block;
	padding: 14px 0px
}

@media (max-width: 1023px) {
.travel_facts .most_p ul li .title {
	font-size: 16px
}
}

@media (max-width: 576px) {
.travel_facts .most_p ul li .title {
	font-size: 18px
}
}

@media (max-width: 576px) {
.travel_facts .most_p ul li {
	width: 100%;
	padding: 10px;
	margin-right: 0px
}
}
.activityBox {
	padding-top: 15px
}
.activityBox h3 {
	font-size: 26px;
	font-weight: 600;
	color: #040504;
	text-align: center;
	padding-bottom: 20px
}

@media (max-width: 1023px) {
.activityBox h3 {
	font-size: 20px
}
}
.activityBox h3 span {
	display: block;
	font-weight: 400;
	font-size: 22px
}

@media (max-width: 1023px) {
.activityBox h3 span {
	font-size: 18px
}
}
.activityBox h4 {
	padding-bottom: 15px;
	font-size: 18px;
	margin: 0px;
	font-weight: 600;
	color: #3C78F1
}

@media (max-width: 1023px) {
.activityBox h4 {
	font-size: 16px
}
}
.activityBox p {
	padding-bottom: 20px;
	font-size: 15px;
	line-height: 28px
}

@media (max-width: 1023px) {
.activityBox p {
	font-size: 14px;
	line-height: 24px
}
}

@media (max-width: 576px) {
.activityBox p {
	font-size: 13px;
	line-height: 24px
}
}

@media (max-width: 479px) {
.activityBox p {
	font-size: 12px
}
}
.disclaimer_div {
	background: #FF6B001A;
	padding: 10px;
	border: 1px solid #FF6B00;
	border-radius: 5px
}

@media (max-width: 1023px) {
.disclaimer_div {
	font-size: 12px;
	padding: 6px 10px
}
}

@media (max-width: 576px) {
.deal-text {
	font-size: 12px
}
}


* {	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	outline: none
}
input, button {
	font-family: "Poppins", sans-serif
}
focus {	outline: none}
body {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	overflow-x: hidden;
}
.mainCntr {
	overflow: hidden;
}


.clearfix {
	clear: both;
	margin: 0px;
	padding: 0px
}
.container {
	/* max-width: 1170px !important; */
	margin: 0px auto
}

@media (max-width: 1023px) {
.container {
	max-width: 100%;

}
}
.container-fluid {
	padding-left: 10px;
	padding-right: 10px
}
.leg-con{
    max-width: 1150px;
    margin: auto;
    color: #303030;
    padding: 20px 0;
	 p{
    font-size: 15px;
	    color: #303030;
    line-height: 26px;
   }
   .afef{
    color: #0a58ca;
    text-decoration: none;
   }
   h4{
    font-size: 23px;
	    color: #303030;
   }
   ul li{
    font-size: 15px;
	    color: #303030;
     line-height: 30px;
   }
   ol li{
    font-size: 15px;
	    color: #303030;
     line-height: 30px;
   }
      table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
			border-radius: 8px;
            overflow: hidden;
			border: 1px solid #ccc;
			
        }
		tbody{
			    background-color: #94b6e629 !important;
		}

        th, td {
            padding: 10px 15px;
            text-align: left;
            border: 1px solid #ddd !important;
			
        }

        th {
            background-color: #0a58ca;
            color: white;
            font-weight: bold;
        }

        tr:hover {
            background-color: #0a57ca10;
        }

        td p {
            margin: 0;
        }

        .table-container {
            max-width: 800px;
            font-family: Arial, sans-serif;
        }
}

@media only screen and (max-width:768px)
{
.leg-con{
	width: 94%;
   p{
        font-size: 13px;
        line-height: 22px;
   }
   h4{
      font-size: 18px;
    line-height: 23px;
   }
   h6{
          font-size: 14px;
   }
   ul li{
    font-size: 13px;
     line-height: 25px;
   }
   ol li{
    font-size: 13px;
     line-height: 25px;
   }
}
}
/*# sourceMappingURL=style.css.map */


/**new css**/
.destination img {
    transition: .5s;
}

.destination a:hover img {
    transform: scale(1.1);
}

/*1-Traveler Assistance*/
.cities-list ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.section-title {
    border-left: 4px solid rgb(45 148 224);
    color: #2e2e2e;
    background-color: #b6e3f9d8;
    padding: 12px 16px;
}

.cities-list li {
    margin-bottom: 6px;
    width: 25%;
}

.trr-hwed {
    font-size: 20px;
}

.cities-list li a {
    padding-left: 8px;
    position: relative;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    display: inline-block;
}

.cities-list li:hover {

    i,
    a {
        font-weight: 600;
        color: #005dba;
    }
}

.backgr-colour {
    background-color: #dcf2f673;
}

@media screen and (max-width: 992px) {
    .cities-list li {
        width: 50%;
    }
}

@media screen and (max-width: 576px) {
    .cities-list li {
        width: 100%;
    }

    .trr-hwed {
        font-size: 18px;
    }
}

.feature-head {
    color: #0F2367;
    font-size: 26px;
    font-weight: 600
}

.carrd {
    border-radius: 10px !important;
    box-shadow: 0 2px 6.8px 0 rgb(0 0 0 / .15)
}

.carrd-body {
    padding: 10px
}

.carrd img {
    width: 100%;
    object-fit: cover
}

.joom {
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

.carrd-img-top {
    transition: .5s ease-in-out;
    height: 100%
}

.carrd-img-top:hover {
    transition: 0.5s all ease-in-out;
    transform: scale(1.2)
}

.span-h {
    color: #2D69E0;
    font-size: 17px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.span-p {
    color: #464646;
    font-size: 14px;
    font-weight: 400
}

.sp-box {
    display: flex;
    gap: 15px;
    justify-content: space-between
}

.stle {
    border-radius: 8px;
    background: #FFF;
    filter: drop-shadow(1px 3px 6.5px rgb(0 0 0 / .1));
    padding: 11px
}

.highlight {
    color: #0F2367;
    font-size: 13px;
    font-weight: 500;
    text-decoration-line: underline
}

.higlight {
    color: #0F2367;
    font-size: 13px;
    font-weight: 500
}

.cly {
    color: #464646;
    font-size: 13px;
    font-weight: 400
}

.bgcol {
    background-color: #F6F9FE;
}

.promo-banner {
    padding: 0 86px !important
}

.promo-inner {
    background: linear-gradient(90deg, #376CFB 0%, #2B57D0 100%);
    border-radius: 20px;
    padding: 26px 30px;
    color: #fff
}

.promo-cld2 {
    top: -41px;
    left: -9px
}

.promo-cld {
    top: -45px;
    right: -8px
}

.promo-plane {
    top: -30px;
    left: 25px
}

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

.grab {
    font-weight: 400;
    font-size: 16px
}

.call-btn {
    background-color: #fff;
    color: #2B58D2;
    padding: 10px 15px;
    border-radius: 10px;
    text-decoration: none;
    width: 72%
}

.call-btn img {
    width: 25px;
    height: 25px
}

.plane-btn {
    color: #2B58D2;
    font-size: 18px;
    font-weight: 600
}

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



.feature-box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 15px 20px 0;
}

.contet {
    font-weight: 400;
    color: #464646;
    font-size: 11px;
    margin-bottom: 0
}

.ashiff{
    border-radius: 8px;
    box-shadow: 0 0 29.8px 5px rgba(0, 0, 0, 0.15);
    border: none !important;

}

.feature-text h6 {
    font-weight: 600;
    color: #2D69E0;
    font-size: 14px;
    margin-bottom: 3px
}

.divider {
    border-left: 1px solid #7A7A7A;
    height: 60px;
    margin: auto
}

.detail-p {
    color: #464646;
    font-size: 15px;
    font-weight: 400
}

.detail-pty {
    color: #5E5E5E;
    font-family: 15px;
    font-weight: 500
}

.highlight1 {
    color: #464646;
    font-family: 15px;
    font-weight: 600
}

.certified {
    border-top: 1px solid #7a868a;
    border-bottom: 1px solid #7a868a;
    margin: 14px 0
}
.edsge{
    display: none;
}
@media screen and (max-width:992px) {
    .divider {
        height: 75px
    }

    .promo-plane {
        display: none
    }

    .promo-cld2 {
        display: none
    }

    .promo-cld {
        display: none
    }

    .excellent {
        font-size: 15px
    }

    .excellent_re {
        font-size: 15px
    }

    .divider_line {
        height: 14px !important;
        margin: 3px
    }

    .feature-text h6 {
        font-size: 14px
    }

    .feature-box {
        gap: 8px;
        padding: 25px 0px;
        border-top: 1px solid #E0E0E0;
    }

    .custom-previous {
        left: -40px
    }

    .custom-nexxtt {
        right: -40px
    }
}
.binooss{
    margin-top: 12px !important;
    margin-bottom: 35px;
}
@media screen and (max-width:576px) {
    .divider {
        display: none
    }

    .feature-head {
        font-size: 16px
    }

    .contet {
        font-size: 12px
    }

    .ariu_p {
        font-size: 10px
    }

    .fr_img {
        width: 25%
    }

    .custom-previous {
        display: none
    }

    .custom-nexxtt {
        display: none
    }

    .promo-banner {
        padding: 0 15px !important
    }

    .promo-plane {
        display: none
    }

    .promo-cld2 {
        display: none
    }

    .promo-cld {
        display: none
    }

    .excellent {
        font-size: 20px
    }

    .excellent_re {
        font-size: 20px
    }

    .divider_line {
        height: 19px
    }

    .jksdt {
        flex-wrap: wrap
    }

    .erte {
        width: 48%;
        margin: 0
    }

    .dste {
        flex-wrap: unset;
        overflow: scroll;
        margin-bottom: 12px
    }

    .dste .col-md-6 {
        width: 88%;
    }

    .hvfr2 {
        padding-top: 15px !important;
    }
}

.hfge {
    grid-template-columns: 1fr 2fr auto !important;
}

.country-flag {
    margin-right: 15px;
    cursor: pointer;
    position: relative
}

.down_arw {
    border: solid #354360;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    position: relative;
    top: -2px;
    margin-left: 6px
}

.country-flag:hover .dropdown-country {
    max-height: 200px
}

.dropdown-country {
    position: absolute;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / .2);
    z-index: 1001;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease-in;
    top: 42px;
    left: 0
}

.dropdown-country a {
    background-color: #fff;
    padding: 5px 10px !important;
    display: flex
}

.dropdown-country {
    display: block;
    border-bottom: none !important;
    box-shadow: rgb(60 64 67 / .3) 0 1px 2px 0, rgb(60 64 67 / .15) 0 2px 6px 2px
}

.dropdown-country a:hover {
    background-color: #e5e5e5
}

.dropdown-country a img {
    max-width: 20px;
    max-height: 20px
}



.accordion-button:not(.collapsed) {
    background: none !important;
    box-shadow: none !important;
}

.accordion-item {
    border-radius: 10px;
    overflow: hidden;
}

.accordion-inner {
    padding: 0 10px;
}

.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-button {
    border-top: 1px solid #80808030 !important;

}

.accordion-body {
    padding: 0 10px !important;

}

.accordionbody-inner {
    padding: 10px;
    border-top: 1px solid white;
}

.accordion-item:has(button[aria-expanded="true"]) {
    background-color: #0e87fe !important;
    color: white !important;

    .asruhe {
        color: white !important;
    }

    img,
    .accordion-button::after {
        filter: brightness(0) invert(1);
    }
}

.asruhe {
    color: #303030;
    margin: 0;
    font-weight: 500;
}

.accordion-button:has(.collapse.show) {
    img {
        filter: brightness(5) !important;
    }
}

.accordion-body:has(.collapse.show) {
    border: none !important;
}

.acctopimg:has(.collapse.show) {
    filter: brightness(5);
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid #8080803b;
}

.sewr32 {
    font-size: 14px;
}

.ueyru4 {
    color: #303030;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 18px;
}
.hfrgr{
 background-color: white;
 border-radius: 0 0 10px 10px;
}
.triptype-desktop {
    display: flex;
}
.input-wrapper {
    position: relative;
    width: 380px;
}

.horss {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: auto;
}
.hghss{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: auto;
    display: none;
}
.mistake {
    border: 1px solid #D80027 !important;
}
.input-wrapper input {
    width: 100%;
    padding: 12px 12px 12px 45px;
    border: 1px solid #CEC9C9;
    outline: none;
    font-size: 16px;
    color: #464646;
}
@media (max-width: 767px) {
    .triptype-desktop {
        width: 67%;
    }
}
@media screen and (max-width:768px) {
    .asruhe {
        font-size: 12px;
    }

    .drui5b {
        width: 100%;
    }

    .accordion-item:has(.collapse.show)+.asruhe {
        color: #ffffff;
    }

    .accordion-button {
        padding: 10px;
        font-size: 14px;

    }

    .sewr32 {
        font-size: 12px;
    }

    .ueyru4 {
        font-size: 20px;
    }

    .accordionbody-inner {
        padding: 10px 0;
    }
        .page_heaad {
    font-size: 18px;
}
.detail-p {
    font-size: 12px;
    line-height: 22px;
}

.ththqq{
    display: none;
}
    .sdgyi {
        width: 100%;
        padding: 10px;
        top:126px;
    }
    .hthaa {
        padding-bottom: 15px;
    }
    .wayyr {
        font-size: 13px;
        margin-left: 0px;
        padding-right: 13px;
        color: #2e2e2e;
        font-weight: 400;
    }
        .btn-lijhj {
        border: 1px solid #DEDEDE !important;
        border-radius: 8px;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #3C3C3C !important;
        padding-left: 13px !important;
        display: flex !important;
    align-items: center;
    justify-content: space-between;  
        
    }
    .rakkl{
        box-shadow: none !important;
        outline: none !important;
    }
        .btn-lijhj:focus,
        .btn-lijhj.show,
        .btn-lijhj:focus-visible {
        border: 1px solid #DEDEDE !important;
        border-radius: 8px;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #3C3C3C !important;
        padding-left: 13px !important;
    }
    
.btn-text {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    .hfrgr {
    padding: 15px 15px 20px 15px;
}
.flllag {
    span{
        font-size: 10px;
    }
}
.kukujggg {
    padding: 15px 0;
}
.yhyh{
    width: 15px;
    height: 15px;
    margin-right: 4px;
}
/* .sumyy{
      width: 20px;
    height: 20px;  
} */
.mjmjm{
        width: 50%;
        background-color: white;
        border-radius: 7px 7px 0  0 ;
}
.hfrgr{
 background-color: white;
 border-radius: 15px;
 box-shadow: 0px 4px 6.2px 0px #00000040;
}
.rakkl{
    padding-top: 10px !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
.tab-btn.active {
    padding: 8px 10px;
}
.custom-aow-img{
    width: 20px;
    height: 20px;
}
.tab-btn.active::after {
        height: 0px;
}
.mmillkk {
    border-right: none;
}
.bmxxx{
    width: 33%;
}
.ewrtf {
    border: 1px solid #DEDEDE;
}
.hgers3 {
    top: 48%;
} 
}

/* new home page design */



/* .................. header ..................... */


.navbar{
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.navbar-brand img {
    height: 30px;
}
.cally-btn {
  padding: 4px 14px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 50px;
  border: 1px solid #1CAE20;
  background: rgba(253, 253, 253, 0.97);
  color: #505050; 
  font-size: 12px;
  font-weight: 500;
    margin-right: 100px;
  img{
    margin-right: 10px;
  }
  span {
      color: #0F8C12; 
      font-size: 18px;
      font-weight: 700;
      margin-left: 10px;
  }
}
.cally-btn i {
    margin-right: 5px;
}
.nav-link {
    font-weight: 500;
    color: #515151 !important;
    font-size: 14px !important;
}
.dropdown-toggle::after{
  border: none;
}



/* .............. top destination ................... */
.er3f{
.dfr5{
  color: #004D9E; 
  font-size: 26px;
  font-weight: 600;
}
.destination-card{
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
  background:#fff;
  height:100%;
}
.destination-card img{
  width:100%;
  object-fit:cover;
}

.card-content{
  padding:12px;
}
.city{
  color: #4D4D4D; 
  font-size: 16px; 
  font-weight: 500; 
  margin-bottom: 10px;
  span{
    color: #4D4D4D; 
    font-size: 12px; 
    font-weight: 300; 
  }
}
.country{
  font-size:12px;
  color:#777;
}
.price{
  color: #1FB729; 
  font-size: 26px; 
  font-weight: 600; 
}
.route{
  color: #4D4D4D; 
  font-size: 14px; 
  font-weight: 500; 
  img{
    width: inherit;
  }
}
.date{
  font-size:11px;
  color:#777;
}
.yurt{
  color: #474747; 
  font-size: 12px; 
  font-weight: 400; 
}

}
  
  /* .............. deals ................... */

  .ruure{
    color: #004D9E; 
    font-size: 26px; 
    font-weight: 600; 
  }
  .irtu6{
    color: #585858;
    font-family: Outfit;
    font-size: 14px; 
    font-weight: 400; 
    }

  .fare-deals {

   
    
    .fareSlider {
      padding-left: 2px;
    }
    .swiper-slide{
      cursor: auto !important;
    }
    .deal-card {  
              /* height: 100%; */
              border-radius: 10px;
              border: 1px solid #BFBFBF; 
        
              .h43r{
                padding: 12px;
              }   
              .jkdft4{
                padding: 16px 12px;
                border-top: 1px solid #CECDCD;
              }
              img.uder4g {
                width: 100%;
                object-fit: cover;
            }
            .uddrt{
              color: #5C5C5C; 
              font-size: 12px; 
              font-weight: 500; 
              margin-bottom: 18px;
              span{
                margin: 0 10px;
              } 
            }
            .sr3g{
              color: #323232; 
              font-size: 14px; 
              font-weight: 500;
              background-color: #F5F8FA;
                display: inline;
                border: 1px solid #EAEAEA;
                border-radius: 5px;
                padding: 3px 5px; 
            }
              .price {
                color: #1FB729; 
                font-size: 18px;
                font-weight: 600; 
              }
            .ujr94{
              border-radius: 8px;
              border: 1px dashed #2D69E0;
              color: #2D69E0; 
              font-size: 16px;
              font-weight: 500; 
              padding: 6px 12px;  
              background-color: white;
            }
            h6 {
            color:#232323;
            font-family: Poppins;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 18px;
            /* margin-top: 18px; */
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
              img {
                margin: 0 8px;
            }
            }
            &:hover .ujr94 {
              border: 1px solid transparent; 
              background: linear-gradient(90deg, #004D9E -6.38%, #3164EE 49.82%, #004D9E 106.03%);
              color: white;
            } 
          
    }

    .swiper-button-next,
    .swiper-button-prev,
    .swiper-pagination {
      display: none !important;
    }
    .yurt{
      color: #474747; 
      font-size: 12px; 
      font-weight: 400; 
    }
}
  /* .............. deals near you ................... */


  .flight-deals {


.deal-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #DBDBDB;
    transition: 0.3s ease;
    height: 100%;
    h6{
      color: #2D69E0; 
      font-size: 18px; 
      font-weight: 600; 
    }
    .hdr5r{
      color: #4E4E4E; 
      font-size: 14px; 
      font-weight: 400; 
    }
}

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

.deal-card img {
    width: 100%;
    height: 148px;
    object-fit: cover;
}

.date-text {
  color: #4E4E4E; 
  font-size: 14px; 
  font-weight: 400; 
}

.price {
  color: #1FB729; 
  font-size: 14px; 
  font-weight: 600; 
}

.sie5f {
  color: #4E4E4E; 
  font-size: 14px; 
  font-weight: 400; 
}
.yurt{
  color: #474747; 
  font-size: 12px; 
  font-weight: 400; 
}
}
/* ............... popular travel destination .................. */

 .travel-section{



.destination-card { 
  overflow: hidden; 
  transition: transform 0.3s ease;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #C9C9C9;
  background: #FFF;
}

.destination-card img {
  width: 100%;
  object-fit: cover;
  height: 210px;
}

.destination-card:hover {
  transform: translateY(-8px);
}

.destination-card h6 {
  color: #2D69E0; 
  font-size: 16px; 
  font-weight: 600; 
}
.destination-card p{
  color: #636363; 
  font-size: 14px; 
  font-weight: 400; 
}
}

/* ............... support section .................. */

.support-section {
  background: #fff;


.support-card {
  background: #ffffff; 
  overflow: hidden; 
  transition: all 0.3s ease;
  border-radius: 40px;
  border: 2px solid #D9D9D9;
}

.support-card:hover {
  transform: translateY(-6px);
}

.djfhr5{
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.he5gj{
  color: #0F2367;
  text-align: justify; 
  font-size: 24px; 
  font-weight: 500;
  margin-bottom: 20px;
}
.support-card p {
  color: #3E3A63;
  text-align: justify; 
  font-size: 16px; 
  font-weight: 400; 
  margin-bottom: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 2;  
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hr4jht{
  border-radius: 20px;
  background: #2D69E0;
  color: #FFF;
  text-align: justify; 
  font-size: 16px; 
  font-weight: 500; 
  text-decoration: none;
  padding: 9px 15px;
}
}

/* ............... footer .................. */

.fare-footer {
 background: linear-gradient(0deg, #2D69E0 -53.61%, #132E66 100%);

}
.ur5gs{
  color: #FFF; 
  font-size: 24px; 
  font-weight: 600; 
}
.footer-divider {
  border-color: #3DA5C7;
}
.social-area p{
  color: #FFF; 
  font-size: 24px; 
  font-weight: 600; 
}


.footer-tabs .nav-link {
  color: #cfd8e3;
  background: transparent;
  text-align: left;
  border-left: 3px solid transparent;
  padding: 12px 16px;
      margin-bottom: 20px;
}

.footer-tabs .nav-link.active {
  color: #fff;
  border-left: 3px solid #4da3ff;
      margin-bottom: 20px;
}

.footer-links {
  list-style: none;
  padding: 0;
}

.footer-links li {
  margin-bottom: 12px;
  font-size: 14px;
}

.footer-links a {
  color: #cfd8e3;
  text-decoration: none;
}

.footer-links a:hover {
  color: #ffffff;
}

.footer-text {
  color:#FFFFFF;
  font-size: 12px;
}
.drdde{
      position: relative;
    text-align: left;
   font-size: 17px !important;
      color:white  !important;
      font-weight:500  !important;
      margin-bottom: 10px;  
      border-left: none !important;
      width: 90%;
}
.drdde.active,
.drdde:hover,
.drdde:focus,
.drdde:focus-visible,
.drdde.show{
      border-radius:4px !important ;
      background-color:#1239BC !important ;
      font-size: 17px !important;
      color:white  !important;
      font-weight:600  !important;
      border-left: none !important;
}
.drdde::after {
 content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;   
    height: 18px;
    background-image: url("../../images/index/double.png"); 
    background-repeat: no-repeat;
    background-size: contain;
}
.drdde::after {
    opacity: 0;
}

.drdde.active::after,
.drdde:hover::after {
    opacity: 1;
}
.top-mon{
    background:#132E66;
}
.mjmqp{
    font-weight: 600;
    font-size: 18px !important;
    margin-top: 12px;
}
@media (max-width: 767px) {
.fare-deals {
    .deal-card {
        h6 {
            font-size: 14px;
        }
    }
    .swiper-slide {
       width: 75% !important;
    }
}
  .footer-links .acc-icon {
    transition: transform 0.3s ease;
  }

  .footer-links.open .acc-icon {
    transform: rotate(180deg);
  }
}
.footer-tas .tab-content {
  flex: 1;
  padding-left: 30px;
}
.footer-tas .nav {
min-width: 375px;
max-width: 375px;
}
@media screen and (max-width:768px) {
    .footer-tas .nav {
min-width: 100%;
max-width: 100%;
}
    .cally-btn {
    padding: 4px 5px;
    font-size: 10px;
      margin-right: 0px;
    img{
        width: 24px;
        height: 24px;
        margin-right: 6px;
    }
        span {
        font-size: 10px;
        margin-left: 7px;
    }
}
.abbl{
    width: 120px;
    height: auto !important;
}
.homyhh,
.homyhh:focus,
.homyhh:focus-visible{
    padding: 0 !important;
    font-size: 16px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.navbar{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.img-respive{
    width: 100%;
}
.lafjj{
    margin-bottom: 60px;
}
.jokii{
    flex-wrap: nowrap !important;
    overflow-x: auto;
    white-space: nowrap;
}
.jokii::-webkit-scrollbar {
    display: none;
}
.hamaraa{
    flex-wrap: nowrap !important;
    overflow-x: auto;
    white-space: nowrap;  
}
.hamaraa::-webkit-scrollbar {
    display: none;
}
.manguu{
    width: 68% !important;
}
.golavv{
width: 50% !important;
}
.support-section{
    display: none;
}
.travel-section {
    .destination-card img {
        height: 150px;
    }
}
.er3f {
    .dfr5 {
        font-size: 18px;
    }
        .yurt {
        font-size: 9px;
    }
}
.ruure {
    font-size: 18px;
}
.fare-deals {
    .deal-card {
        .ujr94 {
            font-size: 14px;
			padding: 3px 5px;
        }
       .price {
            font-size: 14px;
        }
        .sr3g {
            font-size: 10px;
            img{
                width: 15px;
            }
        }
    }
        .yurt {
        font-size: 9px;
    }
}
.flight-deals {
    .price {
        font-size: 14px;
    }
    .date-text {
        color: #4E4E4E;
        font-size: 12px;
        font-weight: 400;
    }
    .yurt {
        font-size: 9px;
    }
}
.irtu6 {
    font-size: 12px;
}
.subscribeBox{
background: linear-gradient(360deg, #0F2367 0%, #001F29 100%);
    border-radius:12px ;
    padding: 20px 15px;
}
.NewsBg {
    padding: 10px 0px 20px 0;
}
.input-wrapper {
    position: relative;
    width: 100%;
}
    .subscribeBox .left h4 {
        font-size: 16px;
        color: white;
        font-weight: 600;
    }
    .subscribeBox .bell-icon {
    margin-right: 0px;
}
    .subscribeBox .left p {
      color: white;
    }
    .ghghnn{
            border-bottom: 1px solid #ffffff36;
    }
    .subscribeBox .left {
    margin-bottom: 10px;
}
.giraff{
    display: none;
}
.maczz{
    float: none !important;
}
.ur5gs{
   font-size: 18px;
}
.wihh{
    width: 30px;
}
.social-area p {
    font-size: 12px;
    font-weight: 500;
}
.drdde,
.drdde.active,
.drdde:hover, 
.drdde:focus,
.drdde:focus-visible,
.drdde.show{
   width: 100%;
}
.footer-tabs .nav-link {
    margin-bottom: 0px !important;
}
.fgnan{
   text-align: end;
}

.er3f {
    .price {
        font-size: 18px;
    }
}
}

@media (max-width: 767px) {

  .binooss { display: block; }

  .acc-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 10px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    cursor: pointer;
  }

  .acc-icon {
    width: 14px;
    transition: transform 0.3s ease;
  }

  .acc-head.active .acc-icon {
    transform: rotate(180deg);
  }

  .acc-body {
    display: none;
    padding: 10px 0 20px;
  }

  .acc-body.show {
    display: block;
  }

}
.aaluo{
.accordion-button:not(.collapsed) {
  background-color: #4da3ff; 
  color: #ffffff;  
  border: 1px solid #4da3ff; 
}

.accordion-button:hover {
  background-color: #0d1e3c;
  color: #ffffff;  
  border-color: #0d1e3c; 
}

.accordion-body {
  color: #ffffff !important; 
  padding: 15px;
  border-top: 1px solid #4da3ff;
  border:  1px solid transparent !important;
}

.accordion-item {
  margin-bottom: 15px; 
  border: 1px solid #001F29;
  border-radius: 8px;
border:  1px solid #001F29 !important;
}
.accordion-header {
    margin-bottom: 0;
    border-bottom: 1px solid #d0c7c769;
}

.accordion-button {
  font-size: 14px;
  font-weight: 500;
   color: white !important;
  background-color: transparent !important; 
  border: 1px solid transparent !important;  
  transition: background-color 0.3s ease, color 0.3s ease; 

}
.accordion-item:has(button[aria-expanded="true"]) {
  font-size: 14px;
  font-weight: 500;
  color: white !important;
  background-color: #0F2367 !important; 
  border: 1px solid #001F29 !important;  
  transition: background-color 0.3s ease, color 0.3s ease; 
  &::after{
        content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url(../../images/index/double.png);
    background-repeat: no-repeat;
    background-size: contain;
   
}
 .accordion-body{
            background: #09224e !important;
    }
    .accordion-button:not(.collapsed)::after {
    background-image: url(../../images/index/double.png) !important;
    transform: rotate(90deg);
             background-size: contain !important;
     width: 20px !important;
    height: 20px !important; 
}
}
.accordion-item:has(button[aria-expanded="false"]) {
    background-color:transparent !important;
    color: white !important;
    margin-bottom: 0 !important;
        .accordion-button:not(.collapsed)::after {
    background-image: url(../../images/index/accor.png);
    transform: rotate(360deg);
     background-size: contain !important;
     width: 15px !important;
    height: 15px !important;  
}
}
}/*
        .accordion-button::after {
			background-image: url('/images/index/accor.png') !important;
    transform: rotate(360deg);
    filter: invert(1);
    background-size: contain !important;
     width: 15px !important;
    height: 15px !important; 
}*/
.mjmqp {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;  
  margin-top: 12px;
}

.footer-links {
  list-style: none;
  padding: 0;
}

.footer-links li {
  margin-bottom: 12px;
  font-size: 14px;
}

.footer-links a {
  color: #cfd8e3; 
  text-decoration: none;
}

.footer-links a:hover {
  color: #ffffff; 
}


@media (min-width: 768px) {
  .acc-body { display: block !important; }
  .acc-icon { display: none; }

}
@media (max-width: 767px) {
 .drdde::after {
    top: 35%;
    transform: rotate(90deg);
}
/* .tab-content{
    display: none;
} */
}
 .mobile-menu {
  width: 80% !important;
}




  /* footer accordion mobile view */
@media screen and (max-width: 768px) {

  /* Mobile: show chevron */
  .accordion-icon {
    display: inline-flex;
    transition: transform 0.3s ease;
  }

  /* Rotate when active */
  .nav-link.active::after{

          top: 35%;
          transform: rotate(270deg) !important;
      
  }

  /* Hide original tab content on mobile */
  .tab-content {
    display: none;
  }

  /* Accordion content */
   .nav-link.drdde{
    border-bottom: 1px solid  #d0c7c76b;
    border-radius: 0 !important;
    padding: 10px 0;
   }
  .drdde::after {
    opacity: 1;
}
 .accordion-slot {
    width: 100%;
  }

}
.cheap-dep-main{
    a{
        text-decoration: none !important;
    }
}


/* homepage popup  */
#popupOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popupBox {
  background: linear-gradient(90deg, #214095 -55.42%, #638DFF 25.3%, #214095 106.03%);
  width: 690px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.conn{
    text-align: end;
    .ratee{
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .nnad{
        font-size: 16px !important;
        font-weight: 500 !important;
        span{
            font-size: 12px;
            font-weight: 300;
        }
    }
}
.closeBtn {
  position: absolute;
    right: 30px;
    top: 20px;
  cursor: pointer;
    img{
    width:25px ;
    height:25px ;
  }
}

.popupContent {
  display: flex;
}

.popupContent .left img {
  width: 100%;
  height: 100%;
}

.popupContent .left {
  width: 40%; 
}

.popupContent .righht {
  width: 60%;
  padding: 20px;
  background: linear-gradient(90deg, #214095 -55.42%, #638DFF 25.3%, #214095 106.03%);
  color: white;
  .logo-immg{
    img{
        width: 120px;
        margin: 30px 0 20px;
    }
  }
  h2{
    font-size:20px ;
    font-weight:500 ;
  }
  p{
    font-size: 14px;
    font-weight: 400;
  }
  .talkk{
    font-size: 12px;
  }
}

.callBtn {
    margin-top: 20px;
    padding: 8px 18px;
    border: 1px solid #27A81B;
    border-radius: 30px;
    background: #ffffff;
    color: #0F8C12;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 40px;
    box-shadow: 0px 0px 4px 1px #32DA23;
    span{
        color:#323232;
        font-size:16px ;
        font-weight:500 ;
    }
    .cllly{
        width: 23px;
    }
}
@media (max-width: 1023px) {
  #popupOverlay {
    display: none !important;   
  }
}
.ththqq{
    text-decoration: underline;
    color: #2D69E0;
}
.unitte{
    color: #141414;  
    font-size: 14px;
    font-weight: 400;
}
.no-bbokk{
   text-align:center;
   color:red; 
   font-weight: 700;
   font-size: 45px;
   margin-top: 80px;
    margin-bottom: 100px;
}
.bform-headd{
   font-size:16px; 
   color:#f4f5f6;
   margin-top:10px;
   padding: 0 10px;
   font-weight: 300;
}
@media screen and (max-width: 768px)  {
	    .conik {
        margin-bottom: 15px;
        font-size: 14px;
    }
	    .conik {
        img {
            width: 20px;
            height: 20px;
        }
    }
.bform-headd{
   font-size:12px; 
}
.no-bbokk{
   font-weight: 500;
   font-size: 30px;
   margin-top: 100px;
   margin-bottom: 80px;

}
}
.kirrq{
    color: #2d69e0;
    border-radius: 23px;
    border: 1px solid #2d69e0;
    padding: 7px 8px;
    font-size: 17px;
}
.modal-body{
    a{
        text-decoration: none !important;
    }
}
.bnt-fr{
    background-color: #004589;
    border-radius: 4px;
	padding: 15px 0;
    text-align: center;
    p{
        font-size: 24px;
        font-weight: 400;
        color: #fff;
        span{
            font-size: 26px;
        font-weight: 600;
        color: #FE6906;
        }
    }
}
.whymd{
    font-size: 20px;
    color: #3a3a3a;
	font-weight: 500;
}
@media (max-width: 767px) {
	.whymd{
    font-size: 16px;
}
	.bnt-fr{
	padding: 10px 7px;
    p{
        font-size: 12px;
        span{
            font-size: 16px;
        }
    }
}
    .tab-buttons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 1px;
    overflow-x: scroll;
    white-space: nowrap;
    padding: 10px 2px;
    }
    .aqhtmj {
        width: 14px;
    }
    .tab-btn.active {
        width: 45px;
        white-space: nowrap;
        font-weight: 500;
        display: flex;
        align-items: center;
        text-align: center;
        font-size: 10px; 
        padding: 5px 5px;
    }
    .tab-btn {
    font-weight: 500;
    font-size: 10px;
    padding: 5px 5px;
}
.tab-btn.active::after{
    height: 0;
}
}
.ui-widget-header {
    color: #fdf4f4 !important;
}
/******************************* FOOTER AREA close******************************/
.NewsBg {
    /* background: #00000080 url(/resources/images/newsbg.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 28px 0px 28px 0;
    font-size: 15px;
    line-height: 30px;
}

.subscribeBox .left {
    display: flex;
    align-items: center
}

.subscribeBox .left h4 {
    margin: 0px;
    font-size: 24px;
    font-weight: 600;
    color: #376cfb;
}

@media (max-width: 1023px) {
    .subscribeBox .left h4 {
        font-size: 14px;
        font-weight: 700
    }
}

@media (max-width: 576px) {
    .subscribeBox .left h4 {
        font-size: 16px;
        font-weight: 500;
    }
}

.subscribeBox .left p {
    margin: 0px;
    font-size: 17px;
    color: #376cfb;
}

@media (max-width: 1023px) {
    .subscribeBox .left p {
        font-size: 12px
    }
}

.subscribeBox .bell-icon {
    margin-right: 20px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px
}

@media (max-width: 1023px) {
    .subscribeBox .bell-icon {
        width: 70px;
        height: 70px
    }
}

@media (max-width: 576px) {
    .subscribeBox .bell-icon {
        width: 50px;
        height: 50px
    }
}

@media (max-width: 576px) {
    .subscribeBox .bell-icon img {
        width: 40px
    }

    .inputform {
        border-radius: 5px 5px 5px 5px !important;
    }

}

.subscribe {
    position: relative;
}

#subscribeError {
    position: absolute;
    top: 27px;
    right: 210px;
    background-color: #fff !important;
    padding: 0 5px;
    width: 24%;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #ccc9;
    text-align: center;
    display: none;
}
.flgg-co{
    h4{
        font-size:20px ;
        color:#004D9E ;
    }
    span{
        font-size: 14px;
        color:#424242 ; 
        font-weight: 500;       
    }
    p{
        font-size: 12px;
        color: #545454;        
    }
}
.footer-dividr{
        border-color: #194A59;
}
@media (max-width: 576px) {
    .flgg-co{
    h4{
        font-size:16px ;
    }
    span{
        font-size: 12px;    
    }
    p{
        font-size: 10px;   
    }
}
    .subscribe {
        padding-top: 10px
    }
    #subscribeError {
    top: -12px;
    right: 10px;
    width: 70%;
    font-size: 10px;
}
}

.subscribe .text-red {
    padding-top: 12px;
    color: red;
    font-size: 13px;
    width: 100%;
    float: left
}

.subscribe .column {
    float: left;
    width: 43%;
    margin-right: 13px
}

@media (max-width: 576px) {
    .subscribe .column {
        width: 100%;
        margin: 0px;
        float: none
    }
}

.subscribe .column2 {
    display: flex;
    position: relative;
    justify-content: space-between;
}

@media (max-width: 576px) {
    .subscribe .column2 {
        width: 100%;
        margin: 0px;
        display: block
    }
}

.subscribe .column2 select {
    border-radius: 5px 0px 0px 5px;
    border-right: 0px
}

@media (max-width: 576px) {
    .subscribe .column2 select {
        border-radius: 5px;
        border-right: 1px solid #D1D1D1
    }
}

.subscribe .nofill {
    font-size: 10px;
    font-weight: 400;
    margin: 21px 0 0 0;
    color: #2d2a2a;
}

@media (max-width: 1023px) {
    .subscribe .nofill {
        font-size: 11px
    }
}

.subscribe .nofill a {
    color: #376cfb;
    text-decoration: underline;
    display: inline-block
}

.subscribe-submit,
.subscribe-submit:hover {
    background:#2D69E0;
    color: #fff;
    height: 45px;
    line-height: 20px;
    border: none;
    font-family: "Poppins", sans-serif;
    border-radius: 8px;
    font-weight: 500;
    width: 160px
}
.kukujggg {
    border-top: 1px solid #CEC9C9;
    padding: 20px 0;
}
.input-wrapper input {
    width: 100%;
    padding: 6px 12px 6px 45px;
    border: 1px solid #CEC9C9;
    outline: none;
    font-size: 16px;
    color: #464646;
    border-radius: 8px;
}
@media screen and (max-width: 768px) {
    .subscribeBox .left p {
        color: white;
    }
	    .subscribeBox .left h4 {
        font-size: 16px;
        color: white;
        font-weight: 600;
    }
	    .subscribe .column2 {
        width: 100%;
        margin: 0px;
        display: block;
    }
	    .input-wrapper {
        position: relative;
        width: 100%; 
    }
	    .subscribe-submit {
        margin-top: 15px;
        width: 100% !important;
        border-radius: 5px !important;
        font-weight: 600;
    }
	.subscribeBox .bell-icon {
    margin-right: 6px;
	}
}
.tgfuftg {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 14px 20.1px 13px #00000024;
}
@media screen and (max-width: 768px) {
    .cally-btn {
        span {
            font-size: 13px;
            margin-left: 0px;
        }
    }
	    .wecllp {
        display: none;
    }
}


.tgfuftg {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 14px 20.1px 13px #00000024;
}

.tab-buttons {
    display: flex;
    gap: 8px;
    background-color:#F4FAFF;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 1px 3.5px 0px #00000026;
    padding: 10px 10px;
}


.jyrd {
    margin: 0;
    color: #939393;
    width: 100%;
}

.gitrw {
    display: grid;
    grid-template-columns: 1fr auto;
}

.dgdga {
    position: relative;
    z-index: 9;
    opacity: 0;
    height: 100%;
    width: 100%;
    border: none;
}

.ui-datepicker {
    background: #ffffff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px !important;
    margin-top: 4px;
}

.ui-datepicker-header {
    color: #ffffff;
    background: #2c60d3;
    margin-bottom: 6px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 6px;
}

.ui-datepicker-prev {
    float: left;
    margin-left: 12px;
}

.ui-datepicker-prev:after {
    transform: rotate(45deg);
    margin: -43px 0px 0px 8px;
}

.ui-datepicker-next {
    float: right;
    margin-right: 12px;
}

.ui-datepicker-next:after {
    transform: rotate(-135deg);
    margin: -43px 0px 0px 6px;
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
    border-color: #333333;
}

.ui-datepicker-title {
    text-align: center;
    font-size: 16px;
}

/* .ui-datepicker-calendar { width: 100%; text-align: center; } .ui-datepicker-calendar thead tr th span { display: block; width: 37px; color: #0075ff; font-size: 15px;} .ui-state-default { display: block; text-decoration: none; color: #333333; line-height: 27px; font-size: 14px;} .ui-state-default:hover { color: #ffffff; background:#ff6b00; border-radius:50px; transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12); } */
.ui-state-highlight {
    color: #ffffff;
    background-color: #0075ff;
    border-radius: 50px;
}

.ui-select-between {
    background: #0075ff24;
}

ui-state-start {
    color: #ffffff !important;
    background-color: #0075ff !important;
}

ui-state-end {
    color: #ffffff !important;
    background-color: #0075ff !important;
}

ul.ui-state-active {
    color: #ffffff !important;
    background-color: #767676 !important;
    border-radius: 50px;
}

.ui-state-default:hover {
    color: #ffffff !important;
    background-color: #767676 !important;
    border-radius: 50px !important;
}

.ui-datepicker-unselectable .ui-state-default {
    color: #eee;
    border: 2px solid transparent;
}

.arwsfw {
    background: #ffffff;
    border-radius: 3px 3px 3px 3px;
    font-size: 15px;
    padding: 0px 22px;
    border: 1px solid #becad6;
    color: #3e4957;
    font-weight: 600;
    cursor: pointer;
}

.arwsfw input {
    border: none;
    width: 100%;
    font-weight: 600;
    color: #3e4957;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden !important;
}

.arwsfw:focus,
.arwsfw:focus-visible {
    outline: none !important;
}

.edsge {
    color: #454545;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}

.edtfsf34 {
    cursor: pointer;
}

.edtfsf34:hover {
    background-color: #fbfbfb;
    border: 1px solid #858687;
}

.active-list {
    background-color: #fff3ea;
    border: 1px solid #ffaa6c;
}

.active-list1 {
    background-color: #fff3ea;
    border: 1px solid #ffaa6c;
}

/* .sdgyi::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    background: #ffffff;
    border-left: 10px solid #ffffff;
    border-top: 10px solid #ffffff;
    border-bottom: 10px solid #ff000000;
    border-right: 10px solid #ffffff00;
    rotate: 45deg;
    top: -9px;
    right: 80px;
} */



.rela {
    position: relative;
    width: 100%;
}

.dfyhj {
    margin-bottom: 6px;
}


input#destination {
    padding-left: 20px;
}

.border-start {
    border-left-color: #0F2367 !important;
}


.bposg {
    position: relative;
}


.setry635 {
    position: absolute;
    width: 100%;
    background: #efefef;
    top: 62px;
    padding: 6px;
    border-radius: 6px;
    z-index: 99999;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
    display: none;
}

.desk-hide {
    display: none;
}

.wstdxt {
    opacity: 0.3;
}

@media only screen and (max-width: 600px) {
    .desk-hide {
        display: block;
    }

    .sted34:before {
        bottom: -17%;
        width: 9px;
    }

    /* .sdgyi::before {
        right: 50%;
        transform: translate(9px, -50%);
    } */

    .sted34:after {
        width: 9px;
    }

    .bposg {
        display: block !important;
    }

    .tab-brder {
        width: 100%;
    }

    .gitrs {
        display: block !important;
    }

    .ewrtf {
        width: 100%;
        margin-bottom: 9px;
    }

    .sdetg4 {
        margin-bottom: 8px;
        position: relative;
        top: 0;
    }

    .sted34 {
        top: 61px;
        rotate: 270deg;
        right: 0%;
        transform: translate(50%, -50%);
    }

    .arwsfw {
        font-size: 15px;
        padding: 3px;
    }

    .ui-datepicker {
        left: 50% !important;
        transform: translate(-50%);
        z-index: 999 !important;
    }

    .wsta {
        padding: 0;
    }

    .fhrh {
        font-size: 11px;
    }

    .mob-hide {
        display: none;
    }

    .tyhe {
        height: 100%;
    }

    .tyhehotel {
        height: 100%;
    }
}

/* ---------------------header---------------------- */
#mainheader {
    padding: 8px 0px;
    box-shadow: 0 0 6px #0000004D;
    background: #fff;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
}

#mainheader .logo img {
    width: 163px;
}

#mainheader .tfn-number {
    text-align: right;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

#mainheader .tfn-number a {
    font-size: 18px;
    color: #FFf;
    text-decoration: none;
    font-weight: 700;
    line-height: 20px;
}

.mbn_number {
    padding-right: 0px;
    font-size: 18px;
    color: #3C78F1;
    text-decoration: none;
    font-weight: 700;
    display: block;
    line-height: 20px;
    margin-top: 7px;
    padding-top: 0px;
}

.New-country-flag {
    margin: 1px 0px 5px 15px;
    cursor: pointer;
    width: 80px;
}

.New-sub_header_link {
    color: #fff;
    font-size: 15px !important;
    font-weight: bold;
    background-color: #149db2;
    padding: 7px 8px;
    margin-top: 2px;
}

.New-sub_header_link img {
    max-width: 20px;
    max-height: 20px;
    vertical-align: middle !important;
}

.astatr34 {
    color: #51555E;
    font-size: 18px;
    font-weight: 600;
}
.nfgbbbb{
  background-color:#2D69E0 ;
  border: none;
  border-radius: 6px;
  width: 100%;
  height: 45px;
  margin-top: 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.dsyyrt7 {
    font-size: 11px;
    color: #777777;
}

.dtydt56 {
    background: #0044a8;
    color: white;
}

.dtydt56 .btn-close {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.ew6ew6 {
    background: #ebebeb;
}

.hfrgr {
    padding: 15px;
}

.hru852 {
    display: none;
}

.ui-menu .ui-menu-item {
    margin: 5px 0 !important;
}

ul#ui-id-2 {
    width: 18.5% !important;
    min-height: auto !important;
    max-height: 305px !important;
    overflow-y: scroll;
    scrollbar-width: thin;
}

ul#ui-id-1 {
    width: 18.5% !important;
    min-height: auto !important;
    max-height: 305px !important;
    overflow-y: scroll;
    scrollbar-width: thin;
}

ul#ui-id-3 {
    width: 18.5% !important;
    min-height: auto !important;
    max-height: 305px !important;
    overflow-y: scroll;
    scrollbar-width: thin;
}

@media only screen and (min-width:321px) and (max-width:1024px) {
    .gitrs {
        grid-template-columns: auto;
    }

    .desk-hide {
        display: block;
    }

    .mob-hide {
        display: none;
    }

    #mainheader {
        padding: 6px 0px;
        background: rgb(10, 45, 114);
    }

    #mainheader .tfn-number {
        font-size: 11px;
        padding-top: 0px;
    }

    #mainheader .tfn-number a {
        font-size: 15px;
    }

    .New-country-flag {
        display: none !important;
    }

    .tyhe {
        margin-bottom: 0;
        margin-top: 56px;
        padding: 20px 10px;
    }

    .tyhehotel {
        margin-bottom: 0;
        margin-top: 56px;
        padding: 20px 10px;
    }

    .tgfuftg {
        width: 100%;
        position: relative;
        top: 0;
    }

    .sdetg4 .desk-hide {
        display: none;
    }

    p#dirf45 {
        display: block !important;
    }
}

@media only screen and (max-width: 600px) {
    ul#ui-id-2 {
        width: 80% !important;
    }

    ul#ui-id-1 {
        width: 80% !important;
    }

    ul#ui-id-3 {
        width: 80% !important;
    }

    #mainheader {
        padding: 6px 0px;
        background: rgb(10, 45, 114);
    }

    #mainheader .tfn-number {
        font-size: 11px;
        padding-top: 0px;
    }

    #mainheader .tfn-number a {
        font-size: 15px;
    }

    .New-country-flag {
        display: none !important;
    }

    .tyhe {
        margin-bottom: 0;
        margin-top: 56px;
        padding: 20px 10px;
    }

    .tyhehotel {
        margin-bottom: 0;
        margin-top: 56px;
        padding: 20px 10px;
    }

    .tgfuftg {
        width: 100%;
        position: relative;
        top: 0;
        z-index: 99;
    }

    .refnt6 {
        padding-bottom: 20px;
        display: none;
    }

    ul.ui-widget-content {
        z-index: 999;
    }

    /* .etrtt{	display:none;} */
}

ul.ui-widget-content {
    border: none !important;
    background: #efefef;
    color: #333333;
    border-radius: 7px;
    padding: 5px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.dikhrg input {
    padding-right: 50px;
}

.dikhrg input::placeholder {
    color: #8f8f8f;
    font-size: 15px;
}

.dikhrg {
    position: relative;
}


.spinner {
    font-size: 23px;
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
}

.spinner.center {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translate(-3px, -50%);
}

.spinner .spinner-blade {
    position: absolute;
    left: 0.4629em;
    bottom: 0;
    width: 0.074em;
    height: 0.2777em;
    border-radius: 0.0555em;
    background-color: transparent;
    -webkit-transform-origin: center -0.2222em;
    -ms-transform-origin: center -0.2222em;
    transform-origin: center -0.2222em;
    animation: spinner-fade9234 1s infinite linear;
}

.spinner .spinner-blade:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.spinner .spinner-blade:nth-child(2) {
    -webkit-animation-delay: 0.083s;
    animation-delay: 0.083s;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.spinner .spinner-blade:nth-child(3) {
    -webkit-animation-delay: 0.166s;
    animation-delay: 0.166s;
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.spinner .spinner-blade:nth-child(4) {
    -webkit-animation-delay: 0.249s;
    animation-delay: 0.249s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.spinner .spinner-blade:nth-child(5) {
    -webkit-animation-delay: 0.332s;
    animation-delay: 0.332s;
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.spinner .spinner-blade:nth-child(6) {
    -webkit-animation-delay: 0.415s;
    animation-delay: 0.415s;
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.spinner .spinner-blade:nth-child(7) {
    -webkit-animation-delay: 0.498s;
    animation-delay: 0.498s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.spinner .spinner-blade:nth-child(8) {
    -webkit-animation-delay: 0.581s;
    animation-delay: 0.581s;
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.spinner .spinner-blade:nth-child(9) {
    -webkit-animation-delay: 0.664s;
    animation-delay: 0.664s;
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.spinner .spinner-blade:nth-child(10) {
    -webkit-animation-delay: 0.747s;
    animation-delay: 0.747s;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.spinner .spinner-blade:nth-child(11) {
    -webkit-animation-delay: 0.83s;
    animation-delay: 0.83s;
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.spinner .spinner-blade:nth-child(12) {
    -webkit-animation-delay: 0.913s;
    animation-delay: 0.913s;
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

@keyframes spinner-fade9234 {
    0% {
        background-color: #69717d;
    }

    100% {
        background-color: transparent;
    }
}

.searviceBox {
    padding-top: 25px;
}

.iwehf7 {
    font-size: 22px;
}

.travllr-cab {
    font-size: 14px;
}

/* hotel */
.trlock1 {
    position: inherit !important;
    top: inherit !important;
    right: inherit !important;
    width: 100% !important;
    height: 220px;
    min-height: 220px !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    padding: 10px !important;
    overflow-y: scroll;
}

.fon-50 {
    font-weight: 500;
}

.sedtg {
    background-color: #f7f7f7;
}

.traveller_block ul.traveller_list {
    list-style: none;
}

.change-in-mai {
    border-right: none !important;
    float: inherit !important;
    width: 100% !important;
    margin-right: 0 !important;
    background: #f1f1f1 !important;
    padding: 10px !important;
    border-radius: 5px !important;
}

/* hotel ---------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500&display=swap');

* {
    font-family: "Poppins", sans-serif;
}

/* a{ text-decoration: none;} */
body {
    background-color: #ffffff;
}

.tyhe {
    width: 100%;
    height: 291px;
    /* background-image: linear-gradient(45deg, #00000022, #00000022), url(/resources/images/index/main-bnrr.png); */
    /* background-image: url(/resources/images/index/main-bnrr.png);
    background-size: cover;
    background-position: 100% 0%; */
    background: linear-gradient(90deg, #085198 27.88%, #0E87FE 100%);;
    color: white;
    display: flex;
    /* align-items: center; */
    padding-top: 70px;
    position: relative;
    margin-bottom: 180px;
}
.page_heaad{
    padding: 20px 0px;
    font-size: 26px;
    color: #004D9E;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-align: left;
    position: relative;
    margin-bottom: 0;
}
.tyhehotel {
    width: 100%;
    height: 310px;
    
    background-size: cover;
    background-position: 100% 80%;
    color: white;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 125px;
}

/*5-star section*/
  .excellent{
    color: #0F2367;
    font-size: 24px;
    font-weight: 500;
  }

  .excellent_re{
    color: #0F2367;
    font-size: 24px;
    font-weight: 500;
  }

  .divider_line {
    border-left: 2px solid #0F2367;
    height: 25px;
    margin:10px;
  }

  .travel-pr{
    font-weight: 400;
    color: #464646;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
  }

  .travel-hed{
    font-weight: 500;
    color:#0F2367;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
  }

  .owl-carousel .owl-item img {
    display: block;
    width:auto !important ;
    height:auto !important;
  }

/* Custom arrows */
  .custom-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background-color: transparent;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
  }

  .custom-previous {
    left: -50px;
  }

  .custom-nexxtt {
    right: -50px;
  }

  .ariu_p{
    color:#464646;
    font-size:16px;
    font-weight: 500;
  }
  .highli{
    color: #0F2367;
  }

.gitrs {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
}



.ewrtf1 {
    height: 54px;
    background: transparent;
    width: 100%;
    border: none;
    color: rgb(59, 59, 59);
}

.calendar {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
}

.ewrtf::placeholder {
    color: #b6b6b6;
}


.szet3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #464646;
}

.szet1 {
    font-weight: 700;
    color: #0F2367;
    font-size: 16px;
}

.szet2 {
    font-weight: 600;
    font-size: 16px;
    color: #2D69E0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sdeyady {
    width: 100%;
    height: 56px;
    background: #E60023 !important;
    border-color: #E60023 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sdeyady i {
    padding: 6px;
    font-size: 20px;
}



.tab-buttons {
    display: flex;
    gap: 8px;
    
}



.tab-btn.active i {
    color: #0080ff !important;
}

.tab-btn {
    /* width: 120px; */
    color: #2D69E0;
    cursor: pointer;
    border-radius: 28px;
    transition: background-color 0.3s ease;
    border: 1px solid #376bfb00;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
     padding: 10px 10px;
}
.tab-btn.active {
    /* width: 120px; */
    color: #2D69E0;
    cursor: pointer;
    padding: 10px 15px;
    box-shadow: 0 -1px 3.4px 4px rgba(219, 228, 255, 0.90) inset, 0 4px 4px 0 rgba(211, 211, 211, 0.16) inset, 0 3px 4px 0 rgba(131, 131, 131, 0.30);
    border-radius: 28px;
    transition: background-color 0.3s ease;
    border: 1px solid #376CFB;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
}
.cabin-dropdown .dropdown-menu {
  width: 218px;
  border-radius: 8px;
  box-shadow: 0 0 29.8px 5px rgba(0, 0, 0, 0.15);
  border: none !important;
}

.cabin-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  cursor: pointer;
}

.cabin-option:hover {
  background: #f5f7fa;
  border-radius: 6px;
}

.cabin-option input {
  accent-color: #2D69E0; 
  cursor: pointer;
  transform: scale(1.6);
}
.mayyc{
   accent-color: #2D69E0; 
  cursor: pointer;
  transform: scale(1.2);
}
.border-st{
    border-left: 1px solid #0F2367;
}
.cabin-option label {
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: #51555E;
}
.mmillkk{
    border-right: 1px solid #0F2367;
}
.jyrd {
    margin: 0;
    color: #939393;
    width: 100%;
}

.gitrw {
    display: grid;
    grid-template-columns: 1fr auto;
}

.dgdga {
    position: relative;
    z-index: 9;
    opacity: 0;
    height: 100%;
    width: 100%;
    border: none;
}

.ui-datepicker {
    background: #ffffff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px !important;
    margin-top: 4px;
}

.ui-datepicker-header {
    color: #ffffff;
    background: #2c60d3;
    margin-bottom: 6px;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 6px;
}

.ui-datepicker-prev {
    float: left;
    margin-left: 12px;
}

.ui-datepicker-prev:after {
    transform: rotate(45deg);
    margin: -43px 0px 0px 8px;
}

.ui-datepicker-next {
    float: right;
    margin-right: 12px;
}

.ui-datepicker-next:after {
    transform: rotate(-135deg);
    margin: -43px 0px 0px 6px;
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
    border-color: #333333;
}

.ui-datepicker-title {
    text-align: center;
    font-size: 16px;
}

/* .ui-datepicker-calendar { width: 100%; text-align: center; } .ui-datepicker-calendar thead tr th span { display: block; width: 37px; color: #0075ff; font-size: 15px;} .ui-state-default { display: block; text-decoration: none; color: #333333; line-height: 27px; font-size: 14px;} .ui-state-default:hover { color: #ffffff; background:#ff6b00; border-radius:50px; transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12); } */
.ui-state-highlight {
    color: #ffffff;
    background-color: #0075ff;
    border-radius: 50px;
}

.ui-select-between {
    background: #0075ff24;
}

ui-state-start {
    color: #ffffff !important;
    background-color: #0075ff !important;
}

ui-state-end {
    color: #ffffff !important;
    background-color: #0075ff !important;
}

ul.ui-state-active {
    color: #ffffff !important;
    background-color: #767676 !important;
    border-radius: 50px;
}

.ui-state-default:hover {
    color: #ffffff !important;
    background-color: #767676 !important;
    border-radius: 50px !important;
}

.ui-datepicker-unselectable .ui-state-default {
    color: #eee;
    border: 2px solid transparent;
}

.arwsfw {
    background: #ffffff;
    border-radius: 3px 3px 3px 3px;
    font-size: 15px;
    padding: 0px 22px;
    border: 1px solid #becad6;
    color: #3e4957;
    font-weight: 600;
    cursor: pointer;
}

.arwsfw input {
    border: none;
    width: 100%;
    font-weight: 600;
    color: #3e4957;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden !important;
}

.arwsfw:focus,
.arwsfw:focus-visible {
    outline: none !important;
}

.edsge {
    color: #454545;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}

.edtfsf34 {
    cursor: pointer;
}

.edtfsf34:hover {
    background-color: #fbfbfb;
    border: 1px solid #858687;
}

.active-list {
    background-color: #fff3ea;
    border: 1px solid #ffaa6c;
}

.active-list1 {
    background-color: #fff3ea;
    border: 1px solid #ffaa6c;
}

.sdgyi {
    color: black;
    position: absolute;
    z-index: 999;
    background: #ffffff;
    width: 326px;
    right: 0px;
    top: 68px;
    padding: 20px;
    border-radius: 12px;
    display: none;
    box-shadow: 0px 0px 29.8px 5px #00000026;
}

/* .sdgyi::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    background: #ffffff;
    border-left: 10px solid #ffffff;
    border-top: 10px solid #ffffff;
    border-bottom: 10px solid #ff000000;
    border-right: 10px solid #ffffff00;
    rotate: 45deg;
    top: -9px;
    right: 80px;
} */

.astsa {
    border: 1px solid #EAF1FF;
    color: #454545;
    width: 25px;
    font-weight: 500;
    height: 25px;
    display: flex;
    background-color: #EAF1FF;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 18px;
    border-radius: 8px;
    margin-right: 4px;
    cursor: pointer;
}
.astsa:hover {
    border: 1px solid #2D69E0;
    color: #fff;
    background-color: #2D69E0;
}
.dfgryh {
    font-size: 16px !important;
    width: 25px;
    color: #51555E;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    border-radius: 50%;
    margin-right: 4px;
    font-weight: 600;
}

.rela {
    position: relative;
    width: 100%;
}

.dfyhj {
    margin-bottom: 6px;
}
/* 
.deydsy {
    border-right: 1px solid #a19c9c;
} */

/* .sted34 img {
    width: 26px;
    background: #e6e9ed;
    border-radius: 50%;
    padding: 4px;
} */

.bposg {
    position: relative;
}

.sted34 {
    /* border: 1px solid #0f2367; */
    position: absolute;
    right: 50%;
    top: 28px;
    transform: translate(50%, -50%);
    z-index: 99;
    border-radius: 50%;
    /* background: white; */
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .sted34:before {
    content: "";
    position: absolute;
    bottom: -16%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    width: 8px;
    height: 21%;
    background: #ffffff;
} */

/* .sted34:after {
    content: "";
    position: absolute;
    bottom: 87%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    width: 8px;
    height: 22%;
    background: #ffffff;
} */

.setry635 {
    position: absolute;
    width: 100%;
    background: #efefef;
    top: 62px;
    padding: 6px;
    border-radius: 6px;
    z-index: 99999;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
    display: none;
}

.desk-hide {
    display: none;
}

.wstdxt {
    opacity: 0.3;
}
.kukujggg{
    border-top: 1px solid #CEC9C9;
     border-bottom: 1px solid #CEC9C9;
    padding: 20px 0;
}
@media only screen and (max-width: 600px) {
    .desk-hide {
        display: block;
    }
    .llggwe{
        width: 20px;
        height: 20px;
    }
    .sted34:before {
        bottom: -17%;
        width: 9px;
    }

    /* .sdgyi::before {
        right: 50%;
        transform: translate(9px, -50%);
    } */

    .sted34:after {
        width: 9px;
    }

    .bposg {
        display: block !important;
    }

    .tab-brder {
        width: 100%;
    }

    .gitrs {
        display: block !important;
    }

    .ewrtf {
        width: 100%;
        margin-bottom: 9px;
    }

    .sdetg4 {
        margin-bottom: 8px;
        position: relative;
        top: 0;
    }

    .sted34 {
        top: 61px;
        rotate: 270deg;
        right: 0%;
        transform: translate(50%, -50%);
    }

    .arwsfw {
        font-size: 15px;
        padding: 3px;
    }

    .ui-datepicker {
        left: 50% !important;
        transform: translate(-50%);
        z-index: 999 !important;
    }

    .wsta {
        padding: 0;
    }

    .sdgyi {
        width: 100%;
        padding: 10px;
        top: 44px;
    }

    /* .deydsy {
        border-right: none;
        border-bottom: 1px solid #b3b3b3;
        margin-bottom: 15px;
        padding-bottom: 10px;
    } */

    .fhrh {
        font-size: 11px;
    }

    .mob-hide {
        display: none;
    }

    .tyhe {
        height: 100%;
    }

    .tyhehotel {
        height: 100%;
    }
}

/* ---------------------header---------------------- */
#mainheader {
    padding: 8px 0px;
    box-shadow: 0 0 6px #0000004D;
    background: #fff;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999;
}

#mainheader .logo img {
    width: 163px;
}

#mainheader .tfn-number {
    text-align: right;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

#mainheader .tfn-number a {
    font-size: 18px;
    color: #FFf;
    text-decoration: none;
    font-weight: 700;
    line-height: 20px;
}

.mbn_number {
    padding-right: 0px;
    font-size: 18px;
    color: #3C78F1;
    text-decoration: none;
    font-weight: 700;
    display: block;
    line-height: 20px;
    margin-top: 7px;
    padding-top: 0px;
}

.New-country-flag {
    margin: 1px 0px 5px 15px;
    cursor: pointer;
    width: 80px;
}

.New-sub_header_link {
    color: #fff;
    font-size: 15px !important;
    font-weight: bold;
    background-color: #149db2;
    padding: 7px 8px;
    margin-top: 2px;
}

.New-sub_header_link img {
    max-width: 20px;
    max-height: 20px;
    vertical-align: middle !important;
}



.dsyyrt7 {
    font-size: 11px;
    color: #777777;
}

.dtydt56 {
    background: #0044a8;
    color: white;
}

.dtydt56 .btn-close {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.ew6ew6 {
    background: #ebebeb;
}

.hfrgr {
    padding: 20px 15px 25px 15px;
}
.hthaa{
        padding-bottom: 20px;
}
.hru852 {
    display: none;
}

.ui-menu .ui-menu-item {
    margin: 5px 0 !important;
}

ul#ui-id-2 {
    width: 18.5% !important;
    min-height: auto !important;
    max-height: 305px !important;
    overflow-y: scroll;
    scrollbar-width: thin;
}

ul#ui-id-1 {
    width: 18.5% !important;
    min-height: auto !important;
    max-height: 305px !important;
    overflow-y: scroll;
    scrollbar-width: thin;
}

ul#ui-id-3 {
    width: 37% !important;
    min-height: auto !important;
    max-height: 305px !important;
    overflow-y: scroll;
    scrollbar-width: thin;
}

@media only screen and (min-width:321px) and (max-width:1024px) {
    .gitrs {
        grid-template-columns: auto;
    }

    .desk-hide {
        display: block;
    }

    .mob-hide {
        display: none;
    }

    #mainheader {
        padding: 6px 0px;
        background: #fff;
    }

    #mainheader .tfn-number {
        font-size: 11px;
        padding-top: 0px;
    }

    #mainheader .tfn-number a {
        font-size: 15px;
    }

    .New-country-flag {
        display: none !important;
    }

    .tyhe {
        margin-bottom: 0;
        margin-top: 56px;
        padding: 20px 10px;
        background: #0a2d72;
    }

    .tyhehotel {
        margin-bottom: 0;
        margin-top: 56px;
        padding: 20px 10px;
        background: #0a2d72;
    }

    .tgfuftg {
        width: 100%;
        position: relative;
        top: 0;
    }

    .sdetg4 .desk-hide {
        display: none;
    }

    p#dirf45 {
        display: block !important;
    }
}

@media only screen and (max-width: 600px) {
    ul#ui-id-2 {
        width: 80% !important;
    }

    ul#ui-id-1 {
        width: 80% !important;
    }

    ul#ui-id-3 {
        width: 80% !important;
    }

    #mainheader {
        padding: 6px 0px;
        background: #fff;
    }

    #mainheader .tfn-number {
        font-size: 11px;
        padding-top: 0px;
    }

    #mainheader .tfn-number a {
        font-size: 15px;
    }

    .New-country-flag {
        display: none !important;
    }

    .tyhe {
        margin-bottom: 0;
        margin-top: 50px;
        padding: 20px 10px 25px 10px;
    }

    .tgfuftg {
        width: 100%;
        position: relative;
        top: 0;
        z-index: 99;
    }

    .refnt6 {
        padding-bottom: 20px;
        display: none;
    }

    ul.ui-widget-content {
        z-index: 999;
    }

    /* .etrtt{	display:none;} */
}

ul.ui-widget-content {
    border: none !important;
    background: #efefef;
    color: #333333;
    border-radius: 7px;
    padding: 5px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.dikhrg input {
    padding-right: 50px;
}

.dikhrg input::placeholder {
    color: #8f8f8f;
    font-size: 15px;
}
.wayyr{
    font-size: 16px;
    font-weight: 600;
    color: #0F2367;
    margin-left: 5px;
    padding-right: 20px;
}
.btn-lijhj{
        background-color: transparent !important;
        padding-left: 20px !important;
       color:#0F2367 !important ; 
       font-size: 16px !important;
       font-weight: 600 !important;
       border: none !important;
}

.btn-lijhj:focus,
.btn-lijhj:focus-visible,
.btn-lijhj.show{
    box-shadow:none !important;
    outline: none !important;
    border: none !important;
}
.dikhrg {
    position: relative;
}
.error{
    border: 1px solid red !important;
	border-radius: 5px;
}
.hgers3 {
    position: absolute;
    top: 29%;
    right: 12px;
    transform: translate(-3px, -50%);
    border: 1px solid #B2B2B3;
    padding: 3px;
    width: 19px;
    border-radius: 50%;
}
@media (max-width: 1199px) {
    .etrtt h1 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 20px !important;
        margin-top: 10px;
    }
}

@media screen and (max-width:768px) {
    .asruhe {
        font-size: 12px;
    }

    .drui5b {
        width: 100%;
    }

    .accordion-item:has(.collapse.show)+.asruhe {
        color: #ffffff;
    }

    .accordion-button {
        padding: 10px;
        font-size: 14px;

    }

    .sewr32 {
        font-size: 12px;
    }

    .ueyru4 {
        font-size: 20px;
    }

    .accordionbody-inner {
        padding: 10px 0;
    }
        .page_heaad {
    font-size: 18px;
}
.detail-p {
    font-size: 12px;
    line-height: 26px;
}
.ththqq{
    display: none;
}
    .sdgyi {
        width: 100%;
        padding: 10px;
        top:126px;
    }
    .hthaa {
        padding-bottom: 15px;
    }
    .wayyr {
        font-size: 12px;
        margin-left: 0px;
        padding-right: 13px;
        color: #2e2e2e;
        font-weight: 400;
    }
        .btn-lijhj {
        border: 1px solid #DEDEDE !important;
        border-radius: 8px;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #3C3C3C !important;
        padding-left: 13px !important;
        display: flex !important;
    align-items: center;
    justify-content: space-between;  
        
    }
    .rakkl{
        box-shadow: none !important;
        outline: none !important;
    }
        .btn-lijhj:focus,
        .btn-lijhj.show,
        .btn-lijhj:focus-visible {
        border: 1px solid #DEDEDE !important;
        border-radius: 8px;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #3C3C3C !important;
        padding-left: 13px !important;
    }
    
.btn-text {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    .hfrgr {
    padding: 15px 10px 20px 10px;
}
.flllag {
    span{
        font-size: 10px;
    }
}
.kukujggg {
    padding: 15px 0;
}
.yhyh{
    width: 15px;
    height: 15px;
    margin-right: 4px;
}
/* .sumyy{
      width: 20px;
    height: 20px;  
} */
.mjmjm{
        width: 50%;
        background-color: white;
        border-radius: 7px 7px 0  0 ;
}
.hfrgr{
 background-color: white;
 border-radius: 10px ;
 box-shadow: 0px 4px 6.2px 0px #00000040;
}
.rakkl{
    padding-top: 10px !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
.tab-btn.active {
    padding: 8px 10px;
}
.custom-aow-img{
    width: 20px;
    height: 20px;
}

.mmillkk {
    border-right: none;
}
.bmxxx{
    width: 33%;
}
.ewrtf {
    border: 1px solid #DEDEDE;
}
.hgers3 {
    top: 48%;
} 
}
.ewrtf {
    height: 56px;
    width: 100%;
    border: 1px solid #ACACAC;
    border-radius: 5px;
    color: rgb(59, 59, 59);
    position: relative;
    }
.sted34 {
    /* border: 1px solid #0f2367; */
    position: absolute;
    right: 50%;
    top: 28px;
    transform: translate(50%, -50%);
    z-index: 99;
    border-radius: 50%;
    /* background: white; */
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 600px) {
    .sted34 {
        top: 61px;
        rotate: 270deg;
        right: 0%;
        transform: translate(50%, -50%);
    }
	    .ewrtf {
        width: 100%;
        margin-bottom: 9px;
    }
	    .erte {
        width: 48%;
        margin: 0;
    }
	    .jksdt {
        flex-wrap: wrap;
    }
    .mob-hide {
        display: none !important;
    }
    .input-section-main {
        border-radius: 0 0 10px 10px !important;
    }
    .destination-input {
    select {
        padding: 6px !important;
    }
}
.double-input {
    &:before {
        top: 8px !important;
    }
        &:after {
        height: 26px !important;
    }
}
.vfvfv{
    display: none;
}


.ringingfooter {
    height: 30px;
    width: 30px;
    background-size: 23px
}

.ringingfooter {
    animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.ringingfooter {
    border: solid 2px #e6effe;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    
    text-align: center;
    display: inline-block;
    background-size: 28px;
    margin-left: 20px;
    background-color: #1f820a
}

@keyframes trin {
    from {
        transform: rotate3d(0, 0, 1, 0deg)
    }

    20%,
    32%,
    44%,
    56%,
    68% {
        transform: rotate3d(0, 0, 1, 0deg)
    }

    23%,
    35%,
    47%,
    59%,
    71% {
        transform: rotate3d(0, 0, 1, 15deg)
    }

    26%,
    38%,
    50%,
    62%,
    74% {
        transform: rotate3d(0, 0, 1, 0deg)
    }

    29%,
    41%,
    53%,
    65%,
    77% {
        transform: rotate3d(0, 0, 1, -15deg)
    }

    80% {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.dis-call-sec {
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s
}
}
.tghthk li{
    list-style:none !important;
}
.srfsrf135 {
	background-color: #020c7d !important;
	border: 1px solid #0a1481 !important;
}
.srfsrf135:hover{
	background-color: #020c7d !important;
	border: 1px solid #0a1481 !important;
}
#cityError{
	position: absolute;
	    top: 55px;
	    left: 5px;
		background: #fff ;
}
@media screen and (max-width:768px) {
#cityError {
	top: 45px !important;
}
}