body {
      font-family: Arial, sans-serif;
	  font-size:25px;
      margin: 0;
      padding: 0;
      background: #f4f4f9;
      color: #333;
    }
    header {
      background: #222;
      color: #fff;
      padding: 20px;
      text-align: center;
    }
     
    .container {
      width: 90%;
      margin: auto;
      padding: 15px;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 20px;
    }
    .card {
      background: white;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      overflow: hidden;
      transition: transform 0.2s ease;
    }
    .card:hover {
      transform: translateY(-5px);
    }
    .card img {
      width: 100%;
      height: 180px;
      object-fit: cover;
    }
    .card-content {
      padding: 15px;
    }
    .card-content h2 {
      font-size: 1.2em;
      margin: 0 0 10px;
    }
    .card-content p {
      font-size: 0.95em;
      line-height: 1.5;
      color: #555;
    }
    .read-more {
      display: inline-block;
      margin-top: 10px;
      padding: 8px 12px;
      background: #ff9800;
      color: white;
      text-decoration: none;
      border-radius: 4px;
      font-size: 0.9em;
    }
    .read-more:hover {
      background: #e68900;
    }
    footer {
      background: #222;
      color: #fff;
      text-align: center;
      padding: 15px;
      margin-top: 20px;
    }
  
  
  
  
  
  :root { --bg:#205e91; --bg-sub:#444; --fg:#fff; --border:rgba(255,255,255,.12); }

  
  /* NAV BAR  */
  nav {
    position: sticky; top:0; z-index:1000;
    display:flex; align-items:center; justify-content:space-between;
    padding:12px 16px; background:var(--bg); color:var(--fg);
  }
  .logo { font-weight:700; font-size:1.05rem; }

  /* HAMBURGER */
  .hamburger {
    display:none; gap:4px; padding:8px; background:transparent; border:0; cursor:pointer;
  }
  .hamburger span { width:24px; height:3px; background:var(--fg); display:block; }

  /* MENU */
  .menu { list-style:none; margin:0; padding:0; display:flex; gap:14px; align-items:center; }
  .menu > li { position:relative; }
  .menu a, .menu button.menu-link {
    background:none; border:0; color:var(--fg); text-decoration:none; cursor:pointer;
    font:inherit; padding:8px 10px; display:block; border-radius:6px;
  }

  /* SUBMENU */
  .submenu {
    list-style:none; margin:0; padding:6px 0; background:#205e91;
    position:absolute; top:100%; left:0; min-width:200px; display:none; border-radius:8px;
    box-shadow: 0 10px 24px rgba(0,0,0,.25);
  }
  .submenu li { border-top:1px solid var(--border); }
  .submenu li:first-child { border-top:0; }
  .submenu a { padding:10px 14px; white-space:nowrap; }

  /* DESKTOP: show submenu on hover */
  @media (min-width: 769px) {
    .hamburger { display:none; }
    .menu { display:flex; }
    .has-submenu:hover > .submenu { display:block; }
  }

  /* MOBILE: slide-down panel; submenu toggles on tap */
  @media (max-width: 768px) {
    .hamburger { display:inline-grid; }
    .menu {
      position:fixed; inset:auto 0 0 0; top:56px;
      flex-direction:column; align-items:stretch; gap:0;
      background:var(--bg); border-top:1px solid var(--border);
      max-height:0; overflow:hidden; transition:max-height .25s ease;
    }
    .menu.open { max-height:80vh; overflow:auto; }
    .menu > li { border-bottom:1px solid var(--border); }

    .submenu {
      position:static; box-shadow:none; border-radius:0; background:#3a3a3a; display:none;
    }
    .has-submenu.open > .submenu { display:block; }
  }

  /* Remove bullets everywhere */
  nav ul, nav li { list-style:none; }
  

 
 
 /*BREAKING NEWS */
  .breaking-news {
    background-color: #c62828;
    color: #fff;
    padding: 10px 0;
    overflow: hidden;
    position: sticky;
    top: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
  }

  .breaking-label {
    background: #b71c1c;
    padding: 6px 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 10px;
    border-radius: 4px;
  }

  .news-text {
    white-space: nowrap;
    display: inline-block;
    animation: scroll-left 15s linear infinite;
  }

  @keyframes scroll-left {
    0%   { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
  }

  /* Optional hover pause */
  .breaking-news:hover .news-text {
    animation-play-state: paused;
  }
  


.img-text {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

/* Text takes remaining space on desktop */
.img-text .text-block {
  flex: 1;
}

/* FOR MOBILE: FORCE STACKING */
@media (max-width: 600px) {
  .img-text {
    flex-direction: column !important;  /* force stack */
  }

  /* Ensure ad takes full width on mobile */
  .img-text .ad-block {
    width: 100% !important;
    display: flex;
    justify-content: center; /* center the ad */
  }
}
.hlink { color:#FFF; }