/*--Need Help--*/
.need-help-panel{width:100%; float:left; padding: 50px 0px 50px 0px; background:#f7f8f9;}
.need-help-panel .nhp-innter{width:100%; display:flex; align-items:center; flex-direction:column; padding:15px 15px; border:1px solid #1442cc; border-radius:5px; background:#fff; }
.need-help-panel .nhp-innter .nhpi-text1{display:flex; font-size:28px; color: #12467f; margin-bottom: .8rem; font-weight: 600; }
.need-help-panel .nhp-innter .nhpi-text2{display:block; font-size:26px; color: #d91274; margin-bottom: .8rem; font-weight: 600; }
.need-help-panel .nhp-innter .nhpi-text2 a{color: #d91274}
/*--Need Help--*/

/*--fligth-deal-panel2--*/
.fligth-deal-panel2{width:100%; float:left;  background:#f7f8f9;}
.fligth-deal-panel2 .fdp-innter{width:100%; display:flex;  flex-direction:column; }
.fligth-deal-panel2 .fdp-innter .f-header{width:100%; float:left; text-align:center; margin:0px 0 0px 0;  }
.fligth-deal-panel2 .fdp-innter .f-header .h-text1{width:100%; float:left; text-align:left; border-top:0px solid #eee;  font-weight: 600; font-size:26px; padding-top:15px; margin: 0 0 0px; position:relative;}
.fligth-deal-panel2 .fdp-innter .f-header .h-text1:before{display:block; width:100%; height: 1px; content: ""; position: absolute; bottom: -8px; left: 0; right: 0; margin: 0 auto; background-color:#8b3eea; }
.fligth-deal-panel2 .fdp-innter .ul-tab{width:100%; list-style:none; margin:20px 0 20px 0;}
.fligth-deal-panel2 .fdp-innter .ul-tab li{display:inline-block; }
.fligth-deal-panel2 .fdp-innter .ul-tab li a{display:inline-block; padding:8px 15px; border-radius:5px; color:#0d6efd; }
.fligth-deal-panel2 .fdp-innter .ul-tab li.active a{background:#0d6efd; color:#fff;}
.fligth-deal-panel2 .fdp-innter .package{width:100%; display:flex; margin-bottom:30px; flex-direction:column; background:#fff; border: 1px solid #EDF2FF; box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);}
.fligth-deal-panel2 .fdp-innter .package .top-cont{width:100%; display:flex; align-items:center; justify-content:space-between; border-radius:5px 5px 0 0; padding:16px 20px;}
.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-box1{display:flex; flex-direction:column;}
.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-box2{display:flex; }
.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-box2 .line{display:flex; width:150px; height:2px; border-top:2px dotted #0000006e; position:relative;}
.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-box2 .line .im{width:30px; padding:5px; background:#fff; position:absolute; top:-16px; left:50%; margin-left:-15px;}
.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-box2 .line:before,
.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-box2 .line:after{content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:#1442cc;}
.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-box2 .line:before{top:-5px; left:0px;}
.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-box2 .line:after{top:-5px; right:0px;}

.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-box3{display:flex; flex-direction:column;}
.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-text1{font-size:14px; }
.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-text2{font-size:20px; font-weight:800; }
.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-text3{font-size:14px; }
.fligth-deal-panel2 .fdp-innter .package .bottom-cont{width:100%; display:flex; align-items:center; justify-content: flex-end; background:#f1f5ff; border-radius:0 0 5px 5px; padding:10px 20px;}
.fligth-deal-panel2 .fdp-innter .package .bottom-cont .bot-text{font-size:24px; font-weight:600; }
.fligth-deal-panel2 .fdp-innter .package .bottom-cont .bot-text small{font-size:14px; font-weight:400; color:#838999; }
.fligth-deal-panel2 .fdp-innter .package .bottom-cont .arrow-btn{padding:2px 12px; border:1px solid #1442cc; margin-left:15px; color:#1442cc; font-size:20px; border-radius:5px;}
.fligth-deal-panel2 .fdp-innter .package:hover .bottom-cont .arrow-btn{color:#fff; background:#1442cc;}
@media screen and (min-width:320px) and (max-width:450px) {
.fligth-deal-panel2 .fdp-innter .package .top-cont .tc-box2 .line{display:flex; width:100px;}
}

/*--fligth-deal-panel2--*/


/*----------------------FAQ------------------------*/
.faq-panel{width:100%; float:left; margin-top:20px; background:#1a5da0; background:var(--white); font-family: 'Ubuntu', sans-serif !important;}
.faq-panel .f-header{width:100%; float:left; text-align:center; margin:30px 0 20px 0;  color:#000;}
.faq-panel .f-header .h-text1{width:100%; float:left; text-align:center; border-top:0px solid #eee; color: var(--blue); font-weight: 700; font-size: 32px; padding-top:15px; margin: 0 0 20px; position:relative;}
.faq-panel .f-header .h-text1:before{width: 54px; height: 5px; content: ""; position: absolute; bottom: -8px; left: 0; right: 0; margin: 0 auto; background-color: var(--pink); }
.faq-panel .f-header .h-text2{width:100%; float:left; text-align:center; font-size:14px; color: #777; line-height: 24px;}

.faq-panel .accordion-outer2 {width:100%; float:left; padding:20px 0;}
.faq-panel .accordion-outer2 .faq-pg{width:100%; float:left; padding:0px 0;}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box{width:100%; margin:0 auto; position:relative; z-index:1;}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner{width:100%; float:left; }
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group {width:100%; float:left;}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default{width:100%; float:left; border:0px; box-shadow:none; background: none; margin-bottom:10px;}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-heading{width:100%; float:left; background:none !important; padding:0px 0px; border-bottom:0px solid transparent; border-top-left-radius:0px; border-top-right-radius:0px;}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-heading .panel-title a{background:none;  margin: 0; cursor: pointer; font-size: 16px; color: var(--blue); font-weight: 600; padding: 20px 55px 20px 15px; position: relative;  display: block;  border-radius:35px; margin-bottom: 0px; transition: all 500ms ease; border: 0px solid #eee; background:#f4f7f9; }
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-heading .panel-title a[aria-expanded="true"]{border-radius:35px 35px 0 0;}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-heading .panel-title a:hover{background:#e9eff3;}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-heading .panel-title a::before {content: "";background-color: var(--pink);position: absolute;right: 13px;top: 14px;height:34px;width: 34px; border-radius:50%; }
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-heading .panel-title a:hover::before{background-color: var(--blue);}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-heading .panel-title a:after{content: "\f067"; -webkit-transform: rotate(-90deg);transform: rotate(-90deg); position: absolute; font-family: FontAwesome; right: 23px; top: 23px; transition:0.3s; color:#726a6a;}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-heading .panel-title a.active {border-bottom: 1px solid #dcdcdc;}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-heading .panel-title a[aria-expanded="true"]:after {content: "\f068"; -webkit-transform:rotate(-0deg);transform: rotate(-0deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-collapse{width:100%; float:left; background: #f4f7f9; font-size:16px; color:#2c5281; border-radius:0px 0 35px 35px;}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-collapse .panel-body{border:0px;  padding-top:20px; font-size:15px;} 
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-collapse ul{padding-left:20px;}
/*----------------------FAQ------------------------*/
/* -------------------------
	Search Form
------------------------- */

/* -------------------------
   Global Container
------------------------- */
.wrapnew {
  max-width: 1100px;
  margin: 0 auto;
  font-family: Inter, system-ui, Arial, sans-serif;
  color: #e8ecff;
}

/* -------------------------
   Hero Section
------------------------- */
.heronew {
  background: linear-gradient(180deg, rgba(79,124,255,.18), rgba(79,124,255,.04));
  border: 1px solid rgba(91,134,255,.25);
  padding: 28px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25),
              inset 0 0 0 1px rgba(255,255,255,.03);
  margin-bottom: 24px;
}

.eyebrownew {
  display: inline-block;
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #b8c1ff;
  background: rgba(91,134,255,.12);
  border: 1px solid rgba(91,134,255,.25);
  padding: 6px 10px;
  border-radius: 999px;
}

.heronew h1 {
  margin: 14px 0 8px;
  font-size: clamp(26px, 4vw, 40px);
  line-height: 1.15;
}

.heronew .lead {
  font-size: clamp(15px, 2vw, 18px);
  color: #b8c1ff;
  margin: 8px 0 18px;
}

/* -------------------------
   Call to Action Buttons
------------------------- */
.ctanew {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.btn-new {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 12px;
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.25s ease;
}

.btn-primary-new {
  background: linear-gradient(180deg, #4f7cff, #3a63e8);
  border-color: rgba(255,255,255,.12);
  color: #fff;
}

.btn-ghost-new {
  background: rgba(27,210,164,.12);
  border-color: rgba(27,210,164,.35);
  color: #dcfff6;
}


.why-section {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      max-width: 1100px;
      margin: 50px auto;
      gap: 40px;
    }

    /* Content boxes */
    .why-box {
      flex: 1;
      background: #fff;
      padding: 25px;
      border-radius: 12px;
      box-shadow: 0px 4px 10px rgba(0,0,0,0.08);
    }

    .why-box h2 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
      color: #1a2b49;
    }

    .why-box ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .why-box ul li {
      font-size: 16px;
      color: #333;
      margin: 12px 0;
      display: flex;
      align-items: center;
    }

    .why-box ul li::before {
      content: "✔";
      color: #1e90ff; /* icon color */
      font-weight: bold;
      display: inline-block;
      width: 20px;
      margin-right: 10px;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .why-section {
        flex-direction: column;
      }
    }
	
/* -------------------------
   KPI Section
------------------------- */
.kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.kpi {
  background: rgba(255,255,255,.04);
  border: 1px dashed rgba(255,255,255,.15);
  padding: 12px;
  border-radius: 14px;
  text-align: center;
}

.kpi b {
  display: block;
  font-size: 14px;
  color: #1F2937;
}

.badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: #1F2937;
  margin-top: 4px;
}

/* -------------------------
   Grid Sections (Flight Info & Timing)
------------------------- */
.gridnew {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  margin-top: 18px;
}

.cardnew {
  background: #111630;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 8px 28px rgba(0,0,0,.18),
              inset 0 0 0 1px rgba(255,255,255,.02);
}

.cardnew h3 {
  margin: 0 0 8px;
  font-size: 18px;
}

.list {
  margin: 10px 0 0;
  padding-left: 18px;
  color: #b8c1ff;
}

/* -------------------------
   Responsive Design
------------------------- */

/* For small devices (phones) */
@media (max-width: 600px) {
  .wrapnew {
    padding: 16px;
  }
.why-box{	
	width: 100%; 
}
.why-section{
	margin: 0;
}
.gridnew{
	display: Contents;
}
.cardnew{
	margin: 18px 0;
}
  .heronew {
    padding: 20px;
    text-align: center;
  }

  .ctanew {
    justify-content: center;
  }

  .btn-new {
    flex: 1 1 100%;
    justify-content: center;
  }
  .kpis{display: block;}
  .faq-panel .f-header{margin: 0;}
  .faq-panel .f-header .h-text1{
      font-size: 25px;
	  }
   .faq-panel .accordion-outer2{padding: 0;}
   .panel-title a{line-height: 1.8rem;border-radius: 6px !important;padding: 10px !important;}
   .faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-heading .panel-title a:after{
	right: 13px;top: 15px;color: #726a6a;}
}

/* For medium devices (tablets) */
@media (max-width: 900px) {
  .gridnew {
    grid-template-columns: 1fr 1fr;
  }

  .kpis {
    grid-template-columns: 1fr 1fr;
  }
}

/* For large devices (desktop) */
@media (min-width: 1200px) {
  .heronew h1 {
    font-size: 42px;
  }

  .cardnew h3 {
    font-size: 20px;
  }
}