.showmoretext {
  color: #d6dee8;
}

.dropdown-item.dropdown-toggle {
  font-size: 16px !important;
}
#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a {
      color: #444 !important;
}
/* ===== Why Choose (match the mock) ===== */
.why-choose { background:#fff; }
.why-title { margin-bottom: 28px; }
.why-kicker {
  display:block;
  font-weight:700;
  color:#1b1f24;
  font-size: clamp(18px, 2vw, 22px);
  line-height:1.2;
  margin-bottom:6px;
}
.why-brand {
  font-weight:800;
  font-size: clamp(24px, 3vw, 30px);
  color:#0d4da2; /* blue highlight like the mock */
}

.features-list {
  list-style:none;
  margin:0;
  padding:0;
  counter-reset: feat;
}
.feature-item {
  position:relative;
  padding: 8px 0 22px 0;
  margin: 14px 0 22px 0;
  counter-increment: feat;
}
.feature-item h3{
  margin:0 0 6px 0;
  font-size: clamp(18px, 2.2vw, 20px);
  font-weight:700;
  color:#1b1f24;
}
.feature-item p{
  margin:0;
  color:#6a6a6a;
  max-width: 480px;
}
.feature-item::after{
  /* big grey step number on the right (01, 02, 03) */
  content: counter(feat, decimal-leading-zero);
  position:absolute;
  right: 0;
  top: -6px;
  font-weight:900;
  font-size: clamp(44px, 6vw, 64px);
  line-height:1;
  color:#e9edf3; /* light grey per mock */
  pointer-events:none;
}


/* Equal-height portrait + two landscape tiles */
.spares-tiles { --gap: .75rem; }
.spares-tiles .tile-portrait {
  /* sets the master height (tweak ratio to taste) */
  aspect-ratio: 3 / 4;   /* portrait */
}
.spares-tiles .tile,
.spares-tiles .tile-portrait {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
}
.spares-tiles img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;  /* clean crop */
}

/* Right column: split into two equal rows */
.spares-tiles .tile-stack {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  height: 100%;
}
.spares-tiles .tile-stack .tile { flex: 1 1 0; }

/* Optional: adjust ratio on small screens */
@media (max-width: 767.98px){
  .spares-tiles .tile-portrait { aspect-ratio: 4 / 3; }
}

.btn-outline:hover {
  color:#000000 !important;
}