/* ===== css ===== */
  
  :root{
    --navy:#3d82b6;
    --navy-dark:#082c48;
    --gold:#f3a712;
    --ink:#0e2438;
    --paper:#f6f8fa;
    --muted:#5a6b7a;
    --sky:#2f9bda;
  }
  
  body{
    font-family:'Segoe UI', Arial, sans-serif;
    color:var(--ink);
    
  }
  

  /* ===== Hero / carousel ===== */
  .hero-wrap{ position:relative; overflow:hidden; }
  .hero-wrap .carousel-item{
    height:74vh; min-height:400px;
    background-size:cover; background-position:center;
  }
  .hero-wrap .carousel-item::after{
    content:"";
    position:absolute; 
    
  }
  .hero-caption{
    position:absolute; top:50%; left:6%;
    transform:translateY(-50%);
    z-index:2; color:#fff; max-width:500px;
  }
  .hero-caption h2{ font-weight:800; font-size:2rem; }
  .hero-caption p{ color:#f2dfe3; font-size:.95rem; }
  .hero-caption .btn-cta{
    background:var(--gold); color:var(--ink);
    font-weight:700; border:none;
    padding:.6rem 1.6rem; border-radius:4px;
  }
  .hero-wrap .carousel-control-prev,
  .hero-wrap .carousel-control-next{ width:5%; z-index:4; }
  .hero-wrap .carousel-indicators{ z-index:4; margin-bottom:.5rem; }

  /* ===== Sidebar (semi-transparent quick menu) ===== */
  .quick-menu{
    position:absolute;
    top:8%; right:4%;
    width:275px;
    background:rgba(11,61,99,.55);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    border:1px solid rgba(255,255,255,.25);
    border-radius:10px;
    z-index:3;
    overflow:hidden;
  }
  .quick-menu .quick-menu-head{
    background:rgba(0,0,0,.18);
    color:#fff;
    font-weight:400;
    font-size:.78rem;
    letter-spacing:.04em;
    text-transform:uppercase;
    padding:.6rem 1rem;
  }
  .quick-menu ul{ list-style:none; margin:0; padding:.3rem 0; }
  .quick-menu li a{
    display:flex; align-items:center; gap:.65rem;
    color:#fff; text-decoration:none;
    font-size:.83rem; font-weight:400;
    padding:.6rem 1rem;
    border-bottom:1px solid rgba(255,255,255,.12);
    transition:background .15s ease, padding-left .15s ease;
  }
  .quick-menu li:last-child a{ border-bottom:none; }
  .quick-menu li a:hover{
    background:rgba(217,164,65,.9);
    color:var(--ink);
    padding-left:1.3rem;
  }
  .quick-menu li a i{ font-size:1rem; width:18px; text-align:center; }

  /* ===== Ticker ===== */
  .ticker-bar{ background:#fff; border-top:1px solid #eee0e3; font-size:.82rem; }
  .ticker-bar .badge-new{
    background:var(--gold); color:var(--ink); font-weight:700; font-size:.7rem;
  }
  /* ===== Download Button ===== */
  .down_button {
    background-color:  #3d82b6;
    border-radius:6px; 
    color: white;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
  } 
  .down_button:hover{
    background-color:  #f3a712;  
  }
  /* ===== Download Button ===== */
  /* ===== Responsive ===== */
  @media (max-width:991.98px){
    .quick-menu{
      position:static; width:100%; margin-top:1rem;
      border-radius:8px; background:rgba(11,61,99,.9);
    }
    .hero-wrap{ display:flex; flex-direction:column; }
    .hero-wrap .carousel-item{ height:auto; }
    .hero-img{ height:260px; background-size:cover; background-position:center; }
    .hero-caption{
      position:static; transform:none;
      background:var(--navy-dark); max-width:100%;
      padding:1.5rem 1.25rem;      
    }
    .call-box{ text-align:left; margin-top:.5rem; }
    .mega-panel{ width:100%; box-shadow:none; }
    .util-links{ border-top:1px solid rgba(255,255,255,.15); margin-top:.5rem; padding-top:.5rem; }
    .util-links a{ border-left:none; display:block; padding:.5rem 0 !important; }
  }
  @media (max-width:575.98px){
    .brand-title{ font-size:1rem; }
    .brand-sub{ font-size:.64rem; }
    .hero-caption h2{ font-size:1.4rem; }
  } 



  @media (max-width:575.98px){
    
  }
/* ===== css ===== */