@import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
.HeaderFixed {padding: 10px 0px; background: #fff; border-bottom: 1px solid #e8e8e8; position: fixed; top: 0px; width: 100%; z-index: 9;}
.HeaderFixed .full_width{display: flex; align-items: center; justify-content: space-between;}
.home_bannerMt60{margin-top: 60px;}
.home_bannerMt60 .hero_banner h1{font-size: 46px;}
.home_bannerMt60 .hero_banner .button_read_more{font-size: 32px; padding: 6px 20px; margin-bottom: 25px; display: flex ; align-items: center; gap: 5px;}
.home_bannerMt60 .hero_banner .button_read_more svg{height: 30px; width: 30px;}
.home_bannerMt60 .hero_banner span.CallUs{background: #712cf9; font-size: 14px; border-radius: 30px 10px 0px 0px; padding: 5px 15px 0px 15px; color: #fff; position: relative; left: 6px; margin-top: 15px;}
.home_bannerMt60 .hero_banner p{font-size: 32px;}
.HeaderFixed .full_width .RightSideCall a{display: flex ; align-items: center; gap: 5px; font-size: 20px; font-weight: 700; color: #304f47; border: 1px solid; padding: 5px 12px; border-radius: 5px;}
.HeaderFixed .full_width .RightSideCall a svg{background: #712cf9; padding: 4px; border-radius: 50px; height: 30px; width: 30px; border: 3px solid #ff989f;}
.TicketBookingBannerFlex .d-flex{display: flex;}
.TicketBookingBannerFlex .d-flex .col{flex: 1;}
.TicketBookingBannerFlex .d-flex .col-1{width: 50%; box-sizing: border-box; background: #eff9ff; border-radius: 0px 30px 30px 0px; border-bottom: 10px solid #661ef5; border-top: 10px solid #e5f2fa;}
.TicketBookingBannerFlex .d-flex .col-2{width: 50%; background: #eff9ff; border-bottom: 10px solid #712cf9; border-radius: 30px 0px 0px 30px; border-top: 10px solid #e5f2fa;}
.TicketBookingBannerFlex .d-flex .ImgSection{text-align: center;}
.TicketBookingBannerFlex .d-flex .ImgSection img{width: 80%; height: auto;}
.TicketBookingBannerFlex .CardBanner {padding: 90px;}
.TicketBookingBannerFlex .CardBanner .contentBanner p{font-size: 32px; font-weight: 600; padding-top: 15px; line-height: 50px; color: #000; margin-bottom: 30px; }
.TicketBookingBannerFlex .CardBanner .contentBanner p span{float: left; width: 100%; color: #661ef5;}
.TicketBookingBannerFlex .CardBanner .contentBanner{position: relative;}
.TicketBookingBannerFlex .CardBanner .contentBanner .line{width: 100px; }
.TicketBookingBannerFlex .CardBanner .contentBanner button.GrabDeals{width: 100px; cursor: pointer; border: 2px solid #7c3df7; padding: 6px; border-radius: 50px; background: #712cf9; color: #fff; font-weight: 600;}
.tfn__box__middle .numberList a .callIcon {background: #661ef5; color: #fff; padding: 12px 20px; display: flex; align-items: center; gap: 10px; border-radius: 10px; margin-bottom: 5px;}
.tfn__box__middle .numberList a .callIcon:hover{background: #8250e8;}
.tfn__box__middle .numberList a .callIcon img.flage-code{width: 35px; height: 35px; border-radius: 50px; border: 2px solid #fff;}
.tfn__box__middle .model-top-rht span {position: relative; font-size: 14px; background: #000e4c; padding: 8px 20px; border-radius: 10px 10px 0px 10px; color: #fff;}
.tfn__box__middle .numberList a {position: relative; z-index: 1; display: flex ; align-items: center; justify-content: center; color: #FFF; font-size: 40px; font-style: normal; gap: 10px; font-weight: 700; line-height: normal; text-decoration: none; outline-offset: -12px; width: max-content; outline: 1px dashed #4b5ba3;}
.BookCheapFlights{background: #fcfbff; padding: 60px 15px;}
.BookCheapFlights .contentBody h2{padding-bottom: 15px; text-align: left; font-size: 28px; font-weight: 700;}
.BookCheapFlights .contentBody h3{padding-bottom: 15px; text-align: left;}
.BookCheapFlights .contentBody p{line-height: 30px;}
.footerNumShow{display: none;}
.sidebar-call {width: 100%; position: fixed; top: 50%; left: 100%; transform: translate(-30px, -50%); -webkit-transform: translate(-30px, -50%); -moz-transform: translate(-30px, -50%); z-index: 999; transition: .3s linear; -webkit-transition: .3s linear; -moz-transition: .3s linear}
.sidebar-call:hover {transform: translate(-215px, -50%); -webkit-transform: translate(-215px, -50%); -moz-transform: translate(-215px, -50%)}
.sidebar-call>a {width: auto; float: left; font-weight: 700; display: block; text-decoration: none; line-height: 1.5; text-align: left; position: relative; padding: 10px 20px 7px 35px; background: #712cf9;}
.sidebar-call>a>span {position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); border: 7px solid #712cf9; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%}
.sidebar-call>a>span>img {background: #fff; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; float: left; filter: sepia(1);}
.sidebar-call>a>b {font-size: 18px; color: #fff} 
.BookCheapFlights .contentBody ul{margin-left: 30px;}
.BookCheapFlights .contentBody ul li{line-height: 30px;}
.CardBanner .TermsandCon p{margin: 15px 0px; font-size: 24px; color: #333; font-weight: 600;}
.BannerMiddleSec {padding-bottom: 60px;}
.BannerMiddleSec .img img{width: 100%; border-radius: 20px;}
.general_content {background: #f9f9f9; padding: 60px 0px;}
.general_content h1{font-size: 32px; font-weight: 600;}
.general_content h2{font-size: 20px; font-weight: 600;}
.general_content h1,
.general_content h2,
.general_content h3{margin: 15px 0px;}
.general_content p{font-size: 15px; line-height: 30px;}
.general_content ul{padding-left: 25px;}
.general_content ul li{font-size: 15px; line-height: 30px;}
.hidden-lg{display: none;}
.footer_txt .FooterCallUs a{background: #712cf9; padding: 6px 20px; width: max-content; margin: 20px auto; font-size: 24px; border-radius: 5px; display: flex ; align-items: center; gap: 5px;}
.header_bar .callNowHeader{padding-top: 20px;}
.header_bar .callNowHeader a{font-size: 24px; color: #000; font-weight: 700; position: relative; display: flex ; align-items: self-start; gap: 5px;}
.header_bar .callNowHeader a span{font-size: 13px; position: absolute; top: -14px; left: 30px; color: #712cf9;}

@media (min-width:991px) and (max-width:1199px) {
  .tfn__box__middle .numberList a{font-size: 28px;}
  .TicketBookingBannerFlex .CardBanner{padding: 50px 30px;}
  .TicketBookingBannerFlex .CardBanner .contentBanner p{font-size: 25px;margin-bottom: 15px;padding-top: 15px;}
  .CardBanner .TermsandCon p{font-size: 18px;}
  .why_choice_us .design_icon_box .content_box h3{font-size: 16px;}
  .why_choice_us .design_icon_box .icon_box{margin-bottom: 10px;}
}

@media screen and (min-width: 320px) and (max-width: 767px){
.HeaderFixed .full_width .RightSideCall a{font-size: 14px; padding: 2px 6px; gap: 2px;}
.HeaderFixed .full_width .RightSideCall a svg{height: 18px; width: 18px; padding: 1px;}
.MobileViewBanner .MiddleImg{width: 100%; float: left; background: linear-gradient(175deg, rgb(239 239 239) 0%, rgb(224 208 255) 100%); padding: 60px 15px; text-align: center;}
.MobileViewBanner .MiddleImg p{margin: 0px; font-size: 24px; color: #000; font-weight: 700;}
.MobileViewBanner .MiddleImg p.feel__free{font-size: 14px; margin-bottom: 10px;}
.MobileViewBanner .AirlineFlightTicket h2{margin: 0px; background: #353535; padding: 7px; font-size: 14px; text-align: center; color: #fff;}
.MobileViewBanner .CallUsNow{width: 100%; float: left; margin: 0px; background: #712cf9; padding: 10px; margin-bottom: 3px;}
.MobileViewBanner .CallUsNow.trainsDealsUs{margin: 10px 0px;}
.MobileViewBanner .CallUsNow a{ font-size: 24px; text-align: center; color: #fff; font-weight: 700;}
.MobileViewBanner .CallUsNow .callIcon{display: flex; align-items: center; justify-content: center; gap: 5px;}
.MobileViewBanner .CallUsNow .callIcon img{width: 30px; height: 30px; border-radius: 50px; border: 2px solid #fff;}
.MobileViewBanner .HelplineBottom p{text-align: center; padding: 10px; font-size: 16px; font-weight: 500;  margin: 0;}
.MobileViewBanner .NoHold p{text-align: center; font-size: 14px; padding: 15px 20px 0px; font-weight: 600;}
.MobileViewBanner .reservationText{ width: 100%; float: left;}
.MobileViewBanner .reservationText h3{margin: 0px; background: #353535; padding: 10px; font-size: 20px; text-align: center; color: #fff;}
.Customersupport{width: 100%; float: left; background: linear-gradient(180deg, rgb(0 0 0) 0%, rgb(190 158 255) 100%); padding: 40px 20px;}
.Customersupport .CardBox{border: 1px solid #fff3eb; margin-bottom: 15px; border-radius: 5px; float: left; width: 100%;}
.Customersupport .CardBox p{margin: 0px; font-size: 13px; border-radius: 5px; line-height: 20px; color: #000; background: #fff; text-align: center; padding: 10px; font-weight: 600;}
.Customersupport .heading_area {float: left; width: 100%; text-align: center;}
.Customersupport .heading_area h1{color: #fff; margin-bottom: 15px; font-size: 24px;}
.HelpBoxSection {padding: 60px 0px; float: left; width: 100%;} 
.HelpBoxSection .boxService .box{width: 50%; display: inline-block; float: left; border: 1px solid #e0e0e0; text-align: center; padding: 24px 5px; margin-left: -1px; margin-bottom: -1px;}
.HelpBoxSection .boxService .box .icons svg{height: 40px; margin-bottom: 5px; background: #d4e8fe; padding: 10px; width: 40px; border-radius: 5px;}
.HelpBoxSection .boxService .box p{font-size: 10px; font-weight: 600; margin: 0; line-height: 20px;}
.BookCheapFlights .contentBody h2{font-size: 20px;}
.BookCheapFlights .contentBody p{font-size: 15px;}
.footerNumShow{display: block;}
.footerNumShow{position: fixed; bottom: 0; width: 100%; padding: 0px 20px 0px; background: #000; z-index: 9990; display: flex; gap: 10px; justify-content: flex-start; align-items: center; border-radius: 15px 15px 0 0; border-top: 4px solid #712cf9; transition: all 0.3s;}
.footerNumShow .rightCall p{color: #fff; margin: 0;}
.footerNumShow .rightCall span{font-size: 22px; color: #fff; font-weight: 600;}
.footerNumShow .callIcon img {width: 60px; display: block;}
.sidebar-call{display: none;}
.Copyright{margin-bottom: 60px; padding-bottom: 20px !important; font-size: 12px;}
.Customersupport .heading_area h1 span.light_font{color: #712cf9; font-weight: 100;}
.HeaderFixed img.logo{margin-top: 0px; width: 115px;}
.BookCheapFlights .contentBody ul{margin-left: 20px;}
.home_bannerMt60{display: none;}
.HeaderFixed .full_width img{width: 130px;}
.general_content h1{font-size: 24px;}
.general_content h2{font-size: 20px;}
.Customersupport .col-xs-6{width: 50%;}
.hidden-xs{display: none;}
.hidden-lg{display: block;}
.header_bar .callNowHeader a{font-size: 14px;}
.header_bar .callNowHeader a span{font-size: 10px;}
.header_bar .callNowHeader svg{height: 15px; width: 15px;}
.custom_nav .navbar-brand img{width: 120px;}
}