/* ==========================================================================
   NEW_PAGE.CSS
   Stylesheet for: Best Training Institute for Air Hostess in India
   - No CSS custom properties (variables) — plain values used throughout.
   - Every selector is scoped under .new_page and every custom class is
     prefixed with "new_page-" so these styles stay unique on any page.
   ========================================================================== */

html{scroll-behavior:smooth;}


.new_page{
  font-family:'Inter', sans-serif;
  color:#17263A;
  background:#FFFFFF;
  line-height:1.7;
}
.new_page p:empty {
    display: none !important;
}

/* Hide blank <br> */
.new_page br {
    display: none !important;
}

.new_page *{box-sizing:border-box;}

.new_page h1,
.new_page h2,
.new_page h3,
.new_page h4,
.new_page .new_page-brand-font{
  font-family:'Sora', sans-serif;
  color:#0B2E4F;
  font-weight:700;
  letter-spacing:-0.01em;
}

.new_page h1 {
    color:#fff !important;
}

.new_page a{text-decoration:none;}

.new_page .new_page-text-muted-custom{color:#5B6B7E;}

.new_page .new_page-bg-tint{background:#f9f9f7;}
/* .new_page .new_page-bg-light-custom{background:#F5F8FB;} */
.new_page .new_page-bg-navy{background:#0B2E4F;}

.new_page .new_page-text-gold{color:#D8A73D;}
.new_page .new_page-text-sky{color:#004b87;}

/* ===== Top bar ===== */
.new_page .new_page-topbar{
  background:#0B2E4F;
  color:#CBD8E6;
  font-size:0.85rem;
  padding:6px 0;
}
.new_page .new_page-topbar a{color:#CBD8E6;}
.new_page .new_page-topbar a:hover{color:#D8A73D;}

/* ===== Navbar ===== */
.new_page .new_page-navbar-custom{
  padding:14px 0;
  background:#fff;
  box-shadow:0 2px 14px rgba(11,46,79,0.07);
}
.new_page .new_page-navbar-custom .nav-link{
  font-family:'Sora', sans-serif;
  font-weight:600;
  color:#0B2E4F !important;
  margin:0 6px;
  font-size:0.95rem;
}
.new_page .new_page-navbar-custom .nav-link:hover,
.new_page .new_page-navbar-custom .nav-link:focus{
  color:#004b87 !important;
}
.new_page .new_page-navbar-custom .dropdown-menu{
  border:none;
  box-shadow:0 12px 30px rgba(11,46,79,0.14);
  border-radius:10px;
  padding:10px;
}
.new_page .new_page-navbar-custom .dropdown-item{
  border-radius:6px;
  padding:8px 12px;
  font-size:0.92rem;
}
.new_page .new_page-navbar-custom .dropdown-item:hover{
  background:#EAF1F8;
  color:#0B2E4F;
}
.new_page .new_page-btn-careers{
  background:#D8A73D;
  color:#0B2E4F;
  font-family:'Sora',sans-serif;
  font-weight:700;
  padding:9px 20px;
  border-radius:6px;
  font-size:0.9rem;
}
.new_page .new_page-btn-careers:hover{background:#c4932e; color:#0B2E4F;}

/* ===== Buttons ===== */
.new_page .new_page-btn-primary-custom{
  background:#004b87;
  border:none;
  color:#fff;
  font-family:'Sora',sans-serif;
  font-weight:700;
  padding:12px 26px;
  border-radius:6px;
}
.new_page .new_page-btn-primary-custom:hover{background:#166bb0; color:#fff;}
.new_page .new_page-btn-gold-custom{
  background:#000000;
  border:none;
  color:#fff;
  font-family:'Sora',sans-serif;
  font-weight:700;
  padding:12px 26px;
  border-radius:6px;
}
.new_page .new_page-btn-gold-custom:hover{background:#c4932e; color:#0B2E4F;}
.new_page .new_page-btn-outline-custom{
  border:2px solid #fff;
  color:#fff;
  font-family:'Sora',sans-serif;
  font-weight:700;
  padding:10px 24px;
  border-radius:6px;
}
.new_page .new_page-btn-outline-custom:hover{background:#fff; color:#0B2E4F;}

/* ===== Banner ===== */
.new_page .new_page-page-banner{
  position:relative;
  background: linear-gradient(#9c5ca4d9, #9c5ca485), url('img-new/banner-new-page.jpg') center / cover no-repeat;
  padding:200px 0 70px;
}
.new_page .new_page-page-banner .breadcrumb{
  font-size:0.85rem;
  justify-content: center;
  color: #fff;
}
.new_page .new_page-page-banner .breadcrumb a{color:#fff;}
.new_page .new_page-page-banner .breadcrumb .active{color:#fff;}
.new_page .new_page-page-banner h1{
  color:#fff !important;
  font-size:2.5rem;
  text-align: center;
}
.new_page .new_page-page-banner p{
  color:#D9E4F0;
  max-width:600px;
  font-size:1.05rem;
}

/* ===== Sections ===== */
.new_page section{padding:70px 0;}
.new_page .new_page-section-tag{
  color:#004b87;
  font-family:'Sora',sans-serif;
  font-weight:600;
  font-size:0.95rem;
  margin-bottom:10px;
  display:none;
}
.new_page .new_page-section-tag i{color:#D8A73D; margin-right:6px;}

.new_page h2.new_page-section-title{
  font-size:1.9rem;
  margin-bottom:20px;
}
.new_page h3.new_page-sub-title{
  font-size:1.25rem;
  margin-bottom:14px;
}

.new_page .new_page-lead-muted{
  color:#5B6B7E;
  font-size:1.05rem;
}

.new_page .new_page-rule{
  width:56px;
  height:4px;
  background:#004b87;
  border-radius:3px;
  margin-bottom:22px;
}

/* ===== Check list ===== */
.new_page .new_page-check-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 28px;
  padding:0;
  list-style:none;
  margin:0;
}
.new_page .new_page-check-grid li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-weight:500;
  color:#17263A;
}
.new_page .new_page-check-grid li i{
  color:#004b87;
  background:#EAF1F8;
  border-radius:50%;
  width:28px;
  height:28px;
  min-width:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0.85rem;
  margin-top:2px;
}

/* ===== Image frame ===== */
.new_page .new_page-img-frame{
  border-radius:14px;
  overflow:hidden;
  /* box-shadow:0 20px 45px rgba(11,46,79,0.16); */
}
.new_page .new_page-img-frame img{width:100%; display:block;}

/* ===== Factor cards (choosing institute) ===== */
.new_page .new_page-factor-card{
  background:#fff;
  border:1px solid #E1E9F1;
  border-radius:12px;
  padding:26px 24px;
  height:100%;
}
.new_page .new_page-factor-card .new_page-factor-icon{
  width:46px;
  height:46px;
  border-radius:10px;
  background:#EAF1F8;
  color:#004b87;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.2rem;
  margin-bottom:16px;
}
.new_page-factor-icon{
      width: 46px;
    height: 46px;
    border-radius: 10px;
    background: #EAF1F8;
    color: #004b87;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-bottom: 16px;
}
.new_page .new_page-factor-card h4{
  font-size:1.05rem;
  margin-bottom:8px;
}
.new_page .new_page-factor-card p{
  color:#5B6B7E;
  font-size:0.94rem;
  margin-bottom:0;
}

/* ===== CTA banner ===== */
.new_page .new_page-cta-band{
  background:linear-gradient(120deg, #004b87 55%, #004b87 100%);
  color:#fff;
  padding:64px 0;
}
.new_page .new_page-cta-band h2{color:#fff;}
.new_page .new_page-cta-band p{color:#CBD8E6;}

/* ===== FAQ ===== */
.new_page .accordion-item{
  border:1px solid #E1E9F1;
  margin-bottom:12px;
  border-radius:10px !important;
  overflow:hidden;
}
.new_page .accordion-button{
  font-family:'Sora',sans-serif;
  font-weight:600;
  color:#0B2E4F;
  background:#fff;
}
.new_page .accordion-button:not(.collapsed){
  background:#EAF1F8;
  color:#0B2E4F;
  box-shadow:none;
}
.new_page .accordion-button:focus{box-shadow:0 0 0 3px rgba(28,134,214,0.25);}

/* ===== Footer ===== */
.new_page footer{
  background:#0B2E4F;
  color:#B9C9DB;
  padding-top:60px;
}
.new_page footer h5{
  color:#fff;
  font-family:'Sora',sans-serif;
  font-weight:700;
  font-size:1rem;
  margin-bottom:18px;
}
.new_page footer a{color:#B9C9DB;}
.new_page footer a:hover{color:#D8A73D;}
.new_page footer ul{list-style:none; padding:0;}
.new_page footer ul li{margin-bottom:10px;}
.new_page .new_page-footer-bottom{
  border-top:1px solid rgba(255,255,255,0.12);
  margin-top:40px;
  padding:18px 0;
  font-size:0.85rem;
}
.new_page .new_page-map-frame{
  border-radius:10px;
  overflow:hidden;
  line-height:0;
}

/* ===== Motion & accessibility ===== */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .new_page *{transition:none !important;}
}
.new_page a:focus-visible, .new_page button:focus-visible{
  outline:3px solid #004b87;
  outline-offset:2px;
}

/* ==========================================================================
   MOBILE RESPONSIVE ADJUSTMENTS
   ========================================================================== */

/* Tablets / small laptops */
@media (max-width:991px){
  .new_page section{padding:56px 0;}
  .new_page .new_page-page-banner{padding:90px 0 56px;}
  .new_page .new_page-page-banner h1{font-size:2.1rem;}
}

/* Large phones / small tablets */
@media (max-width:767px){
  .new_page section{padding:44px 0;}
  .new_page .new_page-page-banner{padding:80px 0 48px;}
  .new_page .new_page-page-banner h1{font-size:1.85rem;}
  .new_page h2.new_page-section-title{font-size:1.5rem;}
  .new_page h3.new_page-sub-title{font-size:1.1rem;}
  .new_page .new_page-cta-band{padding:48px 0;}
  .new_page .new_page-cta-band h2{font-size:1.5rem;}
  .new_page footer{padding-top:44px;}
  .new_page .new_page-factor-card{padding:22px 20px;}
}

/* Phones */
@media (max-width:575px){
  .new_page .new_page-check-grid{grid-template-columns:1fr;}
  .new_page .new_page-page-banner{padding:120px 0 40px;}
  .new_page .new_page-page-banner h1{font-size:1.55rem;}
  .new_page .new_page-page-banner p{font-size:0.95rem;}
  .new_page .new_page-lead-muted{font-size:0.98rem;}
  .new_page .new_page-btn-gold-custom,
  .new_page .new_page-btn-outline-custom,
  .new_page .new_page-btn-primary-custom{
    width:100%;
    text-align:center;
  }
  .new_page .new_page-cta-band .d-flex{flex-direction:column;}
  .new_page .new_page-topbar .d-none{display:none !important;}
  .footer-section .footer-shape{display: none;}
  .new_page *{overflow-x: hidden;}
}


/* ==========================================================================
   ==========================================================================
   EXTRA PAGES — ADDITIONAL STYLES (ADDED FOR THE 5 NEW PAGES)
   --------------------------------------------------------------------------
   Everything below this line was added ONLY for the 5 newly created pages.
   Nothing above this line has been changed, so the 2 original pages
   (air-hostess-training-institute-delhi.html / -india.html) are untouched.

   Each new page carries its own body class so page-specific CSS is easy
   to identify:

     PAGE 1 : ground-handling-staff-training-institute-delhi.html  ->  .np-ground-handling
     PAGE 2 : aviation-course-with-placement.html                  ->  .np-placement
     PAGE 3 : air-hostess-course-fees-and-duration.html            ->  .np-fees-duration
     PAGE 4 : airport-management-course-in-delhi.html              ->  .np-airport-management
     PAGE 5 : best-cabin-crew-course-in-delhi.html                 ->  .np-cabin-crew

   All new classes keep the existing "new_page-" prefix and the existing
   colour palette (#004b87 / #0B2E4F / #D8A73D / #EAF1F8 / #5B6B7E).
   ==========================================================================
   ========================================================================== */


/* --------------------------------------------------------------------------
   [SHARED — NEW PAGES] Curriculum "Phase" card
   Used on:
     PAGE 1 : ground-handling-staff-training-institute-delhi.html
     PAGE 2 : aviation-course-with-placement.html
     PAGE 3 : air-hostess-course-fees-and-duration.html
     PAGE 4 : airport-management-course-in-delhi.html
   Purpose: displays the "Phase 1 & 2 / 3 & 4 / 5 & 6 / 7 & 8" curriculum
   blocks. Built on the same card language as .new_page-factor-card, with a
   gold accent bar on the left to separate curriculum from feature cards.
   -------------------------------------------------------------------------- */
.new_page .new_page-phase-card{
  background:#fff;
  border:1px solid #E1E9F1;
  border-left:4px solid #004b87;
  border-radius:12px;
  padding:26px 24px;
  height:100%;
}
.new_page .new_page-phase-card h3.new_page-phase-title{
  font-family:'Sora', sans-serif;
  color:#0B2E4F;
  font-size:1.05rem;
  font-weight:700;
  margin-bottom:10px;
}
.new_page .new_page-phase-card p{
  color:#5B6B7E;
  font-size:0.94rem;
  margin-bottom:0;
}


/* --------------------------------------------------------------------------
   [SHARED — NEW PAGES] H3 card heading inside .new_page-factor-card
   Used on:
     PAGE 5 : best-cabin-crew-course-in-delhi.html
   Purpose: the DOC content uses H3 sub-headings inside card blocks. This
   class makes an <h3> look exactly like the existing .new_page-factor-card h4
   so the visual rhythm of the original design is preserved.
   -------------------------------------------------------------------------- */
.new_page .new_page-factor-card h3.new_page-card-title{
  font-family:'Sora', sans-serif;
  color:#0B2E4F;
  font-weight:700;
  font-size:1.05rem;
  margin-bottom:8px;
}


/* --------------------------------------------------------------------------
   [PAGE 1] ground-handling-staff-training-institute-delhi.html
   Section: "Salary Structure After Ground Handling Training"
   Purpose: light tinted panels for the three salary points, so figures read
   clearly without introducing a new colour or a new component style.
   -------------------------------------------------------------------------- */
.new_page.np-ground-handling .new_page-salary-card{
  background:#EAF1F8;
  border:1px solid #E1E9F1;
  border-radius:12px;
  padding:26px 24px;
  height:100%;
  display:flex;
  align-items:center;
}
.new_page.np-ground-handling .new_page-salary-card p{
  color:#17263A;
  font-weight:500;
  font-size:0.98rem;
  margin-bottom:0;
}


/* --------------------------------------------------------------------------
   [PAGE 3] air-hostess-course-fees-and-duration.html
   Section: "Cabin Crew Course Fees and Duration"
   Purpose: highlight cards for Programme Timeline / Fee Structure / Value.
   Same card shape as .new_page-factor-card with a gold top accent, because
   fees and duration are the primary information of this page.
   -------------------------------------------------------------------------- */
.new_page.np-fees-duration .new_page-fee-card{
  background:#fff;
  border:1px solid #E1E9F1;
  border-top:4px solid #004b87;
  border-radius:12px;
  padding:26px 24px;
  height:100%;
}
.new_page.np-fees-duration .new_page-fee-card h4{
  font-size:1.05rem;
  margin-bottom:8px;
}
.new_page.np-fees-duration .new_page-fee-card p{
  color:#5B6B7E;
  font-size:0.94rem;
  margin-bottom:0;
}


/* --------------------------------------------------------------------------
   [PAGE 5] best-cabin-crew-course-in-delhi.html
   Section: intro block — the "Contact Us" call-to-action from the DOC file.
   Purpose: spacing wrapper only; the button itself reuses the existing
   .new_page-btn-gold-custom style, so no new button design is introduced.
   -------------------------------------------------------------------------- */
.new_page.np-cabin-crew .new_page-contact-cta{
  margin-top:26px;
}
.new_page.np-cabin-crew .new_page-contact-cta .new_page-btn-gold-custom{
  display:inline-block;
}

/* [PAGE 5] Keeps the bold label and its sentence on one line inside the
   intro check-list (Expert Instructors / Practical Exposure / etc.). */
.new_page.np-cabin-crew .new_page-check-grid li span{
  display:block;
}


/* --------------------------------------------------------------------------
   [ALL 5 NEW PAGES] Mobile responsive adjustments for the new components
   -------------------------------------------------------------------------- */
@media (max-width:767px){
  .new_page .new_page-phase-card{padding:22px 20px;}
  .new_page.np-ground-handling .new_page-salary-card{padding:22px 20px;}
  .new_page.np-fees-duration .new_page-fee-card{padding:22px 20px;}
}

@media (max-width:575px){
  /* [PAGE 5] full-width CTA button on phones, matching the existing
     full-width button behaviour already used on the original pages. */
  .new_page.np-cabin-crew .new_page-contact-cta .new_page-btn-gold-custom{
    display:block;
    width:100%;
    text-align:center;
  }
}