body {padding-bottom: 60px;}
.bodybg {background:url("../img/main-banr.jpg"); background-size: cover;}
.formbg {background-color: #074D77; position: relative; display:inline-block; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px;}
/* .top-mg {margin-top:100px;} */
.top-mg1{
  margin-top: 12%;

}
.field .fa-plane{
  font-size: 18px;
}
.trip-type{margin-bottom:10px;color:#fff;}
.trip-type label{margin-right:20px;font-size:16px;}
.flight-form{display:flex;align-items:center;background-color:#fff;border-radius:4px;overflow:hidden;max-width:1100px;margin:auto;}
.form-section{display:flex;flex:1;}
.field{display:flex;align-items:center;padding:10px 15px;border-right:1px solid #ccc;flex:1;background:#fff;}
.field i{margin-right:8px;}
.field input{border:0;outline:0;font-size:14px;width:100%;}
.icon-swap{display:flex;align-items:center;justify-content:center;border:2px solid #0b4c6f;border-radius:50%;width:30px;height:30px;background-color:#fff;position:relative;top:5px;left:-15px;z-index:2;cursor:pointer;font-size:16px;}
.search-btn{background-color:black;color:#fff;padding:20px;cursor:pointer;border:0;font-size:16px;min-width:100px;}
.field.date,.field.passengers{min-width:150px;}
.passenger-dropdown{position:absolute; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.3); padding:10px; border-radius:5px; z-index:10; top:115px; right:80px; min-width:220px; display:none;}
.passenger-dropdown .row{display:flex;justify-content:space-between;align-items:center;margin:5px 0;}
.passenger-dropdown button{padding:3px 8px;font-size:14px;cursor:pointer;background:#0b4c6f;color:#fff;border:0;border-radius:3px;}
.error{color:yellow;margin:10px auto;text-align:center;}
#ui-id-1 .ui-menu-item {display:block; float: none;}
#ui-id-1 .ui-state-active, .ui-widget-content .ui-state-active {border:1px solid #074D77; background:#074D77; font-weight: normal; color: #ffffff;}
#ui-id-1 .ui-menu-item-wrapper {position: relative; padding:10px 1em 10px .4em;}
#ui-id-2 .ui-menu-item {display:block; float: none;}
#ui-id-2 .ui-state-active, .ui-widget-content .ui-state-active {border:1px solid #074D77; background:#074D77; font-weight: normal; color: #ffffff;}
#ui-id-2 .ui-menu-item-wrapper {position: relative; padding:10px 1em 10px .4em;}
#ui-id-1 {border-bottom: 0 solid #ddd; box-shadow:0 2px 6px rgba(0,0,0,0.3); width: 200px!important; display:block;}
#ui-id-2 {border-bottom: 0 solid #ddd; box-shadow:0 2px 6px rgba(0,0,0,0.3); width: 200px!important; display:block;}
.passenger-dropdown {padding: 15px; background: #fff; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.counter {display: inline-block;}
.passenger-row label {width: 50px;}
.counter button {background: #040404; border: none; padding: 5px 10px; margin: 0 5px 5px; font-size: 16px; cursor: pointer;}
.counter span {min-width: 20px; text-align: center; display: inline-block;}
.travel-class-options {display: block; /*display: flex; flex-direction: column; gap: 5px;*/}
.travel-class-options label {font-weight: normal; display: block;}
.travel-class-options input {width:auto;}
/* added by irshad sir on 04-06-2025 start */

/*Nav Page*/

.navbar-default {background:#fff; border-color:#eee; min-height:auto; padding:15px 0; border-radius:0;}
.navbar-default .navbar-nav > li > a {color:#000; text-transform:uppercase; font-weight:bold; font-size:13px;}
.navbar-default .navbar-nav > li > a:hover {color:#b51e37;}


/*Nav Page End*/

/*Contact Us*/

.contact-form input, .contact-form textarea {border: 1px solid #DCD8D8 !important;}

.contact-form input,.contact-form textarea{width:100%; border-radius:4px; border:1px solid #F7F7F7; padding-left:15px; outline:none;}

.contact-form input.error,.contact-form textarea.error{background:rgba(255,0,0,.25)!important;}

.contact-form input{height:50px}

.contact-form textarea{height:135px; padding-top:10px;}

.contact-form .form-grp{margin-bottom:30px;}

.contact-form label.error{display:none!important;}

.contact-form .form-result .inner{background:#3563a9; padding:10px 20px; border-radius:4px; margin-top:20px;}

.contact-form .form-result .inner.error{background:red;}

.contact-form .form-result p{margin:0!important; color:#fff;}

.contact-info-box ul,.contact-info-box li,.contact-info-box h3,.contact-info-box p{margin:0; padding:0; list-style:none;}

.contact-info-box li + li{margin-top:35px;}

.contact-info-box>p{margin-top:-8px; font-weight:300;}

.contact-info-box ul{margin-top:34px;}

.thm-btn{font-size:14px; color:#FFF; letter-spacing:-.005em!important; display:inline-block; line-height:51px; background:#3563a9;

font-weight:bold!important; text-transform:uppercase; vertical-align:middle; border:1px solid #3563a9; border-radius:4px;

padding:0 36px; -webkit-transition:background .4s ease,color .4s ease!important; transition:background .4s ease,color .4s ease!important;}

.thm-btn:hover{background:#fff; color:#3563a9; border:1px solid #3563a9;}

.contact-info-box h3 {font-size:15px; line-height:20px; color:#333; font-family:"Montserrat-Regular",sans-serif; margin-top:-5px;}

.contact-info-box .inner-box{width:50px; height:50px; border-radius:4px; background:#3563a9; text-align:center;}

.contact-info-box .inner-box i{font-size:23px; color:#fff; line-height:50px;}

.contact-info-box .icon-box,.contact-info-box .text-box{display:table-cell; vertical-align:top;}

.contact-info-box .text-box{padding-left:20px;}

.contact-info-box .text-box p{margin-top:4px; font-weight:300;}

.contact-hd {font-size:36px; margin-bottom:25px; font-weight:600;}

/*Contact Us End*/

/* added by irshad sir on 04-06-2025 end */

@media (max-width:767px) {
.flight-form {display: block; background-color: #fff; border-radius:4px; overflow:hidden; max-width: 1100px; margin:auto; position: relative;}
.form-section {display: block;}
.field {padding:10px 15px; border-right:1px solid #ccc; background:#fff; width: 100%; float: left; display: inherit;}
.icon-swap {left: 15px;}
.search-btn {width: 100%;}

}

/*Seach Result Page*/

.bgw {background:#fff;}

label {font-weight:400;}

.filteryourtext {font-size:16px; font-weight:600; padding:20px 0; border-bottom: 1px solid #ddd;}

.fare-type-container {max-width: 400px; margin: 20px auto; font-family: Arial, sans-serif;}

.fare-type-container h5 {margin-bottom: 10px;}

.fare-type-container .fare-option {display: flex; justify-content: space-between; align-items: center; margin: 5px 0;}

.fare-type-container .fare-option label {flex: 1;}

.fare-type-container .fare-option span {margin-left: 10px; color: #555;}

.reset-all {float: right; font-size: 0.9em; text-decoration: none; color: #007BFF; cursor: pointer;}

.stops {border-bottom: 1px solid #ddd; padding-bottom:15px;}

 

.range-slider {width: 320px; position: relative; margin: 30px auto;}

.title {font-weight: bold; color: #003366; margin-bottom: 6px; display: block;}

.price-values {display: flex; justify-content: space-between; margin-bottom: 15px; font-weight: bold; color: red;}

input[type="range"] {position: absolute; pointer-events: none; -webkit-appearance: none; width: 100%; height: 8px; top: 40px; background: none; z-index: 2;}

input[type="range"]::-webkit-slider-thumb {pointer-events: auto; -webkit-appearance: none; height: 18px; width: 18px; border-radius: 50%; background: #fff; border: 2px solid #888; cursor: pointer; z-index: 3;}

.slider-track {position: absolute; height: 8px; top: 40px; width: 100%; background: #ccc; border-radius: 5px; z-index: 1;}

.slider-track::before {content: ''; position: absolute; height: 8px; background: #0d4d7a; border-radius: 5px; left: 0; right: 0;}

.sortinglist {width: 100%; float: left; margin-top:20px; margin-bottom:20px; padding: 0;}

.sortinglist li {border: 1px solid #dfdfdf; text-align:center; text-transform: uppercase; width:25%; float:left; display:block;}

.sortinglist li a {color: #666; display:block; padding: 13px;}

.sortinglist li a:hover, .sortinglist li a:focus {color: #666; text-decoration:none;}

.bookbox {width: 100%; float: left; box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5); background: #fff; margin-bottom: 10px; padding:15px;}

 

.flight-header {width: 20%; float: left;}

.flight-times {width: 60%; float: left; padding-top: 35px;}

.flight-price {width: 20%; float: left; text-align:center;}

.flight-logo {width: 40px; height: 40px;}

.airline {font-weight: bold; margin: 0;}

.flight-code {font-size: 12px; color: #666; margin: 0;}

.original-price {text-decoration: line-through; color: #999; margin: 0;}

.current-price {color:#007bff; font-weight:bold; font-size:18px; margin:0;}

.book-btn {margin-top:4px; background-color:#007bff; color:#fff; padding:6px 12px; border:none; border-radius:4px; cursor:pointer; display: inline-block;}


.refundable {color: #d00; font-size: 12px;}

.flight-times .time-block, .flight-times .time-middle  {width: 33.33333333%; float:left; text-align:center;}

.time-block .time {font-size: 18px; font-weight: bold; width:50px;}

.flight-times .time, .flight-times .date {display:inline-block;}

.time-middle {font-size: 14px; color: #333; font-weight:bold; line-height:14px;}

.flight-times .date {color: #859292; font-size: 17px; font-weight: 600; padding-left: 21px; line-height: 17px;}

.flight-times .date span {display:block;}

.flight-info {text-align:center;}

.airline {margin:5px 0;}

.fdetails {color: #859292; font-size: 14px; font-weight: 600; display: ruby-text;}

.fdetails:hover, .fdetails:focus {color: #859292; text-decoration:none;}

.plane {color: #074D77;}

.plane:before, .plane:after {background: #074D77; display: inline-block; width: 20px; height: 1px; content: '';

vertical-align: middle; margin-top: -8px; padding-left: 18px; margin-right: 5px; margin-left: 5px;}

.myflight {margin-top:15px;}

.myflight .nav-tabs {border-color:transparent;}

.myflight .nav-tabs > li > a {color:#000; font-weight: bold;}

.myflight .nav-tabs > li.active > a, #myflight .nav-tabs > li.active > a:focus, #myflight .nav-tabs > li.active > a:hover {border-color:transparent; border-bottom:2px solid #000;}

.myflight .nav-tabs > li > a:hover {background:transparent; border-color:transparent;}

.flighttype {color:#000; font-size:11px; padding-bottom:15px;}

.flighttype span {color:#d00; font-size:12px; font-weight:600;}

.flightitinerary .flight-card {width: 100%; float: left; box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5); background: #fff; margin-bottom: 10px; padding:15px;}

.flightitinerary .flight-times {width: 100%; padding-top: 15px;}

.depart-date {color:#000; font-size:12px; font-weight:600; margin-top: 20px;}

.depart-date span {color:#859292; font-size:12px; font-weight:600;}

.bookingdetls {width: 100%; float: left; box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5); background: #fff; margin-bottom: 10px; padding:15px;}

.booktime {color:#859292; font-size:12px; font-weight:600;}

.booktime {color:#859292; font-size:12px; font-weight:600;}
#bookbox .plane:before, .plane:after {width: 18px;}
#bookbox .flight-times .date {font-size: 12px; padding-left: 0px;}
#bookbox  .nav-tabs > li > a {padding: 5px 5px; font-size:11px; margin-bottom:15px;}
#flightitinerary .flight-card {width: 100%; float: left; box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5); background: #fff; margin-bottom: 10px; padding:15px;}
#flightitinerary .flight-times {width: 100%; padding-top: 15px;}
 
.baggagebox {width:48%; margin-right: 2%; float:left; padding:10px; border:1px solid #ccc;}
.baggagebox p {font-size:12px; font-weight:600; border-bottom:1px solid #ccc; margin-bottom:5px;}
.search-flight {font-size:18px; color: #354040; margin:0; font-weight:400;margin-top: 23px;}
.search-flight2 {font-size: 13px; color: #777; padding-bottom: 5px;}    
.single-list {margin:20px 0 10px 0;}
.current-price span {display:block; font-size:14px; color:#000; font-weight:300; line-height: 12px;}
.current-price .grandtotal {display:inline-block; font-size:18px; color:#007bff; font-weight:600; line-height: 12px;}
.priceline {padding-top: 15px; text-align:center;justify-content: center;}
.priceline .current-price {padding:0 10px;}
.single-list .flight-times {width: 78%;}
.bdr-r {border-right:1px solid #ccc;}
.priceline .book-btn {width:80%;}
.bookingdetls {width: 96%; float: left; margin-left: 2%; box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5); background: #fff; margin-bottom: 10px; padding:15px;}
.seats-left {font-size:12px; color: #f44336; float:right; width: 21%; text-align: center;}
.bookingdetls p {width: 50%; float: left;}

.booktime {color:#859292; font-size:12px; font-weight:600;}

.bookingdetls2 {
    width: 92%;
    float: left;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5);
    background: #fff;
    margin-bottom: 10px;
    padding: 15px;
    margin-left: 4%;
}
/*Booking Destails Page*/

.no-of-adults {font-weight:bold; font-size: 18px;}

.basefare span, .tax span, .total span {float:right;}

.total {background: #e9f0f8; border-bottom: 1px dotted #c3d7ee; border-top: 1px dotted #c3d7ee; padding: 20px; margin-bottom: 20px;}

.faresummary-hd {font-size: 20px; font-weight:600; width: 50%; position: relative; height: 59px; border-bottom: 0px solid #cccccc82;}

.inr-flight-logo {position:relative; height:60px; margin:20px 0 0 0; background-position:center; background-repeat:no-repeat; background-size:cover; float:right;}

.destinatn {font-size:18px; font-weight:bold; color:#000; background:#f0f0f0; padding: 20px; margin-top:15px;}

.destinatn span {font-size:14px; color:#777; display:block;}

.depart-hd {font-size:11px; color:#f00; display:block;}

.depart-box        {padding: 20px; background: #d6eaf4;}

.depart-destinatn {font-size:20px; font-weight:600; color:#000;}

.depart-destinatn span {float:right;}

.flightdts {margin-right: 10px; color: #000; font-size: 18px; font-weight: 700;}

.flightdts span {font-size: 15px; color: #88a0ba; font-weight: 500;}

.boxflight {width: 100%; float: left; margin:30px 0;}

.flight-inrlogo {float:left; margin-right:15px; max-width:50px;}

.details-of-flight {float:left; position:relative;}

.timemiddle {width: 100%; float: left; font-weight:bold;}

.timemiddle .duration, .timemiddle .code {float: left;max-width: 250px;}

.timemiddle .plane {width: 194px; float: left; text-align: center;}

.airline-type {width: 18%; float: right; text-align: right;}

.flytime, .flyairway span {font-weight:bold;}

.airlinemdl {background: #4caf50; position: relative; color: #fff; padding: 3px 0; font-size: 12px; display: flex;

justify-content: center; align-items: center; font-weight: 500;}

.airlinemdl:before {content: ""; width: 0; height: 0; top: 0; position: absolute; left: 0;

border-left: 13px solid #fff; border-top: 13px solid transparent; border-bottom: 13px solid transparent;}

.reverse-plane {-webkit-transform: scaleX(-1); transform: scaleX(-1);}

.passenger-info {background: #fff; border: 1px solid #ddd; box-shadow: 2px 6px 5px #dfdfdf; border-radius: 10px; padding: 20px; margin-bottom: 30px;}

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

.passenger-p {font-size: 14px; font-weight:300; margin-bottom:20px;}

.termslink {font-size: 14px; color:#000; margin-bottom:15px;}

.termslink a {font-size: 14px; color:#000; font-weight:bold;}

.btn-booknow {width: 100%; float:left; text-align:center; margin-bottom:40px; background-color:#007bff; color:#fff; padding:10px 0; border-radius:4px;}

.top-mg20 {margin-top:20px;}

.activebutton {
    margin-top: 4px;
    background-color: #e9d33d;
    color: #fff;
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.activebutton2 {
    margin-top: 4px;
    background-color: #e9d33d;
    color: #fff;
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.mainbox1{
    background: #f3f9ff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 1);
}
.mainbox2{
    background: #f3f9ff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 1);
}
  #flash-message {
      position: fixed;
      top: 20px;
      right: 20px;
      z-index: 1050;
      display: none; /* hidden by default */
    }
    .alert {
    padding: 15px;
    margin-bottom: -8px !important;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-booknow.submitbtn:disabled {
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
    opacity: 0.6;
}
#suggestions{
          position: absolute !important;
    width: 320px !important;
    background: white ;
    border: 1px solid rgb(204, 204, 204);
    max-height: 200px;
    overflow-y: auto;
    z-index: 10;
    left: 20px;
    padding-left: 0 !important;
    top: 120px; !important}
    #suggestions2{
          position: absolute !important;
    width: 320px !important;
    background: white ;
    border: 1px solid rgb(204, 204, 204);
    max-height: 200px;
    overflow-y: auto;
    z-index: 10;
    left: 220px;
    padding-left: 0 !important;
    top: 120px; !important}
    .footer {position: fixed; left: 0; bottom: 0; width: 100%; background:#1a1a1a; padding-top:10px;}

.fotr-menu {float:right;}

.fotr-menu li {display:inline-block; padding:0px 6px 0 6px; height:10px; line-height:10px; border-right:1px solid #eee;}

.fotr-menu li a {display:inline-block; color:#fff;}

.fotr-menu li:last-child {border:none;}

.fotr-p {color:#fff;}
.btn-disabled, .btn-disabled input {background: #ddd;}
.disabledate{
        background: #ddd;
   
}

/*Booking Destails Page*/
 

/*Seach Result Page*/
/*Thank You Page*/

.travel-bags {text-align:center; padding:30px 0 50px 0;}

.travel-bags img {display:inline-block!important;}

.thnks-hd {font-size:42px; color:#18a331;}

.booking-dtls-hd {font-size:14px; color:#fff; padding:15px; border-radius:4px; margin:30px 0 0 0; background:#074D77;}

.booking-dtls {margin:10px 0; border:1px solid #eee; padding:10px;}

.booking-dtls p {font-size:14px; margin-bottom:0;}

.booking-dtls span {font-weight:600;}

/*Thank You Page End*/
/*No Flight Found*/

.no-flights-container {text-align: center; margin-top:100px;}

.no-flights-icon {width: 200px; margin-bottom: 20px; opacity: 0.7;}

.no-flights-title {font-size: 24px; font-weight: 600; margin-bottom: 10px; color: #b51e37;}

.no-flights-text {
    font-size: 20px;
    color: #020202;
    margin-bottom: 30px;
        font-weight: 700;
}

/*No Flight Found End*/

 .overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.6);
      display: none;
      justify-content: center !important;
      align-items: center  !important;
      z-index: 999;
    }

    .popup {
    background: white;
    height: 70%;           /* Adjust popup height */
    width: 500px;          /* Set fixed popup width */
    margin: auto;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .popup .fa-plane {
      font-size: 40px;
      color: #1976d2;
      animation: fly 1s infinite ease-in-out;
    }

    @keyframes fly {
      0% { transform: translateX(-10px); }
      50% { transform: translateX(10px); }
      100% { transform: translateX(-10px); }
    }

    .popup h2 {
      margin: 15px 0 10px;
      color: #0d47a1;
    }

    .popup p {
      color:rgb(10, 10, 10);
      font-size: 16px;
    }

    
.dots-loader {
  display: flex;
  justify-content: center;
  height: 10px;
 margin: auto
}

.dots-loader span {
  width: 6px;
  height: 6px;
  margin: 0 2px;
  background-color:white;
  border-radius: 50%;
  animation: blink 1.4s infinite both;
  opacity: 0.4;
}

.dots-loader span:nth-child(2) {
  animation-delay: 0.2s;
}
.dots-loader span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes blink {
  0%, 80%, 100% {
    opacity: 0.2;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
.inbound {background:#e9f0f8; padding:10px 15px; font-size:16px; font-weight: bold; text-transform:uppercase; border-bottom: 1px dotted #c3d7ee; border-top: 1px dotted #c3d7ee; margin-bottom: 20px;}
.farebox{
  box-shadow: 0px 2px 10px 2px #ddd;

padding: 10px;

margin-bottom: 30px;

margin-top: 20px;

border-radius: 4px;
}
.custom-spinner {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite;
}

@keyframes spinner-border {
  100% {
    transform: rotate(360deg);
  }
}