@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css";
@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,500&display=swap";
@import"https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

a { cursor: pointer }
 a:hover { text-decoration: none; }
* { margin: 0; padding: 0; }
/*offer*/
.fs-20 { font-size: 1.25rem !important; }
.special-item { padding-bottom: 30px; }
 .special-item figure { margin: 0; }
  .special-item figure img { width: 100%; }
 .special-item .badge-dis { background-color: #212121; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); color: #ffffff; position: absolute; text-align: center; top: 50px; right: 12px; padding: 5px 20px; border-radius: 4px 0 0 4px; }
 .special-item .special-content { background-color: #232624cc; box-shadow: -5px 16px 25px 0px rgb(100 133 159 / 65%); margin-top: -62px; padding: 15px; position: relative; }
.dealCntr-2.mt-5.why-should { background-image: url(../images/backgroung-airline.jpg); background-attachment: fixed; background-size: cover; }
 .dealCntr-2.mt-5.why-should h5 { background: #ff0036c7; margin-top: 32px; padding: 10px; border-radius: 10px; color: #fff; }

#ff-theme::-webkit-scrollbar { width: 6px; }

#ff-theme::-webkit-scrollbar-track { background-color: #e4e4e4; border-radius: 10px; }

#ff-theme::-webkit-scrollbar-thumb { border-radius: 10px; background: #074c7f; box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5); }
.angucomplete-holder.angucomplete-dropdown-visible .airportRes { position: absolute; width: 386px; left: 0; top: 65px; z-index: 9; height: auto; }

#ex1_dropdown, #ex2_dropdown { overflow: hidden; position: static; left: 0 !important; top: 0 !important; height: 315px; padding: 0px !important; margin: 0; width: 95% !important; top: 197px; z-index: 20; overflow-x: hidden; overflow-y: scroll; margin: 0px auto; text-align: left; }

 #ex1_dropdown::-webkit-scrollbar, #ex2_dropdown::-webkit-scrollbar { width: 6px; }

 #ex1_dropdown::-webkit-scrollbar-track, #ex2_dropdown::-webkit-scrollbar-track { background-color: #e4e4e4; border-radius: 10px; }

 #ex1_dropdown::-webkit-scrollbar-thumb, #ex2_dropdown::-webkit-scrollbar-thumb { border-radius: 10px; background: #074c7f; box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5); }
.dealCntr-2.mt-5.why-should .special-item .special-content { background-color: #edf7f0; box-shadow: -5px 16px 25px 0px rgb(113 184 241 / 65%); margin-top: 0px; padding: 15px; position: relative; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.dealCntr-2.mt-5.why-should.special-item figure img { width: 100%; border-top-left-radius: 12px; border-top-right-radius: 12px; }
.dealCntr-2.mt-5.why-should .special-item .special-content h3 { font-size: 16px }

.last-min-popup { display: block; text-decoration: none; border-left: 4px solid #006EE3; border-radius: 4px; background: #fff; margin: 10px; padding: 10px; box-shadow: 0px 4px 4px rgb(0 0 0 / 5%); position: relative; }
 .last-min-popup .icon { color: #fff; background: #006EE3; border-radius: 50%; padding: 7px 8px; float: right; position: relative; margin-right: 3px; height: 2rem; width: 2rem; margin-top: 8px; }
 .last-min-popup img { position: relative; margin: 0 10px; float: left; padding: 0; display: inline-block; border: 2px solid #C7E1E9; border-radius: 50%; }
 .last-min-popup figure:after { content: ''; width: 8px; height: 8px; background: #008A04; border-radius: 50%; display: block; position: absolute; right: 10px; top: 32px; }
 .last-min-popup p { margin: 0; font-size: 12px; font-weight: 600; color: #313541; }
  .last-min-popup p span { font-size: 11px; color: #73767F; line-height: 12px; }
   .last-min-popup p span.phone-number { font-size: 18px; color: #006ee3; line-height: 12px; }
.phone-only { position: relative; bottom: 0; width: 100%; padding: 10px; background: #fff; box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.25); font-size: 1.125rem; z-index: 99; color: #313541; }
.phone-only-img { background: url(../../images/ripple-animation.gif) center/100%; width: 90px; height: 65px; float: left; display: flex; position: relative; top: -0.3rem; }
 .phone-only-img:before { content: ''; position: absolute; width: 0.725rem; height: 0.725rem; background: #27CA20; border-radius: 50%; top: 2.5rem; right: 1.125rem; }
.phone-only-agent { width: 3.225rem; border-radius: 50%; margin: auto; }
.phone-number { color: #006ee3; font-weight: bold; }
.svg-4 { height: 4rem; width: 4rem; }
.st0 { fill: #006ee3; stroke: #006ee3; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; fill: none; stroke: #006ee3; stroke-width: 14.2857; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; }
.text-white { fill: #fff !important; }
.svg-1-2 { height: 1.2rem; width: 1.2rem; }
.deal-phone { margin: auto; margin-bottom: 15px; border-radius: 4px; padding: 15px 10px; font-size: 1.5rem; text-align: center; background: #f5f5f5; }

@media (max-width:767px) {
 .deal-phone { font-size: .9rem; }
 .global-phoneno { font-size: 1.6rem; }
}

.deal-phone .icon { color: #fff; background: #022243; border-radius: 50%; padding: 4px 8px; top: 0; left: -5px; position: relative; margin-right: 3px; }
.link-phoneno { color: #022243; }
.global-phoneno { color: #f42525 }
/*offer*/
.dest_bg { background-color: rgb(245 238 208 / 41%) !important; }

 .dest_bg .contentBox { display: inline-block; background-color: #ffff; padding: 32px; box-shadow: 0 3px 30px 0 rgb(0 0 0 / 10%); margin: 30px 0 30px; border-radius: 10px; }

.transparent_header { z-index: 1; position: absolute; left: 0px; top: 0px; width: 100%; border-bottom: 1px solid rgba(255,255,255,.2) }

@media(max-width: 767px) {
 .transparent_header { padding: 4px 0 0 0; position: static }
}

.transparent_header .headerCntr { background: none }

 .transparent_header .headerCntr .logo a { background: url(../../images/site-logo.png) left top no-repeat; background-size: 100% }

@media(max-width: 767px) {
 .transparent_header .headerCntr .logo a { background: url(../../images/site-logo.png) left top no-repeat; background-size: 100% }
}

.transparent_header .headerCntr .call-tfn { cursor: pointer; background: rgba(0,0,0,.2); color: #ffe600; padding-left: 59px }

 .transparent_header .headerCntr .call-tfn:before { left: 15px; background: url(../../images/call-homepage.gif) left top no-repeat; background-size: 100% }

 .transparent_header .headerCntr .call-tfn span { color: #212121 }

.transparent_header .headerCntr .menuBox ul li a { color: #212121 }

.flow-menu .menuBox { display: none }

.flow-menu .headerCntr .call-tfn_mobile { margin-right: 0px }

.flow-menu .mobileMenu { display: none }

@media(max-width: 767px) {
 .flow-menu .mobileMenu { display: none }
}

@media(max-width: 767px) {
 .payment-page .flow-menu { padding-left: 45px }
}

.headerCntr { z-index: 1; padding: 10px 0px 0 0; color: #212121; }

 .headerCntr .logo { float: left }
  .headerCntr .logo a { width: 210px; height: 55px; cursor: pointer; display: block; text-decoration: none; text-indent: -99999px; background: url(../../images/site-logo.png) left top no-repeat; background-size: 100% }

@media(max-width: 1199px) {
 .headerCntr .logo a { width: 110px }
}

@media(max-width: 767px) {
 .headerCntr .logo a { width: 121px }
}

@media(max-width: 479px) {
 .headerCntr .logo a { padding-top: 6px; width: 100px; height: 33px }
}

.headerCntr .call-tfn { cursor: pointer; float: right; margin: -3px 20px 0 0; font-size: 20px; padding: 8px 30px 4px 70px; position: relative; color: #212121; font-weight: 600; text-decoration: none; width: 290px; border-radius: 50px }

 .headerCntr .call-tfn:before { content: ""; width: 35px; height: 35px; display: block; position: absolute; left: 30px; background: url(../../images/call-icon-new.png) left top no-repeat; background-size: 100% }

@media(max-width: 1199px) {
 .headerCntr .call-tfn:before { width: 36px; height: 36px }
}

.headerCntr .call-tfn span { font-size: 11px; display: block; color: #8f8f8f }

@media(max-width: 1199px) {
 .headerCntr .call-tfn { font-size: 18px; padding: 7px 30px 7px 46px }
}

@media(max-width: 767px) {
 .headerCntr .call-tfn { display: none }
}

.headerCntr .call-tfn_mobile { cursor: pointer; padding: 7px 15px 7px 40px; display: none; position: relative; font-weight: 700; float: right; font-size: 14px; color: #074c7f; background: #fff; margin-top: -7px }

 .headerCntr .call-tfn_mobile:before { content: ""; position: absolute; left: 10px; top: 5px; width: 25px; height: 25px; background: url(../../images/call-icon.png) left top no-repeat; background-size: 100% }

@media(max-width: 767px) {
 .headerCntr .call-tfn_mobile { margin-right: 33px; display: block }
}

.headerCntr .menuBox { float: right }

@media(max-width: 767px) {
 .headerCntr .menuBox { display: none }
}

.headerCntr .menuBox ul { list-style: none; position: relative; padding: 0px; z-index: 1 }

 .headerCntr .menuBox ul li { float: left; margin-right: 37px }

@media(max-width: 1023px) {
 .headerCntr .menuBox ul li { margin-right: 17px }
}

.headerCntr .menuBox ul li a { padding: 17px 0px 5px 0; font-size: 15px; display: block; color: #212121; text-decoration: none; text-transform: capitalize; border-bottom: 2px solid transparent }

@media(max-width: 1199px) {
 .headerCntr .menuBox ul li a { padding: 6px 0px }
}

@media(max-width: 1023px) {
 .headerCntr .menuBox ul li a { font-size: 14px }
}

.headerCntr .menuBox ul li a:hover, .headerCntr .menuBox ul li a.active { border-bottom-color: #074c7f }

.mobileMenu { display: none; cursor: pointer; position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; background: url(../../images/icons/menu.svg) left top no-repeat; background-size: 100% }

@media(max-width: 767px) {
 .mobileMenu { top: -14px; right: -2px; height: 46px; display: block }
}

.mobileMenuBox { display: none; width: 100%; position: fixed; right: -200%; top: 0px; background: #fff; z-index: 3; height: 100vh }

 .mobileMenuBox .menu_div { background: #fff; position: absolute; right: 0px; top: 0px; z-index: 4; width: 320px; height: 100vh }

 .mobileMenuBox ul { list-style: none; padding: 16px; height: 100%; overflow-y: auto }

  .mobileMenuBox ul li { display: block; padding: 12px 0 12px 0px; position: relative; border-bottom: 1px dashed #ccc }

   .mobileMenuBox ul li a { color: #202020; text-decoration: none }

   .mobileMenuBox ul li .icons { border-radius: 100%; position: absolute; left: 0px; top: 12px; width: 30px; height: 30px; display: none; border: 1px solid #074c7f; text-align: center; line-height: 30px; color: #074c7f }

.mobile_menu { display: none }

@media(max-width: 767px) {
 .mobile_menu { display: block }
}

.desktopMenu { display: block }

@media(max-width: 767px) {
 .desktopMenu { display: none }
}

.BannerContains { position: relative; width: 100%; background: url(../../images/home/home-banner.webp) top center no-repeat; background-size: 100%; padding: 80px 0 210px; min-height: 550px; }

@media(max-width: 1023px) {
 .BannerContains { height: auto; padding-bottom: 30px }
}
.BannerContains .tagline { color: #fff; text-align: center; font-weight: 700; font-size: 2.8rem; line-height: 44px; padding: 80px 0 20px 0 }

@media(max-width: 1023px) {
 .BannerContains .tagline { padding: 0px 0 20px 0 }
}

@media(max-width: 767px) {
 .BannerContains .tagline { display: none }
}

#genericBannerCntr { position: relative; width: 100%; height: auto; padding-bottom: 30px; background-repeat: no-repeat; background-position: center top; background-size: cover; background-color: #074c7f }

 #genericBannerCntr:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; background: rgba(0,0,0,.1); height: 100% }

@media(max-width: 1023px) {
 #genericBannerCntr { height: auto; padding-bottom: 30px }
}

@media(max-width: 767px) {
 #genericBannerCntr { background: #fff !important }
}

#genericBannerCntr .tagline { color: #fff; font-weight: 700; font-size: 25px; line-height: 44px; padding: 0px 0 20px 0 }

@media(max-width: 1023px) {
 #genericBannerCntr .tagline { padding: 0px 0 20px 0 }
}

@media(max-width: 767px) {
 #genericBannerCntr .tagline { display: none }
}

.small_banner { position: relative; display: none }

@media(max-width: 767px) {
 .small_banner { display: block; background-color: #074c7f; height: 43px }
}

.small_banner img { width: 100%; display: none }

.small_banner .tagline { position: absolute; left: 20px; bottom: 10px; color: #fff; font-weight: 700 }

.arc_logo_banner { background: #fff; padding: 10px; float: left; margin-left: 10px; margin-top: 6px }

@media(max-width: 767px) {
 .arc_logo_banner .arc_logo_banner { position: static; right: 10px; bottom: 0px; background: none; padding: 0px; text-align: center }
}

.arc_logo_banner img { max-width: 185px }

@media(max-width: 767px) {
 .align-items-center .col:nth-of-type(n+2) { display: none }
}

.tp-widget-businessinfo__trustscore, .tp-widget-businessinfo__total { text-transform: none; display: inline-block }

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

@media(max-width: 767px) {
 .display_logo_banner { position: static; right: 10px; bottom: 0px; background: none; padding: 0px 10px; margin-top: 34px }
}

.tp_logo-banner { white-space: nowrap; background: #fff; width: 148px; float: left; padding: 5px; text-align: center; height: 80px }

.call_dealpopup { background-color: rgba(0,0,0,.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow-y: auto }

 .call_dealpopup .center-block { width: 100%; height: 100%; z-index: 1001; display: table; table-layout: fixed }

 .call_dealpopup .outer { display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 40px 0 }

 .call_dealpopup .close_callpopup { text-align: center; background: #fff; display: inline-block; cursor: pointer; position: absolute; right: 20px; top: 20px; color: #333 }

  .call_dealpopup .close_callpopup:hover { color: #005aab }

.innerBlock { background: #fff; max-width: 500px; margin: 0px auto; padding: 40px; position: relative; border-radius: 5px; font-size: 15px }

@media(max-width: 767px) {
 .innerBlock { width: 460px; padding: 20px }
}

@media(max-width: 479px) {
 .innerBlock { width: 95%; padding: 20px }
}

.innerBlock .top { min-height: 85px; font-size: 17px; color: #005aab; text-align: center; font-weight: 600 }

.innerBlock .timer { font-size: 30px; font-weight: 700 }

.innerBlock .special_tag { text-align: center; margin-bottom: 22px; font-weight: 600 }

.innerBlock .cityname { font-size: 14px; font-weight: 600 }

 .innerBlock .cityname strong { font-size: 30px; display: block; font-weight: 700; line-height: 30px }

.innerBlock .date_label { font-size: 15px; font-weight: 600; margin-bottom: 6px }

 .innerBlock .date_label .bi-calendar3 { position: relative; top: 3px; color: #005aab }

.innerBlock .date_div { position: relative; display: inline-block }

 .innerBlock .date_div .dd { padding-left: 42px; display: block }

.innerBlock .dateFormat { position: absolute; left: 0px; top: 0px; font-size: 30px; font-weight: 800; line-height: 30px }

.innerBlock .triptype { margin-top: 15px; padding: 15px 0; border-top: 1px dashed #ccc }

.innerBlock .tripLabel { font-weight: 600 }

 .innerBlock .tripLabel span { font-size: 14px; font-weight: 400; display: block }

.innerBlock .fares_text span { font-size: 12px }

.innerBlock .price-text { line-height: 30px; font-size: 30px; font-weight: 800; display: block; color: #0054a6 }

.innerBlock .button { display: inline-block; border-radius: 5px; background: #fff; color: #074c7f; width: 275px; text-align: center; text-decoration: none; padding: 7px 10px; font-size: 17px; font-weight: 600; margin-bottom: 10px; position: relative; border: 2px solid #074c7f }

 .innerBlock .button .bi-telephone { position: absolute; left: 18px; top: 15px }

 .innerBlock .button:hover { color: #fff; text-decoration: none }

.innerBlock .logo_tp { padding: 10px 0 }

 .innerBlock .logo_tp img { width: 150px }

.innerBlock .btm-txt { font-size: 10px; text-align: center }

.innerBlock.increasefare .font-15 { font-size: 15px }

.innerBlock.increasefare .buttongroup { padding: 10px 0 }

 .innerBlock.increasefare .buttongroup a { background: #005aab; box-shadow: none; border: none; padding: 10px; margin: 0px 5px }

 .innerBlock.increasefare .buttongroup .changeflight { background: #0086ff }

.footer_call { display: none; z-index: 1; width: 100%; position: fixed; left: 0px; bottom: 0px; background: #005aab; text-align: center; padding: 7px 10px; font-size: 17px; font-weight: 500 }

@media(max-width: 767px) {
 .footer_call { display: none }
}

.footer_call a { color: #fff; text-align: center; text-decoration: none; display: block; position: relative }

.footer_call span { display: block; font-size: 12px }

.footer_call strong { font-size: 25px; font-weight: 800 }

.footer_call .bi-telephone { position: absolute; left: 16px; top: 12px }

#contentBannerCntr { position: relative; width: 100%; height: 486px; background-repeat: no-repeat; background-position: center top; background-size: cover }

 #contentBannerCntr:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; background: rgba(0,0,0,.1); height: 100% }

@media(max-width: 1023px) {
 #contentBannerCntr { height: 400px; padding-bottom: 30px }
}

@media(max-width: 767px) {
 #contentBannerCntr { height: 241px }
}

#contentBannerCntr .tagline { font-size: 45px; color: #fff; font-weight: 700; line-height: 53px; position: absolute; left: 0px; bottom: 185px }

@media(max-width: 1199px) {
 #contentBannerCntr .tagline { left: 15px }
}

@media(max-width: 1023px) {
 #contentBannerCntr .tagline { bottom: 75px; font-size: 36px; line-height: 40px }
}

@media(max-width: 767px) {
 #contentBannerCntr .tagline { bottom: 15px; font-size: 28px; line-height: 34px }
}

.contactBox { width: 100%; padding: 90px 0; position: relative }

@media(max-width: 1023px) {
 .contactBox { padding: 40px 0 }
}

.contactBox .vertical_logo { position: absolute; top: 0; left: -186px; display: none }

.contactBox p { padding: 10px 0px 0px 50px; position: relative; font-size: 16px }

 .contactBox p .email { color: #202020; display: inline-block; margin-top: 7px }

 .contactBox p .phone { color: #074c7f; font-size: 25px; font-weight: 700 }

.contactBox .icon { position: absolute; left: 0px; width: 40px; height: 40px; border: 1px solid #ffb4ba; border-radius: 100%; display: inline-block; font-size: 20px; color: #074c7f; text-align: center }

.contactBox .contact__map { width: 100%; height: 450px; border-radius: 15px; border: 1px solid #bdc8ef }

@media(max-width: 1023px) {
 .contactBox .contact__map { height: 300px }
}

.contactBox .contact__map iframe { width: 100%; height: 100% }

.contact__formBox #Description ~ span.star { position: absolute; left: 20px; top: 13px; color: red }

[class*=" bi-"]::before { margin-top: 8px }

.airporticon.column { margin-top: -10px }

.mobileMenuBox ul li i.fa { margin-top: 7px !important }

.txt_error { position: absolute; bottom: -41px; color: #fb3d4e; font-size: 13px; float: left; margin: 0; width: 100% !important; background: #ffebed; padding: 4px 20px; left: 0; right: 0 }

 .txt_error.date { bottom: -38px !important }

.history-details-box { border-top: 1px solid #1b75bc; padding: 15px 0; position: relative }

.no-result { padding: 20px 20px 40px; overflow: hidden; margin: 30px 0 50px; text-align: center; background: #fff }

 .no-result .oops { font-size: 46px; font-weight: 700 }

 .no-result .head { font-size: 24px; font-weight: 700; margin-bottom: 10px }

@media(max-width: 767px) {
 .no-result .oops { font-size: 30px }

 .no-result .head { font-size: 20px }
}

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

 .addBanner img { width: 100%; height: auto }

 .addBanner .btn { position: absolute; top: 54%; right: -3%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: #ffe600; color: #7e8163; font-size: 20px; padding: 12px 44px 17px 36px; border: none; cursor: pointer; border-radius: 5px; text-align: center }

.contact__formBox { background: #074c7f; padding: 35px; color: #fff; margin-top: -70px; position: relative }

 .contact__formBox .text-danger { color: #ff744a !important }

@media(max-width: 1023px) {
 .contact__formBox { padding: 20px }
}

@media(max-width: 767px) {
 .contact__formBox { margin-top: -30px }
}

.contact__formBox .seprator { padding-right: 40px; margin-right: 40px; border-right: 1px solid rgba(255,255,255,.6) }

@media(max-width: 1023px) {
 .contact__formBox .seprator { padding-right: 10px; margin-right: 0px }
}

@media(max-width: 767px) {
 .contact__formBox .seprator { padding-right: 0px; border-right: 0px; padding-bottom: 15px }
}

.contact__formBox h3 { font-weight: 600; color: #fff }

.contact__formBox p { font-size: 16px; line-height: 25px; margin: 10px 0 0 0; opacity: .7 }

.contact__formBox .textarea { width: 100%; border: none; border-radius: .25rem; padding: 10px }

.contact__formBox .input_set { position: relative; margin-bottom: 10px }

 .contact__formBox .input_set input[type=text], .contact__formBox .input_set input[type=email] { padding: 10px 15px; height: 44px }

 .contact__formBox .input_set .star { position: absolute; left: 8px; top: 13px; color: red }

.contact__formBox input[type=text]:focus ~ .star, .contact__formBox input[type=email]:focus ~ .star { visibility: hidden }

.contact__formBox .button { width: 100%; border: none; padding: 11px; margin-top: 4px; border-radius: 5px; font-size: 16px; cursor: pointer; background: #074c7f }

 .contact__formBox .button.enqsubmit_button { padding: 15px 20px; width: 100% }

.contact__formBox.enquiry_form { margin: 0px 0 20px 0 }

 .contact__formBox.enquiry_form .pl-left { padding-left: 42px !important }

 .contact__formBox.enquiry_form .seprator { min-height: 300px; margin-right: 20px }

@media(max-width: 1023px) {
 .contact__formBox.enquiry_form .seprator { margin-right: 0px; padding-right: 10px }
}

@media(max-width: 767px) {
 .contact__formBox.enquiry_form .seprator { min-height: auto }
}

.contact__formBox.enquiry_form .icons { color: #074c7f; position: absolute; left: 13px; top: 3px; display: block; pointer-events: none; font-size: 20px }

.contact__formBox.enquiry_form .list-point { list-style: none }

 .contact__formBox.enquiry_form .list-point li { position: relative; margin-bottom: 10px; padding-left: 23px }

  .contact__formBox.enquiry_form .list-point li:before { content: ""; width: 5px; height: 5px; background: #fff; display: block; position: absolute; left: 4px; top: 9px; border-radius: 100% }

.contact__formBox.enquiry_form .dates { background: #fff; margin-bottom: 10px; border: 1px solid #ced4da; border-radius: .25rem }

 .contact__formBox.enquiry_form .dates .input_set { margin-bottom: 0px; border: none }

  .contact__formBox.enquiry_form .dates .input_set .form-control { border: none; cursor: pointer }

   .contact__formBox.enquiry_form .dates .input_set .form-control:disabled, .contact__formBox.enquiry_form .dates .input_set .form-control[readonly] { background: #fff }

.contact__formBox.enquiry_form .tab_box { list-style: none; overflow: hidden }

 .contact__formBox.enquiry_form .tab_box li { float: left; padding-right: 15px }

  .contact__formBox.enquiry_form .tab_box li label { color: #c7d0ff; margin-bottom: 5px }

   .contact__formBox.enquiry_form .tab_box li label input[type=radio] ~ span::after { border-color: #aebcff }

   .contact__formBox.enquiry_form .tab_box li label input[type=radio]:checked ~ span::before { background: #fff }

   .contact__formBox.enquiry_form .tab_box li label input[type=radio]:checked ~ span { color: #fff }

    .contact__formBox.enquiry_form .tab_box li label input[type=radio]:checked ~ span::after { border-color: #fff }

.contact__formBox.enquiry_form .input_block { height: 44px; background: #fff; margin-bottom: 10px; border: 1px solid #ced4da; border-radius: .25rem; overflow: hidden; font-size: 1rem; color: #202020; padding: 6px 11px 9px 15px; display: flex; align-items: center; justify-content: space-between }

 .contact__formBox.enquiry_form .input_block .right_count { width: 45%; border-left: 1px solid #ccc; padding: 0 10px 0 20px; display: flex; align-items: center; justify-content: space-between; font-size: 17px }

 .contact__formBox.enquiry_form .input_block .left_side { display: flex; align-items: center }

 .contact__formBox.enquiry_form .input_block .hotel_icon { background: url(../../images/icons/hotel.svg) left top no-repeat; width: 25px; height: 17px; display: inline-block; margin-right: 5px }

 .contact__formBox.enquiry_form .input_block .minus-icon, .contact__formBox.enquiry_form .input_block .plus-icon { cursor: pointer; margin: 0px; font-size: 24px; line-height: 24px; color: #828181 }

  .contact__formBox.enquiry_form .input_block .minus-icon:hover, .contact__formBox.enquiry_form .input_block .plus-icon:hover { color: #074c7f }

  .contact__formBox.enquiry_form .input_block .minus-icon.disabled, .contact__formBox.enquiry_form .input_block .plus-icon.disabled { cursor: default }

   .contact__formBox.enquiry_form .input_block .minus-icon.disabled:hover, .contact__formBox.enquiry_form .input_block .plus-icon.disabled:hover { color: #828181 }

 .contact__formBox.enquiry_form .input_block .bi::before { margin-top: 0px }

 .contact__formBox.enquiry_form .input_block .guest-icon { font-size: 27px; line-height: 20px; color: #074c7f; margin-right: 5px }

.contact__formBox.enquiry_form .select-class { cursor: pointer; overflow: hidden; position: relative }

 .contact__formBox.enquiry_form .select-class:before { content: ""; font-family: fontawesome; font-size: 23px; color: #333; font-weight: 700; position: absolute; right: 1px; top: 1px; pointer-events: none; padding: 7px 10px 0 0; background: #fff }

 .contact__formBox.enquiry_form .select-class .form-control { height: auto; padding: 10px 27px }

.contact__formBox.enquiry_form .watch-icon { position: absolute; left: 7px; top: 6px; color: #074c7f; font-size: 18px }

.enquiry_form .label_name { display: none }

.enquiry_form .inputField { width: 100%; border-radius: .25rem; border: none; padding-left: 40px !important; background: #fff }

.seprator .page__title { color: #fff }

.enquiry_form .error { color: #f2ff84; margin: 5px 0 }

.enquiry_form .angucomplete-dropdown { width: 100%; left: 0px; margin: 0px }

@media(max-width: 767px) {
 .enquiry_form .angucomplete-dropdown { min-height: 250px }
}

.newyork-detail { width: 100%; padding: 35px 0; overflow: hidden }

 .newyork-detail .left { padding: 21px 24px; width: 100%; background: #f6f8ff; border: 1px solid #c5d0f6 }

@media(max-width: 1023px) {
 .newyork-detail .left { padding: 10px }
}

@media(max-width: 767px) {
 .newyork-detail .left { margin-bottom: 10px }
}

.newyork-detail .left ul { list-style: none }

.newyork-detail .left li { margin-bottom: 10px; padding: 10px 10px 10px 65px; display: block; font-size: 16px; color: #074c7f; border: 1px solid #a5b1ee; border-radius: 5px; background: #fff; overflow: hidden; position: relative; font-weight: 500 }

@media(max-width: 1023px) {
 .newyork-detail .left li { padding-left: 58px; font-size: 14px }
}

.newyork-detail .left li a { color: #074c7f; text-decoration: none }

.newyork-detail .left i { font-size: 19px; width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; background: #4863db; text-align: center; color: #fff; line-height: 37px }

.newyork-detail .left .img img { width: 100%; border-radius: 5px }

.newyork-detail .right { padding-left: 20px; width: 100% }

@media(max-width: 1023px) {
 .newyork-detail .right { padding-left: 0px }
}

.newyork-detail .right .section { width: 100%; margin-bottom: 20px }

.newyork-detail .right h2 { font-size: 27px; color: #202020; line-height: 36px }

@media(max-width: 1023px) {
 .newyork-detail .right h2 { font-size: 21px; line-height: 28px }
}

.newyork-detail .right p { line-height: 27px; color: #202020 }

@media(max-width: 1023px) {
 .newyork-detail .right p { line-height: 23px }
}

.newyork-detail .right p a { color: #202020 }

.newyork-detail .right a.des-morelink { color: #074c7f; text-decoration: none; margin: 0px 6px; font-weight: 600 }

 .newyork-detail .right a.des-morelink:hover { text-decoration: underline }

.newyork-airroutes { padding: 40px 0; width: 100%; overflow: hidden }

 .newyork-airroutes ul { margin-right: -100px; list-style: none }

@media(max-width: 1023px) {
 .newyork-airroutes ul { margin-right: -20px }
}

@media(max-width: 767px) {
 .newyork-airroutes ul { margin-right: 0px }
}

.newyork-airroutes li { padding-right: 100px; margin-bottom: 20px; width: 50%; float: left }

@media(max-width: 1023px) {
 .newyork-airroutes li { padding-right: 20px }
}

@media(max-width: 767px) {
 .newyork-airroutes li { width: 100%; padding-right: 0px }
}

.newyork-airroutes li a { display: flex; align-items: center; padding: 15px 0 15px 100px; position: relative; font-size: 18px; line-height: 28px; color: #202020; text-decoration: none; border-radius: 5px; border: 1px solid #a5b1ee; background: #f6f8ff }

 .newyork-airroutes li a:hover { border-color: #074c7f }

@media(max-width: 1023px) {
 .newyork-airroutes li a { padding: 10px 0 10px 66px; font-size: 14px; line-height: 25px }
}

.newyork-airroutes li a strong { display: block }

.newyork-airroutes li i { margin: 15px 0; width: 75px; height: calc(100% - 30px); display: block; border-right: 1px solid #a5b1ee; position: absolute; left: 0px; top: 0px; background: url(../../images/icons/flights-blue.svg) center center no-repeat }

@media(max-width: 1023px) {
 .newyork-airroutes li i { width: 55px }
}

.tilteBox { padding: 20px 0 0 0 }

 .tilteBox h2 { font-size: 26px; font-weight: 600 }

 .tilteBox .inputField { padding: 13px 10px; float: right; width: 65%; border: 1px solid #ececec; border-left: 10px solid #e7e7e7 }

.baggageFeesBox { padding: 10px 0 40px 0 }

 .baggageFeesBox .container { max-width: 1300px }

 .baggageFeesBox .small_text { margin: 15px 0 0 0; font-size: 12px; position: relative; padding-left: 17px }

  .baggageFeesBox .small_text i { position: absolute; left: 0px; top: 0px }

.baggage-desktop .baggage-content__table { border: 1px solid #ececec }

 .baggage-desktop .baggage-content__table .row { margin: 0px }

 .baggage-desktop .baggage-content__table .br-right { border-right: 1px solid #ececec }

.baggage-desktop .baggage-content__table-row { font-size: 13px; color: #5b6270; line-height: 20px; word-wrap: break-word; border-bottom: 1px solid #ececec }

 .baggage-desktop .baggage-content__table-row:last-child { border-bottom: none }

 .baggage-desktop .baggage-content__table-row .airline { text-align: center; line-height: 18px }

  .baggage-desktop .baggage-content__table-row .airline img { width: 40px; margin-bottom: 5px }

 .baggage-desktop .baggage-content__table-row p { padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px }

 .baggage-desktop .baggage-content__table-row a { color: #333; text-decoration: underline }

  .baggage-desktop .baggage-content__table-row a:hover { text-decoration: none; color: #074c7f }

.baggage-desktop .baggage-content-header { font-weight: bold; color: #074c7f; font-size: 16px; border-bottom: 1px solid #ececec }

 .baggage-desktop .baggage-content-header .title { padding-top: 9px; padding-bottom: 9px }

.baggege-content_mobile .baggege_mobile-repeat_row { border: 1px solid #ccc; font-size: 13px; color: #5b6270; line-height: 20px; word-wrap: break-word; margin-bottom: 10px }

.baggege-content_mobile .bagggage-content-header { padding: 5px }

@media(max-width: 767px) {
 .baggege-content_mobile .bagggage-content-header { padding-left: 0px; padding-right: 0px }
}

.baggege-content_mobile .bagggage-content-header .airline { margin: 0px }

 .baggege-content_mobile .bagggage-content-header .airline img { width: 30px; vertical-align: top }

 .baggege-content_mobile .bagggage-content-header .airline:after { content: "+"; margin-left: 20px; font-size: 22px; color: #999; top: 6px; position: relative; width: 14px; display: inline-block }

.baggege-content_mobile .bagggage-content-header.active .airline:after { content: "-" }

.baggege-content_mobile .bagggage-content-header .row { margin: 0 }

.baggege-content_mobile .baggage_content_row { padding: 5px; border-top: 1px solid #ccc }

.baggege-content_mobile .row { margin: 7px 0 }

.baggege-content_mobile .name { font-size: 13px; font-weight: 700 }

.baggege-content_mobile a { color: #333; text-decoration: underline }

 .baggege-content_mobile a:hover { text-decoration: none; color: #074c7f }

.discount__offer { display: none; list-style: none; position: absolute; left: 300px; top: 16px; font-size: 14px }

@media(max-width: 1023px) {
 .discount__offer { left: inherit; right: 16px }
}

@media(max-width: 767px) {
 .discount__offer { display: none }
}

.discount__offer li { padding: 0px 15px; display: inline-block; color: #5e5e5e; border-right: 1px solid #f4f4f4 }

@media(max-width: 1023px) {
 .discount__offer li { padding: 0px 5px }
}

.discount__offer li:last-child { border-right: none }

.discount__offer strong { color: #074c7f }

.searchBox { margin-bottom: 60px; position: relative; z-index: 1; }
#mobileSearchCntr .searchBox { margin-top: 60px; padding: 10px 10px 30px; border-radius: 10px; }
.searchBox .arrow:before { content: ""; font-family: bootstrap-icons !important; position: absolute; right: 10px; top: 13px; font-weight: 700; color: #474747 }
.searchBox .flightSearch .label { padding: 0px; float: left; width: 50%; /* border-right: 1px solid #ccc; */ position: relative; }

 .searchBox .flightSearch .label.first .inputField { padding-left: 42px; }

.searchBox .tabBox { list-style: none; overflow: hidden; position: absolute; left: 0px; top: -40px }

@media(max-width: 767px) {
 .searchBox .tabBox { top: -34px }
}

.searchBox .tabBox li { float: left; padding: 8px 17px; background: #fff; font-size: 16px; color: #474747; cursor: pointer; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-left: 5px }

@media(max-width: 767px) {
 .searchBox .tabBox li { font-size: 14px; padding: 7px 15px; background: none }
}

.searchBox .tabBox li.active { background: #074c7f; color: #fff }

.searchBox .tabBox li img { margin-right: 5px }

@media(max-width: 767px) {
 .searchBox .tabBox li img { height: 22px }
}

.searchBox .searchBlock {  padding: 15px 25px 20px 25px; position: relative; margin: 0px auto; }
.popFlights-item-overHidden { position: relative; overflow: hidden; }
.dealCntr ul.deals.home_deal li { width: calc(25% - 30px); overflow: hidden; border-radius: 10px 10px 5px 5px; }
.popFlights-item-overHidden { position: relative; overflow: hidden; }
 .popFlights-item-overHidden img { transition: all ease 0.4s; }
.dealCntr ul.deals li { margin: 0 30px 20px 0; width: calc(50% - 20px); float: left; /* padding: 13px; */ border-radius: 15px; background: #fff; box-shadow: 1px 2px 6px 1px #0000001c; border: 0; font-size: 14px; color: #898D92; transition: all 0.2s; position: relative; }

 .dealCntr ul.deals li .airline__logo { margin-right: 15px; float: left; width: 30px; height: 30px; }

 .dealCntr ul.deals li .city__code { color: #001837; font-size: 10px; font-weight: 700; line-height: 29px; }

.dealCntr ul.deals.home_deal li .column.column-2 { width: 100%; display: flex; justify-content: space-between; align-items: center; }

.dealCntr ul.deals li .column.first-child, .dealCntr ul.deals li .column:first-child { padding-left: 0px; width: 100%; }

.dealCntr ul.deals.home_deal li .column.column-3 { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; width: 100%; }

spna.tripRound { font-size: 13px; }

.dealCntr ul.deals.home_deal li .deal_book { padding: 3px 15px; border-radius: 15px; background: #fd1d1d; color: #ffffff; display: inline-block; float: none; }
 .dealCntr ul.deals.home_deal li .deal_book i { display: none; }

.searchBox .flightSearch { padding: 0px }
button.searchButton { background: #074c7f; border: none; display: flex; margin: 0 auto; padding: 10px 4px; justify-content: center; border-radius: 6px; color: #fff; align-items: center; height: auto; width: 14%; }

.searchBox .flightSearch .col-sm-6 { padding-left: 5px; padding-right: 5px }

.searchBox .flightSearch .commonDate { display: flex }

@media(max-width: 1023px) {
 .searchBox .flightSearch { display: block; padding-bottom: 10px }
}

@media(max-width: 767px) {
 .searchBox .flightSearch .box-shadow { background: #fff; box-shadow: 0 3px 6px #bec4df; border-radius: 6px }
}

.searchBox .flightSearch .column_1 { float: left; width: 50% }

@media(max-width: 1023px) {
 .searchBox .flightSearch .column_1 { width: 100% }
}

@media(max-width: 1023px) {
 .searchBox .flightSearch .column_1 .label:last-child { border: none }
}

@media(max-width: 767px) {
 .searchBox .flightSearch .column_1 .label { width: 100% }
}

.searchBox .flightSearch .column_2 { float: left; margin-right: 2%; width: 38% }

@media(max-width: 1023px) {
 .searchBox .flightSearch .column_2 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
}

@media(max-width: 767px) {
 .searchBox .flightSearch .column_2 { width: 100%; margin: 10px 0; border: none }
}

@media(max-width: 1023px) {
 .searchBox .flightSearch .column_2 .label:last-child { border: none }
}

.searchBox .flightSearch .column_3 { float: left; width: 10% }

@media(max-width: 1023px) {
 .searchBox .flightSearch .column_3 { width: 100% }
}

@media(max-width: 1023px) {
 .searchBox .flightSearch .column_3 { background: none; box-shadow: none }
}

.searchBox .flightSearch .label { position: relative }

 .searchBox .flightSearch .label.roundtrip { display: none }

 .searchBox .flightSearch .label.oneway { width: 100% }

@media(max-width: 767px) {
 .searchBox .flightSearch .label { border-right: none; padding-bottom: 0px }
}

.searchBox .flightSearch .label .label_name { font-size: 17px; color: #074c7f; transition: all .2s ease; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 23px; left: 40px; pointer-events: none; font-weight: 300 }

@media(max-width: 1199px) {
 .searchBox .flightSearch .label .label_name { font-size: 16px }
}

.searchBox .flightSearch .label .inputField { font-size: 15px; color: #212121; border-radius: 0px; border: 1px solid #cec4db; outline: none; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; /*margin-bottom: 15px;*/ padding: 20px 10px 20px 40px }

@media(max-width: 1199px) {
 .searchBox .flightSearch .label .inputField { font-size: 14px }
}

.searchBox .flightSearch .label .inputField.valid ~ .label_name, .searchBox .flightSearch .label .inputField.ng-not-empty ~ .label_name { top: 5px; font-size: 11px; color: #074c7f }
/*
.searchBox .flightSearch .label.first .label_name {
 left: 26px
}

@media(max-width: 767px) {
 .searchBox .flightSearch .label.first .label_name {
  left: 38px
 }
}*/

.searchBox .flightSearch .label.first .text-error { left: 0px }

.searchBox .flightSearch .label .icons { position: absolute; left: 13px; top: 10px; line-height: 20px; display: block; pointer-events: none; font-size: 20px; color: #074c7f }

@media(max-width: 1199px) {
 .searchBox .flightSearch .label .icons { left: 5px }
}

.searchBox .flightSearch .label .icons.person-icon { font-size: 25px; top: 2px }

.searchBox .flightSearch .label .class-icon { background: url(../../images/icons/class.svg) left top no-repeat; width: 16px; height: 23px; top: 11px }

.searchBox .flightSearch .label .bottom_line { content: ""; width: 0; background: #074c7f; height: 2px; display: block; position: absolute; left: 0px; bottom: 0px; transition: .5s }

@media(max-width: 767px) {
 .searchBox .flightSearch .label .bottom_line { height: 1px; bottom: 0px }
}

.searchBox .flightSearch .label input[type=text]:focus ~ .bottom_line { width: 96%; display: none }

@media(max-width: 767px) {
 .searchBox .flightSearch .label input[type=text]:focus ~ .bottom_line { width: 100% }
}

.searchBox .flightSearch .label input[type=text]:focus ~ .label_name { top: 5px; font-size: 11px; color: #858585 }

.searchBox .flightSearch .label input[type=text]:focus ~ .icons, .searchBox .flightSearch .label .valid ~ .icons, .searchBox .flightSearch .label .ng-valid ~ .icons { color: #074c7f }

.searchBox .flightSearch .cursor { cursor: pointer }

.searchBox .flightSearch .searchButton { width: 100%; display: inline-block; background: #074c7f; border: 3px solid #ffffff;; font-size: 34px; color: #fff; border-radius: 15px; text-align: center; cursor: pointer; padding: 10px 10px; outline: none }

@media(max-width: 767px) {
 .searchBox .flightSearch .searchButton { width: 100%; padding: 15px; height: auto }
}

.searchBox .flightSearch .searchButton:hover { background: #074c7f; color: #fff }

.searchBox .text-error { color: #074c7f; font-size: 13px; float: left; margin: 5px 0 -15px -20px; width: 24.3%; background: #ffebed; padding: 4px 20px }

@media(max-width: 767px) {
 .searchBox .text-error { margin: 5px 0; width: 100% }
}

.searchBox .text-error i { position: relative; top: -2px; margin-right: 3px }

.searchBox .text-error.same_searches { width: 47% }

.mobile_dsearchButton { width: 100%; display: none; background: #074c7f; border: none; font-size: 16px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; padding: 10px; margin-top: 13px; outline: none }

@media(max-width: 767px) {
 .mobile_dsearchButton { display: block }
}

.mobile_dsearchButton:hover { background: #074c7f }

.travllerBox { border-top: 1px solid #f4f4f4; width: 100%; background: #fff; padding: 10px; box-shadow: 0 4px 11px #97979729; position: absolute; left: 0px; top: 2px }

 .travllerBox.travellerDrop { width: 400px; padding: 20px }

@media(max-width: 767px) {
 .travllerBox { top: -65px }
}

.travllerBox .head { padding: 10px 0 20px 0; font-size: 20px; width: 100%; font-weight: 600 }

@media(max-width: 767px) {
 .travllerBox .guestBox { width: 100%; border-right: none; border-bottom: 1px dashed #ccc; padding-bottom: 15px; margin-bottom: 10px }
}

.travllerBox .guestBox .add-traveler { font-size: 16px; color: #5d5d5d; padding: 0px 0 10px 0; clear: both; font-weight: 500 }

 .travllerBox .guestBox .add-traveler a { width: 25px; height: 25px; text-align: center; line-height: 23px; font-size: 14px; border: 2px solid #989aa2; color: #989aa2; background: #fff; border-radius: 100%; text-decoration: none; display: inline-block; cursor: pointer; font-weight: 600 }

  .travllerBox .guestBox .add-traveler a i { line-height: 23px }

  .travllerBox .guestBox .add-traveler a:hover { color: #074c7f; border-color: #074c7f }

  .travllerBox .guestBox .add-traveler a.disable { color: #c0cad5; border-color: #c0cad5; cursor: default }

 .travllerBox .guestBox .add-traveler .travelers__options { float: right; width: 100px; display: flex; justify-content: center; align-items: center }

 .travllerBox .guestBox .add-traveler .number { width: 50px; display: inline-block; text-align: center }

  .travllerBox .guestBox .add-traveler .number input { width: 100%; text-align: center; font-weight: 700 }

.travllerBox .unaccompined { padding-top: 10px; margin-top: 10px; position: relative }

 .travllerBox .unaccompined a { color: #333; text-decoration: none }

  .travllerBox .unaccompined a i { position: relative; margin-right: 5px; top: -2px }

 .travllerBox .unaccompined:hover a { color: #074c7f }

 .travllerBox .unaccompined:hover .tooltip-new { opacity: 1 }

 .travllerBox .unaccompined .tooltip-new { width: 330px; left: 138px; padding: 10px 15px }

@media(max-width: 767px) {
 .travllerBox .unaccompined .tooltip-new { left: 159px }
}

.travllerBox .unaccompined .tooltip-new:after { left: 11% }

.travllerBox .unaccompined .closeunaccompanied { position: absolute; right: 6px; font-size: 18px; top: 5px }

.travllerBox .classType { list-style: none }

.travllerBox .done_Btn { float: right; margin: 10px 20px 0 0; background: #074c7f; color: #fff; padding: 10px 30px; text-align: center; border-radius: 3px; font-size: 16px; font-weight: 600; text-decoration: none; display: block; width: 120px; cursor: pointer }

.switch { position: absolute; display: inline-block; padding-left: 42px; margin: 0px; right: 15px; top: 15px; cursor: pointer }

@media(max-width: 767px) {
 .switch { display: none }
}

.switch input { opacity: 0; width: 0; height: 0 }

.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #e3e3e3; -webkit-transition: .4s; transition: .4s; color: #303030 }

 .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 2px; background-color: #fff; -webkit-transition: .4s; transition: .4s }

input:checked + .slider { background-color: #074c7f }

input:focus + .slider { box-shadow: 0 0 1px #074c7f }

input:checked + .slider:before { -webkit-transform: translateX(12px); -ms-transform: translateX(12px); transform: translateX(12px) }

.slider.round { border-radius: 20px; width: 36px; height: 20px }

 .slider.round:before { border-radius: 50% }

.recent__SearchBox { background: rgba(0,0,0,.2); padding: 8px 12px 12px; border-radius: 5px; margin: 10px 0; display: none }

 .recent__SearchBox .head { color: #fff; margin-bottom: 5px }

 .recent__SearchBox .holder { overflow: hidden }

 .recent__SearchBox .block { background: #fff; border-radius: 5px; padding: 5px 8px; overflow: hidden }

  .recent__SearchBox .block .left { width: 150px; float: left; display: flex; align-items: center; justify-content: space-between; padding-right: 10px; border-right: 1px solid #ccc }

   .recent__SearchBox .block .left .city__code { font-size: 14px; color: #484848; font-weight: 600 }

    .recent__SearchBox .block .left .city__code small { display: block; font-size: 10px; color: #989898 }

  .recent__SearchBox .block .right { width: 110px; padding-left: 10px; padding-right: 10px; font-size: 12px; color: #8a8a8a; float: left; position: relative }

   .recent__SearchBox .block .right .arrow { color: #074c7f; position: absolute; right: -6px; top: -8px; font-size: 22px; padding: 5px }

.input_clear { background: #fff url(../../images/clear_field.png) no-repeat right -18px center; padding-right: 22px }

 .input_clear.x { background-position: right 15px }

 .input_clear.onX { cursor: pointer }

 .input_clear::-ms-clear { display: none; width: 0; height: 0 }

.traveler_action_button a.disable { color: #c0cad5; border-color: #c0cad5; cursor: default }

.return_date .is-error, .retdate.is-error { border: 1px solid red !important }

.done_button { width: 100%; background: #074c7f; border: none; font-size: 16px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; padding: 10px; margin-top: 13px; outline: none; display: inline-block; clear: both }

.mobile_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 0; background: rgba(0,0,0,.2); z-index: 2 }

.top_row { display: inline-flex; align-items: center; justify-content: start; padding: 5px; white-space: nowrap; margin: 0; }

@media(max-width: 767px) {
 .top_row { border-bottom: none; color: #000; font-size: 12px }
}

.top_row .arrow-icon { position: relative; top: 0px; margin-left: 4px }
.triptype_action, .traveler_action, .class_action { background: #162B50; border-radius: 15px; padding: 3px 10px; color:#ffffff ; }
.traveler_action { margin: 0 30px; position: relative }

@media(max-width: 767px) {
 .traveler_action { margin: 0 10px; padding: 0 8px }
}

.Mobiletrip_type { width: 190px; border-radius: 5px; background: #fff; z-index: 3; position: absolute; box-shadow: 0 3px 12px #a4a4a5; left: 0px; top: 33px }

 .Mobiletrip_type.class-type { right: 0px; left: inherit; width: 196px }

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

  .Mobiletrip_type ul li { padding: 13px 0 13px 36px; border-bottom: 1px solid #ccc; color: #333; position: relative; cursor: pointer; font-weight: 500 }

   .Mobiletrip_type ul li:last-child { border-bottom: none }

   .Mobiletrip_type ul li i { position: absolute; left: 14px; top: 11px; visibility: hidden }

   .Mobiletrip_type ul li:hover, .Mobiletrip_type ul li.active { color: #074c7f }

    .Mobiletrip_type ul li.active i { visibility: visible }

.mobile_travelerBox { width: 260px; border-radius: 5px; background: #fff; z-index: 3; position: absolute; right: 0px; top: 33px; box-shadow: 0 3px 12px #a4a4a5 }

 .mobile_travelerBox .add-traveler { font-size: 15px; color: #5d5d5d; padding: 13px 20px; clear: both; font-weight: 500; border-bottom: 1px solid #ccc }

  .mobile_travelerBox .add-traveler a { width: 25px; height: 25px; text-align: center; line-height: 23px; font-size: 14px; border: 2px solid #989aa2; color: #989aa2; background: #fff; border-radius: 100%; text-decoration: none; display: inline-block; cursor: pointer; font-weight: 600 }

   .mobile_travelerBox .add-traveler a i { line-height: 23px }

   .mobile_travelerBox .add-traveler a:hover { color: #074c7f; border-color: #074c7f }

   .mobile_travelerBox .add-traveler a.disable { color: #c0cad5; border-color: #c0cad5; cursor: default }

  .mobile_travelerBox .add-traveler .travelers__options { float: right; width: 100px; display: flex; justify-content: center; align-items: center }

  .mobile_travelerBox .add-traveler .number { width: 45px; display: inline-block; text-align: center }

   .mobile_travelerBox .add-traveler .number input { width: 100%; text-align: center; font-weight: 700 }

.textred { color: red }

#cars_search .commonDate .dateCol { width: 50% }

.inputSet.white label { color: #fff }

 .inputSet.white label input[type=radio]:checked ~ span { color: #fff }

  .inputSet.white label input[type=radio]:checked ~ span::before { background: #fff }

  .inputSet.white label input[type=radio]:checked ~ span::after { border-color: #fff }

.faqbanner { position: relative }

 .faqbanner .banner_content { height: 100%; position: absolute; left: 0px; top: 0px; width: 100%; display: flex; align-items: center; justify-content: center }

 .faqbanner .tagline { font-size: 35px; color: #7771be; font-weight: 600 }

@media(max-width: 767px) {
 .faqbanner .tagline { font-size: 16px }
}

.faqBox h3 { font-size: 20px; padding: 20px 0 }

@media(max-width: 767px) {
 .faqBox h3 { font-size: 14px; padding: 10px 0 }
}

.faqBox ul { list-style: none }

 .faqBox ul li { border: 1px solid #ccc; padding: 13px 20px; border-radius: 8px; margin-bottom: 12px }

@media(max-width: 767px) {
 .faqBox ul li { padding: 6px 10px; margin-bottom: 10px }
}

.faqBox ul li .faqhead { position: relative; font-size: 15px; cursor: pointer; font-weight: 600 }

@media(max-width: 767px) {
 .faqBox ul li .faqhead { font-size: 13px; padding-right: 23px }
}

@media(max-width: 479px) {
 .faqBox ul li .faqhead { font-size: 12px }
}

.faqBox ul li .faqhead:after { content: "+"; font-size: 19px; color: #074c7f; top: 0px; position: absolute; right: 0px; width: 20px; display: inline-block; border: 1px solid #074c7f; text-align: center; height: 20px; line-height: 19px; border-radius: 3px }

.faqBox ul li .faqhead.active:after { content: "-" }

.faqBox ul li .faqcontent { padding-top: 20px }

@media(max-width: 767px) {
 .faqBox ul li .faqcontent { font-size: 13px; padding-top: 12px }
}

@media(max-width: 479px) {
 .faqBox ul li .faqcontent { font-size: 12px; padding-top: 12px }
}

.contentBox .faqBox ul { margin: 0px }

 .contentBox .faqBox ul li { width: 100%; margin-right: 0px }

  .contentBox .faqBox ul li:before { content: ""; display: none }

.mybookinform_block { background: #0098db; padding: 25px; color: #fff; margin: 20px 0 }

@media(max-width: 767px) {
 .mybookinform_block { padding: 15px }
}

.mybookinform_block .or_text { padding-top: 37px }

@media(max-width: 767px) {
 .mybookinform_block .or_text { padding-top: 9px }
}
.mybookinform_block .search__button { width: 100%; background: #fff; border: none; font-size: 16px; color: #074c7f; text-align: center; cursor: pointer; border-radius: 3px; padding: 10px; margin-top: 28px; display: block; text-decoration: none; outline: none }
.mybookinform_block .form-control { border-radius: 0px; border: none; padding: 8px }
.display_mybooking h3 { font-size: 18px; margin-bottom: 10px }
.table_head th { background: rgba(0,0,0,.05); white-space: nowrap }
 #mobileSearchCntr.mobile_searchCntrHome { position: relative; background: url(../../images/mobile-banner/mobile-banner1.jpg) center top no-repeat; background-size: cover; color: #fff }
  #mobileSearchCntr.mobile_searchCntrHome:before { content: ''; background: rgb(38 10 63 / 0.76); position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
 #mobileSearchCntr .searchBox .tabBox li { color: #fff }
 #mobileSearchCntr .angucomplete-holder { border-bottom: 1px solid #ccc }
 #mobileSearchCntr .mobile_searchBlock { position: relative; padding-top: 10px }
 #mobileSearchCntr .inputField { width: 100%; margin-top: 0px; padding: 15px 10px 15px 40px; border: none; border-radius: 5px; font-weight: 700; color: #303030; border: none; outline: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
  #mobileSearchCntr .inputField.valid ~ .label_name, #mobileSearchCntr .inputField.ng-not-empty ~ .label_name { top: 5px; font-size: 11px; color: #858585 }
  #mobileSearchCntr .inputField.valid, #mobileSearchCntr .inputField.ng-not-empty { padding: 20px 10px 10px 40px }
 #mobileSearchCntr .icons { position: absolute; left: 13px; top: 10px; display: block; pointer-events: none; font-size: 20px; color: #074c7f }
 #mobileSearchCntr .label { position: relative; float: left; width: 50%; margin-bottom:10px; }
  #mobileSearchCntr .label.brd:after { content: ""; height: 41px; width: 1px; background: #e5ebff; display: block; position: absolute; left: 0px; top: 5px }
  #mobileSearchCntr .label p { margin: 0px }
 #mobileSearchCntr .box-shadow { float: none; width: 100%;  }
 #mobileSearchCntr .label_name { font-size: 16px; color: #303030; transition: all .2s ease; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 16px; left: 40px; pointer-events: none; font-weight: 300 }

 #mobileSearchCntr input[type=text]:focus ~ .label_name { top: 5px; font-size: 11px; color: #858585 }

 #mobileSearchCntr .mobilesearchButton { width: 100%; background: #074c7f; border: none; font-size: 17px; color: #fff; text-align: center; cursor: pointer; border-radius: 22px; padding: 10px 5px; outline: none; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; display: block; }

 #mobileSearchCntr ::-webkit-input-placeholder { font-weight: 400 }

 #mobileSearchCntr ::-moz-placeholder { font-weight: 400 }

 #mobileSearchCntr :-ms-input-placeholder { font-weight: 400 }

 #mobileSearchCntr :-moz-placeholder { font-weight: 400 }

 #mobileSearchCntr .top_row { margin-bottom: 10px; width: 100%; display: flex; align-items: center; justify-content: space-between }

@media(max-width: 767px) {
 #mobileSearchCntr .top_row { font-size: 12px }
}

#mobileSearchCntr .top_row .arrow-icon { position: relative; top: 2px; margin-left: 2px }

#mobileSearchCntr .top_row .person-icon { font-size: 16px; position: relative; top: 2px; }

#mobileSearchCntr #trvltext { top: 0px; position: relative }

#mobileSearchCntr .mobile_banner { margin: 0px -20px }

 #mobileSearchCntr .mobile_banner img { width: 100% }

#mobileSearchCntr .inputField.input_clear.x { background-position: right 12px }

.mobile_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 0; background: rgba(0,0,0,.2); z-index: 2 }

.Mobiletrip_type { width: 190px; border-radius: 5px; background: #fff; z-index: 3; position: absolute; box-shadow: 0 3px 12px #a4a4a5; left: 0px; top: 45px }

 .Mobiletrip_type.class-type { right: 0px; left: inherit; width: 196px }

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

  .Mobiletrip_type ul li { padding: 13px 0 13px 36px; border-bottom: 1px solid #ccc; color: #333; position: relative; cursor: pointer; font-weight: 500 }

   .Mobiletrip_type ul li:last-child { border-bottom: none }

   .Mobiletrip_type ul li i { position: absolute; left: 14px; top: 11px; visibility: hidden }

   .Mobiletrip_type ul li:hover, .Mobiletrip_type ul li.active { color: #074c7f }

    .Mobiletrip_type ul li.active i { visibility: visible }

.mobile_travelerBox { width: 260px; border-radius: 5px; background: #fff; z-index: 3; position: absolute; right: 0px; box-shadow: 0 3px 12px #a4a4a5 }

@media(max-width: 767px) {
 .mobile_travelerBox { right: 0px; left: -20px }
}

@media(max-width: 479px) {
 .mobile_travelerBox { right: 0px; left: -20px }
}

.mobile_travelerBox .add-traveler { font-size: 15px; color: #5d5d5d; padding: 13px 20px; clear: both; font-weight: 500; border-bottom: 1px solid #ccc }

 .mobile_travelerBox .add-traveler a { width: 25px; height: 25px; text-align: center; line-height: 23px; font-size: 14px; border: 2px solid #989aa2; color: #989aa2; background: #fff; border-radius: 100%; text-decoration: none; display: inline-block; cursor: pointer; font-weight: 600 }

  .mobile_travelerBox .add-traveler a i { line-height: 23px }

  .mobile_travelerBox .add-traveler a:hover { color: #074c7f; border-color: #074c7f }

  .mobile_travelerBox .add-traveler a.disable { color: #c0cad5; border-color: #c0cad5; cursor: default }

 .mobile_travelerBox .add-traveler .travelers__options { float: right; width: 100px; display: flex; justify-content: center; align-items: center }

 .mobile_travelerBox .add-traveler .number { width: 45px; display: inline-block; text-align: center }

  .mobile_travelerBox .add-traveler .number input { width: 100%; text-align: center; font-weight: 700 }

.full-screen-modal { position: fixed; top: 0; left: 100%; height: 100%; width: 100vw; background: #fff; z-index: 5; will-change: transform; transition: transform .3s ease }

 .full-screen-modal .mobile_head { background: #074c7f; color: #fff; overflow: hidden }

 .full-screen-modal .mobile_back { width: 48px; height: 48px; float: left; border-right: 1px solid #fa9da6; font-size: 33px; line-height: 33px; text-align: center; position: relative }

  .full-screen-modal .mobile_back .close { padding: 0px 10px; font-size: 33px; color: #fff; opacity: 1; line-height: 35px }

 .full-screen-modal p { float: left; margin: 0px; padding: 12px; font-size: 16px }

 .full-screen-modal .model_content { padding: 20px }

 .full-screen-modal .search_field { position: relative }

 .full-screen-modal .searchInput { width: 100%; padding: 9px 10px 11px 30px; border: none; border-bottom: 1px solid #ccc; font-size: 17px }

 .full-screen-modal .location_icon { position: absolute; left: -1px; top: 3px; font-size: 20px }

 .full-screen-modal input[type=text]:focus ~ .location_icon { color: #074c7f }

 .full-screen-modal .mobiledone_Btn { margin: 10px 0px 0 0; background: #074c7f; color: #fff; padding: 10px 30px; text-align: center; border-radius: 3px; font-size: 16px; font-weight: 600; text-decoration: none; display: block; width: 93%; cursor: pointer; position: fixed; left: 13px; bottom: 15px }

 .full-screen-modal.active { transform: translate3d(-100%, 0, 0) }

.mobile__Modifysearch { position: fixed; width: 100%; z-index: 4; background: #074c7f; left: -200%; top: 0px; transition: all .5s }

.mobile_head { background: #074c7f; overflow: hidden; color: #fff; position: relative }

 .mobile_head h4 { font-size: 16px; padding: 10px; margin: 0px }

 .mobile_head .close { position: absolute; right: 0px; top: 0px; padding: 4px 10px; font-size: 20px; color: #fff; opacity: 1 }

.traveler_action_button { padding: 10px; text-align: right }

 .traveler_action_button a { padding: 5px 15px; display: inline-block; border: 1px solid #074c7f; color: #074c7f; margin: 0px 5px; border-radius: 3px }

  .traveler_action_button a.active { background: #074c7f; color: #fff }

.traveler_action .arrow-icon { top: 0px !important }

div.cal { z-index: 31 !important }

 div.cal .day { line-height: 40px; height: 38px }

 div.cal .dHd { background: #efefef; color: #000; height: 35px; line-height: 35px }

 div.cal .active.sel.day { background: #074c7f; color: #fff }

 div.cal .inBtw { background-color: #ecf0ff; color: #074c7f }

#errdiv .text-error { background: none; margin: 0px; padding: 2px 0; float: none; color: #333 }

#errdiv .done_button { margin-top: 10px; display: block }

.return_date .is-error, .retdate.is-error { border: 1px solid red !important }

.done_button { width: 100%; display: none; background: #074c7f; border: none; font-size: 16px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; padding: 10px; margin-top: 13px; outline: none }

.traveler_action .arrow-icon { top: -2px }

@media(max-width: 767px) {
 .class_type_overflow { width: 100px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; padding-top: 5px }
}

.mobile_error_overlay { position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,.5); height: 100vh; width: 100% }

 .mobile_error_overlay .mobile_error { position: absolute; left: 50%; top: 50%; background: #fff; transform: translate(-50%, -50%); padding: 10px; width: 300px }

  .mobile_error_overlay .mobile_error .text-error { background: none }

.tripType { list-style: none; padding: 0px }

@media(max-width: 767px) {
 .tripType { border-bottom: none }
}

.tripType li { display: inline-block; padding-right: 15px; font-size: 14px }

 .tripType li label { cursor: pointer; font-weight: 600 }

.inputSet label { cursor: pointer; font-weight: 400; line-height: 22px; padding-left: 26px; position: relative; color: #5d5d5d }

 .inputSet label input { opacity: 0; position: absolute }

  .inputSet label input[type=checkbox] ~ span::after { border: 1px solid #f42525; content: ""; height: 18px; left: 0; position: absolute; top: 1px; width: 18px; border-radius: 3px }

  .inputSet label input[type=checkbox]:checked ~ span::after { border: 1px solid #f42525 }

  .inputSet label input[type=checkbox]:checked ~ span { color: #074c7f }

   .inputSet label input[type=checkbox]:checked ~ span::before { font-family: "FontAwesome"; content: ""; display: block; color: #f42525; position: absolute; left: 2px; top: 0px }

.inputSet.theme2 label input[type=checkbox]:checked ~ span { color: inherit }

 .inputSet.theme2 label input[type=checkbox]:checked ~ span::before { color: #074c7f }

 .inputSet.theme2 label input[type=checkbox]:checked ~ span::after { border: 1px solid #074c7f }

.inputSet.white label input[type=checkbox] ~ span::after { border-color: #fff }

.inputSet.white label input[type=checkbox]:checked ~ span { color: #fff }

.inputSet label input[type=radio] ~ span::after { border-radius: 100%; border: 2px solid #074c7f; content: ""; height: 20px; width: 20px; left: 0; position: absolute; top: 0 }

.inputSet label input[type=radio]:checked ~ span { color: #074c7f; transition: all .5s }

 .inputSet label input[type=radio]:checked ~ span::after { border: 2px solid #074c7f }

 .inputSet label input[type=radio]:checked ~ span::before { border-radius: 100%; background: #074c7f; content: ""; display: block; height: 8px; width: 8px; left: 6px; position: absolute; top: 6px }

#ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon { width: 25px; height: 25px; margin-left: 0px; margin-top: -15px; background: url(../../images/icons/right-arrow.svg) left center no-repeat }

#ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon { transform: rotate(180deg); width: 25px; height: 25px; margin-left: 0px; margin-top: -15px; background: url(../../images/icons/right-arrow.svg) left center no-repeat }

#ui-datepicker-div .ui-widget-header .ui-datepicker-next { right: 22px }

#ui-datepicker-div .ui-widget.ui-widget-content { box-shadow: 0px 3px 11px #97979729; border: none }

#ui-datepicker-div .date_title { font-size: 18px; background: #074c7f; color: #ffffff; padding: 10px; margin-bottom: 10px; position: relative; font-weight: 300 }

 #ui-datepicker-div .date_title strong { font-weight: 600 }

 #ui-datepicker-div .date_title:after { content: ""; width: 36px; height: 2px; display: inline-block; position: absolute; left: 0px; bottom: -4px; background: #074c7f }

.ui-datepicker td { padding: 0px }

 .ui-datepicker td span, .ui-datepicker td a { height: 42px; line-height: 30px }

 .ui-datepicker td.ui-datepicker-other-month { border: none }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { margin: -1px; background: #074c7f; color: #fff; border-color: #074c7f }

.ui-state-default:hover { color: #fff; background: #074c7f }

td.calender-highlight.start, td.calender-highlight.end { background: #074c7f; color: #fff }

 td.calender-highlight.start a, td.calender-highlight.end a { color: #fff; background: #074c7f }

#ui-datepicker-div td.highlight > a { background: #ecf0ff !important; color: #074c7f }

td.ui-datepicker-current-day { border: none }

 td.ui-datepicker-current-day a.ui-state-highlight { color: #074c7f; background: #fff; border: none; border-left: 1px solid #ebebeb }

#ui-datepicker-div { z-index: 3 }

.angucomplete-holder { position: relative }

.angucomplete-dropdown { width: 610px; padding: 0px; cursor: pointer; z-index: 2; position: absolute; left: -11px; margin-top: 5px; background-color: #fff; box-shadow: 0 3px 3px #97979729; max-height: 274px; overflow: auto }

@media(max-width: 767px) {
 .angucomplete-dropdown { width: 100%; left: 0px !important; margin-top: 0px; min-height: 95vh }
}

.angucomplete-searching, .angucomplete-description { color: #acacac; font-size: 14px; padding: 14px; border-top: 1px solid #ccc }

.angucomplete-row { padding: 12px 12px 12px 44px; color: #202020; clear: both; width: 100%; border-top: 1px solid #ccc; position: relative }

 .angucomplete-row:before { content: ""; width: 30px; height: 30px; display: block; background: url(/images/icons/airline-icon.png) 0px 0px no-repeat; background-size: 100%; position: absolute; left: 10px; top: 12px }

 .angucomplete-row.childsuggest { padding-left: 60px; border: none }

  .angucomplete-row.childsuggest:before { left: 22px; top: 15px; height: 30px; display: block; background: url(/images/icons/child-arrow.png) 0px 0px no-repeat; background-size: 100%; border: none }
 .angucomplete-row .highlight { color: #074c7f }

#ex2_dropdown { left: -3px }

@media(max-width: 767px) {
 #ex2_dropdown { left: 0px }
}

@media only screen and (min-width: 1024px) {
 .angucomplete-selected-row { background-color: #ecf0ff; color: #074c7f }
}

.hotel_room_block { display: none; padding: 12px; position: absolute; right: 0px; top: 55px; z-index: 5; width: 355px; background: #fff; box-shadow: 0 3px 6px #00000029 }

 .hotel_room_block .add_guest { width: 100%; margin-bottom: 5px; display: flex; align-items: center; justify-content: space-between }

 .hotel_room_block .label_heading { margin: 0px; font-weight: 400 }

 .hotel_room_block .heading { font-weight: 500 }

 .hotel_room_block .add_room_row { border-bottom: 1px dashed #ccc; overflow: hidden; margin-bottom: 10px }

 .hotel_room_block .child-row { position: relative; display: block }

  .hotel_room_block .child-row .label_heading { margin-bottom: 5px }

 .hotel_room_block .col_child { width: 25%; float: left; margin-bottom: 10px; position: relative }

  .hotel_room_block .col_child select { border: solid 1px #b6b6b6; background: #fff; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; -webkit-box-shadow: none; padding: 5px 7px; width: 90% }

  .hotel_room_block .col_child .bi-chevron-down { position: absolute; top: 4px; right: 14px; color: #4b4b4b; font-size: 14px; pointer-events: none }

 .hotel_room_block .inc, .hotel_room_block .dec { float: left; font-size: 23px; cursor: pointer }

  .hotel_room_block .inc:hover, .hotel_room_block .dec:hover { color: #074c7f }

 .hotel_room_block .input_count { border: none; background: #fff; color: #333; float: left; text-align: center; width: 30px; height: 30px; font-size: 14px; line-height: 28px }

 .hotel_room_block .button { width: auto; height: auto; background: #074c7f; font-size: 16px; color: #fff; font-weight: 500; border-radius: 6px; border: none; float: right; padding: 8px 17px }

.page__title { border-left: 10px double #074c7f; font-size: 2rem; padding-left: 10px; color: #FD1D1D; margin-bottom: 26px; position: relative; font-weight: 600 }
 .page__title span { color: #212121; font-size: 80%; }
 .page__title small { display: block; font-size: 14px }

@media(max-width: 1023px) {
 .page__title { font-size: 1.8rem }
}

@media(max-width: 767px) {
 .page__title { font-size: 1.5rem; padding-top: 10px }
}

.page__title strong { font-weight: 600; position: relative }

@media(max-width: 767px) {
 .page__title strong { display: inline-block }
}

.page__title strong:after { content: ""; width: 36px; height: 2px; display: inline-block; position: absolute; left: 0px; bottom: -4px; background: #074c7f }

.serviceBox { width: 100%; padding: 50px 0; /*display: none;*/ }

@media (max-width: 767px) {
 .serviceBox { padding: 20px 0; }
}

.serviceBox .service_block h3 { font-size: 26px; margin-bottom: 5px; font-weight: 600; }

@media (max-width: 1023px) {
 .serviceBox .service_block h3 { font-size: 22px; margin-bottom: 2px; }
}

@media (max-width: 767px) {
 .serviceBox .service_block h3 { font-size: 18px; margin-bottom: 3px; }
}

.serviceBox .service_block p { font-size: 15px; margin-bottom: 0px; }

@media (max-width: 1023px) {
 .serviceBox .service_block p { font-size: 13px; }
}

@media (max-width: 767px) {
 .serviceBox .service_block p { font-size: 15px; }
}

.serviceBox .service_block .icon { float: left; }

@media (max-width: 1023px) {
 .serviceBox .service_block .icon { width: 35px; }
}

@media (max-width: 767px) {
 .serviceBox .service_block .icon { width: 62px; }
}

.serviceBox .service_block .detail { color: #ffffff; padding-left: 14px; float: none; display: flow-root; }

.serviceBox .service_block { background: #074c7f; border-radius: 15px; width: 31.3%; margin-left: 3%; float: left; padding: 20px }

@media(max-width: 1023px) {
 .serviceBox .service_block { padding-left: 0px; border: none }
}

.serviceBox .service_block:first-child { margin-left: 0px }
/*bestdeal section*/
.bestdealBox { margin-top: 90px; width: 100%; }

 .bestdealBox .block { width: 100%; margin-bottom: 40px; overflow: hidden; }

  .bestdealBox .block .imageBlock { width: 100%; border-radius: 8px; overflow: hidden; }

   .bestdealBox .block .imageBlock img { width: 100%; }

  .bestdealBox .block .dealDetail { width: 100%; }

   .bestdealBox .block .dealDetail .column { float: left; display: inline-block; /*width: 50%;*/ }

    .bestdealBox .block .dealDetail .column img { width: 30px; margin-bottom: 5px; }

    .bestdealBox .block .dealDetail .column .airline__name { font-size: 12px; line-height: 16px; display: block; }

   .bestdealBox .block .dealDetail .column2 { /*float: right;
  width: 50%;*/ text-align: right; padding-left: 10px; }

    .bestdealBox .block .dealDetail .column2 .arrow { margin: 0 5px; }

   .bestdealBox .block .dealDetail .city_code { color: #333; font-size: 16px; line-height: 18px; }

   .bestdealBox .block .dealDetail .date { font-size: 13px; color: #333; }

   .bestdealBox .block .dealDetail .deal_book { background: none; color: #02487e; border: 1px solid #02487e; display: inline-block; padding: 5px 12px; border-radius: 5px; margin-bottom: 20px; }

/*about section*/
.aboutBox { width: 100%; padding: 50px 0; font-weight: 300; line-height: 27px }

@media(max-width: 1023px) {
 .aboutBox { padding: 20px 0 }
}

@media(max-width: 767px) {
 .aboutBox { width: auto }
}

.aboutBox .content { padding: 0 30px }

@media(max-width: 1199px) {
 .aboutBox .content { padding: 5px }
}

.aboutBox .content a { color: #074c7f !important }

.aboutBox h2 { font-size: 20px }

.aboutBox p { font-size: 14px; font-weight: 300; line-height: 27px }

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

@media(max-width: 767px) {
 .aboutBox p { font-size: 13px; line-height: 22px }
}

.aboutBox .text { font-size: 16px; color: #202020 }

.aboutBox .list { list-style: none; font-weight: 300 }

 .aboutBox .list li { margin-bottom: 5px; padding-left: 20px; position: relative }

  .aboutBox .list li:before { position: absolute; left: 0px; top: 2px; content: ""; color: #074c7f; font-family: bootstrap-icons !important }

.aboutBox a.read_more { cursor: pointer; margin-top: 5px; padding: 10px 15px; display: inline-block; font-size: 16px; color: #074c7f; border: 1px solid #074c7f; border-radius: 45px }

@media(max-width: 1023px) {
 .aboutBox a.read_more { margin-top: 10px }
}

.aboutBox a.read_more .bi-arrow-right { float: right }

.aboutBox a.read_more:hover { text-decoration: none }

@media(max-width: 767px) {
 .aboutBox img { border-radius: 5px }
}

@media(max-width: 767px) {
 .aboutBox .page__title strong { display: inline-block }
}

a.des-morelink { color: #ff744a !important; text-decoration: none; margin: 0px 6px; font-weight: 600 }

.top_destinationBox { padding: 40px 0 }

 .top_destinationBox .top { margin-bottom: 32px; overflow: hidden }

@media(max-width: 767px) {
 .top_destinationBox .top { margin-bottom: 0px }
}

.top_destinationBox img { width: 100%; }

.top_destinationBox figure { overflow: hidden; border-radius: 15px; position: relative; margin: 0px 0 25px }

@media(max-width: 767px) {
 .top_destinationBox figure { margin-bottom: 15px }
}

.top_destinationBox figcaption { padding: 15px; position: absolute; left: 15px; right: 15px; bottom: 15px; background: #ffffff; border-radius: 15px; }


 .top_destinationBox figcaption h4 { color: #212121; font-size: 28px; line-height: 30px; margin: 0px }
 .top_destinationBox figcaption span { background: #fd1d1d; padding: 3px 10px; display: inline-block; color: #ffffff; border-radius: 15px; margin-top: 5px; }

@media(max-width: 767px) {
 .top_destinationBox figcaption h4 { font-size: 20px; line-height: 20px }
}

.top_destinationBox figcaption small { display: block; font-size: 14px; }

@media(max-width: 767px) {
 .top_destinationBox figcaption small { font-size: 11px }
}

.top_destinationBox .holder { margin-right: -20px }

@media(max-width: 767px) {
 .top_destinationBox .holder { margin-right: -10px }
}

.top_destinationBox .holder .column { width: calc(50% - 20px); margin-right: 20px; float: left; }

@media(max-width: 767px) {
 .top_destinationBox .holder .column { width: calc(50% - 10px); margin-right: 10px }
}

.destinationBox { width: 100%; padding: 40px 0 }

@media(max-width: 1023px) {
 .destinationBox { padding: 20px 0 }
}

.destinationBox .ui-widget-content { padding: 20px 0px !important }

.destinationBox .items { background: #ffffff; border-radius: 15px; border: 1px solid #074c7f; box-shadow: 0 1px 10px #074c7f; padding: 20px; margin-left: 20%; color: inherit; cursor: pointer; width: 80%; float: left }

@media(max-width: 767px) {
 .destinationBox .items { /*width: 100%;
  padding: 0px*/ margin-bottom: 15px; }
}

.destinationBox .items figure { margin-bottom: 10px; position: relative; }

 .destinationBox .items figure::before { content: ""; width: 100%; height: 50%; left: 0px; bottom: 0px; }

 .destinationBox .items figure img { margin-left: -30%; margin-right: 15px; float: left; width: 50%; box-shadow: 0 1px 10px #074c7f; border-radius: 10px; transition: all .5s }

@media(max-width: 767px) {
 .destinationBox .items figure img { border-radius: 5px }
}

.destinationBox .items figure span { background: #FD1D1D; color: #ffffff; border-radius: 15px; padding: 3px 15px; }
.destinationBox .items figure p { font-size: 11px; }
.destinationBox .items .title { position: absolute; left: 16px; bottom: 15px; margin: 0px; display: inline-block; font-size: 18px; color: #fff; line-height: 24px; font-weight: 500 }

 .destinationBox .items .title span { padding-right: 20px; display: inline-block; font-size: 13px; font-weight: 400; opacity: .6; background: url(../../images/icons/right-arrow-white.svg) right center no-repeat }

.destinationBox .items:hover img { transform: scale(1.1) }

.destinationBox .slick-prev, .destinationBox .slick-next { width: 46px; height: 46px; top: 55%; border-radius: 100%; border: 1px solid #fff }

 .destinationBox .slick-prev:before, .destinationBox .slick-next:before { font-family: "FontAwesome"; font-size: 28px; content: ""; color: #303030 }

 .destinationBox .slick-prev:before { content: "" }

.destinationBox .slick-prev { left: 50px; background: #fff; z-index: 1 }

@media(max-width: 1199px) {
 .destinationBox .slick-prev { left: 0px; z-index: 1; background: #fff }
}

.destinationBox .slick-next { right: 50px; background: #fff }

@media(max-width: 1199px) {
 .destinationBox .slick-next { right: 0px; z-index: 1 }
}

.destinationBox .slick-prev:hover, .destinationBox .slick-next:hover { background: #074c7f; border-color: #074c7f }

 .destinationBox .slick-prev:hover:before, .destinationBox .slick-next:hover:before { color: #fff }

.destinationBox .slick-prev.slick-disabled:hover, .destinationBox .slick-next.slick-disabled:hover { background: #fff; border: 1px solid #484848 }

 .destinationBox .slick-prev.slick-disabled:hover:before, .destinationBox .slick-next.slick-disabled:hover:before { color: #303030 }

.destinationBox.border-b { border-bottom: 1px dashed #e8e9f1 }

.destinationBox .slick-list { margin: 0 -8px }

@media(max-width: 767px) {
 .destinationBox .slick-list { padding: 0 80px 0 0 !important }
}

@media(max-width: 479px) {
 .destinationBox .slick-list { padding: 0 50px 0 0 !important }
}

.slick-dots { bottom: -6px }

 .slick-dots li button { border: 2px solid #ccc; width: 8px; height: 8px; border-radius: 100% }

 .slick-dots li.slick-active button { border: 2px solid #074c7f; background: #074c7f }

.destinationBox .slick-prev.slick-disabled, .destinationBox .slick-next.slick-disabled { display: none !important }

.dealCntr { padding: 50px 0; width: 100%; background: url(../images/home/home-banner.jpg); }

 .dealCntr .ui-widget-content { padding: 20px 0px !important }

 .dealCntr .ui-state-default:hover { background: none !important }

@media(max-width: 767px) {
 .dealCntr { padding: 30px 0; background: none }
}

.dealCntr h2 { font-size: 30px; color: #303030; font-weight: 500; margin-bottom: 20px }

@media(max-width: 767px) {
 .dealCntr h2 { display: none }
}

.dealCntr h3 { font-size: 26px; color: #303030; font-weight: 300 }

@media(max-width: 767px) {
 .dealCntr h3 { display: none }
}

.dealCntr .deal__block { width: 100%; float: left }

.dealCntr ul.deals { list-style: none; margin-right: -30px }

@media(max-width: 767px) {
 .dealCntr ul.deals { margin: 0px }
}

.dealCntr ul.deals li { margin: 0 30px 15px 0; width: calc(50% - 30px); float: left; border-radius: 5px; background: #fff; border: 1px solid #fff; font-size: 14px; color: #898d92; transition: all .2s; position: relative }
 .dealCntr ul.deals li form { position: absolute; }

@media(max-width: 767px) {
 .dealCntr ul.deals li { padding: 10px; font-size: 12px; width: 100%; margin: 0px 0 10px 0; border: 1px solid #ccc }
}

.dealCntr ul.deals li a { color: #303030; text-decoration: none; display: block }

 .dealCntr ul.deals li a:hover { text-decoration: none }

.dealCntr ul.deals li .column { /*padding-left: 15px;*/ width: 35%; float: left }

 .dealCntr ul.deals li .column.first-child, .dealCntr ul.deals li .column:first-child { padding-left: 0px; width: 30% }

@media(max-width: 1023px) {
 .dealCntr ul.deals li .column.first-child, .dealCntr ul.deals li .column:first-child { width: 35% }
}

@media(max-width: 767px) {
 .dealCntr ul.deals li .column.first-child, .dealCntr ul.deals li .column:first-child { float: right; }
}

@media(max-width: 1023px) {
 .dealCntr ul.deals li .column.column-2 { width: 55% }
}

@media(max-width: 1023px) {
 .dealCntr ul.deals li .column.column-3 { width: 100%; border-left: none; padding-left: 0px; margin-top: 11px; padding-top: 7px; position: relative; display: flex; align-items: center }
}


.dealCntr ul.deals li .airline__name { line-height: 20px; word-wrap: break-word; vertical-align: middle; display: flex }



@media(max-width: 1199px) {
 .dealCntr ul.deals li .city__code { font-size: 19px }
}

@media(max-width: 767px) {
 .dealCntr ul.deals li .city__code { font-size: 24px; width: 44px }
  .dealCntr ul.deals li .city__code small { font-size: 14px; }
}

.dealCntr ul.deals li .flight__icon { margin: 0px 7px }
.dealCntr ul.deals li .small__text { font-size: 12px }

@media(max-width: 1023px) {
 .dealCntr ul.deals li .small__text { width: 62px; display: block }
}

.dealCntr ul.deals li .deal__price { margin: 0px; font-size: 23px; color: #074c7f; font-weight: 700; line-height: 29px }

@media(max-width: 1199px) {
 .dealCntr ul.deals li .deal__price { font-size: 22px }
}

@media(max-width: 767px) {
 .dealCntr ul.deals li .deal__price { font-size: 18px }
}

.dealCntr ul.deals li .right__arrow { position: absolute; right: 20px; top: 50% }

@media(max-width: 1023px) {
 .dealCntr ul.deals li .right__arrow { margin-left: 10px; right: 10px }
}


.dealCntr ul.deals.home_deal li .column { width: 40% }
 .dealCntr ul.deals.home_deal li .column:first-child { width: 100% }



@media(max-width:767px) {
 .dealCntr ul.deals.home_deal li .column:first-child .airline__name { display: block; }
 .dealCntr ul.deals.home_deal li .airline__logo { width: 22px; height: 22px; }
 .dealCntr ul.deals.home_deal li { width: 100%; }
  .dealCntr ul.deals.home_deal li .deal_book { margin: 0 auto 0 0; }
}

.dealCntr .deal__tnc { font-size: 13px; margin: 0px; padding-top: 5px; line-height: 22px; color: #fff }

@media(max-width: 767px) {
 .dealCntr .deal__tnc { font-size: 11px; line-height: 20px; color: #333 }
}

.dealCntr .deal__tnc span { color: #074c7f }

.dealCntr .deal__tnc a { color: #074c7f; text-decoration: underline }

 .dealCntr .deal__tnc a:hover { text-decoration: none }

@media (max-width:767px) {
 .dealCntr ul.deals li .column.first-child, .dealCntr ul.deals li .column:first-child { width: 25%; }
 .dealCntr ul.deals li .column.column-2 { width: 75%; }
 .dealCntr ul.deals li .city__code { line-height: 20px; float: left; width: 40%; }
 .dealCntr ul.deals li .flight__icon { float: left; }
 .dealCntr ul.deals li .airline__logo { margin-right: 0; width: 60px; height: 60px; float: right; }
 .dealCntr ul.deals li .airline__name { display: none; }
}

.mobile__deal_tab { display: block; list-style: none; border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 16px }

@media(max-width: 767px) {
 .mobile__deal_tab { display: block }
}

.mobile__deal_tab li { font-size: 16px; padding: 9px 0px; margin-right: 35px; cursor: pointer; float: left }

 .mobile__deal_tab li a { color: #474747; text-decoration: none }

 .mobile__deal_tab li.ui-tabs-active, .mobile__deal_tab li.active { border-bottom: 1px solid #074c7f }

  .mobile__deal_tab li.ui-tabs-active a, .mobile__deal_tab li.active a { color: #0057ff }

 .mobile__deal_tab li.ui-state-default:hover { background: none !important }

#tabs2.ui-widget-content, #tabs.ui-widget-content { border: none !important; padding: 0 !important }

#tabs2 .ui-state-active, #tabs .ui-state-active { border: none; background: none; border-bottom: 2px solid #4857ff }

.img-height { height: 100% }

.modifySearchBox { border-bottom: 1px solid #ccc; padding: 15px 0; background: #e9ebec; position: relative; z-index: 2 }

@media(max-width: 1023px) {
 .modifySearchBox { display: none }
}

.modifySearchBox .top_row { border: none; white-space: nowrap }

 .modifySearchBox .top_row:before, .modifySearchBox .top_row:after { content: ""; display: none }

.modifySearchBox .input__block { position: relative }

.modifySearchBox .searchBox { margin: 0; padding-top: 0; padding-bottom: 20px }

.modifySearchBox .inputField { padding: 14px 20px 14px 42px; font-size: 15px; color: #212121; border: 0px; outline: none; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: #fff; border-radius: 5px }
.modifySearchBox .dates .inputField { padding: 14px 10px 14px 42px; }
.modifySearchBox .inputField.border-r { border-right: 0 }

.modifySearchBox .inputField.location { padding-left: 35px }

@media(max-width: 1199px) {
 .modifySearchBox .inputField { padding: 12px 0 10px 40px; font-size: 14px; font-weight: 600 }
}

.modifySearchBox input[type=text]:focus ~ .icons, .modifySearchBox .valid ~ .icons, .modifySearchBox .ng-valid ~ .icons { color: #074c7f }

.modifySearchBox .icons { position: absolute; left: 13px; top: 6px; display: block; pointer-events: none; font-size: 20px }

 .modifySearchBox .icons.person-icon { font-size: 25px }

.modifySearchBox .dates { background: #fff; border-radius: 5px; width: 100%; float: left }

.modifySearchBox .no-padding { padding: 0 }

.modifySearchBox .pad3px { padding: 0px 3px }

.modifySearchBox .pl-8 { padding-left: 8px }

.modifySearchBox .row_margin { margin: 0px -5px }

.modifySearchBox .row_margin2 { margin: 0 -6px }

.modifySearchBox .col-50 { width: 50%; float: left }

 .modifySearchBox .col-50.roundtrip { display: none }

 .modifySearchBox .col-50.oneway { width: 100% }

.modifySearchBox .searchButton { width: 95%; background: #074c7f; border: none; font-size: 15px; color: #fff; text-align: center; cursor: pointer; border-radius: 5px; padding: 10px; margin-top: 5px; outline: none; margin-left: 8px }
.resultloader { position: absolute; justify-content: center; align-items: center; top: 39%; left: 53%; }
.ring { position: absolute; height: 200px; width: 200px; border: 0px solid #272727; border-radius: 50%; }

 .ring:nth-child(1) { border-bottom-width: 10px; border-color: #074c7f; animation: rotate1 1.5s linear infinite; }

 .ring:nth-child(2) { border-right-width: 10px; border-color: #212121; animation: rotate2 1.5s linear infinite; }

 .ring:nth-child(3) { border-top-width: 10px; border-color: #2448ff; animation: rotate3 1.5s linear infinite; }


@keyframes rotate1 {
 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg) }

 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg) }
}

@keyframes rotate2 {
 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg) }

 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg) }
}

@keyframes rotate3 {
 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg) }

 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg) }
}

.modifySearchBox .searchButton .bi-search { margin-left: 5px }
.modifySearchBox .searchButton:hover { box-shadow: #ffffff57 0px 0px 4px 4px; background: #074c7f; color: #fff; }
.modifySearchBox .tripType { border-bottom: none }

.modifySearchBox .traveler_main { position: relative }

 .modifySearchBox .traveler_main .travllerBox { display: none; position: absolute; left: 0px; top: 6px; z-index: 3 }

.modifySearchBox .switch { top: 0px }

.search__infoBox { display: none; padding: 5px 10px; background: rgb(252 176 69 / 30%); border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; color: #152C50 }

@media(max-width: 1023px) {
 .search__infoBox { display: block }
}

.search__infoBox .column { width: 50px; float: left; font-weight: 700; font-size: 16px }

.search__infoBox .itenery-date { font-size: 13px }

.search__infoBox i { position: relative; top: 7px }

.modify_search_mobile { background: #074c7f; color: #fff; width: 70px; text-align: center; cursor: pointer; height: 56px; line-height: 55px; font-size: 20px; position: absolute; right: 0; top: -6px; padding-top: 5px; line-height: 44px }

.relative { position: relative }

.modifySearchBox span.label_name { position: absolute; font-size: 12px; left: 43px; color: #a8a8a8; top: 6px; display: none }

.modifySearchBox .angucomplete-dropdown { left: 0px; width: 650px; margin-top: 0px }

.modifySearchBox .inputField.input_clear.x { background-position: right 17px }

td.highlight > a { background: #0000ff29 !important }

.error { margin: 6px 0 0 0; color: #212121; font-size: 13px }

 .error i { position: relative; top: -2px; margin-right: 3px }

.mobile-itenery { transition: all .5s ease 0s; width: 100%; z-index: 2; overflow: hidden; box-shadow: 0 4px 5px #0000000f; background: #fff }

 .mobile-itenery.fixed { position: fixed; top: 0 }

.modifySearchBox .tripType.white li label { color: #fff }

.modifySearchBox .tripType.white.inputSet label input[type=radio]:checked ~ span::before { background: #fff }

.modifySearchBox .tripType.white.inputSet label input[type=radio]:checked ~ span::after { border: 2px solid #fff }

.modifySearchBox .tripType.white.inputSet label input[type=radio] ~ span::after { border: 2px solid #fff }

/*.modifySearchBox .inputSet label input[type=radio]:checked ~ span {
 color: #fff
}*/

.filterBox { width: 100%; overflow: hidden; background: #fff; margin-bottom: 15px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 6px #e4dcec73; border-radius: 15px }

@media(max-width: 1023px) {
 .filterBox { border: none; box-shadow: none }
}

.filterBox .inner { padding: 10px 15px }

@media(max-width: 1199px) {
 .filterBox .inner { padding: 10px }
}

.filterBox .head { padding-bottom: 10px; font-size: 15px; color: #343434; font-weight: 700; border-bottom: 1px solid #ccc }

.filterBox .subheading { font-size: 15px; color: #343434; margin-bottom: 10px }

.filterBox .filter__list { list-style: none; margin-bottom: 0px }

 .filterBox .filter__list li { display: flex; justify-content: space-between; color: #5e5e5e }

 .filterBox .filter__list .filter__list label { font-weight: normal }

.filterBox .range_text { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px }

.filterBox .return_time { width: 100%; float: left; margin-top: 15px; padding-top: 10px; border-top: 1px solid #ccc }

.filterBox .text-overflow { display: inline-block; max-width: 205px }

.filterBox .inputSet label { padding-left: 23px }

.mobile__filter { display: none; padding: 10px 48px 10px 7px; position: relative }

@media(max-width: 1023px) {
 .mobile__filter { display: block; background: #f8f9ff; }
}

.mobile__filter ul { list-style: none; white-space: nowrap; display: flex; margin: 0px; overflow-y: hidden; overflow-x: scroll }

 .mobile__filter ul li { float: left; padding: 6px 14px 6px 14px; margin-right: 10px; border-radius: 30px; border: 1px solid #d5dcf3; box-shadow: 0 3px 6px #0000000A; color: #074c7f; font-weight: 500; background: #ffffff; position: relative }

  .mobile__filter ul li .mobile__filter-clear { display: none }

  .mobile__filter ul li.active { background: #074c7f; color: #fff; border-color: #074c7f; padding: 6px 28px 6px 14px }

   .mobile__filter ul li.active a { margin: 0px 0px 0 4px; color: #fff; position: absolute; top: 0; right: 10px; display: inline-block }

.mobile__filter .filter_link { font-size: 33px; position: absolute; right: 7px; top: -4px; color: #FD1D1D }

@media(max-width: 767px) {
 .mobile__filter .filter_link { top: 2px }
}

.mobile_filter_tab { overflow: hidden; color: #074c7f; position: relative; display: none }

@media(max-width: 1023px) {
 .mobile_filter_tab { display: block }
}

.mobile_filter_tab ul { list-style: none; padding: 0px; display: flex; background: #074c7f; justify-content: space-between; margin: 0px }

 .mobile_filter_tab ul li a { padding: 5px 20px; margin: 5px; border-radius: 15px; font-weight: 600; display: block; color: #074c7f; background: #ffffff }

  .mobile_filter_tab ul li a.active, .mobile_filter_tab ul li a:focus { background: #f42525; text-decoration: none }

.mobile_filter_tab h4 { font-size: 16px; padding: 10px; margin: 0px }

.mobile_filter_tab .close_filter { position: absolute; right: 0px; top: -4px; padding: 4px 10px; font-size: 20px; color: #074c7f }

.filterBox.tab-pane { display: block; opacity: 1 }

@media(max-width: 1023px) {
 .filterBox.tab-pane { opacity: 0; height: 0px; padding: 0px; margin: 0px }
}

@media(max-width: 1023px) {
 .filterBox.tab-pane.active { opacity: 1; height: auto; margin: inherit }
}

#airlines.sticky .tab-pane { display: block; opacity: 1; width: 260px }

@media(max-width: 1199px) {
 #airlines.sticky .tab-pane { width: 240px }
}

@media(max-width: 1023px) {
 #airlines.sticky .tab-pane { opacity: 0; height: 0px; padding: 0px; margin: 0px; width: 100% }
}

@media(max-width: 1023px) {
 #airlines.sticky.tab-pane.active { opacity: 1; height: auto; margin: inherit }
}

@media(max-width: 1023px) {
 #airlines.sticky.active .tab-pane { opacity: 1; height: auto; margin: inherit }
}

.filter_action_button { width: 100%; padding: 15px; position: fixed; left: -200%; bottom: 0px; border-top: 1px solid #ccc; background: #fff; transition: all .5s }

 .filter_action_button a { padding: 10px; border: 1px solid #adb4d4; width: 45%; display: block; text-align: center; font-size: 18px; color: #074c7f; float: left; margin: 0 8px; border-radius: 5px }

@media(max-width: 479px) {
 .filter_action_button a { width: 43%; padding: 8px 10px }
}

.filter_action_button a.active { background: #074c7f; border-color: #212121; color: #fff }

.resultsBox { margin-bottom: 20px; padding: 5px 20px; width: 100%; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 18px; background: #fff }

@media(max-width: 1199px) {
 .resultsBox { padding: 5px 12px }
}

@media(max-width: 767px) {
 .resultsBox { margin: 0px 0 15px; width: auto }
}

.resultsBox .flight__row { padding: 11px 0px 18px 0; color: #6b6b6b }

@media(max-width: 767px) {
 .resultsBox .flight__row { padding: 4px 0 10px 0 }
}

.resultsBox .flight__row .head { font-size: 16px; color: #484848; margin-bottom: 10px; font-weight: 600 }

@media(max-width: 767px) {
 .resultsBox .flight__row .head { font-size: 13px }
}

.resultsBox .flight__row .head .date { font-weight: 400; font-size: 14px }

@media(max-width: 767px) {
 .resultsBox .flight__row .head .date { font-size: 12px }
}

.resultsBox .flight__row .airline_logo { float: left; width: 55px }

@media(max-width: 767px) {
 .resultsBox .flight__row .airline_logo { width: 32px }
}

.resultsBox .flight__row .flights_info { float: left }

@media(max-width: 1199px) {
 .resultsBox .flight__row .flights_info { padding-left: 7px; }
}

.resultsBox .flight__row .flights_info .airline_name { color: #484848; font-weight: 500 }

.resultsBox .flight__row .flights_info .flights_number { color: #6b6b6b }

@media(max-width: 1199px) {
 .resultsBox .flight__row .flights_info .flights_number { font-size: 13px; white-space: nowrap }
}

.resultsBox .flight__row .leg-details .city { font-size: 12px; width: 110px; float: left }
 .resultsBox .flight__row .leg-details .city:nth-child(n+2) { text-align: right; }
.resultsBox .flight__row .leg-details .code { font-size: 20px; font-weight: 600; }
.resultsBox .flight__row .leg-details .time { font-weight: 700; color: #484848 }

.resultsBox .flight__row .leg-details .connnecting-block { padding: 13px 10px 0 24px; float: left; width: calc(100% - 220px); position: relative; margin-left: -7px; margin-right: 7px }

.resultsBox .flight__row .leg-details .leg-points { background: #909090; height: 1px; position: relative; text-align: center }

@media (max-width:767px) {
 .resultsBox .flight__row .leg-details .city { font-size: 12px; width: 80px; }
 .resultsBox .flight__row .leg-details .connnecting-block { width: calc(100% - 160px); }
}

@media (max-width:350px) {
 .resultsBox .flight__row .leg-details .city { font-size: 11px; width: 60px; }
 .resultsBox .flight__row .leg-details .connnecting-block { width: calc(100% - 120px); }
}

/*.resultsBox .flight__row .leg-details .leg-points:before {
  content: "";
  width: 30px;
  height: 22px;
  display: block;
  position: absolute;
  left: -20px;
  top: -12px;
  background: #fff url(../../images/icons/location.svg) left center no-repeat
 }*/

.resultsBox .flight__row .leg-details .leg-points:after, .resultsBox .flight__row .leg-details .leg-points:before { content: ""; position: absolute; top: -10px; height: 18px; background: #fff url(../../images/icons/location.svg) right center no-repeat; width: 17px }
.resultsBox .flight__row .leg-details .leg-points:before { left: -20px; }
.resultsBox .flight__row .leg-details .leg-points:after { right: -5px; }
.resultsBox .flight__row .leg-details .leg-points .stops { font-size: 12px; text-align: center; width: 55px; display: inline-block; margin-top: -10px; line-height: 2em; color: #5c5c5c }

 .resultsBox .flight__row .leg-details .leg-points .stops:before { content: ""; width: 10px; height: 10px; display: inline-block; position: unset; margin-top: 6px; border: 2px solid #FD1D1D; border-radius: 100%; background: #FD1D1D }

 .resultsBox .flight__row .leg-details .leg-points .stops b { position: relative; top: -5px }

.resultsBox .flight__row .leg-details .leg-points .layovertime { width: 100%; position: absolute; top: -30px; left: 0px }

.resultsBox .flight__row.return_flights { border-top: 1px solid #ccc; margin-top: 5px }

.resultsBox .top_row_mobile { border-bottom: 1px solid #ccc; margin-bottom: 5px }

 .resultsBox .top_row_mobile .mobile_alternate { float: left; margin-left: 0px }

.resultsBox .price_list { height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; border-left: 1px solid #ccc }

@media(max-width: 767px) {
 .resultsBox .flight__row .flights_info .airline_name { float: left; margin-right: 10px; line-height: 28px; }
 .resultsBox .flight__row .leg-details .code { font-size: 30px; color: #074c7f; }
 .resultsBox .price_list { height: auto; border-left: none; align-items: flex-start; padding-bottom: 2px }
}

.resultsBox .price_list .price { font-size: 25px; color: #393939; font-weight: bold; position: relative; min-height: 35px; display: block; cursor: pointer }

@media(max-width: 767px) {
 .resultsBox .price_list .price { font-size: 24px; min-height: inherit; color: #212121 }
}

.resultsBox .price_list .price sup { font-size: .75rem }

.resultsBox .price_list .per_person { font-size: 14px }

.resultsBox .price_list .select__btn { background: #074c7f; padding: 12px 35px; color: #fff; font-size: 16px; border-radius: 5px; margin-top: 13px }

 .resultsBox .price_list .select__btn i { position: relative; top: 0px }

 .resultsBox .price_list .select__btn:hover { background: #074c7f; text-decoration: none }

.resultsBox .price_list .seat_left { font-weight: 400 }

@media(max-width: 767px) {
 .resultsBox .top_row_mobile .price_list .select__btn { width: 100%; padding: 10px; text-align: center; margin-top: 0; margin-bottom: 5px; }
 .resultsBox .price_list .seat_left { white-space: nowrap; font-size: 11px; margin-top: 0px !important }
}

.resultsBox .results_bottom { padding: 6px 0; border-top: 1px solid #ccc }

 .resultsBox .results_bottom .bagguage_fees { font-size: 13px; padding-left: 22px; display: inline-block; color: #6b6b6b; text-decoration: none; background: #fff url(../../images/icons/baggage.svg) left center no-repeat }

  .resultsBox .results_bottom .bagguage_fees:hover { color: #212121 }

 .resultsBox .results_bottom .flight_detail_btn { color: #074c7f; text-decoration: none }

  .resultsBox .results_bottom .flight_detail_btn i { position: relative; top: -2px }

  .resultsBox .results_bottom .flight_detail_btn:hover { color: #212121 }

@media(max-width: 767px) {
 .resultsBox .results_bottom { text-align: center; }
  .resultsBox .results_bottom .flight_detail_btn { display: block; }
}

.save_price_msg { background: #0fa848; padding: 6px 20px; color: #fff; display: inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px }

@media(max-width: 767px) {
 .save_price_msg { padding: 6px 10px; display: none }
}

.mobile_class_type { font-size: 12px; font-weight: 400; float: right; margin: 2px; color: #939393 }

.repeat_results { position: relative }

.mobile_Resultsclick { position: absolute; left: 0px; top: 0px; z-index: 1; width: 110%; height: 100%; margin: 0px -20px }

#scrollBottomtop { background: #074c7f; position: fixed; right: 20px; bottom: 70px; color: #fff; cursor: pointer; display: none; font-size: 30px; height: 40px; width: 40px; line-height: 40px; border: none; text-align: center; z-index: 1 }

 #scrollBottomtop:focus { border: none }

#airlines.filterBox .text-overflow { width: 145px }

.cursor { cursor: pointer }

.text-red { color: #212121 }

.text-link-red { color: #212121; text-decoration: underline !important }

.overflow { overflow: hidden }

.flightDetailWrapper { position: fixed; top: 0; right: 0; z-index: 9; background-color: rgba(0,0,0,.35); overflow-x: hidden; overflow-y: hidden; width: 0px }

 .flightDetailWrapper .flightDetail_popup { width: 580px; float: right; background: #fff; position: relative; height: 100vh }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup { width: 100% }
}

.flightDetailWrapper .flightDetail_popup .head { padding: 20px 30px 0px 30px; position: relative }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .head { padding: 10px 10px; font-size: 16px; background: #074c7f; overflow: hidden; color: #fff }

  .flightDetailWrapper .flightDetail_popup .head .page__title { margin: 0px; font-size: 16px; color: #fff }

   .flightDetailWrapper .flightDetail_popup .head .page__title:after { bottom: -9px; display: none }
}

.flightDetailWrapper .flightDetail_popup .close_detail { font-size: 14px; color: #898d92; padding-left: 25px; position: absolute; right: 30px; top: 10px }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .close_detail { right: 20px; top: 50%; font-size: 20px; color: #fff; transform: translateY(-50%) }
}

.flightDetailWrapper .flightDetail_popup .close_detail:hover { text-decoration: none; color: #212121 }

.flightDetailWrapper .flightDetail_popup .page__title { font-size: 18px }

 .flightDetailWrapper .flightDetail_popup .page__title strong { display: inline-block }

 .flightDetailWrapper .flightDetail_popup .page__title:after { bottom: -9px }

.flightDetailWrapper .flightDetail_popup .bagguage_fees { float: left; margin-top: 10px; font-size: 13px; padding-left: 22px; display: inline-block; color: #6b6b6b; text-decoration: none; background: #fff url(../../images/icons/baggage.svg) left center no-repeat }

 .flightDetailWrapper .flightDetail_popup .bagguage_fees:hover { color: #212121 }

.flightDetailWrapper .flightDetail_popup .detail_footer { position: fixed; right: 200%; width: 580px; background: rgb(96 96 96 / 16%); bottom: 0px; box-shadow: 0 0 6px #00000029 }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .detail_footer { width: 100% }
}

.flightDetailWrapper .flightDetail_popup .bottom { padding: 15px 30px 15px 30px }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .bottom { padding: 10px }
}

.flightDetailWrapper .flightDetail_popup .price_list { display: flex; justify-content: flex-end; align-items: center }

 .flightDetailWrapper .flightDetail_popup .price_list .price { font-size: 22px; color: #212121; font-weight: bold; position: relative; line-height: 21px; display: block; margin-right: 50px; text-align: center }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .price_list .price { font-size: 16px; margin-right: 25px }
}

.flightDetailWrapper .flightDetail_popup .price_list .price sup { font-size: .75rem }

.flightDetailWrapper .flightDetail_popup .price_list .per_person { font-size: 11px; display: block; color: #282828; line-height: 13px }

.flightDetailWrapper .flightDetail_popup .price_list .select__btn { background: #074c7f; padding: 12px 35px; color: #fff; font-size: 16px; border-radius: 5px }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .price_list .select__btn { padding: 7px 6px 7px 17px; font-size: 14px }
}

@media(max-width: 479px) {
 .flightDetailWrapper .flightDetail_popup .price_list .select__btn { padding: 7px 6px 7px 8px; font-size: 14px }
}

.flightDetailWrapper .flightDetail_popup .price_list .select__btn i { display: none; position: relative; top: 0px }

@media(max-width: 479px) {
 .flightDetailWrapper .flightDetail_popup .price_list .select__btn i { margin-left: 2px !important }
}

.flightDetailWrapper .flightDetail_popup .price_list .select__btn:hover { background: #074c7f; text-decoration: none }

.flightDetailWrapper .flightDetail_popup .flight_left { float: left; display: flex; align-items: center; justify-content: flex-start }
 .flightDetailWrapper .flightDetail_popup .flight_left .citycode { padding: 0 12px; font-size: 11px; color: #282828 }

  .flightDetailWrapper .flightDetail_popup .flight_left .citycode strong { display: block; font-size: 18px; color: #484848 }

.flightDetailWrapper .flightDetail_popup .flightDetail { padding: 0px 30px; height: calc(100vh - 162px); background: #fff; color: #8a8a8a; overflow-y: auto; overflow-x: hidden }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flightDetail { padding: 0 10px; height: 80% }
}

.flightDetailWrapper .flightDetail_popup .flighttab { list-style: none; width: 100%; float: left; margin-bottom: 30px; border-bottom: 1px solid #dfdfdf }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flighttab { margin: 10px 0; width: auto; overflow: hidden; float: none; border-bottom: none }
}

.flightDetailWrapper .flightDetail_popup .flighttab li { float: left; margin-right: 30px }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flighttab li { width: 45%; margin-right: 15px }
}

@media(max-width: 479px) {
 .flightDetailWrapper .flightDetail_popup .flighttab li { width: 43% }
}

.flightDetailWrapper .flightDetail_popup .flighttab li a { font-size: 16px; color: #484848; text-decoration: none; padding: 0 0px 7px 0; display: block; position: relative; cursor: pointer }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flighttab li a { font-size: 14px; padding: 4px 10px; border: 2px solid #ccc; text-align: center; border-radius: 5px }

  .flightDetailWrapper .flightDetail_popup .flighttab li a.active { border-color: #2b4ded }
}

.flightDetailWrapper .flightDetail_popup .flighttab li a:before { content: ""; height: 2px; position: absolute; left: 0px; bottom: -1px; transition: all .5s; width: 0px; display: block; background: #212121 }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flighttab li a:before { display: none }
}

.flightDetailWrapper .flightDetail_popup .flighttab li a.active, .flightDetailWrapper .flightDetail_popup .flighttab li a.active:before { width: 100%; color: #074c7f }

.flightDetailWrapper .flightDetail_popup .flighttab li a.active { color: #074c7f }

.flightDetailWrapper .flightDetail_popup .airlines__details { font-size: 13px; line-height: 1.5em; }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .airlines__details { font-size: 11px; line-height: 17px }
}

.flightDetailWrapper .flightDetail_popup .airlines__details .air-name { font-size: 14px; color: #484848 }

.flightDetailWrapper .flightDetail_popup .airlines__details img { width: 32px; float: left; margin-right: 10px }

.flightDetailWrapper .flightDetail_popup .airlines__details .detail { width: calc(100% - 45px); float: left }

.flightDetailWrapper .flightDetail_popup .route__info { padding: 40px 0; font-size: 13px; position: relative }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .route__info { padding: 0 20px; margin: 15px 0 35px 0; background: rgb(254 162 47 / 30%); border-left: 2px dashed #ccc }

  .flightDetailWrapper .flightDetail_popup .route__info:after, .flightDetailWrapper .flightDetail_popup .route__info:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #212121; position: absolute; left: -6px; top: 0px; border-radius: 100%; background: #fff }

  .flightDetailWrapper .flightDetail_popup .route__info:before { top: inherit; bottom: 0px }
}

.flightDetailWrapper .flightDetail_popup .route__info .time { font-size: 14px; color: #484848; font-weight: 600; margin-top: 28px }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .route__info .time { margin-top: 2px }
}

.flightDetailWrapper .flightDetail_popup .route__info .date { position: relative }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .route__info .date .highlight { display: inline-block }

 .flightDetailWrapper .flightDetail_popup .route__info .date .message_display { position: static; display: inline-block }
}

.flightDetailWrapper .flightDetail_popup .route__info .destination_fullname { position: relative }

 .flightDetailWrapper .flightDetail_popup .route__info .destination_fullname .message_display { top: inherit; bottom: -25px; position: static }

.flightDetailWrapper .flightDetail_popup .route__info .connecting__bar { width: 60%; height: 2px; border-top: 2px dashed #dfdfdf; position: absolute; left: 0px; top: 72px }

 .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar:after, .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #212121; position: absolute; right: 0px; top: -6px; border-radius: 100%; background: #fff }

 .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar:before { right: inherit; left: 0px }

 .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar .duretion_time { position: absolute; left: 50%; margin-top: -30px; text-align: center }

  .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar .duretion_time img { background: #fff; padding: 0 6px; display: block }

.flightDetailWrapper .flightDetail_popup .route__info .TripTime { margin: 15px }

.flightDetailWrapper .flightDetail_popup .route__info .message_display { position: absolute; left: 0px; top: -25px; margin: 0px }

.flightDetailWrapper .flightDetail_popup .layover { padding: 7px 20px; font-size: 12px; color: #787878; background: rgb(252 176 69 / 30%); text-align: center; margin-bottom: 20px }

 .flightDetailWrapper .flightDetail_popup .layover .bi-stopwatch { position: relative; top: 0px; margin-right: 4px }

  .flightDetailWrapper .flightDetail_popup .layover .bi-stopwatch:before { margin: 0px }

.information_msg { font-size: 11px; color: #282828; font-weight: 400 }

.highlight { color: #0fa848; font-weight: 500 }

.message_display { border: 1px solid #0fa848; color: #0fa848; padding: 2px 10px; border-radius: 22px; font-size: 11px; margin: 0px 5px }

.text-overflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

.open-model { overflow: hidden }

.matrixCntr { background: #fff; box-shadow: 0 3px 6px #e4dcec73; margin-bottom: 30px; padding-top: 25px }

.matrixBox { margin-bottom: 20px; padding-right: 86px }

@media(max-width: 767px) {
 .matrixBox { margin-bottom: 10px }
}

.matrixBox .matrix__wrap { position: relative; display: inline-block; width: 100%; margin-bottom: 10px; border-radius: 0px; border: 1px solid #ddd; background: #fff }

.matrixBox .matrix__aside { position: relative; float: left; width: 14%; z-index: 1 }

@media(max-width: 767px) {
 .matrixBox .matrix__aside { width: 110px }
}

.matrixBox .matrix__aside .matrix__box { padding-left: 15px; color: #212121; white-space: nowrap }

 .matrixBox .matrix__aside .matrix__box i { margin-left: 6px }

.matrixBox .matrix__slider { position: relative; float: left; width: 86% }

@media(max-width: 767px) {
 .matrixBox .matrix__slider { width: calc(100% - 110px) }
}

.matrixBox .matrix__slider .items { width: 200px; float: left }

.matrixBox .matrix__slider .matrix__logo { width: 26px }

.matrixBox .matrix__slider .matrix__airline-name { line-height: 16px; margin-left: 10px; text-align: left }

.matrixBox .matrix__box-lg { border-right: 1px solid #ddd; font-size: 13px; height: 50px; position: relative; text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center }

.matrixBox .matrix__box { border-right: 1px solid #ddd; border-top: 1px solid #ddd; display: block; font-size: 13px; height: 45px; text-align: center; width: 100%; cursor: pointer; line-height: 26px; padding: 8px; font-weight: 500 }

 .matrixBox .matrix__box-lg:hover, .matrixBox .matrix__box:hover { background: #ecf0ff }

 .matrixBox .matrix__box-lg.matrixdisabled:hover, .matrixBox .matrix__box.matrixdisabled:hover { background: transparent; cursor: default; font-weight: 400 }

.matrixBox .disclaimer { font-size: 12px }

.matrixBox .slick-next, .matrixBox .slick-prev { right: 0px; top: -12px; background: #fff; width: 23px; height: 23px; border-radius: 100%; border: 1px solid #212121 }

.matrixBox .slick-prev { left: inherit; right: 30px }

 .matrixBox .slick-prev:before, .matrixBox .slick-next:before { color: #074c7f; font-family: "FontAwesome"; content: "" }

 .matrixBox .slick-prev:before { font-family: "FontAwesome"; content: "" }

.matrixBox .collapse.show { display: inline !important }

.matrixBox .learn-more { color: #074c7f }

.tooltip-new { background: #00308d; color: #fff; bottom: 100%; display: block; width: 280px; border-radius: 5px; padding: 9px 10px; font-size: 12px; opacity: 0; pointer-events: none; position: absolute; left: 50%; transition: all .25s ease-out; transform: translateX(-50%) }

 .tooltip-new:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100% }

 .tooltip-new:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #00308d 10px; bottom: -10px; content: " "; height: 0; left: 53%; position: absolute; width: 0; transform: translateX(-53%) }

.connnecting-block:hover .tooltip-new { opacity: 1; pointer-events: auto }

@media(max-width: 767px) {
 .connnecting-block:hover .tooltip-new { opacity: 0 }
}

.tooltip_block { position: relative; display: inline-block }

 .tooltip_block:hover .custom_tooltip { display: block }

.tooltip-icon { position: relative; top: -2px }

.custom_tooltip { width: max-content; display: none; position: absolute; top: 31px; left: 50%; transform: translateX(-50%); background: #fff; padding: 11px 13px; font-size: 12px; color: #444; border: 1px solid #e0e0e0; z-index: 1; box-shadow: 4px 4px 9px #00000029 }

 .custom_tooltip:before, .custom_tooltip:after { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -10px; left: 47%; border-bottom: 10px solid #ccc }

 .custom_tooltip:after { border-bottom: 11px solid #fff; z-index: 1 }

 .custom_tooltip .tooltip_close { display: none; position: absolute; right: 0; top: 0; cursor: pointer; font-size: 26px; line-height: 26px }

.popup_Box { background-color: rgba(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 .outer.call_fullwindow { padding: 0px }

   .popup_Box .outer.call_fullwindow .close__popup { top: 4px; z-index: 1; right: 12px }

 .popup_Box .close__popup { width: 38px; text-align: center; background: #fff; display: inline-block; height: 27px; position: absolute; right: 0px; top: -17px; color: #074c7f }



.delasContain { padding: 15px 10px; }

.session__expire { width: 420px; margin: 0px auto; background: #fff; padding: 36px; position: relative }

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

.session__expire .clock_tym { width: 67px }

.session__expire h3 { font-size: 22px; font-weight: 600; margin: 12px 0 }

.session__expire .call_us { overflow: hidden; border-top: 1px dotted #ccc; padding-top: 11px }

 .session__expire .call_us .call_icon { width: 50px; margin-top: 11px }

.session__expire .left { width: calc(100% - 80px); float: left; padding-left: 15px; text-align: left; border-left: 1px solid #ccc; margin-left: 18px; color: #3b3b3b }

 .session__expire .left a { font-size: 22px; color: #074c7f; font-weight: 700; display: inline-block }

.session__expire .timeStart { padding-top: 12px; padding-bottom: 10px; font-size: 12px }

 .session__expire .timeStart .seconds { font-size: 30px; color: #074c7f; font-weight: 700; line-height: 40px }

.session__expire .time_text { font-size: 14px; margin: 0px }

.ucBannerBox { width: 620px; margin: 0px auto; background: #fff; position: relative }

@media(max-width: 767px) {
 .ucBannerBox { width: 420px; padding: 15px }
}

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

.ucBannerBox .image_block { padding: 25px; background: #ecf0ff; overflow: hidden; text-align: center }

@media(max-width: 767px) {
 .ucBannerBox .image_block { height: 200px }
}

@media(max-width: 767px) {
 .ucBannerBox .image_block img { height: 200px }
}

.ucBannerBox .uc_content { padding: 32px 25px 0 20px }

@media(max-width: 767px) {
 .ucBannerBox .uc_content { padding: 17px 0 0 0 }
}

.ucBannerBox .uc_content .head { font-size: 23px; font-weight: 600; margin: 0 0 12px 0; line-height: 30px }

@media(max-width: 767px) {
 .ucBannerBox .uc_content .head { font-size: 19px }
}

.ucBannerBox .uc_content .buttons { display: flex; justify-content: space-between; margin-bottom: 25px }

.ucBannerBox .uc_content .chat_button { margin: 0px auto; text-align: center; background: #4863db; padding: 9px 15px; display: inline-block; color: #fff; border-radius: 3px; font-weight: 600 }

 .ucBannerBox .uc_content .chat_button i { margin-right: 5px }

@media(max-width: 479px) {
 .ucBannerBox .uc_content .chat_button { padding: 8px }
}

.ucBannerBox .uc_content .chat_button.call_button { background: #ffe600; color: #000 }

.ucBannerBox .call_us { overflow: hidden; border-top: 1px dotted #ccc; padding-top: 11px }

 .ucBannerBox .call_us .call_icon { width: 50px; margin-top: 11px }

.ucBannerBox .left { width: calc(100% - 80px); float: left; padding-left: 15px; text-align: left; border-left: 1px solid #ccc; margin-left: 18px; color: #3b3b3b }

 .ucBannerBox .left a { font-size: 22px; color: #074c7f; font-weight: 700; display: inline-block }

@media(max-width: 767px) {
 .ucBannerBox .left a { font-size: 20px }
}

.no__resultsBox { margin-bottom: 20px; padding: 50px 20px; width: 100%; border-radius: 3px; box-shadow: 0 4px 5px #0000000F; background: #fff; text-align: center }

 .no__resultsBox .head { font-size: 21px; color: #484848; font-weight: 600; padding: 20px 0 10px 0 }

 .no__resultsBox .resetFilter_button { background: #074c7f; padding: 7px 20px; border-radius: 3px; text-decoration: none; color: #fff }

  .no__resultsBox .resetFilter_button i { margin-right: 7px }

  .no__resultsBox .resetFilter_button:hover { background: #074c7f; text-decoration: none }

.baggage__fees { width: 820px; margin: 0px auto; background: #fff; padding: 20px; position: relative }

@media(max-width: 767px) {
 .baggage__fees { width: 420px; padding: 15px }
}

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

.baggage__fees h3 { font-size: 19px; font-weight: 600; margin: 14px 0 20px 0; padding-bottom: 5px }

@media(max-width: 767px) {
 .baggage__fees h3 { font-size: 16px }
}

.baggage__fees .baggage_block { padding: 8px 15px; background: #edeef3; margin: 10px 0 }

@media(max-width: 767px) {
 .baggage__fees .baggage_block { margin: 10px -15px }
}

.baggage__fees .baggage_block img { width: 40px; margin-right: 10px }

.baggage__fees .baggage_block a { background: #074c7f; color: #fff; text-decoration: none; margin-top: 5px; display: inline-block; padding: 5px 10px; border-radius: 2px; white-space: nowrap; font-size: 13px }

.baggage__fees .small_text { font-size: 12px; position: relative; padding-left: 17px }

 .baggage__fees .small_text i { position: absolute; left: 0px; top: 0px }

.baggage__fees .text-link { color: #074c7f }

.baggage__fees .baggage_banner { width: 100% }

.exitpopup { width: 700px; margin: 0px auto; background: #fff; position: relative }

@media(max-width: 767px) {
 .exitpopup { width: 420px; padding: 15px }
}

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

.exitpopup h3 { font-size: 28px; font-weight: 600; margin: 35px 0 20px 0; padding-bottom: 5px }

@media(max-width: 767px) {
 .exitpopup h3 { font-size: 23px; margin: 10px 0 }
}

.exitpopup p { font-size: 16px; padding-right: 10px; padding-bottom: 10px; line-height: 30px }

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

.exitpopup .exitbutton { margin-right: 10px; width: 178px; height: 41px; border: 1px solid #4863db; display: inline-block; text-align: center; border-radius: 5px; padding: 8px; font-size: 16px; color: #4863db; text-decoration: none }

@media(max-width: 767px) {
 .exitpopup .exitbutton { width: 145px; font-size: 14px; float: left; margin: 2px 0px }
}

.exitpopup .exitbutton.active { background: #074c7f; border-color: #074c7f; color: #fff }

.mid_page__loading { width: 340px; margin: 0px auto; background: #fff; position: relative; padding: 18px; overflow: hidden }

@media(max-width: 479px) {
 .mid_page__loading { width: 95%; padding: 15px }
}

.mid_page__loading img { float: left; width: 131px }

.mid_page__loading p { font-size: 16px; line-height: 24px; float: left; margin: 0px; border-left: 1px solid #ccc; padding: 0 0 0 20px; margin-left: 20px }

.mid_page__loading .dot span { font-size: 28px; line-height: 15px; animation-name: blink; animation-duration: 1.4s; animation-iteration-count: infinite; animation-fill-mode: both }

 .mid_page__loading .dot span:nth-child(2) { animation-delay: .2s }

 .mid_page__loading .dot span:nth-child(3) { animation-delay: .4s }

@keyframes blink {
 0% { opacity: .2 }

 20% { opacity: 1 }

 100% { opacity: .2 }
}

.modal-open .modal.custom_popup_content { padding: 0px !important }

.custom_popup_content .modal-dialog { max-width: 100%; margin: 0px }

.custom_popup_content .model_header { background: #074c7f; z-index: 3; position: fixed; left: 0; top: 0; border: 0; width: 100%; line-height: 50px; font-size: 18px; color: #fff }

 .custom_popup_content .model_header .back_btn { cursor: pointer; width: 50px; height: 50px; margin-right: 15px; font-size: 18px; color: #fff; float: left; opacity: 1; background: 0 0; border: none; border-right: 1px solid #fff }

  .custom_popup_content .model_header .back_btn:focus { box-shadow: none; border: none }

 .custom_popup_content .model_header .close_btn { cursor: pointer; width: 50px; float: right; color: #fff; opacity: 1; background: 0 0; border: none; border-left: 1px solid #fff }

  .custom_popup_content .model_header .close_btn:focus { box-shadow: none; border: none }

.custom_popup_content .pdt-60 { padding-top: 60px }

.callBannerBox { width: 740px; margin: 0px auto; background: #fff; position: relative; transition: opacity .15s linear }

@media(max-width: 767px) {
 .callBannerBox { width: 420px; padding: 15px }
}

@media(max-width: 479px) {
 .callBannerBox { width: 100%; height: 100% }
}

.callBannerBox .image_block { padding: 30px; background: #fff; overflow: hidden; text-align: center }

@media(max-width: 767px) {
 .callBannerBox .image_block { height: 200px }
}

@media(max-width: 767px) {
 .callBannerBox .image_block img { width: 100% }
}

.callBannerBox .call_content { padding: 42px 35px 0 35px }

@media(max-width: 767px) {
 .callBannerBox .call_content { padding: 17px 0 0 0; text-align: center }
}

.callBannerBox .call_content .head { font-size: 23px; font-weight: 600; margin: 0 0 12px 0; line-height: 30px }

@media(max-width: 767px) {
 .callBannerBox .call_content .head { font-size: 19px }
}

.callBannerBox .call_content .buttons { display: flex; justify-content: space-between; margin-bottom: 25px }

.callBannerBox .call_content .chat_button { margin: 46px auto; text-align: center; background: #4863db; padding: 14px 15px; display: block; color: #fff; border-radius: 3px; font-weight: 600; width: 100% }

 .callBannerBox .call_content .chat_button i { margin-right: 5px }

@media(max-width: 479px) {
 .callBannerBox .call_content .chat_button { padding: 8px }
}

.callBannerBox .call_us { overflow: hidden; padding-top: 18px; margin-top: 34px; text-align: center }

 .callBannerBox .call_us .call_icon { width: 50px; margin-top: 11px }

.callBannerBox .icons { float: left }

@media(max-width: 767px) {
 .callBannerBox .icons { float: none !important; margin-bottom: 20px }
}

.callBannerBox .left { width: calc(100% - 80px); float: left; padding-left: 15px; text-align: left; border-left: 1px solid #ccc; margin-left: 18px; color: #3b3b3b }

@media(max-width: 767px) {
 .callBannerBox .left { width: 100%; border: none; padding: 15px 0 0 0px; margin-left: 0px; text-align: center }
}

.callBannerBox .left .phone { font-size: 22px; color: #074c7f; font-weight: 700; display: inline-block }

@media(max-width: 767px) {
 .callBannerBox .left .phone { font-size: 20px }
}

.hotelEnquiryBox { width: 600px; margin: 0px auto; background: #f9f3ff; position: relative; border-radius: 15px; text-align: center; padding: 50px }

@media(max-width: 767px) {
 .hotelEnquiryBox { width: 420px; padding: 15px }
}

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

.hotelEnquiryBox .close__popup { display: inline-block; height: 27px; position: absolute; right: 10px; top: 10px; color: #350c8c; font-size: 23px; background: none }

.hotelEnquiryBox h5 { font-size: 31px; color: #7d29f1; font-weight: 600; padding: 20px 0; margin: 0px }

.hotelEnquiryBox p { font-size: 18px; color: #303030 }

.hotelEnquiryBox .call_phone { font-size: 18px; color: #350c8c; display: flex; align-items: center; justify-content: center; flex-direction: column }

.hotelEnquiryBox .call-tfn { cursor: pointer; margin: 10px; font-size: 20px; padding: 7px 10px 8px 49px; position: relative; color: #fff; font-weight: 600; text-decoration: none; background: #350c8c; width: 244px; border-radius: 50px; display: flex; align-items: center }

 .hotelEnquiryBox .call-tfn:before { content: ""; width: 35px; height: 35px; display: block; position: absolute; left: 6px; background: url(../../images/call-icon.png) left top no-repeat; background-size: 100% }

@media(max-width: 1199px) {
 .hotelEnquiryBox .call-tfn:before { width: 36px; height: 36px }
}

slider.ui-widget.ui-widget-content { padding: 0px !important; height: 1px; border: none; box-shadow: none }

.loadingBox { height: 100vh; display: flex; align-items: center; justify-content: center }

 .loadingBox .mid__loading { padding: 0; background: #dee3f7; max-width: 764px; margin: 0 auto 50px auto; box-shadow: 0 22px 30px #efefef }

@media(max-width: 767px) {
 .loadingBox .mid__loading { width: 480px }
}

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

.loadingBox .mid__loading .head { padding: 10px 0; font-size: 22px }

@media(max-width: 479px) {
 .loadingBox .mid__loading .head { font-size: 17px }
}

.loadingBox .mid__loading .block { padding: 5px 0px 40px; overflow: hidden; max-width: 420px; margin: 0px auto }

@media(max-width: 479px) {
 .loadingBox .mid__loading .block { text-align: center }
}

.loadingBox .mid__loading .block .left { width: 50%; float: left; display: flex; align-items: center; justify-content: space-between; padding-right: 10px; border-right: 1px solid #ccc }

@media(max-width: 479px) {
 .loadingBox .mid__loading .block .left { width: 100%; padding: 10px; display: block }
}

.loadingBox .mid__loading .block .left .city__code { width: 50%; font-size: 18px; color: #484848; font-weight: 600 }

@media(max-width: 479px) {
 .loadingBox .mid__loading .block .left .city__code { width: auto }
}

.loadingBox .mid__loading .block .left .city__code small { display: block; font-size: 11px; color: #282828 }

@media(max-width: 479px) {
 .loadingBox .mid__loading .block .left .city__code small { display: inline-block }
}

.loadingBox .mid__loading .block .left .flight__icon { padding: 0 20px }

.loadingBox .mid__loading .block .right { width: 50%; padding: 3px 10px 0 10px; font-size: 12px; color: #8a8a8a; float: left; position: relative }

@media(max-width: 479px) {
 .loadingBox .mid__loading .block .right { width: 100%; padding: 0 10px }
}

.loadingBox .mid__loading .block .right .arrow { color: #074c7f; position: absolute; right: 0px; top: 0px; font-size: 27px; padding: 5px; line-height: 27px }

.no_resultsBox { padding: 50px 0; text-align: center; background: #fff }

 .no_resultsBox .block { max-width: 500px; margin: 0px auto }

 .no_resultsBox .head { font-size: 33px; font-weight: 600 }

@media(max-width: 767px) {
 .no_resultsBox .head { font-size: 23px }
}

.no_resultsBox p { font-size: 16px; color: #636363 }

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

.no_resultsBox .call { padding-top: 30px; width: 310px; margin: 0px auto }

 .no_resultsBox .call .call_icon { width: 50px; margin-top: 10px }

 .no_resultsBox .call span { display: block; font-size: 18px; color: #4863db }

@media(max-width: 767px) {
 .no_resultsBox .call span { font-size: 14px }
}

.no_resultsBox .call a { font-size: 26px; color: #074c7f; font-weight: 600; text-decoration: none; white-space: nowrap }

@media(max-width: 767px) {
 .no_resultsBox .call a { font-size: 23px }
}

.no_resultsBox .call a:hover { text-decoration: none; color: #074c7f }

#ngProgress-container { display: none !important }

.results-skeleton-content:after { content: ""; display: block; width: 100%; height: 120px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)),radial-gradient(circle 15px at center, #e9ebec 99%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(90deg, #fff, #fff); background-size: 960px 110px,30px 30px,108px 16px,90px 6px,60px 6px,384px 6px,410px 6px,200px 6px,314px 6px,120px 30px,100% 100%; background-position: -960px 0,20px 20px,60px 20px,60px 46px,20px 84px,188px 20px,188px 36px,188px 52px,188px 68px,710px 40px,0 0; background-repeat: no-repeat; animation: oneway-loading 1.2s infinite }

@keyframes oneway-loading {
 to { background-position: 960px 0,20px 20px,60px 20px,60px 46px,20px 84px,188px 20px,188px 36px,188px 52px,188px 68px,710px 40px,0 0 }
}

.filter-skeleton-content:after { content: ""; display: block; width: 100%; height: 160px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(245, 245, 245, 0.8) 50%, rgba(255, 255, 255, 0)),linear-gradient(90deg, #e9ebec, #e9ebec),linear-gradient(90deg, #e9ebec, #e9ebec),linear-gradient(90deg, #e9ebec, #e9ebec),linear-gradient(90deg, #e9ebec, #e9ebec); background-size: 260px 160px,264px 14px,195px 14px,212px 14px,115px 14px; background-position: -260px 0,0 34px,0 64px,0 90px,0 120px; background-repeat: no-repeat; animation: leftside-loading 1.2s infinite }

@keyframes leftside-loading {
 to { background-position: 260px 0,0 34px,0 64px,0 90px,0 120px }
}

.m-skeleton-content:after { content: ""; display: block; width: 60px; height: 14px; margin-left: 30px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)),linear-gradient(90deg, #e9ebec, #e9ebec); background-size: 60px 14px,100% 100%; background-position: -300px 0,0 0; background-repeat: no-repeat; animation: carousel-loading 1.2s infinite }

@keyframes carousel-loading {
 to { background-position: 60px 0,0 0 }
}

.w_100 { width: 100% }

slider.ui-widget.ui-widget-content { padding: 0px !important; height: 3px; border: none }

slider { display: inline-block; position: relative; height: 2px; width: 100%; margin: 10px 0 15px 0; vertical-align: middle }

 slider span { white-space: nowrap; position: absolute; display: inline-block }

  slider span.base { width: 100%; height: 100%; padding: 0 }

  slider span.bar { width: 100%; height: 100%; z-index: 0; background: #ccc }

   slider span.bar.selection { width: 0%; z-index: 1; background: #074c7f }

  slider span.pointer { cursor: pointer; width: 19px; height: 19px; top: -8px; z-index: 1; border: 2px solid #074c7f; background: #fff; border-radius: 100%; outline: none }
#resultsCntr { width: 100%; padding: 22px 0 22px 0; font-size: 14px }

@media(max-width: 1199px) {
 #resultsCntr { font-size: 13px }
}

@media(max-width: 767px) {
 #resultsCntr { padding-top: 0px }
}

#resultsCntr .leftCntr { padding-right: 20px; width: 280px; float: left }

@media(max-width: 1199px) {
 #resultsCntr .leftCntr { width: 260px }
}

@media(max-width: 1023px) {
 #resultsCntr .leftCntr { position: fixed; left: -200%; top: 0px; transition: all .5s }
}

#resultsCntr .leftCntr.open-filter { left: 0px; width: 100%; padding-right: 0px; background: #fff; z-index: 2; display: block }

 #resultsCntr .leftCntr.open-filter .holder { height: calc(100vh - 80px); overflow-x: hidden; overflow-y: scroll; padding-bottom: 76px }

#resultsCntr .rightCntr { width: calc(100% - 280px); float: left }

@media(max-width: 1199px) {
 #resultsCntr .rightCntr { width: calc(100% - 260px) }
}

@media(max-width: 1023px) {
 #resultsCntr .rightCntr { width: 100% }
}

#resultsCntr .fare__breakup { position: relative }

@media(max-width: 479px) {
 #resultsCntr .fare__breakup { display: none }
}

#resultsCntr .fare__detail { color: #f42525; text-decoration: none; text-align: center }

@media(max-width: 767px) {
 #resultsCntr .fare__detail { font-size: 12px }
}

#resultsCntr .fare__detail span { color: #686868; display: block; font-size: 12px; width: 73px }

#resultsCntr .fare__detail:hover { text-decoration: none; color: #074c7f }

#resultsCntr .fare_breakup_detail { box-shadow: 0 0 9px #b8c7ff; display: none; width: 300px; position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); background: #fff; padding: 15px; border: 1px solid #d9d9db }

 #resultsCntr .fare_breakup_detail:before, #resultsCntr .fare_breakup_detail:after { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 100%; left: 50%; border-top: 10px solid #ccc }

 #resultsCntr .fare_breakup_detail:after { border-top: 10px solid #fff; margin-top: -1px; z-index: 1 }

 #resultsCntr .fare_breakup_detail ul { list-style: none; margin: 0px }

  #resultsCntr .fare_breakup_detail ul li { width: 100%; border-bottom: 1px dashed #a6a6a6; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between }

   #resultsCntr .fare_breakup_detail ul li:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px }

   #resultsCntr .fare_breakup_detail ul li .traveler span { display: block; font-size: 12px }

 #resultsCntr .fare_breakup_detail .close_price_breakup { width: 38px; text-align: center; background: #fff; display: inline-block; height: 22px; position: absolute; right: 0px; top: -22px; color: #f42525; border: 1px solid #d9d9db; border-bottom: 0px }

.total_results { font-size: 15px }

.sortingTabBox { width: 100%; background: #fff; border-radius: 3px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 4px 5px #0000000F }

@media(max-width: 767px) {
 .sortingTabBox { width: auto; margin-left: -15px; margin-right: -15px; margin-bottom: 10px; overflow-y: hidden; overflow-x: scroll }
}

.sortingTabBox ul { list-style: none; margin: 0px; overflow: hidden }

@media(max-width: 767px) {
 .sortingTabBox ul { white-space: nowrap; display: flex; overflow: inherit }
}

.sortingTabBox ul li { padding: 7px 18px; display: block; float: left; width: 25%; font-weight: 700; border-left: 1px solid #ccc; position: relative; min-height: 41px }
 .sortingTabBox ul li:after { content: ""; width: 0; height: 2px; background: #f42525; position: absolute; left: 0px; bottom: 0px; transition: all .5s }

 .sortingTabBox ul li a { text-decoration: none; cursor: pointer }

 .sortingTabBox ul li .price { color: #6b6b6b; font-weight: normal; display: block }

 .sortingTabBox ul li.active { background: #074c7f; }
  .sortingTabBox ul li.active a, .sortingTabBox ul li.active .price { color: #ffffff }

  .sortingTabBox ul li.active:after { width: 100% }
 .sortingTabBox ul li:first-child { border: none }

@media(max-width: 767px) {
 .sortingTabBox ul li { width: auto }
}

.text-link-red { color: #f42525 !important; text-decoration: underline !important }

.apply_filter { margin-bottom: 15px }

@media(max-width: 767px) {
 .apply_filter { display: none }
}

.apply_filter ul { list-style: none }

 .apply_filter ul li { float: left; padding: 8px 15px; margin-right: 10px; margin-bottom: 5px; border-radius: 40px; border: 1px solid #d5dcf3; box-shadow: 0 3px 6px #0000000A; color: #074c7f; font-weight: 500; background: #f8f9ff }

  .apply_filter ul li a { color: #898585; position: relative; top: -2px; margin-left: 6px; float: right }

   .apply_filter ul li a:hover { color: #f42525 }

  .apply_filter ul li.clear__all { background: #f42525; border-color: #f42525 }

   .apply_filter ul li.clear__all a { color: #ffffff; position: relative; top: 0px; margin: 0px }

.loadmore { font-size: 15px; background: #074c7f; padding: 11px 46px; color: #fff; display: inline-block; margin: 20px 0 }

@media(max-width: 767px) {
 .loadmore { display: block }
}

.loadmore:hover { background: #f42525; color: #fff; text-decoration: none }

.page_not { width: 100%; overflow: hidden; padding: 60px 30px; display: flex; align-items: center }

@media(max-width: 767px) {
 .page_not { display: block }
}

.page_not img { width: 35% }

@media(max-width: 1023px) {
 .page_not img { width: 40% }
}

@media(max-width: 767px) {
 .page_not img { width: 100% }
}

.page_not h3 { font-size: 60px; font-weight: 700 }

@media(max-width: 1023px) {
 .page_not h3 { font-size: 43px }
}

@media(max-width: 767px) {
 .page_not h3 { font-size: 34px }
}

@media(max-width: 479px) {
 .page_not h3 { font-size: 24px }
}

.page_not h3 span { color: #f12739; display: block; font-size: 100px; font-weight: 800 }

@media(max-width: 1023px) {
 .page_not h3 span { font-size: 70px }
}

@media(max-width: 767px) {
 .page_not h3 span { font-size: 45px }
}

.page_not .w_50 { width: 65%; text-align: center }

@media(max-width: 1023px) {
 .page_not .w_50 { width: 60% }
}

@media(max-width: 767px) {
 .page_not .w_50 { width: 100% }
}

.page_not .home_back { cursor: pointer; border: none; padding: 14px 25px; border-radius: 3px; margin: 25px auto; display: inline-block; font-size: 18px }

@media(max-width: 1023px) {
 .page_not .home_back { padding: 11px 21px }
}

.flightDetail #departTabcontent, .flightDetail #returnTabcontent { border-radius: 18px; border: 1px solid rgba(0, 0, 0, 0.2); padding: 15px; }
.flightDetail #returnTabcontent { margin-top: 20px; }
.flight__itenaryBox .head { padding: 0px 30px 0px 0px; position: relative }

.flight__itenaryBox .page__title { color: #0B0127; font-size: 24px }

@media(max-width: 767px) {
 .flight__itenaryBox .page__title.flight_detail_title { padding-top: 10px; margin-bottom: 10px }
}

.flight__itenaryBox .head { padding: 0px 30px 0px 0px; position: relative }
.flight__itenaryBox .page__title:after { bottom: -9px; display: none }

.flight__itenaryBox .page__title strong { display: inline-block }
.flight__itenaryBox .flightDetail h4 { font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-bottom: 20px }

.flight__itenaryBox .flightDetail .devider_line { height: 8px; background: #f5f5f8; border: none; margin: 20px -20px }

.flight__itenaryBox .flighttab { list-style: none; width: 100%; float: left; margin-bottom: 30px; border-bottom: 1px solid #dfdfdf }

@media(max-width: 1023px) {
 .flight__itenaryBox .flighttab { margin: 10px 0; width: auto; overflow: hidden; float: none; border-bottom: none }
}

.flight__itenaryBox .flighttab li { float: left; margin-right: 30px }

@media(max-width: 1023px) {
 .flight__itenaryBox .flighttab li { width: 45%; margin-right: 15px }
}

@media(max-width: 479px) {
 .flight__itenaryBox .flighttab li { width: 43% }
}

.flight__itenaryBox .flighttab li a { font-size: 16px; color: #484848; text-decoration: none; padding: 0 0px 7px 0; display: block; position: relative; cursor: pointer }

@media(max-width: 1023px) {
 .flight__itenaryBox .flighttab li a { font-size: 14px; padding: 4px 10px; border: 2px solid #ccc; text-align: center; border-radius: 5px }

  .flight__itenaryBox .flighttab li a.active { border-color: #2b4ded }
}

.flight__itenaryBox .flighttab li a:before { content: ""; height: 2px; position: absolute; left: 0px; bottom: -1px; transition: all .5s; width: 0px; display: block; background: #f42525 }

@media(max-width: 1023px) {
 .flight__itenaryBox .flighttab li a:before { display: none }
}

.flight__itenaryBox .flighttab li a:hover, .flight__itenaryBox .flighttab li a.active, .flight__itenaryBox .flighttab li a:hover:before, .flight__itenaryBox .flighttab li a.active:before { width: 100%; color: #074c7f }

.flight__itenaryBox .airlines__details { padding-top: 10px; font-size: 13px; }

 .flight__itenaryBox .airlines__details .air-name { font-size: 14px; color: #484848 }

 .flight__itenaryBox .airlines__details img { width: 62px; float: left; }

 .flight__itenaryBox .airlines__details .detail { width: calc(100% - 65px); float: left }
  .flight__itenaryBox .airlines__details .detail .oprated_by { font-size: 10px; }
.flight__itenaryBox .route__info { padding: 10px 0; font-size: 13px; position: relative }

@media(max-width: 767px) {
 .flight__itenaryBox .route__info { padding: 0 20px; margin: 15px 0 35px 0; border-left: 2px dashed #ccc }

  .flight__itenaryBox .route__info:after, .flight__itenaryBox .route__info:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #f42525; position: absolute; left: -6px; top: 0px; border-radius: 100%; background: #fff }

  .flight__itenaryBox .route__info:before { top: inherit; bottom: 0px }
}

.flight__itenaryBox .route__info .time { font-size: 14px; font-weight: 400; }

@media(max-width: 767px) {
 .flight__itenaryBox .route__info .time { margin-top: 2px }
}

.flight__itenaryBox .route__info .date { position: relative }

@media(max-width: 767px) {
 .flight__itenaryBox .route__info .date .highlight { display: inline-block }

 .flight__itenaryBox .route__info .date .message_display { position: static; display: inline-block; margin-right: 6px }
}

.flight__itenaryBox .route__info .destination_fullname { padding-top: 36px; position: relative }

 .flight__itenaryBox .route__info .destination_fullname .message_display { top: inherit; bottom: -25px }

.flight__itenaryBox .route__info .connecting__bar { width: 60%; height: 2px; border-top: 2px dashed #dfdfdf; position: absolute; left: 0px; top: 72px }

 .flight__itenaryBox .route__info .connecting__bar:after, .flight__itenaryBox .route__info .connecting__bar:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #f42525; position: absolute; right: 0px; top: -6px; border-radius: 100%; background: #fff }

 .flight__itenaryBox .route__info .connecting__bar:before { right: inherit; left: 0px }

 .flight__itenaryBox .route__info .connecting__bar .duretion_time { position: absolute; left: 50%; margin-top: -30px; text-align: center }

  .flight__itenaryBox .route__info .connecting__bar .duretion_time img { background: #fff; padding: 0 6px; display: block }

.flight__itenaryBox .route__info .TripTime { margin: 15px }

.flight__itenaryBox .route__info .message_display { position: absolute; left: 0px; top: -25px; margin: 0px }

@media(max-width: 767px) {
 .flight__itenaryBox .route__info .message_display { position: static }
}

.flight__itenaryBox .class__type { padding-top: 26px }

.flight__itenaryBox .layover { margin-bottom: 15px; padding: 8px 20px; font-size: 12px; color: #787878; background: rgb(252 176 69 / 30%); text-align: center }

 .flight__itenaryBox .layover .bi-stopwatch { position: relative; top: 0px; margin-right: 4px }

.price__Box { border-radius: 18px; border: 1px solid rgba(0, 0, 0, 0.2); background: #fff; padding: 15px }

@media(max-width: 1023px) {
 .price__Box { margin-top: 20px; margin-bottom: 40px }
}

@media(max-width: 767px) {
 .price__Box { margin-left: -15px; margin-right: -15px }
}

.price__Box .head { position: relative; border-bottom: 1px solid #ccc }

 .price__Box .head h4 { font-size: 16px }

.price__Box ul { list-style: none }

 .price__Box ul li { padding: 8px 0px; border-bottom: 1px solid #e1e1e1; font-size: 13px; color: #4b4b4b; font-weight: 600 }

  .price__Box ul li i { font-size: 16px; margin-left: 4px; font-weight: 700 }

  .price__Box ul li .accordian-slide { padding-left: 13px; padding-top: 5px; font-size: 12px; color: #6b6b6b; font-weight: 400 }

  .price__Box ul li .accordian_toggle { cursor: pointer }

  .price__Box ul li .disscount--price { color: #0fa848 }

.price__Box .total_price { font-weight: 700; border-bottom: 1px dashed #ccc; padding-bottom: 10px; color: #074c7f }

.price__Box .price__note { font-size: 11px; padding: 12px 0; color: #666 }

.securebooking__Box { border-radius: 18px; border: 1px solid rgba(0, 0, 0, 0.2); background: #fff; margin-top: 20px; padding: 15px }

@media(max-width: 767px) {
 .securebooking__Box { margin: 0 -15px 70px -15px }
}

.securebooking__Box h4 { padding-bottom: 10px; font-size: 16px; border-bottom: 1px solid #ccc }

.cuponBlock { width: 100%; overflow: hidden }

 .cuponBlock .inputText { width: calc(100% - 73px); border: 1px solid #ccc; padding: 5px 10px; float: left; font-size: 15px; color: #074c7f; font-weight: 700 }

 .cuponBlock .submit { border: none; background: #00ab53; padding: 7px; color: #fff; width: 73px; float: left; cursor: pointer }

  .cuponBlock .submit:focus { border: none; outline: none }

  .cuponBlock .submit.remove { background: #f42525 }

 .cuponBlock .sucessfull { color: #00ab53 }

.payment__wrapper { /*padding: 20px*/ }

@media(max-width: 767px) {
 .payment__wrapper { margin: 0 -15px; padding: 0 15px }
}

.payment__wrapper .payment__stepBox { width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 20px }

@media(max-width: 767px) {
 .payment__wrapper .payment__stepBox { background: #ecf0ff; width: auto; margin: 0 -15px 18px -15px; padding: 10px 10px 0 10px }
}

.payment__wrapper .payment__stepBox ul { list-style: none; display: flex; align-items: center; justify-content: space-between; margin: 0px }

 .payment__wrapper .payment__stepBox ul li { font-size: 16px; color: #878787; cursor: pointer; padding-bottom: 8px; position: relative }

@media(max-width: 767px) {
 .payment__wrapper .payment__stepBox ul li { font-size: 14px }
}

.payment__wrapper .payment__stepBox ul li i { position: relative; top: 0px; margin-right: 2px }

.payment__wrapper .payment__stepBox ul li:before { content: ""; height: 2px; position: absolute; left: 0px; bottom: -1px; transition: all .5s; width: 0px; display: block; background: #f42525 }

.payment__wrapper .payment__stepBox ul li.active:before { width: 100%; color: #074c7f }

.payment__wrapper .payment__stepBox ul li:hover, .payment__wrapper .payment__stepBox ul li.active { color: #f42525 }

.payment__wrapper .payment__stepBox ul li.complete { color: #f42525 }

@media(max-width: 767px) {
 .payment__wrapper .payment__stepBox ul li.complete { color: #6074d4 }
}

.payment__wrapper .payment__stepBox ul li.complete:hover:before { width: 0px }

.payment__wrapper .bottom__row { padding: 18px 0; border-top: 1px solid #ccc; overflow: hidden }

@media(max-width: 767px) {
 .payment__wrapper .bottom__row { padding: 12px 0; background: #fff; position: fixed; left: 0px; bottom: 0px; width: 100%; z-index: 1 }
}

.payment__wrapper .bottom__row .continue__button { cursor: pointer; background: #f42525; color: #fff; padding: 12px 38px; float: right; font-weight: 600; border-radius: 50px }

@media(max-width: 767px) {
 .payment__wrapper .bottom__row .continue__button { float: none; margin: 0px auto; width: 90%; display: block; font-size: 18px; text-align: center }
}

.payment__wrapper .bottom__row .continue__button.confirm { padding: 12px 30px; font-size: 17px; background: #088d0c; text-align: center; border: none }

@media(max-width: 767px) {
 .payment__wrapper .bottom__row .continue__button.confirm { padding: 9px 20px }
}

.payment__wrapper .bottom__row .continue__button.confirm i { margin-right: 3px }

.payment__wrapper .bottom__row .continue__button.confirm:hover { background: #007001 }

.payment__wrapper .bottom__row .continue__button.confirm span { display: block; font-weight: 400; text-transform: uppercase; font-size: 13px }

.payment__wrapper .bottom__row .continue__button:hover { background: #074c7f; text-decoration: none }

@media(max-width: 767px) {
 .payment__wrapper .payment__wrapper .loder__row { padding: 12px 0; background: #fff; left: 0px; bottom: 0px; width: 100%; z-index: 1 }
}

.payment__wrapper .adultType { list-style: none; padding: 0px; margin-bottom: 10px }

@media(max-width: 767px) {
 .payment__wrapper .adultType { margin-bottom: 0px }
}

.payment__wrapper .adultType li { display: inline-block; padding-right: 30px; font-size: 14px }

 .payment__wrapper .adultType li label { cursor: pointer; font-weight: 600 }

.payment__wrapper .travelerBox { padding: 15px; border-radius: 18px; margin-top: 20px; border: 1px solid rgba(0, 0, 0, 0.2); padding-top: 20px }

@media(max-width: 767px) {
 .payment__wrapper .travelerBox { padding-top: 0px }
}

.payment__wrapper .travelerBox h4 { font-size: 22px; font-weight: 600; margin-bottom: 11px; color: #0B0127 }

.payment__wrapper .travelerBox p { color: #5d5d5d }

.payment__wrapper .travelerBox .travel_deal_checkbox { margin-top: 27px; width: 60% }

 .payment__wrapper .travelerBox .travel_deal_checkbox label { line-height: 19px }

.payment__wrapper .travelerBox .traveler_block { border-top: 1px solid #ccc; margin-bottom: 30px; padding-top: 30px }

@media(max-width: 767px) {
 .payment__wrapper .travelerBox .traveler_block { padding-top: 20px; padding-bottom: 20px; margin-bottom: 0px }
}

.payment__wrapper .travelerBox .traveler_block:first-child { border: none; margin-top: 0px; padding-top: 0px }

.payment__wrapper .paymentBox { padding: 15px; border-radius: 18px; border: 1px solid rgba(0, 0, 0, 0.2); margin-top: 20px; padding-top: 20px }

@media(max-width: 767px) {
 .payment__wrapper .paymentBox { padding-top: 0px }
}

.payment__wrapper .paymentBox h4 { font-size: 22px; font-weight: 600; margin-bottom: 11px; color: #0B0127 }

.payment__wrapper .paymentBox .hr-line { border-top: 1px solid #ccc; margin-top: 30px; padding-top: 30px }

.payment__wrapper .paymentBox .card__zoom { margin-top: 34px }

.payment__wrapper select::-ms-expand { display: none }

.payment__wrapper .form__block .select-class { display: block; overflow: hidden; position: relative; width: 100%; cursor: pointer }

 .payment__wrapper .form__block .select-class:before { content: ""; font-family: fontawesome; font-size: 23px; color: #333; font-weight: 700; position: absolute; right: 1px; top: 1px; pointer-events: none; padding: 7px 10px 0 0; background: #fff }

.payment__wrapper .form__block .form-control { padding: 12px; border-radius: 0px; background: #fff }

@media(max-width: 767px) {
 .payment__wrapper .form__block .form-control { padding: 9px 12px }
}

.payment__wrapper .form__block .form-control:focus { border-color: #074c7f; box-shadow: 0 3px 6px #e0e4f9 }

.payment__wrapper .form__block select.form-control:not([size]):not([multiple]) { height: auto }

.payment__wrapper .form__block .is-error { position: relative; color: red }

 .payment__wrapper .form__block .is-error .form-control { border-color: red }

 .payment__wrapper .form__block .is-error .icon { position: absolute; top: 13px; right: 10px }

.payment__wrapper .form__block .is-success { position: relative }

 .payment__wrapper .form__block .is-success .form-control { border-color: #074c7f }

 .payment__wrapper .form__block .is-success .icon { position: absolute; top: 13px; right: 10px; color: #0fa848 }

.payment__wrapper .form__block .dob_calendar { position: absolute; right: 11px; top: 6px; font-size: 25px; color: #074c7f; pointer-events: none; cursor: pointer }
.payment__wrapper .bottom_text { font-size: 13px; padding: 20px 0; color: #6b6b6b; line-height: 21px }

 .payment__wrapper .bottom_text p a { color: #f42525; text-decoration: none }

 .payment__wrapper .bottom_text label { float: left }

.payment__wrapper input.cc-number.visa { background: url(../../images/payment/visa.png) 99% center no-repeat }

.payment__wrapper input.cc-number.amex { background: url(../../images/payment/american.png) 99% center no-repeat }

.payment__wrapper input.cc-number.discover { background: url(../../images/payment/discover.png) 99% center no-repeat }

.payment__wrapper input.cc-number.mastercard { background: url(../../images/payment/master.png) 99% center no-repeat }

.payment__top { padding-bottom: 20px }

 .payment__top .go__back { color: #333; font-weight: 600 }

  .payment__top .go__back i { font-size: 16px; font-weight: 700; margin-right: 3px }

  .payment__top .go__back:hover { text-decoration: none; color: #f42525 }

 .payment__top .secure__Box { list-style: none; display: flex; align-items: center; justify-content: space-between }

  .payment__top .secure__Box li { padding-left: 43px; position: relative; line-height: 17px }

   .payment__top .secure__Box li img { position: absolute; left: -11px; top: -1px; font-size: 23px; color: #f42525 }

.mobile_go_back { position: absolute; left: 0px; top: 0px; background: #fff; width: 45px; height: 42px; margin: 0px; line-height: 38px; text-align: center; font-size: 20px; border-right: 1px solid #ccc }

@media(max-width: 767px) {
 .form-group { margin-bottom: 0px }

 .formlabel { margin-top: 12px; margin-bottom: 3px }
}

body.payment-page .ui-datepicker.ui-widget { width: 332px; margin-left: 15px; padding: 0px !important }

body.payment-page .ui-datepicker .ui-datepicker-header { background: #b4c1ff }

body.payment-page .ui-datepicker td span, .ui-datepicker td a { height: 47px; line-height: 37px }

.page_loading { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,.4) }

 .page_loading .loading_block { background: #fff; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); padding: 30px; border-radius: 10px }

 .page_loading .loading-icon { background: url(../../images/fav.png) no-repeat center center; width: 94px; height: 94px; line-height: 90px; border-radius: 50%; background-size: 30px; margin: 0 auto; position: relative }

 .page_loading .loading-circle { border: 3px solid #ddd; border-radius: 50%; border-top: 5px solid #212121; width: 90px; height: 90px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; border-width: 5px }

 .page_loading p { margin: 0px; padding: 0px; line-height: 25px }

@-webkit-keyframes spin {
 0% { -webkit-transform: rotate(0deg) }

 100% { -webkit-transform: rotate(360deg) }
}

@keyframes spin {
 0% { transform: rotate(0deg) }

 100% { transform: rotate(360deg) }
}

.dot span { font-size: 50px; animation-name: blink; animation-duration: 1.4s; animation-iteration-count: infinite; animation-fill-mode: both }

 .dot span:nth-child(2) { animation-delay: .2s }

 .dot span:nth-child(3) { animation-delay: .4s }

@keyframes blink {
 0% { opacity: .2 }

 20% { opacity: 1 }

 100% { opacity: .2 }
}

.review_policy { border: 1px solid #4dc0ff; padding: 13px 12px 12px 37px; font-size: 14px; line-height: 25px }

 .review_policy i { position: absolute; left: 10px; top: 16px; font-size: 18px }
.confirmation__information { overflow: hidden; border-radius: 18px; border: 1px solid rgba(0, 0, 0, 0.2); background: #fff; padding: 0; margin-top: 20px }
 /*@media(max-width: 767px) {
    .confirmation__information {
        margin: 10px -15px
    }
}*/
 .confirmation__information h4 { padding: 15px; background: #E52E2B; font-size: 18px; font-weight: 400; margin-bottom: 0; color: #ffffff }
 .confirmation__information .head { font-weight: 700; padding: 10px 15px }
 .confirmation__information .detail { background: #f9f9f9; padding: 10px 15px; margin-bottom: 10px }
 .confirmation__information .total_price { border-bottom: 0px dashed #ccc; color: #F16752; font-size: 18px; }
.spacer { height: 50px }
.confirmation__Box { border: 1px solid rgb(97 190 119); border-radius: 18px; background: #fff; padding: 20px 15px; margin-top: 20px; margin-bottom: 20px; position: relative }
 /*@media(max-width: 767px) {
.confirmation__Box { margin: 20px -15px }
}*/
 .confirmation__Box h4 { font-size: 18px; font-weight: 600; margin-bottom: 5px; color: #303030 }

 .confirmation__Box p { margin-bottom: 5px }

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

 .confirmation__Box .print_itinerary { position: absolute; right: 15px; top: 15px; color: #8a8a8a; text-decoration: none }

  .confirmation__Box .print_itinerary i { margin-right: 5px; position: relative; top: -2px }

  .confirmation__Box .print_itinerary:hover { color: #0B0127 }
.print_button { background: #f42525; padding: 7px 14px; display: inline-block; text-decoration: none; border-radius: 3px; color: #fff }

 .print_button i { margin-right: 5px; position: relative; top: -2px }

 .print_button:hover { text-decoration: none; color: #fff; background: #074c7f }

@media print {
 a[href]:after { content: none }

 .print_itinerary, .print_button, .footer__linkBox, .noprint { display: none }

 .full-col { width: 100%; flex: 0 0 100%; max-width: 100% }
}

@page { size: auto; margin: 2mm; page-break-inside: inherit; -webkit-print-color-adjust: exact !important }

.contentBox { width: 100%; padding: 25px 0; clear: both }

@media(max-width: 1023px) {
 .contentBox { padding: 20px 0 }
}

.contentBox p { font-size: 14px; color: #202020; line-height: 28px }

@media(max-width: 767px) {
 .contentBox p { font-size: 13px; line-height: 22px }
}

.contentBox .list, .contentBox ul { list-style: none; font-weight: 300; overflow: hidden; padding: 0 2px }

@media(max-width: 767px) {
 .contentBox .list, .contentBox ul { margin: 0px }
}

.contentBox .list li, .contentBox ul li { margin-bottom: 5px; padding-left: 20px; padding-right: 10px; position: relative; font-size: 14px; color: #202020 }

@media(max-width: 767px) {
 .contentBox .list li, .contentBox ul li { width: 100%; margin-right: 0px }
}

.contentBox .list li:before, .contentBox ul li:before { position: absolute; left: 0px; top: 2px; content: ""; color: #f42525; font-family: bootstrap-icons !important }

.contentBox .list.w_50, .contentBox ul.w_50 { overflow: hidden }

 .contentBox .list.w_50 li, .contentBox ul.w_50 li { width: 50%; float: left }

@media(max-width: 767px) {
 .contentBox .list.w_50 li, .contentBox ul.w_50 li { width: 100% }
}

@media(max-width: 767px) {
 .contentBox img { border-radius: 5px }
}

@media(max-width: 767px) {
 .contentBox .page__title strong { display: inline-block }
}

.contentBox h3 { font-size: 20px; margin-bottom: 20px }

.contentBox h1 { font-size: 32px; color: #303030; margin-bottom: 26px; position: relative; font-weight: 300 }

@media(max-width: 1023px) {
 .contentBox h1 { font-size: 25px }
}

@media(max-width: 767px) {
 .contentBox h1 { font-size: 20px; margin-bottom: 10px }
}

.contentBox h1 strong { font-weight: 600; position: relative }

@media(max-width: 767px) {
 .contentBox h1 strong { display: block }
}

.contentBox h1 strong:after { content: ""; width: 36px; height: 2px; display: inline-block; position: absolute; left: 0px; bottom: -4px; background: #f42525 }

.contentBox .list.bullet li { line-height: 25px }

 .contentBox .list.bullet li:before { position: absolute; left: 5px; top: 8px; content: ""; background-color: #4863db; display: block; width: 6px; height: 6px; border-radius: 100% }

.other_popularBox { border-top: 1px dashed #ccc; padding: 20px 0 50px 0 }

 .other_popularBox h3 { padding-bottom: 10px; font-size: 21px; font-weight: 600 }

 .other_popularBox .slick-list { margin: 0 -7px }

 .other_popularBox .items { padding: 0 7px }

  .other_popularBox .items img { width: 100% }

  .other_popularBox .items span { margin-top: 5px; display: block; color: #303030 }

  .other_popularBox .items i { position: relative; top: -1px; margin-left: 3px }

  .other_popularBox .items:hover a { text-decoration: none }

   .other_popularBox .items:hover a span { color: #f42525 }

  .other_popularBox .items a { display: block }

.content_image { padding: 0 20px 20px 0; width: 423px }

@media(max-width: 767px) {
 .content_image { padding-right: 0px; width: 100% }
}

.contentsubTitle { font-size: 1.3rem }

@media(max-width: 767px) {
 .contentsubTitle { font-size: 19px }
}

#privacyBannerCntr { position: relative; width: 100%; height: 500px; background-repeat: no-repeat; background-position: center top; background-size: cover }

@media(max-width: 1023px) {
 #privacyBannerCntr { height: 460px }
}

@media(max-width: 767px) {
 #privacyBannerCntr { height: auto }
}

#privacyBannerCntr .tagline { font-size: 40px; color: #000; font-weight: 600; padding: 48px 0 23px 0 }

@media(max-width: 767px) {
 #privacyBannerCntr .tagline { font-size: 30px; padding: 22px 0 12px 0 }
}

#privacyBannerCntr.height { height: auto }

 #privacyBannerCntr.height .tagline { padding: 50px 0 }

.introBox { background: #f7f8ff; padding: 22px 0; border-top-left-radius: 10px; border-top-right-radius: 10px }

 .introBox .block { text-align: center; color: #393939; border-right: 1px dashed #ccc; padding: 0 24px; height: 100% }

@media(max-width: 1023px) {
 .introBox .block { padding: 0 10px }
}

@media(max-width: 767px) {
 .introBox .block { border-bottom: 1px dashed #ccc }
}

.introBox .block.last { border: none }

.introBox .block img { max-width: 100% }

.introBox .title { padding: 18px 0 10px 0; font-size: 22px; font-weight: 600 }

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

.introBox p { font-size: 15px; line-height: 22px }

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

.privacy_policy .block { overflow: hidden; padding: 15px 0; border-top: 2px solid #f2f3f9 }

.privacy_policy h5 { font-weight: 600 }

@media(max-width: 767px) {
 .privacy_policy h5 { font-size: 17px }
}

.privacy_policy p { line-height: 25px }

@media(max-width: 767px) {
 .privacy_policy p { line-height: 21px }
}

.privacy_policy .icons { float: left; width: 100px; height: 100px; background: #903dcf; display: flex; align-items: center; justify-content: center }

@media(max-width: 767px) {
 .privacy_policy .icons { width: 40px; height: 40px }
}

.privacy_policy .icons img { width: 55px }

@media(max-width: 767px) {
 .privacy_policy .icons img { width: 30px }
}

.privacy_policy .right_content { overflow: hidden; padding-left: 30px }

@media(max-width: 767px) {
 .privacy_policy .right_content { padding-left: 10px }
}

.sitemap_block { overflow: hidden; padding: 15px 0; border-bottom: 2px solid #f2f3f9 }

.contentBox .list.bullet.sitemap-links li { width: 25%; float: left }

@media(max-width: 767px) {
 .contentBox .list.bullet.sitemap-links li { width: 50% }
}

@media(max-width: 479px) {
 .contentBox .list.bullet.sitemap-links li { width: 100% }
}

.contentBox .list.bullet.sitemap-links li a { color: #333; text-decoration: none }

.taxes-fees-page { padding: 20px 0 }

@media(max-width: 767px) {
 .taxes-fees-page p { font-size: 11px; line-height: 22px }
}

@media(max-width: 767px) {
 .taxes-fees-page .table td, .taxes-fees-page .table th { padding: 5px; font-size: 11px }
}

#privacyBannerCntr.height .tagline.blacktext { color: #333 }
.footerCntr .footer__linkBox { width: 100%; padding: 55px 0 20px 0; background: #2d174d; }
 .footerCntr .footer__linkBox h4 { font-size: 20px; color: #fff; margin-bottom: 20px; position: relative }

 .footerCntr .footer__linkBox ul { list-style: none; }

.footer-widgetmenu ul li { list-style: none; position: relative; padding: 0 0 8px 0; transition: 0.3s; color: #fff; }



.footer-widgetmenu ul { padding: 0 0 0 15px; margin: 0; }

 .footer-widgetmenu ul:before { position: absolute; }

 .footer-widgetmenu ul li:before { position: absolute; content: ""; width: 1px; height: 100%; top: 5px; background: #fff; margin: 0 0 0 -12px; }

 .footer-widgetmenu ul li:after { width: 10px; height: 10px; border: 2px solid #fff; content: ""; background: #074c7f; position: absolute; left: -16px; border-radius: 50%; top: 5px; }

 .footer-widgetmenu ul li:last-child:before { background: transparent; }

.footerCntr .footer__linkBox ul li { display: block }

.footer-widgetmenu ul li a { color: #fff; font-size: 14px; display: block; transition: a11 0.5s; transition: 0.8s; transform: translate(0px, 0px); }
 .footer-widgetmenu ul li a:hover { transform: translate(3px, 0px); transition: a11 0.8s; text-decoration: underline; }

@media(max-width: 767px) {
 .footerCntr .footer__linkBox { padding: 20px 0 0 0 }
}

@media(max-width: 767px) {
 .footerCntr .footer__linkBox img { display: block }
}

.footerCntr .footer__linkBox h4 { font-size: 20px; color: #fff; position: relative }
.footerCntr .footer__linkBox ul { list-style: none; padding: 0; margin: 0px; margin-inline-start: 18px; }

@media(max-width: 767px) {
 .footerCntr .footer__linkBox ul { border-bottom: 1px dashed #c1c1c1; padding-bottom: 15px }
}

.footerCntr .footer__linkBox ul li { display: block }
 .footerCntr .footer__linkBox ul li a { color: inherit; font-size: 14px; line-height: 26px; text-decoration: none; cursor: pointer }

@media(max-width: 1199px) {
 .footerCntr .footer__linkBox ul li a { font-size: 14px }
}

.footerCntr .footer__linkBox ul li a:hover { color: #f7f6f6 }
.footerCntr .footer__linkBox .footer__call { font-size: 25px; color: #fff; display: inline-block; border-bottom: 1px solid #c9c9c9; padding: 15px 0 9px 0; margin-bottom: 9px }
.footerCntr .footer__linkBox .icon { margin-right: 7px; font-size: 20px; }

@media(max-width: 767px) {
 .footerCntr .footer__linkBox .footer__call { padding-top: 0px; display: block }
}

.footerCntr .footer__linkBox .footer__call a { font-size: 27px; color: #202020; font-weight: 700; text-decoration: none; line-height: 46px }

@media(max-width: 1199px) {
 .footerCntr .footer__linkBox .footer__call a { font-size: 25px }
}

.footerCntr .footer__linkBox .email { display: inline-block; font-size: 16px; color: #fff; text-decoration: none; white-space: nowrap }
.footerCntr .footer__linkBox .address { margin-top: 10px; display: inline-block; font-size: 16px; color: #fff; text-decoration: none; }

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

.footerCntr .footer__linkBox .email .icon, .footerCntr .footer__linkBox .address .icon { line-height: 24px; margin-right: 7px; font-size: 20px; color: #fff; }

.footerCntr .footer__linkBox .email:hover { color: #f42525 }

.footerCntr .footer__logoBox { padding: 20px 0; background: #fff; overflow: hidden }

@media(max-width: 767px) {
 .footerCntr .footer__logoBox { padding: 10px 0 30px 0 }
}

@media(max-width: 767px) {
 .footerCntr .footer__logoBox .card_icons { display: block; margin: 0px auto; width: 260px }
}

.footerCntr .footer__logoBox .footer_logo { margin: 0px }

 .footerCntr .footer__logoBox .footer_logo .trustpilot { width: 260px }

@media(max-width: 767px) {
 .footerCntr .footer__logoBox .footer_logo { display: block; padding-bottom: 12px; text-align: center }
}

.footer_logo li { display: inline-block; padding-right: 10px; vertical-align: middle }
.footerCntr .footer__logoBox .footer_logo li { display: inline-block; padding-right: 10px; vertical-align: middle }

@media(max-width: 767px) {
 .footerCntr .footer__logoBox .footer_logo li { padding-right: 0px; margin-bottom: 10px; display: block }
}

.footerCntr .footer__copyrightBox { /*background: #074c7f;*/ border-top: 1px solid #D5D5D5; padding: 20px 0 0 0; font-size: 16px; overflow: hidden; }

@media(max-width: 767px) {
 .footerCntr .footer__copyrightBox { padding: 15px 0; font-size: 13px }
}

.footerCntr .footer__copyrightBox p { margin: 0px }

@media(max-width: 767px) {
 .footerCntr .footer__copyrightBox p { padding-bottom: 10px; border-bottom: 1px dashed #ccc; text-align: center }
}

.footerCntr .footer__copyrightBox .social__icons { margin: 0px; list-style: none }

@media(max-width: 767px) {
 .footerCntr .footer__copyrightBox .social__icons { margin-top: 10px; text-align: center }
}

.footerCntr .footer__copyrightBox .social__icons li { padding: 0px 10px; display: inline-block }

 .footerCntr .footer__copyrightBox .social__icons li a { color: #333; text-decoration: none }

  .footerCntr .footer__copyrightBox .social__icons li a:hover { color: #f42525 }

.footerCntr .disclaimerBox { padding: 15px 0; border-top: 1px solid #c9c9c9; font-size: 13px; line-height: 25px; }

@media(max-width: 767px) {
 .footerCntr .disclaimerBox { font-size: 12px; line-height: 20px }
}

@media(max-width: 1023px) {
 .footerCntr .hide-tablet { display: none }
}

@media(max-width: 767px) {
 .footerCntr .hide-tablet { display: block }
}

@media(max-width: 767px) {
 .footerCntr .mobile-bg { padding: 15px }
}

.topStripBox { background: #ece4f6; display: none; padding: 10px }

 .topStripBox .row { display: flex; align-items: center }

@media(max-width: 767px) {
 .topStripBox .col-12 { margin-bottom: 10px; justify-content: center; align-items: center; display: flex; flex-direction: column }
}

.topStripBox .footer_logo { width: 180px }

.topStripBox .email { display: inline-block; font-size: 14px; line-height: 15px; color: #350c8c; margin-top: 5px }

.topStripBox .trustpilot { width: 150px }

.topStripBox .footer__call { cursor: pointer; font-size: 20px; padding: 10px 30px 9px 55px; position: relative; color: #fff; text-decoration: none; background: #350c8c; border-radius: 50px; display: inline-block }

@media(max-width: 1199px) {
 .topStripBox .footer__call { font-size: 16px }
}

.topStripBox .footer__call:before { content: ""; width: 35px; height: 35px; display: block; position: absolute; left: 12px; top: 5px; background: url(../../images/call-icon.png) left top no-repeat; background-size: 100% }

.footer_spacing { height: 50px }

.content_row { padding: 20px 0; border-top: 1px dashed #ccc }
 .content_row h4 { font-size: 21px }
.car_logo ul { list-style: none; display: flex; margin: 0 -10px; flex-wrap: wrap }
 .car_logo ul li { margin: 0 10px 5px; border: 1px solid #ccc; width: 14.6%; display: flex; align-items: center; justify-content: center; background: #fff }

@media(max-width: 1023px) {
 .car_logo ul li { width: calc(33.3% - 20px); margin-bottom: 20px }
}

@media(max-width: 767px) {
 .car_logo ul li { width: calc(50% - 20px) }
}

.countryList { padding: 40px 0 }
.hotels_destination .cnslider { margin-right: -20px }

@media(max-width: 767px) {
 .hotels_destination .cnslider { margin-right: 0px }
}

.hotels_destination .items { width: calc(50% - 20px); margin-right: 20px; float: left }

@media(max-width: 767px) {
 .hotels_destination .items { width: 100%; margin-right: 0px }
}

.hotels_destination .items img { width: 100% }
.hotels_destination .items figure { position: relative }
 .hotels_destination .items figure:before { content: ""; width: 100%; height: 70%; position: absolute; left: 0px; bottom: 0px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); border-radius: 14px }

 .hotels_destination .items figure p { margin: 0px; display: inline-block; font-size: 20px; line-height: 24px; font-weight: 500; position: absolute; left: 20px; bottom: 20px; color: #fff }

  .hotels_destination .items figure p small { display: block; font-size: 13px }

.hotels_destination .fa-star { color: #ffc107; margin: 0 1px }

input, button { font-family: "Poppins",sans-serif }

focus { outline: none }
.mainCntr { overflow: hidden }
/*# sourceMappingURL=style.css.map */
#mymodal { background-color: rgba(0,0,0,.75); }
.modal-lg222 { max-width: 400px; font-family: 'Poppins', sans-serif; }
.my_model_ctnt222 { background: #ffffff; display: table; width: 100%; border: none; }
.mymodel_here222 { padding: 0px; border-bottom: none; }
.content_bx222 { /*display: table;width: 769px;*/ font-family: 'Poppins', sans-serif; }
.mymodal_body22 { padding: 0px !important; }
 .mymodal_body22 a:hover { text-decoration: none; outline: 0; }
/* ===================================*/

.logo_bx { background: #ffffff; text-align: center; margin: 15px 0; padding: 15px 10px; }
 .logo_bx p { color: #000; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 15px; margin-top: 6px; }
 .logo_bx img { width: 150px; display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }
 .logo_bx h4 { color: #000000; letter-spacing: 0.5px; margin: 0 0 10px 0; font-size: 14px; font-weight: 600; line-height: 20px; }
.txt_plane { position: relative; padding: 0px; background: #f3f3f3; }
 .txt_plane img { width: 100%; height: 400px; border-radius: 0px; }
.bnr_tt { text-align: center; }
 .bnr_tt p { color: #ff3d00; font-weight: 600; letter-spacing: 0.5px; font-size: 16px; margin: 0; }
 .bnr_tt h4 { color: #ff3d00; font-weight: 600; font-size: 30px; margin-top: 6px; }
.modal-content { border-radius: 0; }
.ftr_pp { background: #eee; text-align: center; padding: 10px 0; }
 .ftr_pp h4 { font-size: 14px; text-transform: uppercase; color: #000; letter-spacing: 1px; font-weight: 700; }
  .ftr_pp h4 span { color: #fd3c00; }
 .ftr_pp p { text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; color: #333; font-weight: 500; margin: 0; }
.call_now { background: #12164e; display: inline-block; padding: 5px 10px; color: #fff; font-size: 16px; font-weight: 500; border-radius: 4px; letter-spacing: 0.5px; }
 .call_now i { color: #ff3d00; padding: 0 5px 0 0; }
.logo_bx h5 { font-size: 30px; color: #ff3d00; text-transform: uppercase; }
.logo_bx h6 { color: #000; font-size: 22px; font-weight: 600; letter-spacing: 0.5px; }


@media only screen and (min-width:320px) and (max-width:479px) {
 .logo_bx p { margin-bottom: 30px; }
 .ftr_pp h4 { font-size: 12px; }
 .bnr_tt p span { font-size: 15px; }
 .logo_bx { padding: 75px 10px; }
 .bnr_tt p { margin-bottom: 5px; }
}

@media only screen and (min-width:360px) and (max-width:639px) {
 .logo_bx p { margin-bottom: 30px; }
 .ftr_pp h4 { font-size: 14px; }
 .bnr_tt p span { font-size: 15px; }
 .logo_bx { padding: 100px 10px 130px 10px; }
 .bnr_tt p { margin-bottom: 5px; }
}

/*======================================*/
button#myBtn { outline: 0; opacity: inherit; /*  background: #fe3c00;*/ height: 30px; width: 30px; font-size: 30px; position: absolute; right: 5px; top: 6px; border-radius: 8px; color: #fe3c00; z-index: 9; margin: 0; font-weight: 200; padding: 0; transition: all 0.5s; }
 button#myBtn:hover { transform: rotate(360deg); outline: 0; }

@keyframes zoom-in-zoom-out {
 0% { transform: scale(1, 1); }
 50% { transform: scale(1.1, 1.2); }
 100% { transform: scale(1, 1); }
}

.zoom-in-out-box { animation: zoom-in-zoom-out 1s ease infinite; height: 35px; width: 35px; }


/** MOBILE VIEW SECOND CSS **/
@media (min-width:320px) and (max-width:479px) {
 .modal-open { overflow: hidden; padding: 0 !important; }
 .Left_sides { padding: 0 12px 0 12px; }
 .modal-lg222 { width: 100%; margin: 0px auto 0 auto; }
 .mymodal_body22 { padding: 15px 5px; }
 .Left_sides h1 { font-size: 32px; }
 .Left_sides h3 span { font-size: 29px; padding: 7px 10px; }
 .bx_hding222 { display: none; }
  .bx_hding222 img { width: 35%; margin: 22px auto 0 auto; display: block; }
 .content_bx222 { display: table; width: 100%; padding: 0 0 0px 0; }
 .txt_plane img { height: 500px; }
}

@media (min-width:360px) and (max-width:639px) {
 .txt_plane img { height: 500px; }
 .modal-open { overflow: hidden; padding: 0 !important; }
 .Left_sides { padding: 0 12px 0 12px; }
 .modal-lg222 { width: 100%; margin: 0px auto 0 auto; }
 .mymodal_body22 { padding: 15px 5px; }
 .Left_sides h1 { font-size: 32px; }
 .Left_sides h3 span { font-size: 29px; padding: 7px 10px; }
 .bx_hding222 { display: none; }
  .bx_hding222 img { width: 35%; margin: 22px auto 0 auto; display: block; }
 .content_bx222 { display: table; width: 100%; padding: 0 0 0px 0; }
}

.txt_hold { color: #000; border: 1px dashed; display: inline-block; padding: 5px; font-weight: 500; font-size: 12px; letter-spacing: 0.5px; }
 .txt_hold span { color: #ff3d00; }
/*.circle-loader {
    margin-bottom: 3.5em;
    border: 4px solid #eee;
    border-left-color: #F16752;
    border-top-color: #F16752;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: block;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto
}
.loader_icon {
    background: url(/images/flight-load-icon.svg) center center no-repeat;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px
}*/
.loaderbg { background: url(/images/result-loader.jpg) center top no-repeat !important; background-size: cover; min-height: 700px; }
.loader_icon { background: url(/images/preloader_plane2.gif) center center no-repeat; width: 150px; height: 200px; margin: 0 auto 10px; background-size: 263%; overflow: hidden; border-radius: 35%; }
.loading_block_content { font-size: 24px; color: #ffffff; padding: 50px; line-height: 35px }
 .loading_block_content .loading_block { text-align: center; }
 .loading_block_content .searched_route { font-size: 42px; margin-top: 60px; }
  .loading_block_content .searched_route strong { font-size: 52px; display: block; margin-bottom: 15px; }
  .loading_block_content .searched_route .trip-arrow { height: 1px; width: 150px; background: #fff; margin-top: 34px; display: inline-block; }
   .loading_block_content .searched_route .trip-arrow img { width: 60px; margin-top: -15px; }
 .loading_block_content .loading_block .dot span { font-size: 150px; }
 .loading_block_content .searching { text-align: center; margin-top: 20px; padding-bottom: 10px }

@media (max-width:767px) {
 .loading_block_content { padding: 50px 0; }
  .loading_block_content .searched_route strong { font-size: 42px; }
  .loading_block_content .searched_route small { font-size: 18px; }
  .loading_block_content .searched_route .trip-arrow img { width: 40px; margin-top: -10px; }
}

.call-section { text-align: center; margin-top: 34%; }
 .call-section h4 { font-size: 1.1rem; }
h4.calldial { font-size: 1.4rem; font-weight: 800; color: #0B0127; }
.font20 { font-size: 20px; }
/*flightreservation css*/
.srt-banner { background: #002144; display: inline-flex; margin: 3rem 0 0; padding: 15px; border-radius: 8px; min-height: 117px; }
.srt-banner__heading { font-size: 20px; font-weight: 700; display: block; line-height: 2rem; padding-top: .6rem; }
.srt-banner__text { color: #fff; font-size: 1.1rem; }
 .srt-banner__text a { color: #fff; }
.srt-banner img { width: 100%; border-radius: 5px; background: #ffffff; padding: 0 35px; height: auto; margin-bottom: .7rem; }
.airline-list { text-align: center; color: #fff; line-height: normal; }
.value-props-row-first .value-props-single { padding-left: 4rem; }
.value-props-single:before { display: inline-block; transform: rotate(45deg); height: 18px; width: 10px; border-bottom: 4px solid #008a04; border-right: 4px solid #008a04; content: ""; position: absolute; top: .1rem; left: 1.5rem; }
.value-props-title { display: flex; width: 100%; color: #313541; font-size: 1rem; font-weight: 700; line-height: 1.6rem; margin-bottom: .5rem; }
.value-props-content { display: flex; color: #313541; width: 100%; padding-right: 3rem; font-size: 1rem; font-weight: 400; margin-bottom: 1.5rem; }

@media (max-width:767px) {
 .srt-banner { display: block; }
}
/*popup*/
.phoneOnlyDeals_hd { display: block; font-size: 27px; font-weight: 600; margin-bottom: 15px; color: #074c7f; }
.mpopup_content { padding: 30px 20px; text-decoration: none; text-align: center; }
.phoneOnlyDeals_txt { color: #222222; font-size: 22px; display: block; }
.phoneOnlyDeals_subhd { font-weight: 600; display: block; margin-bottom: 15px; }
.phoneOnlyDeals_tfn { display: block; background: #FD1D1D; width: 300px; padding: 10px; color: #fff; text-decoration: none; font-weight: 700; font-size: 26px; margin: 25px auto; position: relative; }
.callcenterImg { text-align: center; padding-bottom: 5px; position: relative; background: #074c7f; }
 .callcenterImg img { background: #074c7f; border-radius: 60%; width: 150px; height: 150px; position: relative; margin-top: 15px; }
.avialableNow { font-size: 12px; background: #ebebeb; border-radius: 20px; position: absolute; border: green 1.8px solid; top: 145px; padding: 3px 5px 3px; left: 0; right: 0; margin: 0 auto; width: 50%; }
 .avialableNow:before { content: ""; width: 12px; height: 12px; background: green; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: -7px; border-radius: 20px; }
.phoneOnlyDeals_usp { float: left; width: 100%; margin-top: 20px; color: #fff; font-size: 16px; }
 .phoneOnlyDeals_usp h4 { color: #fff; font-size: 19px; }
 .phoneOnlyDeals_usp ul { list-style: none; }
 .phoneOnlyDeals_usp li:before { content: ""; border: solid white; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: 0; top: 9px; }
 .phoneOnlyDeals_usp li { margin-bottom: 10px; text-align: left; padding-left: 17px; position: relative; }

@media (max-width:767px) {
 .mpopup_content { padding: 20px; }
 .phoneOnlyDeals_tfn { width: 100%; }
 .callcenterImg { background: #fff; }
 .phoneOnlyDeals_usp { display: none; }
}

/*new css*/
:root { /* --primary-main: #7209B7; */ --primary-main: #074c7f; --secondary-main: #071931; /* --secondry-light:#F7EBFF; */ --secondry-light: #f1f1f1; --secondry-dark: #ebebeb; --light-main: #60b7de; --light-blue: #3680e2; /* --main-pink:#F72585; */ --main-pink: #074c7f; --light-cyan: #dcfffd; --main-range: #ee431d; --main-green: #3ab54a; --light-grey: #f7f8fa; --semi-blue: #3d95ed; }

body { font-family: "Poppins", sans-serif;  font-style: normal !important; font-size: 16px !important; color: #212529 !important; font-weight: 400; }

html,
body { width: 100%; background: white; /* height: 100%; */ margin: 0; overscroll-behavior: none; }
a { cursor: pointer !important; }
p a { color: #0d6efd !important; }


.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 { /* font-family: "Poppins", sans-serif; */ font-family: "Plus Jakarta Sans", sans-serif; }

.text-green { color: var(--main-green); }

.trustpilot-bg { background: #00b67a; }

.trustpilot-bg-half { background: linear-gradient( 90deg, rgba(0, 182, 122, 1) 0%, rgba(0, 182, 122, 1) 50%, rgba(220, 220, 230, 1) 50% ); }

.icon::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; }

.text-orange { color: var(--primary-main) !important; }

.text-pink { color: var(--main-pink) !important; }

.color-secondry { color: var(--light-main); }

.colot-fp-main { color: var(--primary-main) !important; }

.text-primary-bt { color: var(--primary-main) !important; }

.bg-fp-light-main { background: var(--light-main) !important; }

.bg-bt-secondry-light { background: var(--secondry-light) !important; }

.bg-bt-secondry-dark { background: var(--secondry-dark); }

.bg-bt-light-pink { background: #f0f8fc; }

.bg-bt-semi-pink { background: var(--secondry-light) !important; }

.bg-bt-primary { background: var(--primary-main) !important; }

.bt-bg-light-grey { background: var(--light-grey) !important; }

.bt-bg-semi-blue { background: var(--semi-blue) !important; }

.bg-semi-blue { background: #dbf0ff; }

.bt-bg-light-cyan { background: var(--light-cyan) !important; }
.bt-border::after { position: absolute; bottom: -5px; left: 0; content: ""; width: 100%; height: 2px; background: var(--primary-main) !important; }
.btn-primary { border: 1px solid var(--primary-main) !important; background-color: var(--primary-main) !important; /*padding: 11px 27px 11px 27px !important;*/ border-radius: 4px !important; font-size: 14px !important; font-weight: 600 !important; transition: 0.3s !important; }

.btn-primary-border-bt { border: 1px solid var(--primary-main); background: white; color: var(--primary-main); }

 .btn-primary-border-bt.bt-active { border: 2px solid var(--primary-main); background: white; color: white; background: var(--primary-main); }

.btn-primary:hover { border: 1px solid var(--secondary-main); background-color: var(--secondary-main) !important; }

.btn-primary-outline { border: 1px solid var(--primary-main) !important; background-color: transparent !important; padding: 11px 27px 11px 27px !important; border-radius: 4px !important; color: var(--primary-main) !important; font-size: 14px !important; font-weight: 600 !important; transition: 0.3s !important; }

 .btn-primary-outline:hover { border: 1px solid var(--primary-main) !important; background-color: var(--primary-main) !important; color: #fff !important; }

.btn-orange-outline { border: 1px solid var(--main-range) !important; color: var(--main-range) !important; }

.btn-orange { color: white !important; background: var(--main-range) !important; }

.btn-secondary { border: 1px solid var(--secondary-main) !important; background-color: var(--secondary-main) !important; padding: 11px 27px 11px 27px !important; border-radius: 4px !important; font-size: 14px !important; font-weight: 600 !important; transition: 0.3s !important; }

 .btn-secondary:hover { border: 1px solid var(--primary-main) !important; background-color: var(--primary-main) !important; }

.btn-secondary-outline { border: 1px solid var(--secondary-main) !important; background-color: transparent !important; padding: 11px 27px 11px 27px !important; border-radius: 4px !important; color: var(--secondary-main) !important; font-size: 14px !important; font-weight: 600 !important; transition: 0.3s !important; }

 .btn-secondary-outline:hover { border: 1px solid var(--secondary-main) !important; background-color: var(--secondary-main) !important; color: #fff !important; }

.btn-gray-outline { border: 1px solid #a6a6a6 !important; background-color: transparent !important; padding: 11px 27px 11px 27px !important; border-radius: 4px !important; color: #a6a6a6 !important; font-size: 14px !important; font-weight: 600 !important; transition: 0.3s !important; }

 .btn-gray-outline:hover { border: 1px solid var(--secondary-main) !important; background-color: var(--secondary-main) !important; color: #fff !important; }

.select-btn { margin-top: 0px; padding: 9px 27px 9px 27px !important; }

@media screen and (max-width: 768px) {
 .popup-open { height: -webkit-fill-available; }
}

/*  Header start*/
.header { height: 62px; box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 22, 84, 0.1); }

.fixed-top { z-index: 10; }

.navbar-light .navbar-nav .nav-link { color: #333 !important; transition: 0.4s; font-weight: 600; font-size: 13px !important; }

 .navbar-light .navbar-nav .nav-link.active { color: var(--primary-main) !important; }

/* .navbar-toggler {
  font-size: 16px !important;
} */
.header .navbar-toggler.nav-togg { padding: 0px; border: none; }

 .header .navbar-toggler.nav-togg .navbar-toggler-icon { color: var(--secondary-main); }

.navbar-light .navbar-nav .nav-link:hover { color: var(--primary-main) !important; }

.close-navbar-toggler { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; cursor: pointer; }

 .close-navbar-toggler.collapsed { z-index: -1; }

.speak-expert p { margin: 0; color: #555; font-weight: 400; font-size: 12px; text-align-last: end; line-height: 16px; }

.speak-expert a { font-size: 16px; color: var(--primary-main); transition: 0.4s; font-weight: 700; text-decoration: none !important; }

 .speak-expert a:hover { color: #ccc; }

.navbar .call-icon { margin-left: 10px; }

 .navbar .call-icon i { background: var(--primary-main); color: #fff; border-radius: 100%; width: 40px; height: 40px; padding: 12px; }

@media screen and (max-width: 991px) {
 html,
 body { overscroll-behavior-x: none; }

 #main_nav { position: absolute; background: #fff; width: 100%; z-index: 999; left: 0; text-align: center; top: 57px; }

 .single-flight-round-box .flight-round-box { margin-top: 15px; }
}

@media screen and (max-width: 480px) {
 .speak-expert a { font-size: 16px; }

 .foot-cookie-box p { font-size: 11px; }

 .routes-detail .opby-txt { font-size: 10px !important; }

 .routes-detail .rec-view-btn { font-size: 10px !important; }
}
/* @media screen and (max-width: 767px) {
  .rec-view-btn {
    width: 75px;
  }
} */

/*  Header end*/
/*  Flight Search start*/

/* #content {
  padding-top: 62px;
} */

.flight-search { height: auto; padding-top: 3rem; padding-bottom: 3rem; }

 .flight-search .main-head { margin-bottom: 3rem; }

@media screen and (max-width: 640px) {
 .flight-search { min-height: auto; }
}

@media screen and (max-width: 768px) {
 .flight-search .search-flights-btn { margin-top: 0px !important; }

 .media-upload-sec .left-sec { border: none !important; }
}
/* #accordionFlushExample .accordion-button {
  font-weight: bold;
}
#accordionFlushExample .accordion-button:not(.collapsed) {
  background: white !important;
  font-weight: bold;
}
#accordionFlushExample .accordion-item .accordion-body {
  padding-left: 0 !important;
} */

.flight-search { background-image: url(../images/flight-search-bg.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; }

 .flight-search.routes-banner { background-image: url(../../images/routes_banner_bg.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: scroll; }

  .flight-search.routes-banner h1.main-heading { text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25); }

 .flight-search.miami { background-image: url(../cities-images/MIA.webp); }

.bgImg-style { background-size: auto; background-repeat: no-repeat; background-position: center; background-attachment: initial; }

.flight-search.newyork { background-image: url(/images/destinations/city/banner.webp); }
.flight-search.chicago { background-image: url(/images/destinations/city/Chicago/Chicago-banner.webp); }
.flight-search.orlando { background-image: url(/images/destinations/city/Orlando/orlando.webp); }
.flight-search.lauderdale { background-image: url(/images/destinations/city/Lauderdale/lauderdale.webp); }
.flight-search.lasvegas { background-image: url(/images/destinations/city/LasVegas/las-vega-banner.webp); }
.flight-search.denver { background-image: url(/images/destinations/city/Denvar/denvar-banner.webp); }
.flight-search.LosAngeles { background-image: url(/images/destinations/city/LosAngeles/los-angeles-banner.webp); }
.flight-search.mia { background-image: url(/images/destinations/city/Miami/miami-banner.webp); }
.flight-search.SanFrancisco { background-image: url(/images/destinations/city/SanFrancisco/sfo-banner.webp); }
.flight-search.philadelphia { background-image: url(/images/destinations/city/Philadelphia/philadelphia-banner.jpg); }
.flight-search.atlanta { background-image: url(/images/destinations/city/Atlanta/atlanta-banner.jpg); }
.flight-search.honolulu { background-image: url(/images/destinations/city/Honolulu/honolulu-banner.jpg); }
.flight-search.cancun { background-image: url(/images/destinations/city/Cancun/cancun-banner.webp); }
.flight-search.caphaitien { background-image: url(/images/destinations/city/CapHaitien/caphaitien-banner.webp); }
.flight-search.caracas { background-image: url(/images/destinations/city/Caracas/caracas-banner.webp); }
.flight-search.guatemala { background-image: url(/images/destinations/city/Guatemala/guatemala-banner.webp); }
.flight-search.kingston { background-image: url(/images/destinations/city/Kingston/kingston-banner.webp); }
.flight-search.lima { background-image: url(/images/destinations/city/Lima/lima-banner.webp); }
.flight-search.mexico { background-image: url(/images/destinations/city/Mexico/mexico-banner.webp); }
.flight-search.montegobay { background-image: url(/images/destinations/city/MontegoBay/montegobay-banner.webp); }
.flight-search.puntacana { background-image: url(/images/destinations/city/PuntaCana/puntacana-banner.webp); }
.flight-search.sanjose { background-image: url(/images/destinations/city/SanJose/sanjose-banner.webp); }
.flight-search.sanjuan { background-image: url(/images/destinations/city/SanJuan/sanjuan-banner.webp); }
.flight-search.sansalvador { background-image: url(/images/destinations/city/SanSalvador/sansalvador-banner.webp); }
.flight-search.santodomingo { background-image: url(/images/destinations/city/SantoDomingo/santodomingo-banner.webp); }
.flight-search.saopaulo { background-image: url(/images/destinations/city/SaoPaulo/saopaulo-banner.webp); }
.flight-search-head { background: #fff; /* display: inline-block; */ display: none; padding: 16px 24px; border-radius: 5px 5px 0 0; color: #a6a6a6; font-size: 16px; font-weight: 600; }

.banner-text_shadow { text-shadow: 2px 2px 4px rgb(0 61 106); }

.flight-search-box .tab-pane .tab-content { padding: 24px 16px 16px 24px; background: #fff; border-radius: 0px 8px 8px 8px; box-shadow: 0 12px 15.25px 0 rgba(0, 0, 0, 0.02), 0 5px 18px 0 rgba(0, 0, 0, 0.05) !important; }

.flight-search-box .tab-nav { display: flex; align-items: center; justify-content: center; margin: -55px 0px 35px; }

 .flight-search-box .tab-nav .mtab { background-color: #fff; border-radius: 8px; padding-bottom: 1px; -ms-flex-direction: unset; flex-direction: unset; display: inline-block; box-shadow: 0px 4px 14px #9c9c9c; }

  .flight-search-box .tab-nav .mtab .list-group-item { position: unset; display: unset; float: left; padding: 15px 30px 10px; margin-bottom: unset; border: unset; border-right: 1px solid #f3f3f3; border-radius: 8px; text-align: center; }

   .flight-search-box .tab-nav .mtab .list-group-item i { display: block; margin-bottom: 5px; font-size: 24px; }

 .flight-search-box .tab-nav .list-group-item-action { width: unset; }

 .flight-search-box .tab-nav .list-group-item.active { color: #ee1d25; background-color: transparent; }

.tab-bg .stab { -ms-flex-direction: unset; flex-direction: unset; }

 .tab-bg .stab .list-group-item { position: unset; display: unset; float: left; font-weight: 700; padding: 10px 24px; margin-bottom: unset; margin-right: 5px; background: #fff; border: none; box-shadow: none; color: #a6a6a6; cursor: pointer; transition: 0.3s !important; border-radius: 8px 8px 0px 0px; }

.tab-bg .list-group-item-action { width: unset; }

.tab-bg .list-group-item.active { background-color: var(--secondary-main) !important; color: #fff !important; }

.flight-search-box .input { position: relative; padding-bottom: 10px; }

.input,
.input2 { margin-bottom: 5px; }

 .input span,
 .input2 span { display: block; font-weight: 600; font-size: 14px; }

 .input input { width: 100%; padding: 12px 15px 12px 45px; font-size: 13px; border: 1px solid #d2d2d2; border-radius: 4px; background: #fff; position: relative; }

 .input img.cross-icon { position: absolute; top: 35px !important; right: 10px !important; border: none; width: 16px; z-index: 9999; opacity: 1; background: #fff; }

 .input input::placeholder { color: #074c7f; opacity: 1; }

 .input select { width: 100%; padding: 12px 15px 12px 45px; font-size: 13px; border: 1px solid #d2d2d2; border-radius: 4px; }

  .input select option { /* font-family: "Poppins", sans-serif; */ font-family: "Plus Jakarta Sans", sans-serif; }

 .input2 input { width: 100%; padding: 8px 15px 8px 15px; font-size: 13px; border: 1px solid #d2d2d2; border-radius: 4px; }

 .input i { width: auto; position: absolute; top: 35px; left: 10px; border-right: 1px solid #e4e4e4; color: var(--primary-main); padding-right: 7px; }

.input1 { margin-bottom: 15px; }

 .input1 span { display: block; font-weight: 600; font-size: 14px; }

 .input1 input { width: 100%; padding: 12px 45px; font-size: 13px; border: 1px solid #d2d2d2; border-radius: 4px; text-align: center; }

.flight-search-box .travelers-total { font-size: 13px; }

.flight-search-box .travelers-box { cursor: pointer; }

 .flight-search-box .travelers-box .dropdown-menu { background: #fff; border: none; border-radius: 0px 0px 4px 5px; padding: 15px 10px; width: 100%; margin-top: 15px !important; box-shadow: 0 56px 48px #00254a1a; z-index: 9999999; transform: translate(0px, 34px) !important; }

  .flight-search-box .travelers-box .dropdown-menu.show { display: block; }

.flight-search-box .static-dropdown.travelers-box .dropdown-menu { right: 0px !important; }

.flight-search-box .travelers-box .dropdown-menu .total-travelers { padding: 8px 16px !important; }

 .flight-search-box .travelers-box .dropdown-menu .total-travelers button { padding: 6px 12px 6px 12px !important; margin: 0px; }

  .flight-search-box
  .travelers-box
  .dropdown-menu
  .total-travelers
  button.done-btn:focus + .dropdown-menu { display: none; }

.flight-search-box .travelers-box .dropdown-item:hover { background: transparent; }

.flight-search-box .travelers-item { display: flex; align-items: center; justify-content: space-between; padding-top: 5px; padding-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

 .flight-search-box .travelers-item h6 { margin-bottom: 0px !important; font-size: 14px; }

.flight-search-box .dropdown-item h6 { font-size: 14px !important; color: #212529; }

.flight-search-box .travelers-item p { font-size: 12px; margin-bottom: 0px !important; color: #212529; }

.flight-search-box .travelers-qty { display: flex; align-items: center; gap: 5px; }

 .flight-search-box .travelers-qty input { padding: 12px 15px 12px 15px; }

 .flight-search-box .travelers-qty button { border: none; width: 30px; height: 30px; line-height: 30px; border-radius: 50px; background: rgba(113, 103, 255, 0.15); }

  .flight-search-box .travelers-qty button i { position: unset !important; font-size: 16px !important; padding-right: 0px !important; }

 .flight-search-box .travelers-qty input { width: 25px; text-align: center; border: none; outline: none; color: #212529; padding: 0px; font-weight: bold; }

.flight-search-box .travelers-class-info .form-check { margin-top: 10px; }

.flight-search-box .dropdown-item label { font-size: 14px !important; }

.form-check input { padding: 8px !important; width: 20px; height: 20px; margin-right: 10px; }

.flight-search-box .travelers-class-info .form-check-input { box-shadow: none; margin-top: 7px; }

.flight-search-box .form-group { position: relative; width: 100%; padding: 12px 15px 12px 45px; font-size: 13px; border: 1px solid #d2d2d2; border-radius: 4px; }

.input2 { margin-bottom: 15px; }

 .input2 span { display: block; font-weight: 600; font-size: 14px; }

 .input2 select { width: 100%; padding: 12px; font-size: 13px; border: 1px solid #d2d2d2; border-radius: 4px; text-align: center; }

.flight-search .search-flights-btn { margin-top: 21px; }

/*  Flight Search end*/
/*  Features start*/
.featuresBox-wrap { transition: all 700ms ease 0s; background: #fff; border: 1px solid #d2d2d2; margin: 10px; }

 .featuresBox-wrap:hover { box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2) !important; -webkit-transform: translate(0px, -10px) !important; -ms-transform: translate(0px, -10px) !important; transform: translate(0px, -10px) !important; }

.featuresBox-captions p { min-height: 74px; }

.features .featuresBox-icons i { border-radius: 50%; height: 48px; width: 48px; color: #fff; background: var(--primary-main); padding: 12px; font-size: 24px !important; }

.travel-guide { background: var(--secondary-main); }

/*  Features end*/
/*  Destinations start*/
.secHeading-wrap h2 span { color: var(--primary-main); }

.destination-box { position: relative; overflow: hidden; }

 .destination-box img { transition: all ease 0.4s; border-radius: 6px; width: 100%; }

  .destination-box img:hover { transform: scale(1.05); }

 .destination-box .city-name { color: #fff; position: absolute; top: 5px; left: 5px; font-weight: 600; font-weight: 600; }

.destination-details { right: 5px; text-align: right; color: #fff; position: absolute; bottom: 5px; }

 .destination-details .view-btn { background: var(--primary-main); display: inline-block; font-size: 14px; border-radius: 20px; padding: 2px 8px; }

 .destination-details .destination-name { font-weight: 700; font-size: 18px; text-shadow: 1px 2px 3px #555; }

/*  Destinations end*/
/*  Flight-Deals start*/

.flight-deals { background: url(../images/deals_bg2.jpg) no-repeat center/cover; width: 100%; height: auto; }

.flight-deals-box { background: #ffffff; padding: 6px; text-align: center; }

.trip-name { color: var(--secondary-main); font-weight: 700; }

 .trip-name i { color: var(--primary-main); padding: 0px 8px; }

.flight-deals-box .book-btn a { text-decoration: none !important; color: #fff !important; background: var(--primary-main); padding: 6px 10px; font-size: 11px; border-radius: 4px; display: flex; }

 .flight-deals-box .book-btn a:hover { background: var(--secondary-main); }

.deals-desclaimer { font-size: 13px; color: #444; margin: 0px 1% !important; width: 98% !important; }

 .deals-desclaimer a { color: #0d6efd !important; }

/*  Flight-Deals end*/
/*  Footer start*/
.footer { background: var(--light-grey); }
 .footer .list-group-item { border: none; padding: 0; background: transparent; }
.footer-widget h4 { text-decoration: none; font-weight: 600; margin: 0; text-transform: uppercase; position: relative; font-size: 15px; padding: 0 0 6px 0; }

.footer-widget ul { padding: 0; margin: 0; }

 .footer-widget ul li { list-style: none; display: block; line-height: 32px; }

  .footer-widget ul li a { text-align: left; text-decoration: none; font-weight: 300; font-size: 14px; transition: 0.2s; }

.footer-widget a.readmore { color: #0d6efd !important; }

.footer-bottom p { font-size: 14px; }

.footer-bottom { text-align: center; }

.footer-widget p a,
.footer-widget a { color: #000 !important; text-decoration: none; }

/* .footer-widget ul li a:hover {
  color: rgba(255, 255, 255, 0.75) !important;
} */

.footer-widget .newsletter { background: linear-gradient(to right, #073d6a, #073d6a) !important; padding: 10px; border-radius: 8px; box-shadow: 0 1px 60px rgba(0, 0, 0, 0.25), 0 0 2px rgba(0, 0, 0, 0.3); }

 .footer-widget .newsletter .title { font-weight: 600; font-size: 13px; }

 .footer-widget .newsletter .subtitle { color: #ccc; font-size: 11px; margin-bottom: 16px; }

.footer-top .payment-wrap img { background: #fff; }

.footer-about p { font-size: 14px; }

.newsletter button { margin-top: 0px; }

 .newsletter button:hover { background: var(--primary-main) !important; border: 1px solid var(--primary-main) !important; }

/*  Footer end*/
/* Blog */
.blog-banner { background: url("/images/banner/blog-banner.jpg"); background-position: center; background-repeat: no-repeat; min-height: 300px; }

ul.pagination li.page-item.active a,
ul.pagination li.page-item.active { background-color: var(--primary-main) !important; border: var(--primary-main) !important; }

.blog .accordion-button:not(.collapsed) { color: var(--bs-accordion-btn-color); background-color: var(--bs-accordion-btn-bg); }

 .blog .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-icon); }

.hover { position: relative; overflow: hidden; height: 100%; width: 100%; }

 .hover img.big-img { width: 100%; transition: transform 0.5s; }

.hover-3:hover img.big-img { transform: scale(1.1); }

.hover:hover h4 { text-decoration: underline; }

@media screen and (max-width: 991px) {
 .blog-banner { min-height: auto; }
}

/* .hover:hover h4{ text-decoration: underline;} */
a.hover h4 { background-repeat: no-repeat; background-image: linear-gradient( transparent calc(100% - 2px), currentColor 2px ); background-image: -ms-linear-gradient(transparent 95%, currentColor 2px); -webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); background-size: 0 96%; display: inline; }

a.hover:where(:hover, :focus-visible) h4 { background-size: 100% 96%; color: currentColor; }

/* Blog end*/
@media screen and (max-width: 991px) {
 #main_nav { position: absolute; background: #fff; width: 100%; z-index: 999; left: 0; text-align: center; top: 57px; }
}

@media screen and (max-width: 480px) {
 .speak-expert a { font-size: 16px; }
}

/*  Modify Flight Search - Listing Page start*/
.modify-flight-search { background: rgba(17, 29, 144, 0.05); width: 100%; margin: auto; padding: 18px 0px 0px 0px; border-bottom: 1px solid rgba(17, 29, 144, 0.2); }

.modify-flight-search-head { background: #fff; display: inline-block; padding: 15px 35px; border-radius: 5px 5px 0 0; color: var(--primary-main); font-size: 16px; font-weight: 600; }

.modify-flights-sec { background: linear-gradient(272deg, #064c7f 0.81%, #60b7de 108.3%); }

.modify-flight-search-box { padding: 0px 0px 0px 0px; }

 .modify-flight-search-box .main-search-box { background: none; }

 .modify-flight-search-box .airports-box .mega-input,
 .modify-flight-search-box .dates-box .mega-input,
 .modify-flight-search-box .travelers-box .mega-input { font-size: 16px !important; }

.collapsing { -webkit-transition-delay: 0.2s !important; transition-delay: 0.2s !important; transition: height 0.2s ease !important; }

.modify-flight-search-box .tab-nav { display: flex; align-items: center; justify-content: center; margin: -55px 0px 35px; }

 .modify-flight-search-box .tab-nav .mtab { background-color: #fff; border-radius: 8px; padding-bottom: 1px; -ms-flex-direction: unset; flex-direction: unset; display: inline-block; box-shadow: 0px 4px 14px #9c9c9c; }

  .modify-flight-search-box .tab-nav .mtab .list-group-item { position: unset; display: unset; float: left; padding: 15px 30px 10px; margin-bottom: unset; border: unset; border-right: 1px solid #f3f3f3; border-radius: 8px; text-align: center; }

   .modify-flight-search-box .tab-nav .mtab .list-group-item i { display: block; margin-bottom: 5px; font-size: 24px; }

 .modify-flight-search-box .tab-nav .list-group-item-action { width: unset; }

 .modify-flight-search-box .tab-nav .list-group-item.active { color: #ee1d25; background-color: transparent; }

.tab-bg .stab .list-group-item i { padding-right: 8px; }

.tab-bg .list-group-item-action { width: unset; }

.modify-flight-search-box .input { position: relative; }

 .modify-flight-search-box .input img.cross-icon { position: absolute; top: 35px !important; right: 10px !important; border: none; width: 16px; z-index: 999; opacity: 1; background: #fff; }

.input input:focus-visible { border: 1px solid #d2d2d2; }

.input2 input { width: 100%; padding: 8px 15px 8px 15px; font-size: 13px; border: 1px solid #d2d2d2; border-radius: 4px; }

.input i { width: auto; position: absolute; top: 35px; left: 10px; border-right: 1px solid #e4e4e4; color: var(--secondary-main); padding-right: 7px; z-index: 999; }

.input1 { margin-bottom: 15px; }

 .input1 span { display: block; font-weight: 600; font-size: 14px; }

 .input1 input { width: 100%; padding: 12px 45px; font-size: 13px; border: 1px solid #d2d2d2; border-radius: 4px; text-align: center; }

.modify-flight-search-box .travelers-total { font-size: 13px; }

.modify-flight-search-box .travelers-box { cursor: pointer; }

 .modify-flight-search-box .travelers-box .dropdown-menu { background: #fff; border: none; border-radius: 10px; padding: 15px 10px; width: 100%; margin-top: 15px !important; box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%); }

  .modify-flight-search-box .travelers-box .dropdown-menu.show { display: block; }

.modify-flight-search-box .static-dropdown.travelers-box .dropdown-menu { right: 0px !important; }

.modify-flight-search-box .travelers-box .dropdown-item:hover { background: transparent; }

.modify-flight-search-box .travelers-item { display: flex; align-items: center; justify-content: space-between; padding-top: 5px; padding-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

 .modify-flight-search-box .travelers-item h6 { margin-bottom: 0px !important; font-size: 14px; }

 .modify-flight-search-box .travelers-item p { font-size: 12px; margin-bottom: 0px !important; }

.modify-flight-search-box .travelers-qty { display: flex; align-items: center; gap: 5px; }

 .modify-flight-search-box .travelers-qty input { padding: 12px 15px 12px 15px; }

 .modify-flight-search-box .travelers-qty button { border: none; width: 30px; height: 30px; line-height: 30px; border-radius: 50px; background: rgba(113, 103, 255, 0.15); }

  .modify-flight-search-box .travelers-qty button i { position: unset !important; font-size: 16px !important; padding-right: 0px !important; }

 .modify-flight-search-box .travelers-qty input { width: 25px; text-align: center; border: none; outline: none; font-weight: bold; padding: 0; }

.modify-flight-search-box .travelers-class-info .form-check { margin-top: 10px; }

.modify-flight-search-box .dropdown-item h6 { font-size: 14px !important; }

.modify-flight-search-box .dropdown-item label { font-size: 14px !important; }

.form-check input { padding: 8px !important; width: 20px; height: 20px; margin-right: 10px; }

.modify-flight-search-box .travelers-class-info .form-check-input { box-shadow: none; margin-top: 7px; }

.modify-flight-search-box .form-group { position: relative; width: 100%; padding: 12px 15px 12px 45px; font-size: 13px; border: 1px solid #d2d2d2; border-radius: 4px; background: #fff; }

.input2 { margin-bottom: 15px; }

 .input2 span { display: block; font-weight: 600; font-size: 14px; }

 .input2 select { width: 100%; padding: 12px; font-size: 13px; border: 1px solid #d2d2d2; border-radius: 4px; text-align: center; }

 .input2 input { width: 100%; padding: 12px; font-size: 13px; border: 1px solid #d2d2d2; border-radius: 4px; }

.modify-flight-search-box .search-flights-btn { margin-top: 21px; }

/*  Modify Flight Search - Listing Page end*/
/*  Flight Result Listing start*/
.flight-search-results { background: #eff3f7; position: relative; }

.search-result-num p { font-size: 14px; }

.note-bar { font-size: 12px; background-color: #fff; }

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

.single-flight-round-box { background-color: #fff; padding: 20px 20px 15px 20px; border-radius: 8px; position: relative; }

.dropdown:hover .dropdown-toggle.show,
.dropdown-menu.show,
.single-flight-bag .dropdown:hover .dropdown-menu { display: block !important; right: 0 !important; transform: unset !important; top: 35px !important; inset: unset !important; right: 0px !important; }

.depart-bag .dropdown-menu.show,
.single-flight-bag .depart-bag.dropdown:hover .dropdown-menu { left: 0 !important; right: auto !important; }

.color-white { color: #fff !important; }

.depart-return-sub-title { font-size: 14px; }

.listing-flight-logo { position: relative; }

 .listing-flight-logo img { width: 100%; max-width: 30px; margin-bottom: 5px; }

 .listing-flight-logo span { font-size: 11px; }

 .listing-flight-logo span { clear: both; float: left; width: 100%; }

.single-flight-round-box .flight-time { margin: auto; margin-bottom: auto; width: 60px; }

.flight-time span { font-size: 13px; font-weight: 600; color: #074c7f; }

.single-flight-round-box .airport-code { margin: auto; margin-bottom: auto; width: 60px; }

.flight-plus-airport { position: absolute; }

.from-to-destination h6 { font-weight: 400; }

.flight-plus-airport .tooltip-box + .tooltip-hover-top { display: none; }

.flight-plus-airport .tooltip-box:hover + .tooltip-hover-top { display: block; position: absolute; padding: 10px 20px; background-color: var(--primary-main); color: #fff; font-size: 10px; min-width: 180px; border-radius: 25px; z-index: 2; bottom: 24px; transition: 0.3s; }

.airport-code .flight-plus-airport span.tooltip-box { color: #a6a6a6; }

.flight-plus-airport span { padding-left: 10px; }

.flight-plus-airport ul li { list-style-type: none; }

.flight-plus-airport:hover .tooltip-hover-top { transform: scale(1); }

.from-to-destination h6 { color: #a6a6a6; }

.from-to-destination h6,
.list-type-button-item h6,
.operated-by { font-size: 11px; }

.from-to-destination h5::after { position: absolute; top: 50%; content: "/"; color: transparent; border-top: 1px solid #a6a6a6; left: 0; right: 0; height: 1px; transform: translateY(-50%); }

.from-to-destination h5 { position: relative; height: 25px; }

.from-to-destination h6 { font-weight: 400; }

.from-to-destination h6 { color: #a6a6a6; }

.from-to-destination h6,
.list-type-button-item h6,
.operated-by { font-size: 11px; }

.airport-code { font-size: 14px; font-weight: 600; }

.from-to-destination .flight-plus-airport { position: relative; }

.from-to-destination .airport-code .flight-plus-airport span.tooltip-box { color: #a6a6a6; }

.dual-tickets-tooltip .dropdown-toggle { font-size: 12px; cursor: pointer; }

.listing-flight-price .rfd-side-flap { box-shadow: -46px 0 80px #00000029; border-left: 0 !important; width: 100% !important; max-width: 600px; z-index: 99999; }

.listing-flight-price #offcanvasRightLabel { color: #000; }

.rfd-side-flap .offcanvas-body { padding-bottom: 120px; }

.rfd-side-flap .nav-pills .nav-item .nav-link.active,
.rfd-side-flap .nav-pills .nav-item .nav-link:focus,
.rfd-side-flap .nav-pills .nav-item .nav-link:hover { background-color: var(--secondary-main); color: #fff; border-color: var(--secondary-main); text-decoration: none; }

.baggage-details .nav-tabs .nav-link { border-color: #dee2e6; text-decoration: none; color: #979dad; margin-right: 5px; font-size: 14px; }

#baggageInformation .traveler-form select.form-control { -webkit-appearance: auto; -moz-appearance: auto; }

@media (max-width: 640px) {
 .baggage-details .nav-tabs .nav-link { margin-right: 8px; font-size: 11px; }

 .rfd-side-flap .nav-pills .nav-item .nav-link { margin-bottom: 10px; }
}

.baggage-details .nav-tabs .nav-link.active,
.baggage-details .nav-tabs .nav-link:focus,
.baggage-details .nav-tabs .nav-link:hover { background-color: var(--secondary-main); color: #fff; border-color: var(--secondary-main); text-decoration: none; }

.rfd-side-flap .nav-pills .nav-item .nav-link { color: #979dad; border: 1px solid #979dad; border-top-color: rgb(151, 157, 173); border-right-color: rgb(151, 157, 173); border-bottom-color: rgb(151, 157, 173); border-left-color: rgb(151, 157, 173); margin-right: 5px; font-size: 14px; }

.rfd-side-flap .nav-pills .nav-item .nav-link { color: #979dad; border: 1px solid #979dad; margin-right: 5px; font-size: 14px; }

.rfd-side-flap .flap-flight-details h4 { font-size: 14px; font-weight: 600; color: #000; }

.dual-tickets-tooltip .dropdown-toggle { background-color: #e7fee7; border: 1px solid #05a730; font-size: 12px; padding: 5px 15px; border-radius: 25px; cursor: pointer; }

.dual-tickets-tooltip .dropdown-toggle { font-size: 12px; cursor: pointer; }

 .dual-tickets-tooltip .dropdown-toggle span { margin-right: 5px; }

.dual-tickets-tooltip .dropdown-menu { min-width: 250px; }

 .dual-tickets-tooltip .dropdown-menu li ul { list-style: disc; }

  .dual-tickets-tooltip .dropdown-menu li ul li { font-size: 12px; }

.rfd-side-flap .flap-flight-details h5 { color: var(--primary-main); font-size: 14px; }

.rfd-side-flap .flap-flight-details .airlinelogo img { width: 20px; }

.rfd-side-flap .flap-flight-details .airlinelogo span { font-weight: 600; color: #000; }

.rfd-side-flap .flightbox-details h6 { color: #22262b !important; font-size: 14px; }

.rfd-side-flap .flightbox-details-dot-line hr { margin: 0; border-top: 3px dotted #979dad; max-width: 75%; margin: 0 auto; }

 .rfd-side-flap .flightbox-details-dot-line hr.solid { margin: 0; border-top: 1px solid #979dad; max-width: 75%; margin: 0 auto; }

.listing-flight-price h6,
.from-to-from-digination h6 { font-weight: 400; }

.listing-flight-price h6 { color: #979dad; }

.rfd-side-flap .flightbox-details span { line-height: 18px; display: inline-block; }

.rfd-side-flap .flightbox-details span,
.flightbox-details-dot-line span { color: #000; font-size: 12px; }

.rfd-side-flap .flap-flight-details .flight-lawover { background-color: #f2effc; font-size: 14px; color: #434343; }

.orange-text { color: var(--primary-main) !important; }

.rfd-flap-total-price { right: 0; left: 0; bottom: 0; background-color: #f2effc; padding: 15px 15px; }

 .rfd-flap-total-price p { font-size: 12px; }

.flightbox-details-air-icon img { width: 24px; }

.from-to-destination .flight-plus-airport .tooltip-box { padding-left: 0; }

.dgc { color: #404040; }

.listing-flight-price h2 { font-size: 22px; font-weight: 700; clear: both; }

.listing-flight-price h6 { font-size: 11px; color: #a6a6a6; font-weight: 400; }

.btn-style1 { background-color: transparent; border: 1px solid var(--primary-main); border-radius: 5px; color: var(--primary-main); font-size: 14px; padding: 10px 30px; font-weight: 600; transition: 0.3s; display: table; text-decoration: none; outline: 0; }

 .btn-style1:hover,
 button.btn-style1.active { background-color: var(--primary-main); color: #fff; }

div button { cursor: pointer !important; }

.flight-list-pagination button.active { background-color: var(--primary-main); }

.flight-list-pagination button.active,
.flight-list-pagination button:hover { opacity: 1; }

 .flight-list-pagination button.active i,
 .flight-list-pagination button.active span { color: #fff; }

.flight-list-pagination button i { color: var(--primary-main); }

.flight-list-pagination button:hover i { color: #fff; }

.flight-list-pagination button { border: 1px solid var(--primary-main); border-radius: 5px; font-size: 14px; padding: 14px 30px; font-weight: 600; transition: 0.3s; text-decoration: none; outline: 0; }

.transparent-btn { background-color: transparent; padding: 0; border: 0; line-height: normal; }

.listing-flight-logo img.air-icon { position: absolute; width: 22px; left: 40px; top: 0; }

@media (min-width: 1200px) and (max-width: 1399px) {
 .listing-flight-logo img { max-width: 35px; }
}

@media (min-width: 1200px) {
 .flight-round-box { border-left: 1px solid #e7e8ec; border-right: 1px solid #e7e8ec; }
}

/*  Flight Result Listing end*/
/*  Flight Filter start*/
.filter-open { overflow: hidden !important; top: 0; left: 0; right: 0; bottom: 0; /*   overflow: hidden!important;
  height: 100vh;
  width: 100vw; */ }

 .filter-open .callbtn-btm-fixed { display: none; }

.filter-sub-heading { transition: 0.5s; }

 .filter-sub-heading .icon span { background-color: #f2effc; display: inline-block; width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 32px; }

  .filter-sub-heading .icon span img { width: 15px; }

  .filter-sub-heading .icon span i { color: var(--secondary-main); font-size: 16px; }

 .filter-sub-heading .sub-heading-title { font-size: 18px; }

/* .side-bar-flights-filter {
  background-color: #fff;
} */

.side-bar-flights-filter .clear-filter-btn { font-size: 14px; color: var(--primary-main); }

.flights-filter-wrapper .filter-items h6 { font-size: 12px; color: #22262b; }

.pac-container { background-color: #151515; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; }

.pac-item,
.pac-item-query { color: #f7f7f7; }

 .pac-item:hover { background: #6666; }

.custom-range-slider { border: none; box-shadow: none; }

.multi-range-slider.custom-range-slider .bar-inner { background-color: var(--primary-main); box-shadow: none; border: none; }

.multi-range-slider.custom-range-slider .bar-right { box-shadow: none; }

.multi-range-slider.custom-range-slider .thumb::before { border: solid 5px white; box-shadow: none; background: var(--main-pink); outline: 1px solid var(--main-pink); }

.multi-range-slider.custom-range-slider { padding: 10px 10px; }

@media (max-width: 991px) {
 .flights-filter-wrapper { max-height: 85%; overflow-y: scroll; }

 div.side-bar-flights-filter.active { z-index: 99999 !important; position: fixed !important; top: 0 !important; bottom: 0; left: 0; right: 0; margin-top: 0 !important; margin-bottom: 0 !important; border-radius: 0 !important; overflow-y: auto; overflow-x: hidden; overscroll-behavior: none; height: 100%; background: #fff; }
}

@media (max-width: 991px) {
 .side-bar-flights-filter.active { transform: translate(0); }
}

.total-price-box-wrap i { color: #a6a6a6; margin-left: -25px; }

.total-price-box-wrap a { color: #0d6efd !important; }

@media (max-width: 991px) {
 .side-bar-flights-filter { position: absolute; z-index: 2; left: 0; right: 0; top: 40px; transform: translateY(-500%); transition: 0.5s; height: 100vh; }
}

.filter-items { border-bottom: 1px solid #e2e2e2; }

.sidebar-filter-close-btn i { color: #000; }

.clear-filter-btn { color: var(--secondary-main); font-size: 12px; text-align: right; font-weight: 500; }

.filter-items .sub-title,
.list-type-button-item h5 span { font-size: 16px; }

.filter-items .form-check label { font-size: 14px; }

.price-slider { height: 50px; }

 .price-slider .horizontal-slider { background-color: #f3f3f7; }

 .price-slider .horizontal-slider { height: 2px; }

  .price-slider .horizontal-slider .slider-track { height: 2px; }

 .price-slider .slider-track.slider-track-1 { background: var(--secondary-main); }

 .price-slider .horizontal-slider .slider-thumb::before { position: absolute; content: "/"; color: transparent; width: 15px; height: 15px; border-radius: 50%; background-color: #fff; border: 2px solid var(--secondary-main); top: -21px; }

 .price-slider .horizontal-slider .slider-thumb { top: 15px; border: 0; outline: 0; cursor: pointer; font-size: 14px; color: #000; width: 30px; }

  .price-slider .horizontal-slider .slider-thumb.slider-thumb-1::before { right: 0; }

 .price-slider h6 { font-size: 12px; color: #22262b; }

.form-check-input:checked { background-color: var(--secondary-main) !important; border-color: var(--secondary-main) !important; }

.multiple-airlines-logo { width: 22px; }

@media (min-width: 992px) {
 .desk-hide { display: none; }
}

@media (max-width: 991px) {
 .mob-hide { display: none; }
}

/*  Flight Filter end*/
/*  Flight Slider start*/

.matrix-sidebar-box { background-color: #ffe9cc; border-radius: 10px 0 0 10px; border: 1px solid var(--primary-main); text-align: center; padding-top: 15px; }

 .matrix-sidebar-box h4 { padding: 13px 0; }

.cursor-pointer { cursor: pointer; }

.slick-list,
.slick-slider { position: relative; display: block; }

.slick-slider { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.matrix-slider .slick-slider button::before { display: none; }

.slick-next.slick-disabled::before,
.slick-prev.slick-disabled::before { opacity: 0.25; }

.slick-prev::before { content: "←"; }

.slick-next::before,
.slick-prev::before { font-family: slick; font-size: 20px; line-height: 1; opacity: 0.75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.matrix-slider .slick-slider button.slick-prev { right: 50px; left: unset; background-image: url(../images/left-arrow.png); }

.matrix-slider .slick-slider button.slick-disabled { opacity: 0.3; }

.matrix-slider .slick-slider button { position: absolute; font-size: 36px; z-index: 9; background-color: transparent; background-repeat: no-repeat; background-position: 50%; background-size: 8px; height: 30px; width: 30px; border: 1px solid var(--secondary-main); border-radius: 4px; top: -30px; box-shadow: none; text-align: center; }

.slick-prev { left: -25px; }

 .slick-next,
 .slick-next:focus,
 .slick-next:hover,
 .slick-prev,
 .slick-prev:focus,
 .slick-prev:hover { color: transparent; outline: none; background: transparent; background-color: transparent; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-image: none; background-size: auto; }

.slick-next,
.slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; transform: translateY(-50%); cursor: pointer; border: none; }

.slick-slider .slick-list,
.slick-slider .slick-track { transform: translateZ(0); }

.slick-list { overflow: hidden; margin: 0; padding: 0; }

.matrix-slider .slick-slider button::before { display: none; }

.slick-next::before { content: "→"; }

.matrix-slider .slick-slider button.slick-next { right: 8px; background-image: url(../images/right-arrow.png); }

.slick-track::after { clear: both; }

.slick-track::after,
.slick-track::before { display: table; content: ""; }

.matrix-box .slick-list .slick-track { border-radius: 0 10px 10px 0; }

.matrix-box .slick-track { float: left; }

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-initialized .slick-slide { display: block; }

.slick-slide { float: left; height: 100%; min-height: 1px; }

.matrix-box .slick-slide.slick-active .slider-main-item-box { border: 1px solid #f3f3f7; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(243, 243, 247); border-left: 0; }

.matrix-sidebar-box h6.active,
.matrix-sidebar-box h6:hover { background-color: var(--primary-main); }

.slider-main-item-box { text-align: center; padding-top: 15px; position: relative; }

 .slider-main-item-box .slide-img { text-align: center; }

  .slider-main-item-box .slide-img .air-icon { position: absolute; right: 10px; top: 10px; z-index: 2; width: 20px; }

  .slider-main-item-box .slide-img img { margin: auto; max-width: 30px; width: 100%; height: auto; }

.slick-slide img { display: block; }

.slider-main-item-box .slide-img label { font-size: 12px; color: #434343; height: 15px; overflow: hidden; }

.slider-main-item-box { text-align: center; }

 .slider-main-item-box .slide-cont h6:last-child { margin-bottom: 0 !important; }

/*  Flight Slider end*/
/*  Footer Listing Page start*/
p.footerPolicy { color: #434343; text-align: center; }

.copyrightBox p { color: #434343; text-align: center; }

p.footerPolicy { letter-spacing: 0.12px; font-size: 11px; padding: 0 6%; }

.payment-partners ul { display: flex; list-style: none; align-items: center; width: 100%; justify-content: center; }

 .payment-partners ul li { margin: 1%; }

.payment-partners ul { list-style: none; }

 .payment-partners ul li img { width: 65px; max-width: 65px; }

.copyrightBox p { font-size: 14px; letter-spacing: 0.28px; font-size: 12px; }

/*  Footer Listing Page end*/
/*  Media Quries start*/
@media screen and (max-width: 480px) {
 .airport-search__results { width: 100% !important; max-height: 160px !important; }

  .airport-search__results ul li.airport-name { font-size: 11px; }

  .airport-search__results ul li.airport-city-name { font-size: 12px; }
}

@media (max-width: 767px) {
 div.matrix-sidebar h4 { font-size: 14px !important; margin: 6px 0 !important; }
}

@media (max-width: 767px) {
 .matrix-sidebar-box h4 { font-size: 18px; margin: 27px 0 !important; }
}

@media (max-width: 767px) {
 .matrix-sidebar h6 { font-size: 11px !important; }
}

@media (max-width: 767px) {
 .matrix-sidebar h6,
 .slider-main-item-box .slide-cont h6 { font-size: 11px !important; }
}

@media (max-width: 767px) {
 .search-result-num p { font-size: 12px; }
}

@media (max-width: 767px) {
 .depart-return-sub-title { font-size: 12px; margin-bottom: 10px !important; }
}

@media (max-width: 767px) {
 .air-flight-price h2,
 .airport-code,
 .btn-style1 { font-size: 12px; }
}

@media (max-width: 767px) {
 .flight-round-box { border-top: 1px solid #e7e8ec; margin-top: 15px !important; padding-top: 15px; }
}

@media (max-width: 767px) {
 .airport-code,
 .btn-style1 { font-size: 12px; }

 .listing-flight-price h2 { font-size: 20px; }

 .listing-flight-price .rfd-flap-total-price h2 { font-size: 20px; }
}

@media (max-width: 767px) {
 .btn-style1 { padding: 8px 2px; border-radius: 4px; width: 100%; }
}

@media (max-width: 767px) {
 .payment-partners ul li img { width: 40px; max-width: 40px; }
}

@media (max-width: 767px) {
 .flight-list-pagination button span { font-size: 12px; }

 .flight-list-pagination button { padding: 14px 20px; }
}

@media (max-width: 991px) {
 .filter-sub-heading.sticky { position: fixed; z-index: 9; left: 15px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); background-color: var(--secondary-main) !important; bottom: 70px; padding: 8px 20px !important; border-radius: 25px; cursor: pointer; }

  .filter-sub-heading.sticky span { color: #fff; }

 .filter-sub-heading span.clear-icon { display: none; }

 .filter-sub-heading.sticky span.clear-icon { display: block; position: absolute; top: -5px; right: -5px; border-radius: 100%; }

  .filter-sub-heading.sticky span.clear-icon i::before { background: #fff; border: none; color: var(--light-main); border-radius: 100%; }
}

@media (max-width: 991px) {
 .flights-listing-results { overflow: hidden; }
}

.airport-search__results { max-height: 160px; overflow-y: auto; position: absolute; top: 100%; left: 0; background: #fff; width: 150%; border-left: 5px solid #fff; border-right: 5px solid #fff; box-shadow: 0 56px 48px #00254a1a; z-index: 9999; border-radius: 0px 0px 4px 4px; }

 .airport-search__results ul { list-style: none; width: 100%; padding: 0px 5px 0 15px; overflow: hidden; max-height: 250px; margin: 0px 0 0; }

  .airport-search__results ul li.airport-city-name { cursor: pointer; position: relative; color: #22262b; font-size: 14px; font-weight: 500; padding: 2px 2px 2px 15px; list-style: none; }

  .airport-search__results ul li { display: flex; align-items: center; text-decoration: none; }

   .airport-search__results ul li.airport-city-name::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5"; display: inline-block; color: var(--secondary-main); width: 16px; height: 16px; background-size: 15px 15px; top: 50%; left: 0; position: absolute; display: flex; transform: translate(-50%, -50%); background-repeat: no-repeat; }

   .airport-search__results ul li.airport-name { cursor: pointer; position: relative; color: #5f6064; font-size: 14px; font-weight: 400; padding: 1% 1% 1% 12%; }

    .airport-search__results ul li.airport-name::before { font-family: "Font Awesome 5 Free"; font-weight: 900; /*   content: "\f5b0"; */ display: inline-block; color: var(--secondary-main); width: 16px; height: 16px; background-size: 20px 20px; top: 50%; left: 0; position: absolute; display: flex; transform: translate(75%, -50%); }

 .airport-search__results.from-airport ul li.airport-name::before { content: "\f5b0"; }

 .airport-search__results.to-airport ul li.airport-name::before { content: "\f5af"; }

.flight-search-box .react-datepicker-popper { z-index: 9999; }

.flights-loading-view { background: #fff; border-radius: 4px; border: 4px solid rgba(65, 180, 246, 0.1); font-weight: 600; min-width: 500px; }

.bg-gray { background: #eff3f7; }

.bg-orange { background: var(--primary-main); }

.transparent-btn { background-color: transparent; padding: 0; border: 0; line-height: normal; }

.checkout-step-tabs .nav { border: 0; }

 .checkout-step-tabs .nav .nav-link.fill-active::after,
 .checkout-step-tabs .nav .nav-link::before { position: absolute; height: 2px; border-radius: 2px; content: "/"; color: transparent; top: 50%; width: 50%; }

 .checkout-step-tabs .nav .nav-link.fill-active::after { background-color: var(--secondary-main); z-index: 2; animation: checkouttab 2s; }

 .checkout-step-tabs .nav .nav-link.fill-active::after,
 .checkout-step-tabs .nav .nav-link::before { position: absolute; left: 43%; height: 2px; border-radius: 2px; content: "/"; color: transparent; top: 50%; width: 50%; }

 .checkout-step-tabs .nav .nav-link.fill-active .tabs-text { color: var(--secondary-main); }

 .checkout-step-tabs .nav .nav-link.fill-active .tabs-num { background-color: var(--secondary-main); color: #fff; border-color: var(--secondary-main); }

 .checkout-step-tabs .nav .nav-link::before { background-color: #ccc; z-index: 1; }

 .checkout-step-tabs .nav .nav-link { background-color: transparent !important; padding: 0 !important; border: 0 !important; color: #000; width: 25%; text-align: left; position: relative; }

  .checkout-step-tabs .nav .nav-link .tabs-num { border: 1px solid #979dad; background-color: #fff; color: #979dad; border-radius: 50%; font-size: 14px; width: 35px; height: 35px; line-height: 35px; padding: 0; font-weight: 700; display: inline-block; text-align: center; }

  .checkout-step-tabs .nav .nav-link.active .tabs-num { background-color: var(--secondary-main); color: #fff; border-color: var(--secondary-main); }

  .checkout-step-tabs .nav .nav-link .tabs-num:hover { border: 1px solid var(--secondary-main); background-color: var(--secondary-main); color: #fff; border-radius: 50%; font-size: 14px; width: 35px; height: 35px; line-height: 35px; padding: 0; font-weight: 700; display: inline-block; text-align: center; }

  .checkout-step-tabs .nav .nav-link .tabs-text { margin-left: 10px; font-weight: 700; font-size: 14px; color: #979dad; }

 .checkout-step-tabs .nav .nav-link { color: #000; text-align: left; }

@media (min-width: 992px) and (max-width: 1920px) {
 .checkout-step-tabs .nav .nav-link.fill-active::after,
 .checkout-step-tabs .nav .nav-link::before { left: 60%; width: 33%; }
}

@media (max-width: 991px) {
 .checkout-step-tabs .nav .nav-link.fill-active::after,
 .checkout-step-tabs .nav .nav-link::before { top: 30% !important; width: 60% !important; left: unset; right: -30%; }

 @media (max-width: 991px) {
  .checkout-step-tabs .nav .nav-link { flex-direction: column; display: flex; text-align: center; }
 }

 @media (max-width: 991px) {
  .checkout-step-tabs .nav .nav-link.fill-active::after,
  .ccheckout-step-tabs .nav .nav-link::before { top: 30% !important; width: 60% !important; left: unset; right: -30%; }
 }

 @media (max-width: 991px) {
  .checkout-step-tabs .nav .nav-link { text-align: center; }
 }

 .checkout-step-tabs .nav .nav-link .tabs-num,
 .checkout-step-tabs .nav .nav-link .tabs-num:hover { font-size: 12px; width: 30px; height: 30px; line-height: 30px; }
}

@media (max-width: 991px) {
 .checkout-step-tabs .nav .nav-link .tabs-num { margin: auto; }
}

@media (max-width: 991px) {
 .checkout-step-tabs .nav .nav-link .tabs-text { display: inline-block; width: 100%; text-align: center; margin-left: 0; font-size: 12px; }
}

.checkout-step-tabs .nav .nav-link:last-child::before { display: none; }

@media (max-width: 768px) {
 .checkout .tab-block { margin-bottom: 24px; }
}

.checkout-flight-info-box { background-image: url(../checkout-images/flightinfobox-bg.svg); background-size: cover; background-color: var(--light-main); background-repeat: repeat; }

.checkout-flight-info-box { color: #fff; }

.flightinfobox-air-img img { width: 100%; max-width: 200px; margin: 5% 0 0 10%; }

.checkout-flight-info-box span { font-size: 12px; }

.checkout-flight-info-box button { color: #fff; font-size: 14px; }

.checkout-main-wrap h5 { color: #22262b; }

.checkout-main-wrap .accordion-header { position: relative; z-index: 1; }

.react-tel-input .country-list { z-index: 999999; }

.important-note { color: #434343; font-size: 12px; }

 .important-note a,
 .important-note strong { color: var(--primary-main); text-decoration: none; }

.form-group-icon { position: relative; }

.checkout-main-wrap .input-group label { font-size: 14px; color: #979dad; }

.checkout-main-wrap .input-group input::placeholder { color: rgba(0, 0, 0, 0.5) !important; }

.checkout-main-wrap .input-group input.has-error { border-color: red !important; }

.upload-error { border-color: red !important; }

.checkout-main-wrap .input-group input,
.checkout-main-wrap .input-group select { color: #000 !important; border-color: #e7e8ec !important; border-radius: 5px !important; height: 44px; }

 .checkout-main-wrap .input-group select.has-error { border-color: red !important; }

.checkout .input-group select option { font-size: 12px; }

.form-group-icon img.icon { position: absolute; right: 15px; bottom: 18px; width: auto; height: 15px; }

.email-sugg { background-color: #fff; padding: 0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); border-radius: 0px 0px 4px 4px !important; }

.card-img-top { cursor: pointer; }

.email-sugg ul { list-style: none; padding: 0px 5px 0px 15px !important; margin: 0px; }

 .email-sugg ul li { font-size: 14px; margin: 0; cursor: pointer; padding: 4px 12px 4px 0px; }

 .email-sugg ul:hover { background: rgba(17, 29, 144, 0.1); }

.checkout-sidebar-flight-detail .airplane-icon { width: 20px; }

.checkout-sidebar-flight-detail h5 { font-weight: 600; font-size: 18px; }

.checkout-sidebar-flight-detail span { font-size: 14px; color: #434343; }

.checkout-sidebar-flight-detail h6 { font-size: 14px; color: #2c2d2d; }

.checkout-sidebar-flight-detail span.flytime { font-size: 12px; color: #979dad; }

.checkout-sidebar-price-detail-row h6 { font-size: 14px; color: #2c2d2d; }

.payment-note p { font-size: 12px; color: #979dad; }

.checkout-main-wrap .input-group label span { color: var(--primary-main); }

.checkout-main-wrap .input-group .react-tel-input input { padding: 18.5px 14px 18.5px 50px; width: 110px; text-align: center; }

.payment-card-detail button { color: #434343 !important; font-size: 14px; font-weight: 600; }

.accordion-button .select-card-btn::before { width: 10px; height: 10px; border-radius: 50%; position: absolute; content: "/"; color: transparent; background-color: var(--secondary-main); left: 50%; top: 50%; transform: translate(-50%, -50%); }

.accordion-button .select-card-btn { border: 1px solid var(--secondary-main); width: 20px; height: 20px; border-radius: 50%; background-color: #fff; display: inline-block; margin-right: 10px; position: relative; }

.payment-cards img { width: 35px; }

.payment-card-detail button::after { display: none; }

.traveler-form .input-group .last-input-icon { position: absolute; width: 40px; right: 10px; top: 34px; z-index: 9; }

#pay-card-detail button.accordion-button { background: var(--secondry-light) !important; border: none !important; box-shadow: none; padding: 15px 0px 15px 0px; }

.payment-card-detail .accordion-body { padding: 0px; }

.add-manually-address button { background: transparent; border: 0; font-size: 14px; font-weight: 700; color: var(--secondary-main); }

.user-flight-review-box button { color: var(--primary-main); font-size: 12px; }

.user-flight-review-box .airlinelogo img { width: 25px; }

.user-flight-review-box .airlinelogo span { font-weight: 700; font-size: 14px; color: #434343; }

.flightbox-details span { line-height: 18px; display: inline-block; }

.flightbox-details span,
.flightbox-details-dot-line span { color: #000; font-size: 12px; }

.flightbox-details h6 { color: #22262b; font-size: 14px; }

.flightbox-details-air-icon img { width: 25px; margin: 0px 10px; }

.clicker:focus + #traverlers { display: none; }

/*  28.12.2023 start   */
/* .flights-loading-wrap {
  margin-top: -62px !important;
} */

.form-info-wrp .accordion-button { color: #000 !important; background: var(--light-grey) !important; }

 .form-info-wrp .accordion-button h6 { font-size: 14px; }

.form-info-wrp .accordion-button { padding: 10px; color: #000 !important; }

 .form-info-wrp .accordion-button:after { position: absolute; right: 10px; top: 8px; }

button:focus,
input:focus,
select:focus { box-shadow: unset !important; }

.form-info-wrp .accordion-item { margin-top: 20px; border-radius: 8px !important; box-shadow: none; }

.cvv-field input[type="password"]::-ms-reveal,
.cvv-field input[type="password"]::-ms-clear { display: none; }

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

.checkout-step-tabs .nav .nav-link.fill-active::after { background-color: var(--secondary-main); z-index: 2; animation: checkouttab 2s; }

/*  28.12.2023 start   */
@media (max-width: 575px) {
 .payment-cards img { width: 20px; display: none; }
}

@media (max-width: 767px) {
 .flight-time span { font-size: 10px; }

 .flight-plus-airport span { font-size: 9px; }

 #flightdetail.collapseModifyflights { font-size: 12px; }
}

/*  Checkout Contact Page end*/
/*  Baggage Fees Page start*/
.airline-bagg-fee-main-wrap > h5 { font-size: 32px; }

.airline-bagg-fee-title { background: var(--light-main); }

 .airline-bagg-fee-title h2 { font-size: 16px; line-height: normal; font-weight: 600; margin-bottom: 0; }

.airline-bagg-fee { padding: 15px; background-color: #fff; margin-bottom: 40px; border: 1px solid #bcbcbc; }

 .airline-bagg-fee .row { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #bcbcbc; }

.airline-bagg-fee-logo img { margin-right: 10px; width: auto; height: 35px; }

.airline-bagg-fee-logo span { font-weight: 700; font-size: 14px; }

.airline-bagg-fee-detail a { font-size: 14px; font-weight: 700; color: #000; text-decoration: none; }

.lto-popup .cta-btn a { text-decoration: none; color: #fff; }

/*  Baggage Fees Page end*/
/*  Check In Page start*/
.checkin-wrap { border: 1px solid #c8c8c8; border-radius: 3px; }

 .checkin-wrap h4 { color: #000; font-size: 16px; margin-top: 16px; text-transform: uppercase; }

 .checkin-wrap a { text-decoration: none; }

/*  Check In Page end*/
/*  Content Pages like Services Fees, Privacy, Terms etc start*/
.pptc-text h2 { font-size: 24px; margin: 30px 0 10px; color: var(--primary-main); }

.pptc-text ul,
.pptc-text ol { padding-left: 0; list-style-type: none; }

 .pptc-text ul li { font-size: 14px; margin: 8px 0; background-image: url(../images/check-icon-green.png); background-repeat: no-repeat; padding-left: 22px; background-size: 15px; background-position: 0 4px; }

  .pptc-text ul li ol li { background-image: none; }

  .pptc-text ul li a,
  .pptc-text ol li a { text-decoration: none; }

   .pptc-text ul li a:hover,
   .pptc-text ol li a:hover { text-decoration: underline !important; }

/*  Content Pages like Services Fees, Privacy, Terms etc end*/
/*  Go-back-confirm-popup start*/
.go-back-confirm-popup p { max-width: 250px; margin: 5px auto 0; margin-bottom: 0px; font-size: 13px; }

/*  Go-back-confirm-popup end*/
/*  Datepicker start*/
#main_nav { border-right: 1px solid #d2d2d2; padding-right: 15px; }

.react-datepicker { box-shadow: 0 0 0.375rem 0.125rem rgba(2, 34, 67, 0.25); border: 1px solid #d2d2d2; font-family: inherit; width: 100%; }

.react-datepicker-popper { width: 280px; }

.react-datepicker__month-container { width: 100%; }

.react-datepicker__navigation { background: #fff; border: 1px solid #40b4e2; border-radius: 50%; width: 22px; height: 22px; }

 .react-datepicker__navigation:hover ::before { border-color: #40b4e2; }

.react-datepicker__header { background-color: #fff; border-bottom: none; }

.react-datepicker__navigation--previous { left: 10px; top: 14px; }

.react-datepicker__navigation--next { right: 10px; top: 14px; }

.react-datepicker__navigation-icon--previous::before { left: -4px; border-color: #40b4e2; border-width: 2px 2px 0 0; }

.react-datepicker__navigation-icon--next::before { left: -4px; border-color: #40b4e2; border-width: 2px 2px 0 0; }

.react-datepicker__day--disabled { opacity: 0.5; }

.react-datepicker__day--outside-month { opacity: 0.5; }

.react-datepicker__triangle { border-bottom-color: #aeaeae; }

.react-datepicker__day--selected { background: var(--primary-main); color: #fff !important; }

 .react-datepicker__day--selected:hover { background: var(--primary-main); color: #fff !important; }

.react-datepicker__current-month { font-size: 18px; color: #074c7f; padding: 4px 0px 8px 0px; }

.react-datepicker__day-names { background: #e6e8f4; }

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name { color: #074c7f; font-weight: 600; margin: 0.3rem; }

.no-results-view { background: #fff; border-radius: 4px; border: 4px solid rgba(65, 180, 246, 0.1); }

.no-results-found { background: #fff; border-radius: 4px; border: 4px solid rgba(65, 180, 246, 0.1); }

.go-back-confirm-popup p { max-width: 250px; margin: 5px auto 0; margin-bottom: 0px; font-size: 13px; }

.booking-confirmation-content img { width: 100%; max-width: 300px; }

.booking-confirmation-content p { font-size: 14px; }

.booking-confirmation-content h3 { font-size: 30px; color: var(--light-blue); }

.confirmation-booking-date-time { background-color: var(--light-blue); width: 100%; max-width: 600px; margin: 20px auto; text-align: center; color: #fff; font-size: 18px; padding: 20px; font-weight: 600; border-radius: 3px; }

.booking-confirmation-number .air-ticket { max-width: 150px; margin-top: 20px; }

.booking-confirmation-number p { font-size: 13px; margin-bottom: 5px; }

.booking-confirmation-number .air-ticket-down-img { display: inherit; clear: both; width: 50px; margin: auto; position: relative; top: -20px; }

.booking-confirmation-number h4 { font-size: 20px; font-weight: 700; }

.confirmation-note-text p { font-size: 13px; }

.tables-sub-heading { background-color: var(--light-blue); color: #fff; font-size: 18px; }

#details-table .table-bordered { border-color: var(--light-blue); }

.booking-detail-desc-list h3 { font-size: 20px; color: var(--light-blue); }

.booking-detail-desc-list ul { list-style: none; }

 .booking-detail-desc-list ul li { margin-bottom: 10px; padding-left: 25px; background-image: url(../images/hand-bulet-icon.png); background-repeat: no-repeat; background-position: left 5px; font-size: 13px; background-size: 14px; }

  .booking-detail-desc-list ul li a { color: var(--light-blue); text-decoration: none; font-weight: 600; }

.thanku-msg h6 { text-align: center; line-height: 26px !important; font-size: 16px; }

 .thanku-msg h6 a { color: var(--light-blue); }

.from-to-from-digination .flight-plus-air { position: relative; }

 .from-to-from-digination .flight-plus-air .tooltip-box { padding-left: 0; }

.success-payment-loader-img img { max-width: 500px; width: 100%; }

.itinerary-details-box.border,
.return-flight-ticket.border-top { border-color: var(--light-blue) !important; }

.flight-ticket .flap-flight-details .airlinelogo img { width: 40px; margin-bottom: 10px; }

.flight-ticket .flightbox-details h6 { color: #22262b; font-size: 14px; }

.flight-ticket .flightbox-details span { line-height: 18px; display: inline-block; }

.flight-ticket .flightbox-details span,
.flightbox-details-dot-line span { color: #000; font-size: 12px; }

.itinerary-details-box .flightbox-details-dot-line { color: #979dad; }

.flight-ticket .flightbox-details-air-icon img { width: 32px; margin: 0px 10px; }

.flight-ticket .flap-flight-details h5 { color: var(--light-blue); font-size: 14px; }

 .flight-ticket .flap-flight-details h5.opteratedby { background-color: var(--light-blue); color: #fff; font-size: 12px; }

.form-info-wrp .accordion-button h6 { font-size: 14px; }

.form-info-wrp .accordion-button { padding: 10px; }

 .form-info-wrp .accordion-button:after { position: absolute; right: 10px; top: 8px; }

.flight-ticket .flap-flight-details .airlinelogo { text-align: center; }

.react-tel-input input { pointer-events: none; }

/*  Datepicker end*/
/* Loading Popup start */
.bj-wave-wrapper { position: relative; width: 100%; height: 50px; overflow: hidden; }

@media only screen and (max-width: 849px) {
 .bj-wave-wrapper { height: 50px; }
}

.bj-wave-wrapper.up { bottom: -5px; }

.bj-wave-wrapper.down { top: -5px; }

.bj-wave { opacity: 0.1; position: absolute; width: 6400px; height: 45px; background-repeat: repeat-x; animation: move-wave 20s linear infinite; }

@media only screen and (max-width: 849px) {
 .bj-wave { width: 3200px; height: 45px; }
}

.bj-wave-wrapper.down .bj-wave { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.bj-wave.primary { background-image: url("../../../static/images/bg_wave-primary.svg"); }

.bj-wave.secondary { background-image: url("../../../static/images/bg_wave-secondary.svg"); }

.bj-wave.light { background-image: url("../../../static/images/bg_wave-light.svg"); }

.bj-wave.blue { background-image: url("../../../static/images/bg_wave-blue.svg"); }

.bj-wave.orange { background-image: url("../../../static/images/bg_wave-orange-dark.svg"); }

@keyframes move-wave {
 0% { left: 0; }

 100% { left: -1600px; }
}

.listing-flight-detail .btn.btn-primary[disabled] { opacity: 0.6; }

.loader_c { color: var(--light-main); }

.booking-loading-view { background: #fff; border-radius: 4px; border: 4px solid rgba(65, 180, 246, 0.1); font-weight: 600; min-width: 500px; }

 .booking-loading-view .warn-note p { font-size: 12px; }

@media screen and (max-width: 640px) {
 .flights-loading-view { min-width: 90%; }

 .rfd-side-flap .flap-flight-details h4 { margin: 0; }

 .booking-loading-view { min-width: 90%; }
}

/* Loading Popup end */
/* Fixed Call Button Bottom start */
.callbtn-btm-fixed { position: fixed; bottom: 1px; z-index: 999; left: 2px; right: 2px; }

 .callbtn-btm-fixed .btn { line-height: 1; font-size: 27px !important; padding: 0 !important; width: 100%; }

  .callbtn-btm-fixed .btn:hover { background: var(--primary-main) !important; border: 1px solid var(--primary-main) !important; }

 .callbtn-btm-fixed .fa-phone { border-right: 1px solid; padding: 10px 15px; float: left; line-height: 40px; }

 .callbtn-btm-fixed span { line-height: 0.8; vertical-align: top; }

 .callbtn-btm-fixed small { font-size: 14px; }

/* Fixed Call Button Bottom start */
@media screen and (max-width: 767px) {
 input[type="color"],
 input[type="date"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="email"],
 input[type="month"],
 input[type="number"],
 input[type="password"],
 input[type="search"],
 input[type="tel"],
 input[type="text"],
 input[type="time"],
 input[type="url"],
 input[type="week"],
 select:focus,
 textarea select { font-size: 16px !important; color: #000 !important; }
}

@media (max-width: 767px) {
 .flight-plus-airport .tooltip-hover-top { right: 0; left: unset; }

 .airport-code .tooltip-hover-top { display: none !important; }

 /* .listing-flight-price-wrap {
    margin-bottom: 45px;
  } */

 .listing-flight-logo span { min-height: 32px; }
}

/* custom css 16-jan */
.checkout-price-summery .modal-body div.d-nonde { display: block !important; }

.sm-price-box .checkout-sidebar .bg-white { padding: 0 !important; }

.checkout-sidebar-price-detail div { display: flex; justify-content: space-between; padding-bottom: 12px; }

.session-out-img { width: 230px !important; }

.fs-12 { font-size: 12px !important; }

.fs-10 { font-size: 10px !important; }

.fs-8 { font-size: 8px !important; }

.whitespace-pre { white-space: pre !important; }

.powered-by-aws { width: 80px; }

.listing-loader { width: 180px; max-width: 180px; }

.loader-modal .modal-dialog { max-width: 160px; }

/* body .pac-container.pac-logo {
  background: white !important;
} */
/* body .pac-container span.pac-icon {
  background-color: #000 !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 4px !important;
  padding: 5px !important;
} */
body .pac-container { background: #fff !important; }

 body .pac-container .pac-item:hover { background: #cecdcd !important; }

body .pac-logo .hdpi::after { background: #fff !important; }

body .pac-container .pac-item { background: white; color: black; }

 body .pac-container .pac-item .pac-item-query { color: black; }

.flights-filter-wrapper .multi-range-slider { padding: 0px 0px 0px 0px; box-shadow: none; border: none; height: 20px; position: relative; }

.flights-filter-wrapper .filter-items .thumb::before { background: #fff; border: 2px solid var(--secondary-main); border-radius: 50%; box-shadow: none; content: ""; cursor: pointer; height: 20px; top: 3px; position: absolute; width: 20px; z-index: 1; }

.flights-filter-wrapper .filter-items .thumb-left::before { left: 9px; }

.flights-filter-wrapper .filter-items .thumb-right::before { right: 10px; }

/* .flights-filter-wrapper  .multi-range-slider .thumb {
  background-color: #000;
  position: relative;
  z-index: 1;
  cursor: pointer;
  width: 16px;
  height: 16px;
} */
.flights-filter-wrapper .filter-items .multi-range-slider .bar-inner { background-color: var(--secondary-main); border: 1px solid var(--secondary-main); box-shadow: none; display: flex; flex-grow: 1; flex-shrink: 1; justify-content: space-between; position: relative; }

.flights-filter-wrapper .filter-items .multi-range-slider .bar-left { border-radius: 10px 0 0 10px; padding: 4px 0; }

.flights-filter-wrapper .filter-items .multi-range-slider .bar-left,
.flights-filter-wrapper .filter-items .multi-range-slider .bar-right { background-color: #f5f5f5; box-shadow: none; width: 25%; border: 1px solid #bcbcbc; }

.flights-filter-wrapper .filter-items .multi-range-slider .bar-right { border-radius: 0 10px 10px 0; padding: 4px 0; }

.flights-filter-wrapper .filter-items .multi-range-slider .thumb .caption * { background: var(--primary-main); box-shadow: none; }

.flights-filter-wrapper .filter-items .multi-range-slider .thumb .caption * { display: none; }

@media (min-width: 991px) {
 .flights-filter-wrapper .filter-items .multi-range-slider .bar-left { padding: 1px 0; }

 .flights-filter-wrapper .filter-items .multi-range-slider .bar-right { padding: 1px 0; }

 .flights-filter-wrapper .filter-items .thumb::before { top: 0px; }
}

/* aviral custom css starts*/
.form-select.fs-12 { font-size: 12px; }

.fs-14 { font-size: 14px; }

.flight-time-alrt span:empty { display: none; }

.opby-txt h6 { font-size: 12px; margin-top: 20px; }

.fs-16 { font-size: 16px; }

.fs-18 { font-size: 18px; }

.main-search-box { background: #fff; }

.service-box { transition: all 0.5s; background: var(--secondry-light); }

 .service-box:hover { box-shadow: 8px 17px 30px 0px #0000001a; }

 .service-box h6 { color: #22262b; text-align: center; font-family: Poppins; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.4px; }

.destination-card img { transition: all 0.5s; }

.destination-card:hover > img { box-shadow: 0px 4px 12px 0px #00000026; }

.latest-flihts-section { /* background-image: url(/images/flights-bg.svg); */ background-size: cover; background-color: #eeeeee; background-position: center center; background-repeat: no-repeat; }

.latest-flights-card-date { color: var(--primary-main); font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.384px; margin-bottom: 0px; }

/* .latest-flihts-section .slick-dots li {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 5px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  background: #ee431d;
  border-radius: 5px;
} */
.latest-flihts-section .slick-dots li button:before { font-family: "slick"; font-size: 6px; line-height: 5px; position: absolute; top: 0; left: 0; width: 25px; height: 5px; content: ""; text-align: center; -webkit-font-smoothing: antialiased; background: red; border-radius: 5px; }

.latest-flihts-section .slick-dots li.slick-active button:before { opacity: 0.75; color: black; }

.swap-icon-box { z-index: 10; }

.swap-icon { transition: 0.5s all; rotate: 180deg; }

 .swap-icon.active { transition: 0.5s all; rotate: 360deg; }

.shake-alert { animation: shake 0.5s ease-in-out; transition: 0.5s; }

.shake-alert { box-shadow: 0px 0px 20px 4px #ffc0c06b; background: #ffc0c045; color: red !important; }

@keyframes shake {
 0%, 100% { transform: translateX(0); }

 10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }

 20%, 40%, 60%, 80% { transform: translateX(2px); }
}

.airports-box .mega-input,
.dates-box .mega-input,
.travelers-box .mega-input { font-family: Poppins; font-size: 18px; font-weight: 700; letter-spacing: 0em !important; text-align: left; }

.dates-box .react-datepicker__day--keyboard-selected,
.dates-box .react-datepicker__month-text--keyboard-selected,
.dates-box .react-datepicker__quarter-text--keyboard-selected,
.dates-box .react-datepicker__year-text--keyboard-selected { background-color: #62b7dc; color: #fff !important; }

.dates-box .react-datepicker__day-names { background: #62b7dc; }

.dates-box .react-datepicker__navigation-icon--next::before,
.dates-box .react-datepicker__navigation-icon--previous::before { left: -4px; top: 11px; border-color: var(--primary-main); border-width: 2px 2px 0 0; }

.dates-box .react-datepicker__navigation { background: #fff; border: 1px solid var(--primary-main); border-radius: 50%; width: 22px; height: 22px; }

.modify-flight-search-box .filter-box { height: 65px; }

.filter-box { height: 80px; }

.trip-btn { padding: 5px 20px 5px 35px; font-size: 14px; position: relative; border: 0px; margin-right: 15px; }

 .trip-btn::after { position: absolute; content: ""; height: 15px; width: 15px; top: 0; left: 20px; background: #fff; top: 50%; transform: translate(-50%, -50%); border-radius: 50px; border: 2px solid var(--primary-main); }

 .trip-btn.active { padding: 5px 20px 5px 35px; font-size: 14px; position: relative; border: 0px; color: white !important; background: var(--primary-main) !important; }

.active.trip-btn::after { position: absolute; content: ""; height: 15px; width: 15px; top: 0; left: 20px; background: #fff; top: 50%; transform: translate(-50%, -50%); border: 2px solid var(--primary-main); }

.active.trip-btn::before { position: absolute; content: ""; height: 5px; width: 5px; top: 0; left: 20px; background: var(--primary-main); top: 50%; transform: translate(-50%, -50%); border-radius: 50px; z-index: 2; }

.btn-blue { background: linear-gradient(272.57deg, #071931 -20.14%, #78a5fd 111.71%); color: #fff !important; }

.aitports-list-box { z-index: 9999; }

.aitports-list .counrty-img { width: 24px; }

.trv-travelers-box { min-width: 300px; z-index: 9999; }

.btn-grd { background: var(--primary-main) !important; }

.btn-grd-blue { background: linear-gradient( 180deg, rgba(80, 155, 210, 1) 0%, rgba(7, 76, 127, 1) 100% ); border: none !important; }

.latest-flights-card .origin-box img,
.latest-flights-card .destination-box img { width: 22px; margin-right: 12px; }

.origin-box::after { content: ""; position: absolute; top: 40px; left: 10px; height: 100%; width: 1px; border: 1px dotted #60626d; z-index: 0; }

.newslatter-img { width: 200px; margin-top: -102px; }

.newslatter-box { background: #f7f8fa; }

.best-service-box { z-index: 0; position: relative; }

.banner-img-slider { z-index: 0; }

/* .filter-banner-img {
  background: url("/images/newYear_banner.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
} */
.filter-banner-img { background: url("/images/banner/banner.jpg"); background-position: center; background-repeat: no-repeat; }

.banner-img-slider::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: transparent; }

.aitports-list { height: 190px; overflow: scroll; }

 .aitports-list .list-group a::before { content: ""; position: absolute; bottom: 30px; left: 15px; height: 65px; width: 1px; background: #e7e8ec; z-index: 1; }

 .aitports-list .list-group a:first-child:before { content: ""; position: absolute; display: none; bottom: 30px; left: 15px; height: 65px; width: 1px; background: #e7e8ec; z-index: 1; }

.travelers-count { background: white; color: black; outline: none; }

.passenger-count-btn input { height: 30px; }

.passenger-count-btn b { height: 30px; width: 30px; cursor: pointer; background: rgb(238 67 29) !important; border-width: 0px; }
ul.blue-dot li::marker { color: #60b7de; }

@media (max-width: 767px) {
 .airports-box .airport-list-box { position: fixed !important; top: 0 !important; left: 0; height: 100%; z-index: 9999 !important; }

 .aitports-list { height: 100% !important; }

 .service-box h6 { color: #22262b; text-align: center; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.32px; }

 .latest-flights-card-date { color: var(--primary-main); font-family: Poppins; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.24px; }

 /* .mobile-bag-icons-box{
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px 0px;
} */
}

.banner .react-datepicker-popper { z-index: 999999; }

@media (max-width: 991px) {
 /* .trip-btn {
       color: black;
  }
  .trip-btn.active {
    padding: 5px 20px 5px 35px;
    border-radius: 50px;
    font-size: 14px;
    position: relative;
    border: 0px;
    color: white;
    background: var(--primary-main);
  } */

 .latest-flihts-section { background: #fff7f5; }
}

/* avirla custom css ends */
.air-flight-btn-and-bag { border-top: 1px solid #e7e8ec; }

.single-flight-bag button img { margin-left: 8px; width: 25px; }

.single-flight-bag button::after { display: none; }

.single-flight-bag .dropdown-menu { padding: 15px; }

 .single-flight-bag .dropdown-menu li { padding: 5px 0; }

.single-flight-bag-details img { width: 25px; margin-right: 15px; }

.single-flight-bag-details h5 { color: #000; font-size: 14px; width: 120px; }

.single-flight-bag-details h6 { color: #19a017; font-size: 12px; margin-left: 30px; }

.single-flight-bag button { background-color: transparent !important; border: 0; padding: 0; }

 .single-flight-bag button:hover { background-color: transparent !important; border: 0; padding: 0; }

.flap-flight-details .add-baggage-icon img { position: relative; top: -4px; }

.add-baggage-icon img { width: 32px; }

.flap-flight-details .add-baggage-title h5 { color: #222; }

.add-baggage-title h6 img { width: 15px; margin-right: 5px; }

.slick-slider.matrix-slider .slick-prev,
.slick-slider.latest-flight-slider .slick-prev { /* background: url(/icons/left.png); */ background-size: contain; position: absolute; top: -15px; left: auto !important; right: 50px; }

.slick-slider.destination-slider .slick-prev { /* background: url(/icons/left.png); */ background-size: contain; }

.latest-flight-slider .slick-prev:hover,
.latest-flight-slider .slick-prev:focus,
.destination-slider .slick-prev:hover,
.destination-slider .slick-prev:focus,
.matrix-slider .slick-prev:hover,
.matrix-slider .slick-prev:focus { /* background: url(/icons/left.png); */ background-size: contain; }

.matrix-slider .slick-prev:before,
.latest-flight-slider .slick-prev:before,
.destination-slider .slick-prev:before { color: #60626d; }

.destination-slider .slick-next { /* background: url(/icons/right.png); */ background-size: contain; }

.matrix-slider .slick-next,
.latest-flight-slider .slick-next { /* background: url(/icons/right.png); */ background-size: contain; position: absolute; top: -15px; right: 20px; }

 .matrix-slider .slick-next:hover,
 .matrix-slider .slick-next:focus,
 .latest-flight-slider .slick-next:hover,
 .latest-flight-slider .slick-next:focus,
 .destination-slider .slick-next:hover,
 .destination-slider .slick-next:focus { /* background: url(/icons/right.png); */ background-size: contain; }

 .matrix-slider .slick-next:before,
 .latest-flight-slider .slick-next:before,
 .destination-slider .slick-next:before { color: #60626d; }

.matrix-slider .slick-track { margin-left: 0; }

.reversearrow { transform: rotate(0deg); transition: 0.4s; }

.awc-card { background: var(--secondry-light) !important; }

 .awc-card.active { background: var(--primary-main) !important; color: #fff !important; }

  .awc-card.active .text-success { color: #fff !important; }

 .awc-card .awc-active { display: none; }

 .awc-card .awc-de-active { display: block; }

 .awc-card.active .awc-active { display: block; }

 .awc-card.active .awc-de-active { display: none; }

.reversearrow.flip { transform: rotate(180deg); transition: 0.4s; }

.airline-matrix img { width: 40px; }

.matrix-box-active { background: #feefec !important; border: 1px solid var(--primary-main) !important; }

.price-card ul { list-style: none; }

.price-card .check-marker { display: none; }

.price-card.active .check-marker { display: flex; }

.price-card.active .default-marker { display: none; }

.price-card .active-check,
.price-card.active .default-check { display: none; }

.price-card.active .active-check,
.price-card .default-check { display: flex; }

.price-card .more-detail { color: black; }

.price-card.active .more-detail { color: white; }

.price-card { /* background: #F6F8F7; */ background: url(/images/default-bg.svg); background-size: cover; background-repeat: no-repeat; position: relative; color: black; background-position: center; /* transition: .5s all; */ cursor: pointer; }

 .price-card.active { /* background: #F6F8F7; */ background: url(/images/active-bg.svg); background-size: cover; background-repeat: no-repeat; position: relative; color: white; background-position: center; /* transition: .3s all; */ }

.priec-card-header,
.price-card-content { z-index: 2; position: relative; }

/* .price-card::after{
  content: "";
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: red;
  z-index: 1;
} */
@media (min-width: 1200px) and (max-width: 1399px) {
 .add-baggage-heading { font-size: 14px; }
}

@media (max-width: 767px) {
 .single-flight-bag button img { width: 25px; }

 .single-flight-bag .dropdown-menu { padding: 8px; min-width: 200px; }

 .single-flight-bag-details h5 { font-size: 10px; }

 .single-flight-bag-details h6 { font-size: 8px; margin-left: 20px; }

 .price-plan-card-box .price-plan-card-box-row { width: 800px; }
}

@media screen and (max-width: 576px) {
 .flight-search { padding: 16px 0px; }

  .flight-search .main-head { margin-bottom: 1rem; }
}

@media screen and (max-width: 575px) {
 .flights-listing-wrapper .single-flight-round-box { padding: 20px 20px 0px 20px; }

 .listing-flight-price-wrap .listing-flight-price { border-top: 1px solid #e7e8ec; padding-top: 15px; margin-top: 15px; padding-left: 12px; }

  .listing-flight-price-wrap .listing-flight-price h2 { text-align: left; }

  .listing-flight-price-wrap .listing-flight-price h6 { text-align: left; }

 .single-flight-bag .dropdown.depart-bag { position: absolute; top: 15px; right: 15px; }

 .single-flight-bag .dropdown.return-bag { position: absolute; top: 142px; right: 15px; }

 .single-flight-bag .depart-bag.dropdown:hover .dropdown-menu { left: auto !important; right: 0px !important; }

 .single-flight-round-box .baggage-wrap { border: none !important; margin: 0px !important; }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
 .single-flight-bag .dropdown.depart-bag { position: absolute; top: 15px; right: 15px; }

 .single-flight-bag .dropdown.return-bag { position: absolute; bottom: 15px; right: 15px; top: auto; }

 .single-flight-bag .depart-bag.dropdown:hover .dropdown-menu { left: auto !important; right: 0px !important; }

 .single-flight-round-box .baggage-wrap { border: none !important; margin: 0px !important; }
}

@media screen and (min-width: 992px) and (max-width: 1920px) {
 .single-flight-bag .return-bag.dropdown:hover .dropdown-menu { left: 0px !important; right: auto !important; }
}

/* new-listing-css */
#content { position: relative; }

.pink-border { background: var(--main-pink); height: 2px; }

.modify-flights-sec { z-index: 2; position: relative; }

/* .detail-card{
    box-shadow: 0px 0px 40px 0px #00000026;

  } */

.bt-shadow { box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05); }

.detail-card-box { height: 0px; transition: 0.2s all; }

 .detail-card-box.active { height: max-content; transition: 0.2s all; }

.bag-info-box { position: absolute; width: 240px !important; background: #fff; box-shadow: 0px 0px 19px 4px #00000033; border: 1px solid #ccc; border-radius: 6px; z-index: 2; }

/* .detail-card{
    position: absolute;
    background: white;
    top: 80%;
    box-shadow: 0px 0px 40px 0px #00000026;
} */
.icons-box-border { position: relative; z-index: 1; }

 .icons-box-border::after { content: ""; position: absolute; top: 50%; left: 13%; height: 1px; z-index: 0; width: 75%; border-top: 2px dotted black; }

.flight-detail-bag img { z-index: 5; position: relative; }

.flight-detail-bag .bag-info-box { display: none; }

.flight-detail-bag:hover .bag-info-box,
.flight-detail-bag:active .bag-info-box { display: block; }

.flight-detail-bag:hover { z-index: 120; }

.flight-detail-bag { z-index: 0; }

.bag-info-box { z-index: 3; }

.custom-tooltip { color: white !important; background-color: black !important; }

#flight-detail .detail-card { background: #f0f8fc; }

.departure-btn { background: white; }

 .departure-btn.active { background: var(--secondry-light); border: 1px solid var(--main-pink) !important; }

.dotted-border { border-top: 2px dotted var(--primary-main); }

.bt-border-2 { border: 2px solid var(--primary-main); }

.checkout-review-box .flight-detail-card { position: relative !important; z-index: 1; }

.checkout-review-box .review-info-header { display: none; }

.checkout-review-box .detail-card { background: #fff; }

.bt-navbar { position: fixed !important; top: 0; right: 0; width: 100%; z-index: 10; }

.listing-page .bt-navbar { position: relative !important; }

/* .checkout-price-detail{
  position: fixed;
  width: 27%;
  max-width: 360px;
} */
.bag-btn-pink { background: linear-gradient(360deg, #f72585 0%, #ff96c6 100%) !important; color: white !important; }

.active .bag-btn-pink { background: linear-gradient(180deg, #ffffff 50%, #d2d2d2 100%) !important; color: #f72585 !important; }

#navbar_top { z-index: 1050; }

.process-popup-modal .modal-content { background: transparent; display: flex; align-items: center; border: none; }

.recmonded-img { top: -4px; right: -4px; }

.nyc-men { margin-bottom: -22px; }

.nyc-p-bg { background-image: url("/images/destinations/city/nyc-purple-bg.webp"); background-size: cover; }

/* .title-shadow{
  filter: drop-shadow(0px 6px 20px #00000040);
} */
.map-bg { background-image: url("/images/destinations/city/map.svg"); background-size: cover; }

.destination-box1:hover img.rounded-circle { box-shadow: 0px 17px 30px 0px #00000026; transition: 0.5s all; }

img.rounded-circle { transition: 0.5s all; }

.successful-itenery-detail .bg-detail-row.d-none { display: flex !important; }

@media (max-width: 767px) {
 .custom-toltip.show { display: block; transform: translateX(-22%) !important; }

 .flight-price-box { background: #dbf0ff; }

 .banner-filter-box { position: relative; }

 .main-search-box { background: transparent; }

 .banner-img-slider { display: none; }

 .bt-border-2 { border: none; }

 .flight-detail-card { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: white; z-index: 1050; overflow-y: scroll; }

 #itinerary-details .flight-detail-card { position: relative; }

 .z-index-top { z-index: 22 !important; }

 .view-sum-btn { font-size: 12px; }
}

@media (max-width: 1000px) {
 .z-index-top { z-index: 22 !important; }
}

.custom-toltip.show { display: block; transform: translateX(-14%) !important; }

.price-plan-card-box { overflow-x: scroll; overflow-y: hidden; }

.looading-box-call-bg { background: rgba(65, 180, 246, 0.1); }

.looading-box-call { max-width: 500px; }

#baggageInformation .custom-toltip { position: absolute !important; top: -2px !important; left: 125px !important; transform: none !important; padding: 5px 8px; width: auto !important; min-width: auto !important; max-width: 100px !important; }

 #baggageInformation .custom-toltip span { color: #fff !important; }

#baggageInformation img.info-icon { margin-top: -4px !important; }

.lto-popup .modal-dialog { max-width: 640px; width: 640px; /* left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  position: absolute; */ }

.lto-popup .cta-sec { background: #eefaff; }

.lto-popup .fares-sec { background: #eefaff; }

.lto-popup .modal-dialog .modal-body { padding: 0px; }

.lto-popup .btn-close { position: absolute; right: -15px; top: -15px; background-color: #fff; border-radius: 50%; padding: 10px; z-index: 99999; opacity: 1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); color: #ccc !important; }

 .lto-popup .btn-close:hover { opacity: 1 !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2) !important; }

.blink_it { animation: ctablink 3s linear infinite; }

.listing-flight-detail .ppa-text { font-size: 12px; }

.listing-flight-detail .newyeartag { background: linear-gradient(267.14deg, #074c7f -18.87%, #ff4e4e 93.17%); padding: 5px 15px 8px 20px; border-radius: 0px 10px 0px 30px; font-size: 14px; }

@keyframes ctablink {
 50% { opacity: 0.75; }
}

@media screen and (max-width: 480px) {
 .lto-popup .cta-btn { font-size: 14px !important; }

 .lto-popup .btn-close { right: -10px; }

 .listing-flight-detail .ppa-text { font-size: 10px; }

 .listing-flight-detail .border-top { border-top: 3px dotted #dee2e6 !important; }

 .listing-flight-detail .fs-14.fw-bold { font-size: 12px; }

 .listing-flight-detail span sup { position: absolute; top: 0; right: 0; }
}

@media screen and (max-width: 640px) {
 .lto-popup .modal-dialog { width: 100%; /* margin: 0; */ max-width: 96%; }
}

.pagenotfound-sec { background: linear-gradient(rgba(22, 45, 67, 1), rgba(22, 45, 67, 0.6)), url("/images/page-notfound-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.reviews-main-sec { background: linear-gradient(rgba(22, 45, 67, 0.7), rgba(22, 45, 67, 0.7)), url("/images/reviews-main-sec-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.reviews-filter-sec { background: linear-gradient(rgba(22, 45, 67, 0.6), rgba(22, 45, 67, 0.6)), url("/images/reviews-filter-sec-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.trustpilot-reviews-sec { background: linear-gradient( rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85) ), url("/images/trustpilot-reviews-sec-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.session-timer-box { background: #fff; position: relative; }

 .session-timer-box p { color: rgba(108, 117, 125, 1); }

@media screen and (min-width: 992px) and (max-width: 1164px) {
 .travelers-box .user-icon { display: none; }
}

.foot-soc-med li img { width: 36px !important; }

@media screen and (max-width: 640px) {
 .dates-box .react-datepicker__month-container { width: 100%; }
}

@media screen and (max-width: 991px) {
 .session-timer-box { position: fixed; top: 62px; left: 0; padding: 5px 0px; z-index: 99999999; background: #ffe4df; }

  .session-timer-box p { color: rgba(0, 0, 0, 1); }

  .session-timer-box img { top: 10px; right: 10px; }

 .modal-body .session-timer-box { display: none; }

 .checkout-sidebar.checkout-price-detail .total-price-box-wrap { display: none; }

 .checkout-sidebar.checkout-price-detail .price-details-wrap { display: none; }
}

@media screen and (max-width: 480px) {
 .session-timer-box h5 { font-size: 16px; }

 .session-timer-box p { font-size: 14px; }
}

.imgfull { width: 100%; height: 100%; position: relative; }

.routes-flight-deals { background: url("/images/right-flight-bg.svg") right bottom no-repeat, url("/images/left-flight-bg.svg") left top repeat; background-repeat: no-repeat; background-color: #f2f8fe; }

 .routes-flight-deals .top-flights-card { transition: 700ms; }

  .routes-flight-deals .top-flights-card:hover { box-shadow: 0 5px 10px -3px rgba(179, 214, 248, 1) !important; }

.routes-text h2 { font-size: 24px; margin: 30px 0 24px; color: var(--primary-main); }

.routes-text ul,
.routes-text ol { padding-left: 0; list-style-type: none; }

 .routes-text ul li { /* font-size: 14px; */ margin: 8px 0; background-image: url(../../icons/disc-icon-blue.svg); background-repeat: no-repeat; padding-left: 16px; background-size: 7px; background-position: 0 9px; }

  .routes-text ul li ol li { background-image: none; }

  .routes-text ul li a,
  .routes-text ol li a { text-decoration: none; }

   .routes-text ul li a:hover,
   .routes-text ol li a:hover { text-decoration: underline !important; }

@media screen and (min-width: 768px) {
 .routes-banner .trip-btn,
 .routes-banner .trip-btn.active { padding: 5px 20px 5px 20px; border-radius: 50px !important; }

  .routes-banner .trip-btn::before,
  .routes-banner .trip-btn::after { display: none; }

 .routes-banner .active.trip-btn::before,
 .routes-banner .active.trip-btn::after { display: none; }

 .routes-banner .search.box .btn { background: linear-gradient( 145deg, rgba(80, 155, 210, 1) 0%, rgba(7, 76, 127, 1) 100% ); }
}

.mob-price-sum { z-index: 999; }

.modifySearchWidget-open { z-index: 99999 !important; position: fixed !important; overflow-x: hidden; height: 100vh; top: 0; }

body.modal-open { padding: 0 !important; }

.foot-cookie-box { background: rgba(235, 235, 235, 0.95); }

.media-upload-sec .drag-file-field { border: 2px dashed #074c7f; }

 .media-upload-sec .drag-file-field:hover { border: 2px dashed #074c7f; }

.media-upload-sec .left-sec { border-right: 1px solid #e7e7e7; }

#reload_href { display: none; }

.captcha-container canvas { margin-top: 0px; }

.cnf-detail-desc-list ul { list-style: none; padding-left: 0; }

 .cnf-detail-desc-list ul li { margin-bottom: 10px; padding-left: 25px; background-image: url(../../icons/list-circle-icon.svg); background-repeat: no-repeat; background-position: left 5px; font-size: 12px; background-size: 8px; }

  .cnf-detail-desc-list ul li a { color: var(--light-blue); text-decoration: none; font-weight: 600; }

/* pagination css start*/

.pagination-container { display: flex; gap: 8px; align-items: end; }

.page-button { background-color: #fff; border: 1px solid #ddd; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; color: #60b7db; font-size: 18px; cursor: pointer; transition: all 0.3s ease; font-weight: 600; padding-bottom: 4px; }

 .page-button:hover { background-color: #f0f0f0; }

 .page-button.active { background-color: #60b7db; color: #fff; border: 1px solid #60b7db; }

 .page-button:disabled { background-color: #e9ecef; color: #adb5bd; cursor: not-allowed; }

@media screen and (min-width: 992px) {
 .lg-poisition-fixed { position: sticky; top: 70px; }

 html { overflow: unset; }
}

/* pagination css end*/
@media screen and (min-width: 769px) {
 .treview-wrap p { min-height: 145px; }

 .reviews-wrap .card p { min-height: 100px; }
}

.newyearsec { background-image: url(../../images/header_newyear_bg.svg); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.ql-indent-1 { margin-left: 30px !important; margin-top: 0.3rem; }
.ql-indent-2 { margin-left: 60px !important; margin-top: 0.3rem; }
.ql-indent-3 { margin-left: 90px !important; margin-top: 0.3rem; }
.ql-indent-4 { margin-left: 120px !important; margin-top: 0.3rem; }
.ql-indent-5 { margin-left: 150px !important; margin-top: 0.3rem; }
.ql-indent-6 { margin-left: 180px !important; margin-top: 0.3rem; }
.ql-indent-7 { margin-left: 210px !important; margin-top: 0.3rem; }
.ql-indent-8 { margin-left: 140px !important; margin-top: 0.3rem; }

.container.blog ul { margin-bottom: 0px; margin-top: 0px; }

.container.blog ol { margin-bottom: 0px; margin-top: 0px; }
.col { flex: 1 0 0%; }

.destination-slider { width: 100%; padding: 50px 0; }
.col {
    flex: 1 0 0%;
}