/*--Need Help--*/
.need-help-panel{width:100%; float:left; padding: 50px 0px 50px 0px; background:#fff;}
.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:#f4f7ff; }
.need-help-panel .nhp-innter .nhpi-text1{display:flex; font-size:28px; 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{font-weight:700 !important;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: 2px solid #EDF2FF;border-radius: 9px;}
.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:700;color: #316cf4;}
.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 0 0;  color:#000;}
.faq-panel .f-header .h-text1{width:100%; float:left; text-align:left; border-top:0px solid #eee; color: var(--blue); font-weight: 700; font-size: 26px;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;border-bottom: 1px solid #f0f2f5;}
.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: 14px; color: var(--blue); font-weight: 600; position: relative;  display: block; margin-bottom: 0px; transition: all 500ms ease; border: 0px solid #eee;padding:12px 5px;}
.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"]{}
.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: 13px; 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; font-size:16px; color:#2c5281;}
.faq-panel .accordion-outer2 .faq-pg .faq-panel-box .faq-panel-box-inner .panel-group .panel-default .panel-collapse .panel-body{border:0px;font-size:14px;padding: 15px 5px;} 
.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 {
      margin: 20px 0;
      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;
    }
@media screen and (max-width: 767px) {
	.cont{gap: 0px;display: block !important;margin: 0 0 30px 0 !important;width: 100% !important;}
	.text-section{margin-bottom: 22px;}
	.text-section h2{font-size: 24px;}
	.cta-button{width: 100% !important;}
	.wrapnew {padding: 0 16px;}
	.vincommon{display: block !important;}
	.cardnew{width: 100% !important;}	
}
    /* Responsive */
    @media (max-width: 768px) {
      .why-section {
        flex-direction: column;
		}
	  .need-help-panel .nhp-innter .nhpi-text1{font-size: 23px;}
	  .need-help-panel .nhp-innter .nhpi-text2{font-size: 20px;text-align:center;}
    }
	
	
	 .text-section {
      max-width: 300px;
    }
.cont{
	display: flex;
	justify-content: space-between; 
	align-items: center;
}
    .text-section h2 {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
	  color: #1a2b49;
    }

    .text-section ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .text-section li {
      margin-bottom: 12px;
      font-size: 16px;
      display: flex;
      align-items: center;
      color: #333;
    }

    .text-section li::before {
      content: "●";
      color: #a7d0f5; /* light blue dot */
      font-size: 14px;
      margin-right: 10px;
    }

    .cta-button {
  background: linear-gradient(90deg, #3a7bfd, #3374f0);
  color: #fff;
  padding: 25px 50px;   /* bigger padding for large button */
  border: none;
  border-radius: 12px;
  font-size: 22px;      /* larger font */
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  width: 48%;     /* ensure it's wide */
  box-shadow: 0 4px 10px rgba(0,0,0,0.15); /* optional shadow */
  transition: 0.3s ease;
}

.cta-button:hover {
  opacity: 0.9;
}

.cta-button span {
  display: block;
  font-size: 18px;     /* bigger phone number text */
  font-weight: normal;
  margin-top: 8px;
}

/*start of accordion-body */
.gridnew {
  margin: 0 auto;
}

.cardnew .accordion-body {
  display: none;
}

.cardnew.active .accordion-body {
  display: block;
}

.accordion-header {
  cursor: pointer;
  padding: 10px;
  background: #eee;
  margin: 2px 0;
}
.vincommon {
	display: flex;
	justify-content: space-between; 
}
.cardnew {
  width: 48%;
  margin-bottom: 20px;
}

.accordion-header {
  margin: 0;
  padding: 15px 20px;
  background: #f4f7ff;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-header::after {
  content: "+";
  font-size: 20px;
  transition: transform 0.3s;
}

.cardnew.active .accordion-header::after {
  content: "−";
}

.accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  padding: 0 20px;
}

.cardnew.active .accordion-body {
  max-height: 500px; /* large enough to fit content */
  padding: 15px 20px;
  border: 1px solid #ddd;
  border-radius: 0 0 15px 15px;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.list {
  padding-left: 20px;
  margin: 0;
}
/* End of accordion-body */

h3.nsupport{color: #1a2b49;}
.nsp{margin: 30px 0 0 0 ;}
/* -------------------------
   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: 20px 0;*/
}

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

.cardnew h3 {
  font-size: 15px;
  font-weight: bold;
  color: #1a2b49;
}

.list {
  margin: 0;
    padding-left: 18px;
    color: #000000;
    font-size: 16px;
    line-height: 1.8em;
}
p.lead{
	font-size: 18px;
    color: #000;
    font-weight: 400;
}
/* -------------------------
   Responsive Design
------------------------- */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .carousel-caption {
        top: 20px !important;
    }
	.banner-slider .carousel-caption h2{font-size: 28px;padding: 8px 8px 0 8px;}
	.search_container{margin-top:-313px!important;}
	.banner-slider .carousel-caption .carousel-caption-inner{padding: 0!important;}
}
	
@media screen and (min-width: 768px) and (max-width: 991px) {
	.banner-slider .carousel-caption h2{font-size: 20px !important;padding-bottom: 48px !important;}
}
/* For small devices (phones) */
@media (max-width: 600px) {
.why-box{	
	width: 100%; 
}
.why-section{
	margin: 0;
}
.gridnew{
	display: Contents;
}

  .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: 18px;
  }
}