:root {
  --primary: #0d3b66;
  --secondary: #5988b7;
  --neutral-gray: #333;
  --white: #fff;
  --black: #000;
  --gray: #f7f7f7;
  --dark-navy: #0a2a66;
  --btn-gradient: linear-gradient(184deg, var(--primary) 40%, var(--secondary) 100%);
  /* --btn-gradient: linear-gradient(45deg, #094963, #4B8EA9 100% ); */
  --btn-gradient-hover: linear-gradient(184deg, var(--secondary) 40%, var(--primary) 100%);
}

  /* Tag Section */
  .tags-section { padding:50px 0; }
  .tags-section h2 { text-align:center; color:var(--dark-navy); font-size:2rem; margin-bottom:10px; }
  .tags-section p { text-align:center; color:#555; margin-bottom:40px; }

  .tags-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:15px; max-width: 1170px; }
  .tags-grid a { display:block; padding:15px; background:#fff; color:var(--dark-navy); text-align:center; border-radius:8px; text-decoration:none; font-weight:bold; box-shadow:0 4px 12px rgba(0,0,0,0.1); transition:0.3s; }
  .tags-grid a:hover { background:var(--dark-navy); color:#fff; transform:translateY(-5px); }