/* ============================================================
   AARDEE ASSOCIATES — MAIN STYLESHEET
   Colours: Navy #1a3a6e | Orange #e87722 | Light #f5f7fa
   ============================================================ */

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior:smooth; }

body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #333;
  background: #f0f0f0;
  line-height: 1.5;
}

img { max-width:100%; height:auto; display:block; }
a  { color:#1a4a8a; text-decoration:none; }
a:hover { color:#e87722; text-decoration:underline; }

/* ── CONTAINER ─────────────────────────────────────────── */
.container { width:1020px; margin:0 auto; padding:0 15px; }

/* ── TOP BAR ────────────────────────────────────────────── */
.top-bar {
  background: #122b54;
  color: #aac;
  font-size: 12px;
  padding: 5px 0;
  border-bottom: 2px solid #e87722;
}
.top-bar .container {
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:5px;
}
.top-bar a { color:#cce; }
.top-bar a:hover { color:#f9c74f; text-decoration:none; }
.top-contact span { margin-right:14px; }

/* ── HEADER ─────────────────────────────────────────────── */
#header {
  background: #fff;
  border-bottom: 3px solid #e87722;
  padding: 10px 0;
}
#header .container {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px;
}
.logo-area {
  display:flex; align-items:center; gap:12px;
}
.logo-area img {
  height:75px; width:auto; object-fit:contain;
}
.company-title h1 {
  font-size: 22px; color:#1a3a6e; font-weight:bold; letter-spacing:1px; line-height:1.2;
}
.company-title p { font-size:11px; color:#e87722; font-style:italic; margin-top:3px; }

.header-contact { text-align:right; font-size:12px; color:#555; line-height:1.8; }
.header-contact strong { color:#1a3a6e; font-size:14px; }

/* ── NAVBAR ─────────────────────────────────────────────── */
#navbar {
  background: #1a3a6e;
  border-bottom: 3px solid #e87722;
  position: relative;
  z-index: 500;
}
/* Hamburger button — hidden on desktop */
.nav-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 12px 15px;
  flex-direction: column;
  gap: 5px;
}
.nav-toggle span {
  display:block; width:24px; height:2px; background:#fff; border-radius:2px;
  transition: all .25s;
}
/* Nav list */
#main-nav { display:flex; flex-wrap:wrap; list-style:none; }
#main-nav > li { position:relative; }
#main-nav > li > a {
  display:block; color:#fff; padding:11px 15px; font-size:12px;
  font-weight:bold; text-transform:uppercase; letter-spacing:.4px;
  border-right:1px solid #2d5496; white-space:nowrap;
}
#main-nav > li > a:hover,
#main-nav > li > a.active { background:#e87722; color:#fff; text-decoration:none; }

/* Dropdown */
#main-nav > li > ul {
  display:none; position:absolute; top:100%; left:0;
  background:#1a3a6e; min-width:220px; list-style:none;
  border:1px solid #2d5496; border-top:2px solid #e87722; z-index:999;
}
#main-nav > li:hover > ul { display:block; }
#main-nav > li > ul li a {
  display:block; padding:8px 15px; color:#cce; font-size:12px;
  border-bottom:1px solid #2d5496; white-space:nowrap;
  font-weight:normal; text-transform:none; border-right:none;
}
#main-nav > li > ul li a:hover,
#main-nav > li > ul li a.active { background:#e87722; color:#fff; text-decoration:none; }

/* ── BREADCRUMB ─────────────────────────────────────────── */
.breadcrumb {
  background:#e8eef7; border-bottom:1px solid #ccd; padding:7px 0; font-size:12px; color:#666;
}
.breadcrumb a { color:#1a4a8a; }
.breadcrumb span { color:#e87722; font-weight:bold; }

/* ── PAGE BANNER ────────────────────────────────────────── */
.page-banner {
  background: linear-gradient(135deg, #1a3a6e 0%, #2d5496 100%);
  color:#fff; padding:22px 0; border-bottom:3px solid #e87722;
  position:relative; overflow:hidden;
}
.page-banner::after {
  content:''; position:absolute; right:-60px; top:-40px;
  width:200px; height:200px; border:40px solid rgba(232,119,34,.15); border-radius:50%;
}
.page-banner h2 { font-size:22px; letter-spacing:1px; text-transform:uppercase; }
.page-banner p  { font-size:12px; color:#b8cfe8; margin-top:4px; }

/* ── SLIDER ─────────────────────────────────────────────── */
.slider-area {
  position:relative; overflow:hidden; background:#1a3a6e;
  border-bottom:3px solid #e87722;
}
.slide {
  display:none; position:relative; min-height:340px;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.slide.active { display:flex; align-items:center; }
.slide::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to right, rgba(18,43,84,.85) 40%, rgba(18,43,84,.4));
}
.slide-content {
  position:relative; z-index:2; padding:50px 0; max-width:560px;
}
.slide-content h2 { font-size:26px; color:#fff; margin-bottom:10px; line-height:1.3; }
.slide-content p  { font-size:14px; color:#b8cfe8; margin-bottom:18px; line-height:1.6; }
.btn-slide {
  background:#e87722; color:#fff; padding:10px 24px; font-size:13px;
  font-weight:bold; display:inline-block; border:none; cursor:pointer;
}
.btn-slide:hover { background:#c96010; text-decoration:none; color:#fff; }

.slider-nav { text-align:center; padding:8px; background:#0e2244; }
.slider-dot {
  display:inline-block; width:10px; height:10px;
  background:#4a6fa0; border-radius:50%; margin:0 4px; cursor:pointer;
}
.slider-dot.active { background:#e87722; }

/* Slider image backgrounds */
.slide-1 { background-image:url('../images/slider1.jpg'); }
.slide-2 { background-image:url('../images/slider2.jpg'); }
.slide-3 { background-image:url('../images/slider3.jpg'); }
.slide-4 { background-image:url('../images/slider4.jpg'); }

/* ── PAGE WRAPPER ───────────────────────────────────────── */
#page-wrapper { background:#fff; min-height:400px; }

/* ── TWO-COLUMN LAYOUT ──────────────────────────────────── */
.two-col { display:flex; gap:22px; padding:25px 0; align-items:flex-start; }
.col-main { flex:1 1 0; min-width:0; }
.col-sidebar { width:230px; flex-shrink:0; }

/* ── SECTION TITLE ──────────────────────────────────────── */
.section-title {
  text-align:center; font-size:18px; color:#1a3a6e;
  text-transform:uppercase; letter-spacing:1px;
  border-bottom:2px solid #e87722; padding-bottom:10px; margin-bottom:20px;
}
.section-title span { color:#e87722; }

/* ── HOME INTRO BOX ─────────────────────────────────────── */
.home-intro { display:flex; gap:20px; align-items:flex-start; padding:25px 0 20px; }
.home-intro-text { flex:2; }
.home-intro-text h3 {
  font-size:16px; color:#1a3a6e; border-left:4px solid #e87722;
  padding-left:10px; margin-bottom:12px;
}
.home-intro-text p { line-height:1.8; color:#444; margin-bottom:8px; text-align:justify; }
.home-intro-side { flex:1; min-width:220px; }

/* ── INFO BOX ───────────────────────────────────────────── */
.info-box {
  background:#1a3a6e; color:#fff; padding:15px; margin-bottom:12px;
}
.info-box h4 { font-size:13px; color:#f9c74f; border-bottom:1px solid #2d5496; padding-bottom:6px; margin-bottom:8px; }
.info-box p, .info-box li { font-size:12px; line-height:1.8; color:#cce; }
.info-box a { color:#f9c74f; }

/* ── WHY CHOOSE US ──────────────────────────────────────── */
.why-section { padding:25px 0; border-top:1px solid #ddd; }
.why-grid { display:flex; flex-wrap:wrap; gap:12px; }
.why-item {
  flex:1 1 180px; background:#f5f7fa; border-left:4px solid #e87722; padding:12px 15px;
}
.why-item h4 { font-size:13px; color:#1a3a6e; margin-bottom:5px; }
.why-item p  { font-size:12px; color:#555; line-height:1.6; text-align:justify; }

/* ── PRODUCT CATEGORY GRID ──────────────────────────────── */
.product-categories {
  background:#f5f7fa; border-top:1px solid #ddd; border-bottom:1px solid #ddd;
  padding:25px 0 30px;
}
.cat-grid { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
.cat-box {
  width:175px; background:#fff; border:1px solid #ccd; border-top:3px solid #1a3a6e;
  text-align:center; padding:0 0 14px; overflow:hidden;
  transition:border-top-color .2s, box-shadow .2s;
}
.cat-box:hover { border-top-color:#e87722; box-shadow:0 3px 10px rgba(0,0,0,.1); }
.cat-box .cat-img {
  width:100%; height:100px; object-fit:cover; display:block; margin-bottom:10px;
}
.cat-box .cat-icon { font-size:30px; display:block; margin:12px 0 6px; }
.cat-box h4 { font-size:12px; color:#1a3a6e; line-height:1.4; margin:0 8px 8px; }
.cat-box a.cat-link { font-size:11px; color:#e87722; font-weight:bold; }
.cat-box a.cat-link:hover { text-decoration:underline; }

/* ── ABOUT / MISSION-VISION ─────────────────────────────── */
.about-section h3 {
  font-size:16px; color:#1a3a6e; border-left:4px solid #e87722;
  padding-left:10px; margin:20px 0 12px;
}
.about-section p { line-height:1.8; color:#444; margin-bottom:10px; }
.mission-vision { display:flex; gap:18px; margin-top:22px; }
.mv-box {
  flex:1; background:#1a3a6e; color:#fff; padding:18px; border-top:3px solid #e87722;
}
.mv-box h4 { font-size:14px; color:#f9c74f; margin-bottom:10px; text-transform:uppercase; }
.mv-box p  { font-size:12px; line-height:1.8; color:#cce; text-align:justify; }

/* ── SECTOR BOXES (inner pages) ─────────────────────────── */
.sector-grid { display:flex; flex-wrap:wrap; gap:14px; margin-top:14px; }
.sector-box {
  flex:1 1 180px; background:#f5f7fa; border-left:4px solid #e87722; padding:12px 15px;
}
.sector-box h4 { font-size:13px; color:#1a3a6e; margin-bottom:5px; }
.sector-box p  { font-size:12px; color:#555; }

/* ── SECTOR TABLE (home page) ───────────────────────────── */
.home-section-block { margin-bottom:28px; }
.sector-table { width:100%; border-collapse:collapse; border:1px solid #c8d0e0; }
.sector-td {
  width:16.66%; border-right:1px solid #c8d0e0; vertical-align:top;
  background:#fff; padding:0;
}
.sector-td:last-child { border-right:none; }
.sector-td-img { width:100%; height:100px; object-fit:cover; display:block; border-bottom:2px solid #e87722; }
.sector-td-body { padding:10px 10px 12px; }
.sector-td-title { font-size:12px; font-weight:bold; color:#1a3a6e; margin-bottom:5px; border-bottom:1px solid #dde; padding-bottom:4px; }
.sector-td p { font-size:11px; color:#555; line-height:1.6; margin:0; }

/* ── HOW WE WORK ─────────────────────────────────────────── */
.hww-table { border-collapse:collapse; border:1px solid #c8d0e0; margin-bottom:28px; }
.hww-photo-td { width:240px; vertical-align:top; padding:0; border-right:3px solid #1a3a6e; }
.hww-steps-td { vertical-align:top; padding:0; }
.hww-row {
  display:flex; align-items:flex-start; border-bottom:1px solid #dde4f0;
  background:#f5f7fa;
}
.hww-row:nth-child(even) { background:#eef1f8; }
.hww-row:last-child { border-bottom:none; }
.hww-step-label {
  background:#1a3a6e; color:#fff; font-size:11px; font-weight:bold;
  padding:10px 12px; min-width:60px; text-align:center; align-self:stretch;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.hww-step-body { padding:10px 14px; font-size:12px; color:#444; }
.hww-step-body strong { display:block; color:#1a3a6e; margin-bottom:3px; font-size:12px; }
.hww-step-body p { margin:0; color:#555; font-size:11px; line-height:1.6; }

/* ── BRANDS BAR ─────────────────────────────────────────── */
.brands-bar { background:#1a3a6e; padding:22px 0; }
.brands-grid {
  display:flex; flex-wrap:wrap; gap:8px; margin-top:14px;
}
.brand-cell {
  background:#fff; border:1px solid #c0cce0;
  padding:10px 20px; min-width:110px; text-align:center;
  font-size:13px; font-weight:bold; color:#1a3a6e;
  letter-spacing:0.3px; line-height:1;
}

/* ── SERVICE AREA TABLE ─────────────────────────────────── */
.service-table { border-collapse:collapse; border:1px solid #c8d0e0; }
.service-info-td { vertical-align:top; padding:16px; border-right:3px solid #1a3a6e; width:55%; }
.service-photo-td { vertical-align:top; padding:0; width:45%; }

/* ── PRODUCT TABLE ──────────────────────────────────────── */
.prod-table { width:100%; border-collapse:collapse; margin-bottom:20px; font-size:12px; }
.prod-table th {
  background:#1a3a6e; color:#fff; padding:9px 12px; text-align:left; font-size:12px;
}
.prod-table td {
  padding:8px 12px; border-bottom:1px solid #ddd; vertical-align:top;
}
.prod-table tr:nth-child(even) td { background:#f5f7fa; }
.prod-table tr:hover td { background:#e8eef7; }
.prod-table a { color:#1a4a8a; font-weight:bold; }
.prod-table a:hover { color:#e87722; }
.prod-table small { color:#888; font-size:11px; }

/* ── PRODUCT SUB-LIST ───────────────────────────────────── */
.product-sub-list {
  background:#f5f7fa; border:1px solid #ddd; padding:15px 20px; margin-bottom:20px;
}
.product-sub-list h4 {
  font-size:14px; color:#1a3a6e; border-bottom:1px solid #ccd; padding-bottom:6px; margin-bottom:10px;
}
.product-sub-list ul { columns:2; padding-left:18px; }
.product-sub-list ul li { font-size:12px; line-height:1.9; color:#444; }

/* ── PRODUCT DETAIL H3 ──────────────────────────────────── */
.product-detail h3 {
  font-size:15px; color:#1a3a6e; border-left:4px solid #e87722;
  padding-left:10px; margin:20px 0 10px;
}
.product-detail p { line-height:1.8; color:#444; }

/* ── IMAGE ROW ──────────────────────────────────────────── */
.img-row {
  display:flex; gap:10px; flex-wrap:wrap; margin:15px 0;
}
.img-row img {
  flex:1 1 180px; height:130px; object-fit:cover; border:1px solid #ddd;
}

/* ── SIDEBAR ────────────────────────────────────────────── */
.sidebar-box {
  margin-bottom:15px; border:1px solid #2d5496;
}
.sidebar-box .sidebar-title {
  background:#e87722; color:#fff; padding:9px 13px; font-size:13px;
  font-weight:bold; text-transform:uppercase;
}
.sidebar-box ul { list-style:none; padding:8px 0; }
.sidebar-box ul li a {
  display:block; padding:7px 15px; font-size:12px; color:#1a4a8a;
  border-bottom:1px solid #eee; background:#fff;
}
.sidebar-box ul li a:hover,
.sidebar-box ul li a.active {
  background:#1a3a6e; color:#fff; text-decoration:none;
}
.sidebar-contact {
  background:#fff; border:1px solid #ccd; padding:15px; margin-bottom:15px; font-size:12px;
}
.sidebar-contact h4 {
  font-size:13px; color:#1a3a6e; border-bottom:2px solid #e87722; padding-bottom:5px; margin-bottom:10px;
}
.sidebar-contact p { line-height:1.8; color:#444; }
.sidebar-contact strong { color:#1a3a6e; }

/* ── CONTACT PAGE ───────────────────────────────────────── */
.contact-grid { display:flex; gap:25px; flex-wrap:wrap; }
.contact-info { flex:1 1 240px; }
.contact-form { flex:2 1 320px; }
.contact-info h4 {
  font-size:14px; color:#1a3a6e; border-left:4px solid #e87722;
  padding-left:8px; margin:16px 0 10px;
}
.contact-info p { font-size:12px; line-height:1.8; color:#444; }
.ci-row { display:flex; gap:8px; margin-bottom:8px; align-items:flex-start; }
.ci-label { font-weight:bold; color:#1a3a6e; min-width:80px; font-size:12px; }

.form-table { width:100%; }
.form-table td { padding:6px 5px; font-size:12px; vertical-align:middle; }
.form-table td:first-child { width:120px; color:#1a3a6e; font-weight:bold; }
.form-table input[type="text"],
.form-table input[type="email"],
.form-table input[type="tel"],
.form-table select,
.form-table textarea {
  width:100%; padding:7px 9px; border:1px solid #bbb;
  font-size:12px; font-family:Arial, sans-serif; background:#fafafa;
  border-radius:2px;
}
.form-table input:focus,
.form-table textarea:focus,
.form-table select:focus { border-color:#1a3a6e; outline:none; background:#fff; }
.form-table textarea { height:95px; resize:vertical; }

.btn-submit {
  background:#e87722; color:#fff; border:none; padding:10px 26px; font-size:13px;
  font-weight:bold; cursor:pointer; text-transform:uppercase; letter-spacing:.5px; border-radius:2px;
}
.btn-submit:hover { background:#c96010; }

.map-area { border:2px solid #1a3a6e; margin-top:22px; }
.map-area iframe { display:block; width:100%; border:none; }

/* ── FOOTER ─────────────────────────────────────────────── */
#footer {
  background:#1a3a6e; color:#aac; padding:28px 0 0; border-top:3px solid #e87722;
}
#footer .container { display:flex; gap:20px; flex-wrap:wrap; }
.footer-col { flex:1 1 180px; padding-bottom:20px; }
.footer-col h4 {
  font-size:13px; color:#fff; text-transform:uppercase;
  border-bottom:1px solid #2d5496; padding-bottom:8px; margin-bottom:12px; letter-spacing:.5px;
}
.footer-col p { font-size:11px; line-height:1.9; }
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:4px; }
.footer-col ul li::before { content:"» "; color:#e87722; }
.footer-col ul li a { font-size:11px; color:#aac; }
.footer-col ul li a:hover { color:#f9c74f; text-decoration:none; }

.footer-bottom {
  background:#0e2244; text-align:center; padding:10px 15px;
  font-size:11px; color:#88a; border-top:1px solid #2d5496; margin-top:5px;
}
.footer-bottom a { color:#f9c74f; }

/* ── UTILITY ────────────────────────────────────────────── */
.notice-box {
  background:#e8eef7; border:1px solid #ccd; padding:12px 15px;
  margin-top:14px; font-size:12px; color:#444; line-height:1.8;
}
.notice-box strong { color:#1a3a6e; }
.warning-box {
  background:#fff3cd; border:1px solid #ffc107; padding:12px 15px;
  margin-top:14px; font-size:12px; color:#444; line-height:1.8;
}
.warning-box strong { color:#e87722; }
.dark-cta {
  background:#1a3a6e; color:#fff; padding:18px 20px; margin-top:22px; border-top:3px solid #e87722;
}
.dark-cta h4 { color:#f9c74f; font-size:14px; margin-bottom:8px; }
.dark-cta p  { font-size:12px; color:#cce; line-height:1.7; }
.btn-primary {
  background:#e87722; color:#fff; padding:8px 20px; font-size:12px;
  font-weight:bold; display:inline-block; margin-top:10px; border-radius:2px;
}
.btn-primary:hover { background:#c96010; color:#fff; text-decoration:none; }
.btn-secondary {
  background:#1a3a6e; color:#fff; padding:8px 18px; font-size:12px;
  font-weight:bold; display:inline-block; border-radius:2px;
}
.btn-secondary:hover { background:#2d5496; color:#fff; text-decoration:none; }
.divider { border:none; border-top:1px solid #ddd; margin:15px 0; }

/* ── STATS BAR ──────────────────────────────────────────── */
.stats-bar {
  background:#e87722; color:#fff; padding:18px 0; border-bottom:3px solid #c96010;
}
.stats-bar .container { display:flex; flex-wrap:wrap; justify-content:space-around; gap:10px; }
.stat-item { text-align:center; }
.stat-item .stat-num { font-size:28px; font-weight:bold; display:block; line-height:1; }
.stat-item .stat-label { font-size:11px; opacity:.9; letter-spacing:.5px; text-transform:uppercase; }

/* ── FEATURE BOXES (Infrastructure/Quality pages) ──────── */
.feature-grid { display:flex; flex-wrap:wrap; gap:14px; margin:15px 0; }
.feature-box {
  flex:1 1 220px; background:#fff; border:1px solid #ddd;
  border-top:3px solid #1a3a6e; padding:15px;
}
.feature-box:hover { border-top-color:#e87722; }
.feature-box h4 { font-size:13px; color:#1a3a6e; margin-bottom:7px; }
.feature-box p  { font-size:12px; color:#555; line-height:1.6; }
.feature-box .f-icon { font-size:26px; margin-bottom:8px; display:block; }

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — Tablet (≤ 900px)
   ═══════════════════════════════════════════════════════════ */
@media (max-width:900px) {
  .container { width:100%; }

  .header-contact { display:none; }

  /* Hamburger */
  .nav-toggle { display:flex; }
  #main-nav {
    display:none; flex-direction:column; width:100%;
    background:#1a3a6e; border-top:1px solid #2d5496;
  }
  #main-nav.open { display:flex; }
  #main-nav > li > a { border-right:none; border-bottom:1px solid #2d5496; padding:11px 18px; }
  /* Mobile dropdown: hidden by default, toggled by JS */
  #main-nav > li > ul { display:none; position:static; border:none; border-top:none; }
  #main-nav > li.sub-open > ul { display:block; }
  #main-nav > li > ul li a { padding-left:30px; background:#122b54; }
  /* Flip the arrow when sub-menu is open */
  #main-nav > li.sub-open > a { background:#e87722; color:#fff; }

  .two-col { flex-direction:column; }
  .col-sidebar { width:100%; }

  .mission-vision { flex-direction:column; }

  .slide-content h2 { font-size:20px; }
  .slide { min-height:260px; }

  .product-sub-list ul { columns:1; }

  .contact-grid { flex-direction:column; }
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — Mobile (≤ 600px)
   ═══════════════════════════════════════════════════════════ */
@media (max-width:600px) {
  .company-title h1 { font-size:16px; }
  .company-title p  { font-size:10px; }
  .logo-area img    { height:50px; }

  .top-contact .email-link { display:none; }

  .slide { min-height:200px; }
  .slide-content { padding:30px 0; }
  .slide-content h2 { font-size:17px; }
  .slide-content p  { font-size:12px; display:none; }

  .home-intro { flex-direction:column; }
  .home-intro-side { width:100%; }

  .cat-box  { width:calc(50% - 7px); }
  .cat-grid { gap:10px; }

  .stat-item .stat-num { font-size:22px; }

  /* Responsive table scroll */
  .table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }

  .img-row img { height:100px; }

  .stats-bar .container { justify-content:space-between; }

  .form-table, .form-table tbody, .form-table tr, .form-table td {
    display:block; width:100%;
  }
  .form-table td:first-child { width:100%; padding-bottom:2px; padding-top:10px; }

  .footer-col { flex:1 1 100%; }

  /* Home page service area grid */
  .service-area-grid { grid-template-columns:1fr !important; }
  /* Sector table — 3 cols on tablet */
  .sector-table, .sector-table tbody, .sector-table tr { display:flex; flex-wrap:wrap; }
  .sector-td { width:33.33%; border-bottom:1px solid #c8d0e0; }
  /* How We Work photo hidden on small screens */
  .hww-photo-td { display:none; }
  /* Service area table stack */
  .service-table, .service-table tbody, .service-table tr { display:block; }
  .service-info-td, .service-photo-td { display:block; width:100%; border-right:none; border-bottom:3px solid #1a3a6e; }
  /* Brands grid wraps naturally on mobile — no scroll needed */
  .sector-td { width:50%; }
}

/* ── WE SUPPLY TO TICKER ────────────────────────────────── */
.supply-ticker-wrap {
  display:flex; align-items:stretch;
  background:transparent;
  overflow:hidden;
}
.supply-ticker-label {
  background:transparent; color:#1a3a6e; font-size:11px; font-weight:bold;
  text-transform:uppercase; letter-spacing:0.5px; padding:0 14px;
  display:flex; align-items:center; flex-shrink:0;
  border-right:2px solid #1a3a6e; width:90px; text-align:center;
  justify-content:center; line-height:1.4;
}
.supply-ticker-outer {
  flex:1; overflow:hidden;
}
.supply-ticker-track {
  display:flex; align-items:center; height:56px;
  white-space:nowrap;
  animation: supply-scroll 20s linear infinite;
}
.supply-ticker-item {
  display:inline-block; padding:0 24px; font-size:12px; font-weight:bold;
  color:#1a3a6e; white-space:nowrap;
}
@keyframes supply-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}