@import url('https://fonts.googleapis.com/css2?family=Fahkwang:wght@200;300;400;500&family=Assistant:wght@300;400;600;700&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Assistant', sans-serif; font-size: 16px; color: #000; background: #fff; overflow-x: hidden; }
img { display: block; max-width: 100%; }
a { text-decoration: none; color: #072136; }
a:hover { color: #0c3c60; }
ul { list-style: none; }
button { cursor: pointer; font-family: 'Assistant', sans-serif; }
input::placeholder, textarea::placeholder { color: rgba(255,255,255,0.45); }

@keyframes certdrift { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* Nav dropdowns */
nav li[data-menu] > div { display: none; }
nav li[data-menu]:hover > div { display: block; }
.dd-link:hover { background: #0c3c60; color: #fff; }

/* Contract-vehicle tabs (about-us.html) */
.tab-btn { padding: 12px 22px; background: none; border: none; border-bottom: 3px solid transparent; margin-bottom: -1px; font-size: 12px; font-weight: 700; color: #555555; text-transform: uppercase; letter-spacing: 0.1em; white-space: nowrap; }
.tab-btn.active { color: #072136; border-bottom-color: #072136; }
.tab-content { display: none; }
.tab-content.active { display: block; }

/* Hover states (generated) */
.h1:hover { background:rgba(255,255,255,0.06) !important; border-bottom:2px solid #e8d520 !important }
.h2:hover { background:#0c3c60 !important; color:#fff !important }
.h3:hover { background:#fff !important; color:#072136 !important }
.h4:hover { background:#fff !important }
.h5:hover { background:rgba(255,255,255,0.09) !important; color:#fff !important }
.h6:hover { background:#f7f7f7 !important }
.h7:hover { border:1px solid #e8d520 !important }
.h8:hover { color:#e8d520 !important }
.h9:hover { background:#072136 !important; color:#fff !important }
.h10:hover { border:1px solid #e8d520 !important; background:#0c3c60 !important }
.h11:hover { border:1px solid #e8d520 !important; color:#e8d520 !important }
.h12:hover { color:#fff !important }
.h13:hover { color:#fff !important; border-bottom:1px solid #fff !important }
.h14:hover { background:rgba(255,255,255,0.13) !important; color:#fff !important }
.h15:hover { color:#0c3c60 !important }
.h16:hover { border:1px solid #072136 !important; color:#072136 !important }
.h17:hover { border:1px solid #072136 !important; background:#f7f7f7 !important; color:#072136 !important }

@media (max-width: 1100px) {
  [style*="grid-template-columns:repeat(5,minmax(0,1fr))"] { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media (max-width: 960px) {
  [style*="grid-template-columns:minmax(0,1.08fr)"],
  [style*="grid-template-columns:minmax(0,0.85fr)"],
  [style*="grid-template-columns:minmax(0,0.8fr)"],
  [style*="grid-template-columns:minmax(0,1fr) 320px"],
  [style*="grid-template-columns:minmax(0,1fr) 340px"],
  [style*="grid-template-columns:minmax(0,0.72fr)"],
  [style*="grid-template-columns:repeat(2,minmax(0,1fr))"],
  [style*="grid-template-columns:repeat(3,minmax(0,1fr))"],
  [style*="grid-template-columns:220px minmax(0,1fr)"],
  [style*="grid-template-columns:150px minmax(0,1fr)"] { grid-template-columns: 1fr !important; }
  aside { position: static !important; max-height: none !important; }
}
@media (max-width: 700px) {
  nav > div { flex-wrap: wrap; height: auto !important; padding: 10px 20px !important; }
  nav ul { height: auto !important; flex-wrap: wrap; }
  nav ul li a { height: auto !important; padding: 10px 12px !important; }
  nav li[data-menu] > div { position: static !important; top: auto !important; box-shadow: none !important; }
  [style*="padding:0 40px"], [style*="padding:56px 40px"] { padding-left: 20px !important; padding-right: 20px !important; }
  [style*="grid-template-columns:repeat(5,minmax(0,1fr))"] { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  [style*="grid-template-columns:1.1fr 1fr 1.2fr 1fr"] { grid-template-columns: 1fr !important; }
}