/* =====================================================
   NAVBAR ZOOM-SAFE LAYOUT (FIXES 125% & 150%)
   ===================================================== */

@media (min-width: 992px) {

  /* Force 3-column navbar layout */
  .navbar > .container,
  .navbar > .container-fluid {
    display: flex;
    align-items: center;
  }

  /* LOGO — never shrink */
  .navbar-brand {
    flex: 0 0 auto;
  }

  /* MENU — allowed to shrink */
  .navbar-nav.menu1 {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    justify-content: center;
    white-space: nowrap;
  }

  /* NAV LINKS — compact at zoom */
  .navbar-nav.menu1 .nav-link {
    padding: 0.45rem 0.75rem;
    white-space: nowrap;
  }

  /* CTA WRAPPER — NEVER shrink or hide */
  .navbar .navbar-nav:last-child,
  .navbar .ms-auto {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
  }

  /* CTA BUTTONS — hard lock */
  .btn-get-started,
  .btn-singin {
    flex-shrink: 0;
    white-space: nowrap;
    padding: 0.55rem 1.1rem;
    font-size: 14px;
  }
}

/* =====================================================
   EXTRA SAFETY FOR SMALLER DESKTOP WIDTHS
   (covers 125% & 150% zoom reliably)
   ===================================================== */

@media (max-width: 1366px) and (min-width: 992px) {
  .navbar-nav.menu1 .nav-link {
    font-size: 14px;
    padding: 0.4rem 0.65rem;
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
  .navbar-nav.menu1 {
    justify-content: flex-start;
  }

  .navbar-nav.menu1 .nav-link {
    font-size: 13.5px;
    padding: 0.35rem 0.6rem;
  }
}
/* =====================================================
   MEGA MENU TEXT WRAP FIX (125% / 150%)
   ===================================================== */

/* Allow flex children to shrink */
.mega-menu .menu-item,
.mega-menu .menu-content {
  min-width: 0;
}

/* FORCE paragraph wrapping */
.mega-menu .menu-content p {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}

/* Prevent title from breaking layout */
.mega-menu .menu-content h6,
.mega-menu .menu-title {
  white-space: nowrap;
}

/* ======================================================
   3 BAR HEADER – JS CONTROLLED STICKY
   ====================================================== */

/* ---------------- BAR 1 ---------------- */
.top-announcement {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;  
    align-self: stretch;
    padding: 4px 90px; 
    background: #1ECAD3;
    color: #ffffff;
    text-align: center;
    padding: 10px;
}
.top-announcement p{
  margin: 0;
}

/* ---------------- BAR 2 (STICKY CORE) ---------------- */
.header-sticky {
    position: sticky;
    top: 0;
    z-index: 10000;
    background: #F9FBFF;
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.10);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s ease;
}

/* ---------------- BAR 3 ---------------- */
.header-menu {
    background: #ffffff;
    padding: 0px;
}

/* ---------------- MENU LINKS ---------------- */
.header-menu .nav-link {
    font-weight: 500;
    font-size: 14px;
    padding: 14px 18px;
    color: #0F1822;
}

/* ---------------- MEGA MENU ---------------- */
.mega-menu {
    width: 100%;
    border: none;
    padding: 2rem 0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}



/* Extra shadow when sticky active */
.body-scroll-down .header-sticky {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

/* ---------------- MOBILE SAFETY ---------------- */
@media (max-width: 991px) {
    .header-menu .nav-link {
        padding: 12px 14px;
    }
}

/* BAR 2 */
.header-main {
    background: #F9FBFF;
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.10);
    padding: 10px 0px;
}

@media (min-width: 600px) and (max-width: 1280px){
  .hero-content-data h1{
    font-size: 36px;
  }
  .btn-primary{
    padding: 6px 20px;
    font-size: 14px;
  }
  .btn-primary svg{
    font-size: 14px;
  }
  .btn-black{
    padding: 6px 20px;
    font-size: 14px;
  }
}