/* =====================================================================
   GAMP business overhaul (Oct 2026): new main nav, footer and the
   Services / Manufacturing / Industries / Projects / Distribution pages.
   Every selector is prefixed "biz" so existing pages are not affected.
   ===================================================================== */

:root {
  --biz-teal: #34708D;
  --biz-teal-dark: #255E7A;
  --biz-teal-deep: #0D4058;
  --biz-teal-light: #45829F;
  --biz-accent: #F1592D;
  --biz-green: #38B050;
  --biz-ink: #1E2B33;
  --biz-muted: #5B6B75;
  --biz-line: #DCE5EA;
  --biz-tint: #F2F6F8;
}

/* ---------------------------------------------------------------------
   1. Header and main navigation (header.blade.php, ul.bizNav)
   One line: logo on the left, all tabs on the right. Tab titles open
   their overview pages; the dropdown opens on hover (desktop) or with
   the chevron button (mobile menu).
   --------------------------------------------------------------------- */
.mainHeader .bizHeaderWide {
  max-width: 1680px;
  margin: 0 auto;
  padding-left: 32px;
  padding-right: 32px;
}
@media (max-width: 1200px) {
  .mainHeader .bizHeaderWide {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 991px) {
  .mainHeader .bizHeaderWide {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 992px) {
  .mainHeader header .navbarLink ul.bizNav {
    align-self: flex-end;
    flex-wrap: nowrap;
  }
  .mainHeader header .navbarLink ul.bizNav > li {
    margin-right: 30px;
    white-space: nowrap;
  }
  .mainHeader header .navbarLink ul.bizNav > li:last-child {
    margin-right: 0;
  }
  .mainHeader header .navbarLink ul.bizNav > li:focus-within > .dropdown-menu {
    display: block;
  }
  .mainHeader header .navbarLink ul.bizNav li.dropdown .dropdown-menu.bizMenu {
    min-width: 270px;
  }
  /* Tabs near the end of the line open their menu right-aligned */
  .mainHeader header .navbarLink ul.bizNav > li.bizRight > .dropdown-menu {
    left: auto !important;
    right: 0 !important;
  }
}
@media (max-width: 1600px) and (min-width: 992px) {
  .mainHeader header .navbarLink ul.bizNav > li {
    margin-right: 24px;
  }
}
@media (max-width: 1440px) and (min-width: 992px) {
  .mainHeader header .navbarLink ul.bizNav > li {
    margin-right: 19px;
  }
  .mainHeader header .navbarLink ul.bizNav > li > a {
    font-size: 14px;
  }
}
@media (max-width: 1300px) and (min-width: 992px) {
  .mainHeader header .navbarLink ul.bizNav > li {
    margin-right: 15px;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  .mainHeader header .navbarLink ul.bizNav > li {
    margin-right: 11px;
  }
  .mainHeader header .navbarLink ul.bizNav > li > a {
    font-size: 12px;
  }
}
@media (max-width: 1100px) and (min-width: 992px) {
  .mainHeader header .navbarLink ul.bizNav > li {
    margin-right: 8px;
  }
  .mainHeader header .navbarLink ul.bizNav > li > a {
    font-size: 11.5px;
  }
  .mainHeader header .navbarLink ul.bizNav li.dropdown .dropdown-toggle i {
    margin-left: 2px;
  }
}

.mainHeader header .navbarLink ul.bizNav .bizMenu > li::before {
  display: none !important;
}

/* Slimmer header: about 80px tall on desktop (was about 108px with two lines) */
.mainHeader .bizHeaderWide header {
  min-height: 72px;
}
.mainHeader .bizHeaderWide header .logo {
  padding: 5px 0;
  max-width: 120px;
  min-width: 120px;
}
@media (min-width: 992px) {
  .mainHeader header .navbarLink ul.bizNav > li {
    padding-top: 18px;
    padding-bottom: 20px;
  }
  .mainHeader header .navbarLink ul.bizNav > li::before,
  .mainHeader header .navbarLink ul.bizNav > li:hover::before,
  .mainHeader header .navbarLink ul.bizNav > li.active::before {
    height: 14px;
    bottom: -2px;
  }
}
@media (max-width: 1200px) {
  .mainHeader .bizHeaderWide header .logo {
    max-width: 106px;
    min-width: 106px;
  }
}
@media (max-width: 991px) {
  .mainHeader .bizHeaderWide header {
    min-height: 56px;
  }
  .mainHeader .bizHeaderWide header .logo {
    max-width: 96px;
    min-width: 96px;
  }
}

/* Industries menu: Life Science and High-Tech side by side (desktop) */
@media (min-width: 992px) {
  .mainHeader header .navbarLink ul.bizNav li.dropdown .dropdown-menu.bizMenu--cols {
    min-width: 600px;
  }
  .mainHeader header .navbarLink ul.bizNav > li:hover > .dropdown-menu.bizMenu--cols,
  .mainHeader header .navbarLink ul.bizNav > li:focus-within > .dropdown-menu.bizMenu--cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column;
  }
  .mainHeader header .navbarLink ul.bizNav .dropdown-menu.bizMenu--cols > li:nth-child(-n+5) {
    border-right: 1px solid rgba(255, 255, 255, 0.35);
  }
  .mainHeader header .navbarLink ul.bizNav .dropdown-menu.bizMenu--cols > li > a {
    height: 100%;
  }
}

/* Investor Relations menu: four groups in two columns of eight rows (desktop) */
@media (min-width: 992px) {
  .mainHeader header .navbarLink ul.bizNav li.dropdown .dropdown-menu.bizMenu--cols8 {
    min-width: 640px;
  }
  .mainHeader header .navbarLink ul.bizNav > li:hover > .dropdown-menu.bizMenu--cols8,
  .mainHeader header .navbarLink ul.bizNav > li:focus-within > .dropdown-menu.bizMenu--cols8 {
    grid-template-rows: repeat(8, auto);
  }
  .mainHeader header .navbarLink ul.bizNav .dropdown-menu.bizMenu--cols8 > li:nth-child(-n+8) {
    border-right: 1px solid rgba(255, 255, 255, 0.35);
  }
}
/* Keep "Board of Directors" etc. as written instead of the theme's capitalize ("Board Of Directors") */
.mainHeader header .navbarLink ul.bizNav .investorMenu li a {
  text-transform: none;
}
/* Menu text is 18px above 1500px wide; keep "Memorandum of Association (MOA)" on one line */
@media (min-width: 1501px) {
  .mainHeader header .navbarLink ul.bizNav li.dropdown .dropdown-menu.bizMenu--cols8 {
    min-width: 720px;
  }
}

/* Group labels inside a menu (Life Science / High-Tech) */
.mainHeader header .navbarLink ul li > .dropdown-menu.bizMenu li.bizGroup {
  background: var(--biz-teal-deep);
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 9px 20px;
  cursor: default;
}

/* Chevron that opens a tab's menu inside the mobile menu */
.bizTabToggle {
  display: none;
}
@media (max-width: 991px) {
  .mainHeader header .navbarLink ul.bizNav > li.dropdown {
    position: relative;
  }
  .mainHeader header .navbarLink ul.bizNav > li > .bizTabLink {
    padding-right: 64px;
  }
  .mainHeader header .navbarLink ul.bizNav > li > .bizTabLink i {
    display: none !important;
  }
  .bizTabToggle {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 56px;
    height: 52px;
    border: 0;
    border-left: 1px solid #e3e3e3;
    background: transparent;
    color: #333;
    font-size: 0;
    cursor: pointer;
  }
  .bizTabToggle::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-top: -6px;
    transition: transform 0.2s ease;
  }
  .mainHeader header .navbarLink ul.bizNav > li.open > .bizTabToggle::before {
    transform: rotate(-135deg);
    margin-top: 4px;
  }
  .mainHeader header .navbarLink ul.bizNav > li.open > .dropdown-menu {
    display: block;
  }
  .mainHeader header .navbarLink ul li > .dropdown-menu.bizMenu li.bizGroup {
    background: #f2f2f2;
    color: #666;
    text-align: left;
    padding: 8px 15px;
  }
}

/* ---------------------------------------------------------------------
   2. Footer (footer.blade.php, .bizFooter)
   --------------------------------------------------------------------- */
.fotter_area .bizFooter {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr 1fr;
  gap: 40px;
  padding-bottom: 46px;
}
.fotter_area .bizFooter__tag {
  font-size: 30px;
  line-height: 1.3;
  font-weight: 300;
  margin: 0 0 16px 0;
}
.fotter_area .bizFooter__about {
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 22px 0;
  color: rgba(255, 255, 255, 0.85);
}
.fotter_area .bizFooter__social {
  margin-top: 18px;
}
.fotter_area .bizFooter__social img {
  max-width: 34px;
}
.fotter_area .bizFooter__title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  margin: 4px 0 16px 0;
  padding: 0;
}
.fotter_area .bizFooter__links li {
  margin: 0 0 10px 0;
}
.fotter_area .bizFooter__links li a {
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
}
.fotter_area .bizFooter__links li a:hover,
.fotter_area .bizFooter__links li.active a {
  color: #cccccc;
}
.fotter_area .bizFooter__office {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 34px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  padding: 22px 0;
  font-size: 15px;
  line-height: 1.5;
}
.fotter_area .bizFooter__office span {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.fotter_area .bizFooter__office img {
  width: 18px;
  margin-top: 3px;
}
.fotter_area .bizFooter__office strong {
  font-weight: 500;
}
@media (max-width: 1400px) {
  .fotter_area .bizFooter__tag {
    font-size: 26px;
  }
  .fotter_area .bizFooter__links li a {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .fotter_area .bizFooter {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .fotter_area .bizFooter__brand {
    grid-column: 1 / -1;
  }
}
@media (max-width: 575px) {
  .fotter_area .bizFooter {
    grid-template-columns: 1fr;
    text-align: left;
  }
  .fotter_area .bizFooter__tag {
    font-size: 22px;
  }
}

/* ---------------------------------------------------------------------
   3. Shared page components (.bizPage wrapper on every new page)
   --------------------------------------------------------------------- */
.bizPage {
  color: var(--biz-ink);
  font-size: 16px;
  line-height: 1.65;
}
.bizPage p {
  margin: 0 0 14px 0;
}
.bizSection {
  padding: 70px 0;
}
.bizSection--tint {
  background: var(--biz-tint);
}
.bizSection--tight {
  padding: 50px 0;
}
.bizKicker {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--biz-teal);
  margin-bottom: 10px;
}
.bizPage .bizH2 {
  font-size: 34px;
  line-height: 1.25;
  font-weight: 600;
  color: var(--biz-ink);
  margin: 0 0 18px 0;
  padding: 0;
}
.bizPage .bizH3 {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 600;
  color: var(--biz-ink);
  margin: 0 0 12px 0;
  padding: 0;
}
.bizPage .bizLead {
  font-size: 19px;
  line-height: 1.6;
  color: var(--biz-ink);
}
.bizMuted {
  color: var(--biz-muted);
}
.bizHead {
  max-width: 820px;
  margin-bottom: 34px;
}
.bizHead--center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Intro: text + image */
.bizIntro {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items: center;
}
.bizIntro--flip .bizIntro__media {
  order: -1;
}
.bizIntro__media img {
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(13, 64, 88, 0.18);
}

/* Card grids */
.bizGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 24px;
}
.bizGrid--3 {
  grid-template-columns: repeat(3, 1fr);
}
.bizGrid--2 {
  grid-template-columns: repeat(2, 1fr);
}

/* Service / capability card (icon) */
.bizCard {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 14px;
  padding: 26px 24px 22px;
  color: var(--biz-ink);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
a.bizCard:hover {
  color: var(--biz-ink);
  transform: translateY(-4px);
  border-color: transparent;
  box-shadow: 0 16px 34px rgba(13, 64, 88, 0.16);
}
.bizCard__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--biz-teal) 0%, var(--biz-teal-deep) 100%);
  margin-bottom: 16px;
}
.bizCard__icon img {
  max-width: 28px;
  max-height: 28px;
}
.bizCard__title {
  display: block;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
  margin-bottom: 8px;
}
.bizCard__text {
  display: block;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--biz-muted);
  margin-bottom: 14px;
}
.bizCard__more {
  margin-top: auto;
  font-size: 14px;
  font-weight: 600;
  color: var(--biz-teal);
}
.bizCard__more::after {
  content: " \2192";
}

/* Product card (image) */
.bizProduct {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 14px;
  overflow: hidden;
  color: var(--biz-ink);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
a.bizProduct:hover {
  color: var(--biz-ink);
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(13, 64, 88, 0.16);
}
.bizProduct__img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 190px;
  padding: 18px;
  background: #fff;
  border-bottom: 1px solid var(--biz-line);
}
.bizProduct__img img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.bizProduct__img--cover {
  padding: 0;
}
.bizProduct__img--cover img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
}
.bizProduct__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 18px 20px 20px;
}
.bizProduct__brand {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--biz-muted);
  margin-bottom: 4px;
}

/* Photo card (industries) */
.bizPhoto {
  position: relative;
  display: block;
  height: 300px;
  border-radius: 16px;
  overflow: hidden;
  color: #fff;
}
.bizPhoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.bizPhoto::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13, 64, 88, 0) 35%, rgba(13, 64, 88, 0.92) 100%);
}
.bizPhoto__body {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 20px;
  z-index: 2;
}
.bizPhoto__title {
  display: block;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 600;
  color: #fff;
}
.bizPhoto__text {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.88);
  margin-top: 6px;
}
a.bizPhoto:hover {
  color: #fff;
}
a.bizPhoto:hover img {
  transform: scale(1.05);
}

/* Chips */
.bizChips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.bizChip {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid var(--biz-line);
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  color: var(--biz-ink);
}
a.bizChip:hover {
  border-color: var(--biz-teal);
  color: var(--biz-teal);
}
.bizChip--teal {
  background: var(--biz-teal);
  border-color: var(--biz-teal);
  color: #fff;
}

/* The theme's `.mp_contenier a` colour overrides the chip colours above, so link chips
   showed black text and the teal chip's text vanished on hover. Keep them readable. */
.bizPage a.bizChip {
  color: var(--biz-ink);
}
.bizPage a.bizChip:hover,
.bizPage a.bizChip:focus {
  color: var(--biz-teal);
}
.bizPage a.bizChip--teal,
.bizPage a.bizChip--teal:hover,
.bizPage a.bizChip--teal:focus {
  color: #fff;
}
.bizPage a.bizChip--teal:hover,
.bizPage a.bizChip--teal:focus {
  background: var(--biz-teal-deep);
  border-color: var(--biz-teal-deep);
}

/* Arrow list (option D): links on to other industries and related pages */
.bizLinkHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}
.bizLinkHead .bizHead {
  margin-bottom: 0;
}
.bizPage a.bizLinkAll {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: none;
  padding: 11px 22px;
  border-radius: 6px;
  background: var(--biz-teal);
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
  transition: background 0.2s ease;
}
.bizPage a.bizLinkAll:hover,
.bizPage a.bizLinkAll:focus {
  background: var(--biz-teal-deep);
  color: #fff;
}
.bizLinkList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 36px;
  border-top: 1px solid #cfdde5;
}
.bizLinkList--2 {
  grid-template-columns: repeat(2, 1fr);
}
.bizLinkList--1 {
  grid-template-columns: 1fr;
  margin-top: 8px;
}
.bizPage a.bizLinkList__row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 4px;
  border-bottom: 1px solid #cfdde5;
  color: var(--biz-ink);
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  transition: color 0.2s ease, padding 0.2s ease;
}
.bizLinkList--1 a.bizLinkList__row {
  padding: 14px 2px;
  font-size: 15px;
}
.bizLinkList__go {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 36px;
  height: 36px;
  margin-left: auto;
  border: 1.5px solid var(--biz-teal);
  border-radius: 50%;
  color: var(--biz-teal);
  font-size: 14px;
  transition: background 0.2s ease, color 0.2s ease;
}
.bizPage a.bizLinkList__row:hover,
.bizPage a.bizLinkList__row:focus {
  color: var(--biz-teal);
  padding-left: 12px;
}
.bizPage a.bizLinkList__row:hover .bizLinkList__go,
.bizPage a.bizLinkList__row:focus .bizLinkList__go {
  background: var(--biz-teal);
  color: #fff;
}
@media (max-width: 991px) {
  .bizLinkList {
    grid-template-columns: repeat(2, 1fr);
  }
  .bizLinkList--1 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .bizLinkList,
  .bizLinkList--2 {
    grid-template-columns: 1fr;
  }
  .bizLinkHead {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .bizPage a.bizLinkList__row {
    padding: 15px 2px;
    font-size: 15px;
  }
}

/* Figures (e.g. steam quality limits) */
.bizStats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.bizStat {
  background: #fff;
  border-radius: 14px;
  border-top: 4px solid var(--biz-teal);
  padding: 22px 22px 18px;
  box-shadow: 0 8px 24px rgba(13, 64, 88, 0.08);
}
.bizStat__value {
  display: block;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
  color: var(--biz-teal);
  margin-bottom: 6px;
}
.bizStat__label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}
.bizStat__text {
  display: block;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--biz-muted);
}

/* Text blocks with an accent rule */
.bizBlock {
  border-left: 4px solid var(--biz-teal);
  padding: 4px 0 4px 22px;
  margin-bottom: 34px;
}
.bizBlock:last-child {
  margin-bottom: 0;
}

/* Check list (theme resets ul/li, so markers are drawn here) */
.bizList li {
  position: relative;
  padding: 0 0 10px 30px;
}
.bizList li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 7px;
  width: 7px;
  height: 12px;
  border-right: 2px solid var(--biz-green);
  border-bottom: 2px solid var(--biz-green);
  transform: rotate(45deg);
}

/* Call to action band */
.bizCta {
  background: linear-gradient(120deg, var(--biz-teal-deep) 0%, var(--biz-teal) 100%);
  color: #fff;
  padding: 54px 0;
}
.bizCta__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.bizPage .bizCta h2 {
  color: #fff;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 600;
  margin: 0 0 6px 0;
  padding: 0;
}
.bizCta p {
  margin: 0;
  color: rgba(255, 255, 255, 0.85);
}
.bizBtn {
  display: inline-block;
  white-space: nowrap;
  background: #fff;
  color: var(--biz-teal-deep);
  font-weight: 600;
  border-radius: 999px;
  padding: 13px 30px;
  transition: background 0.2s ease, color 0.2s ease;
}
.bizBtn:hover {
  background: var(--biz-accent);
  color: #fff;
}
.bizBtn--teal {
  background: var(--biz-teal);
  color: #fff;
}
.bizBtn--teal:hover {
  background: var(--biz-teal-deep);
  color: #fff;
}

/* Service pages: content column next to the existing sidebar */
.bizService .bizSection {
  padding: 0 0 46px 0;
}
.bizService .bizSection:last-child {
  padding-bottom: 0;
}
.bizHero {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 30px;
}
.bizHero img {
  width: 100%;
  max-height: 340px;
  object-fit: cover;
}
.bizNote {
  background: var(--biz-tint);
  border-radius: 12px;
  padding: 18px 22px;
  font-size: 15px;
  color: var(--biz-muted);
}

/* About page */
.bizTimeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  position: relative;
}
.bizTimeline::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 27px;
  height: 2px;
  background: var(--biz-line);
}
.bizTimeline__item {
  position: relative;
}
.bizTimeline__year {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  height: 56px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--biz-teal);
  color: #fff;
  font-weight: 600;
  margin-bottom: 16px;
  box-shadow: 0 0 0 6px #fff;
}
.bizTimeline__title {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}
.bizTimeline__text {
  display: block;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--biz-muted);
}
.bizPerson {
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 14px;
  padding: 24px;
  height: 100%;
}
.bizPerson__name {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.bizPerson__role {
  display: block;
  color: var(--biz-teal);
  font-weight: 500;
  font-size: 14.5px;
  margin-top: 4px;
}

/* Home page: "Our business" verticals and counter footnote */
.bizVerticals {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.bizVertical {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(13, 64, 88, 0.1);
  color: var(--biz-ink);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
a.bizVertical:hover {
  color: var(--biz-ink);
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(13, 64, 88, 0.18);
}
.bizVertical__img {
  height: 210px;
  overflow: hidden;
}
.bizVertical__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bizVertical__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 24px 26px 26px;
}
.bizVertical__num {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--biz-teal);
  text-transform: uppercase;
  margin-bottom: 6px;
}
.bizVertical__title {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 10px;
}
.bizVertical__text {
  font-size: 15px;
  line-height: 1.6;
  color: var(--biz-muted);
  margin-bottom: 16px;
}
.bizFootnote {
  font-size: 13px;
  color: #777;
  margin-top: 10px;
}

/* Home page: Industries We Serve (option A), one row of photo cards per group */
.bizIndGrid__row {
  margin-top: 26px;
}
.bizIndGrid__head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.bizIndGrid__head h3 {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  color: #000;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.bizIndGrid__head::after {
  content: "";
  flex: 1;
  height: 2px;
  background: rgba(52, 112, 141, 0.35);
}
.bizIndGrid__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.bizIndGrid__card {
  position: relative;
  display: block;
  height: 210px;
  overflow: hidden;
}
.bizIndGrid__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.bizIndGrid__card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13, 64, 88, 0) 40%, rgba(13, 64, 88, 0.9) 100%);
}
.bizIndGrid__card:hover img {
  transform: scale(1.06);
}
.bizIndGrid__name {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  z-index: 2;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 500;
}
.bizIndGrid__name i {
  margin-left: 6px;
  font-size: 14px;
}
.bizIndGrid__card:hover .bizIndGrid__name {
  color: #fff;
}
@media (max-width: 1200px) {
  .bizIndGrid__name {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .bizIndGrid__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .bizIndGrid__cards {
    grid-template-columns: 1fr;
  }
  .bizIndGrid__card {
    height: 180px;
  }
}

/* Home: Why Choose GAMP (option C), numbered columns */
.bizWhy__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 36px;
}
.bizWhy__head .hd1 {
  margin-bottom: 0;
}
.bizWhy__lead {
  max-width: 430px;
  margin: 0;
  font-size: 17px;
  line-height: 1.55;
  color: var(--biz-muted);
}
.bizWhy__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
.bizWhy__item {
  padding-top: 22px;
  border-top: 2px solid #cfdde5;
  transition: border-color 0.2s ease;
}
.bizWhy__item:hover {
  border-color: var(--biz-teal);
}
.bizWhy__num {
  display: block;
  margin-bottom: 18px;
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
  /* Outlined numbers; browsers without text-stroke show solid teal */
  color: var(--biz-teal);
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.5px var(--biz-teal);
}
.bizWhy__item h3 {
  margin: 0 0 8px;
  padding: 0;
  font-family: "Poppins", sans-serif;
  font-size: 17.5px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--biz-ink);
}
.bizWhy__item p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--biz-muted);
}
@media (max-width: 991px) {
  .bizWhy__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .bizWhy__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .bizWhy__grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .bizWhy__num {
    margin-bottom: 12px;
    font-size: 38px;
  }
}
/* Dark version (the user's choice): the theme's deep teal band with white text */
.bizWhy--dark {
  background: linear-gradient(135deg, var(--biz-teal-deep) 0%, var(--biz-teal-dark) 100%);
}
.bizWhy--dark .hd1,
.bizWhy--dark .bizWhy__item h3 {
  color: #fff;
}
.bizWhy--dark .bizWhy__lead,
.bizWhy--dark .bizWhy__item p {
  color: rgba(255, 255, 255, 0.82);
}
.bizWhy--dark .bizWhy__item {
  border-top-color: rgba(255, 255, 255, 0.28);
}
.bizWhy--dark .bizWhy__item:hover {
  border-top-color: #fff;
}
.bizWhy--dark .bizWhy__num {
  color: #fff;
  -webkit-text-stroke-color: #fff;
}

/* MK Versuchsanlagen's logo is a square mark, so it needs more height than the 50px wordmarks */
.ourpartnetsSec .partnerBox img[src$="partner_mk_versuchsanlagen.png"] {
  height: 76px;
}
/* ValGenesis's wordmark is wide and heavy, so it sits smaller to look level with the other logos */
.ourpartnetsSec .partnerBox img[src$="partner_valgenesis.png"] {
  height: 30px;
}

/* Partner shown by name until its logo file is added */
.bizPartnerName {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--biz-teal-deep);
}

/* ---------------------------------------------------------------------
   4. Responsive
   --------------------------------------------------------------------- */
@media (max-width: 1200px) {
  .bizPage .bizH2 {
    font-size: 30px;
  }
  .bizIntro {
    gap: 40px;
  }
}
@media (max-width: 991px) {
  .bizSection {
    padding: 54px 0;
  }
  .bizIntro {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .bizIntro--flip .bizIntro__media {
    order: 0;
  }
  .bizGrid--3,
  .bizVerticals {
    grid-template-columns: repeat(2, 1fr);
  }
  .bizTimeline {
    grid-template-columns: repeat(2, 1fr);
  }
  .bizTimeline::before {
    display: none;
  }
  .bizCta__inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .bizService {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .bizPage {
    font-size: 15px;
  }
  .bizSection {
    padding: 44px 0;
  }
  .bizPage .bizH2 {
    font-size: 24px;
    padding-bottom: 0;
  }
  .bizPage .bizH3 {
    font-size: 19px;
    padding-bottom: 0;
  }
  .bizPage .bizLead {
    font-size: 17px;
  }
  .bizGrid,
  .bizGrid--2,
  .bizGrid--3,
  .bizVerticals,
  .bizStats {
    grid-template-columns: 1fr;
  }
  .bizTimeline {
    grid-template-columns: 1fr;
  }
  .bizPhoto {
    height: 240px;
  }
  .bizPage .bizCta h2 {
    font-size: 22px;
  }
}

/* ---------------------------------------------------------------------
   5. Section heading, option D (user's choice, Oct 2026): the label as a
   bookmark tag, a big left-aligned title with a teal bar and a teal accent
   word, and the text on the right. Markup:
   <div class="bizHead bizHead--split"> kicker, h2.bizH2 (with
   span.bizH2__accent), p.bizMuted </div>, inside .bizPage.
   Used on the home "Our business" and "Our Partners" headings.
   --------------------------------------------------------------------- */
.bizPage .bizHead--split {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  grid-template-areas: "kicker ." "title text";
  column-gap: 64px;
  align-items: center;
  text-align: left;
  margin-bottom: 44px;
}
.bizPage .bizHead--split .bizKicker {
  grid-area: kicker;
  justify-self: start;
  background: rgba(52, 112, 141, 0.12);
  color: var(--biz-teal-dark);
  border-left: 4px solid var(--biz-teal);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.18em;
  line-height: 1.4;
  padding: 8px 14px;
  margin-bottom: 22px;
}
.bizPage .bizHead--split .bizH2 {
  grid-area: title;
  font-size: 60px;
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #000;
  border-left: 8px solid var(--biz-teal);
  padding: 0 0 0 26px;
  margin: 0;
  text-wrap: balance;
}
/* The theme turns any span inside an h2 into a small 16px block (h2 span {...}); keep the accent inline. */
.bizPage .bizHead--split .bizH2__accent {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  padding: 0;
  color: var(--biz-teal);
}
.bizPage .bizHead--split .bizMuted {
  grid-area: text;
  font-size: 18px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  text-wrap: pretty;
}
@media (max-width: 1500px) {
  .bizPage .bizHead--split .bizH2 {
    font-size: 56px;
  }
}
@media (max-width: 1200px) {
  .bizPage .bizHead--split {
    column-gap: 40px;
  }
  .bizPage .bizHead--split .bizH2 {
    font-size: 48px;
  }
  .bizPage .bizHead--split .bizMuted {
    font-size: 17px;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .bizPage .bizHead--split {
    grid-template-columns: 1fr;
    grid-template-areas: "kicker" "title" "text";
  }
  .bizPage .bizHead--split .bizH2 {
    font-size: 42px;
  }
  .bizPage .bizHead--split .bizMuted {
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  .bizPage .bizHead--split {
    margin-bottom: 30px;
  }
  .bizPage .bizHead--split .bizKicker {
    font-size: 12px;
    margin-bottom: 16px;
  }
  .bizPage .bizHead--split .bizH2 {
    font-size: 34px;
    border-left-width: 6px;
    padding-left: 18px;
  }
  .bizPage .bizHead--split .bizMuted {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 575px) {
  .bizPage .bizHead--split .bizH2 {
    font-size: 30px;
  }
}

/* Option D on every business-page heading (user, Oct 2026) ------------- */
/* Any paragraph in a split heading goes in the right-hand column (bizLead too) */
.bizPage .bizHead--split > p {
  grid-area: text;
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 30px;
  text-wrap: pretty;
}
/* Title-only headings: label above a full-width title */
.bizPage .bizHead--split.bizHead--solo {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "kicker" "title";
}
/* Accent word in any business-page title (undoes the theme's "h2 span" rule) */
.bizPage .bizH2 .bizH2__accent,
.bizPage .bizH3 .bizH2__accent {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  padding: 0;
  color: var(--biz-teal);
}
/* "Other industries we serve" (h3) beside its All industries button */
.bizPage .bizHead--split .bizH3 {
  grid-area: title;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #000;
  border-left: 6px solid var(--biz-teal);
  padding: 0 0 0 20px;
  margin: 0;
  text-wrap: balance;
}
.bizPage .bizLinkHead .bizHead--split {
  margin-bottom: 0;
}
.bizPage .bizLinkHead {
  align-items: flex-end;
}
/* Intro and service-page titles: same label tag, teal bar and accent, sized for a text column */
.bizPage .bizIntro__text .bizKicker,
.bizPage.bizService .bizSection > .bizKicker {
  display: inline-block;
  background: rgba(52, 112, 141, 0.12);
  color: var(--biz-teal-dark);
  border-left: 4px solid var(--biz-teal);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.18em;
  line-height: 1.4;
  padding: 8px 14px;
  margin-bottom: 20px;
}
.bizPage .bizIntro__text .bizH2,
.bizPage.bizService .bizSection > .bizH2 {
  font-size: 46px;
  line-height: 1.14;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #000;
  border-left: 6px solid var(--biz-teal);
  padding: 0 0 0 22px;
  margin: 0 0 22px 0;
  text-wrap: balance;
}
/* On dark bands (home "Why Choose GAMP") */
.bizPage .bizHead--onDark .bizKicker {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border-left-color: #8CCBE6;
}
.bizPage .bizHead--onDark .bizH2 {
  color: #fff;
  border-left-color: #8CCBE6;
}
.bizPage .bizHead--onDark .bizH2 .bizH2__accent {
  color: #8CCBE6;
}
.bizPage .bizHead--onDark > p {
  color: rgba(255, 255, 255, 0.82);
}
@media (max-width: 1500px) {
  .bizPage .bizIntro__text .bizH2,
  .bizPage.bizService .bizSection > .bizH2 {
    font-size: 42px;
  }
  .bizPage .bizHead--split .bizH3 {
    font-size: 36px;
  }
}
@media (max-width: 1200px) {
  .bizPage .bizIntro__text .bizH2,
  .bizPage.bizService .bizSection > .bizH2 {
    font-size: 38px;
  }
  .bizPage .bizHead--split > p {
    font-size: 17px;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .bizPage .bizIntro__text .bizH2,
  .bizPage.bizService .bizSection > .bizH2 {
    font-size: 36px;
  }
  .bizPage .bizHead--split > p {
    margin-top: 18px;
  }
  .bizPage .bizHead--split .bizH3 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .bizPage .bizIntro__text .bizKicker,
  .bizPage.bizService .bizSection > .bizKicker {
    font-size: 12px;
    margin-bottom: 16px;
  }
  .bizPage .bizIntro__text .bizH2,
  .bizPage.bizService .bizSection > .bizH2 {
    font-size: 30px;
    border-left-width: 5px;
    padding-left: 16px;
  }
  .bizPage .bizHead--split > p {
    font-size: 16px;
    line-height: 26px;
  }
  .bizPage .bizHead--split .bizH3 {
    font-size: 28px;
    border-left-width: 5px;
    padding-left: 16px;
  }
  .bizPage .bizLinkHead {
    align-items: flex-start;
  }
}
@media (max-width: 575px) {
  .bizPage .bizIntro__text .bizH2,
  .bizPage.bizService .bizSection > .bizH2 {
    font-size: 27px;
  }
  .bizPage .bizHead--split .bizH3 {
    font-size: 25px;
  }
}

/* ---------------------------------------------------------------------
   6. Get In Touch, option B (user's choice, Oct 2026), on home and
   Contact Us: option D heading, a photo with a teal frame and a call
   badge, the form on the right (first on tablets and phones).
   --------------------------------------------------------------------- */
.bizContact {
  padding: 0 0 100px;
  background: #fff;
}
.bizContact__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 64px;
  align-items: center;
}
.bizContact__media {
  position: relative;
  margin: 0 0 18px 18px;
}
.bizContact__media::before {
  content: "";
  position: absolute;
  inset: 18px 18px -18px -18px;
  background: var(--biz-teal);
  border-radius: 18px;
}
.bizContact__media img {
  position: relative;
  display: block;
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 18px;
}
.bizPage a.bizContact__badge {
  position: absolute;
  right: -18px;
  bottom: 26px;
  display: flex;
  gap: 12px;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  padding: 14px 20px;
  box-shadow: 0 14px 34px rgba(13, 64, 88, 0.22);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--biz-ink);
}
.bizPage a.bizContact__badge:hover,
.bizPage a.bizContact__badge:focus {
  color: var(--biz-teal);
}
.bizContact__badge i {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--biz-teal);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 17px;
}
.bizContact__badge small {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--biz-muted);
}
.bizContact__form form {
  display: grid;
  gap: 16px;
  margin: 0;
}
.bizContact__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
}
.bizContact .form-control {
  width: 100%;
  height: auto;
  font-size: 16px;
  line-height: 1.4;
  color: var(--biz-ink);
  padding: 13px 15px;
  background: var(--biz-tint);
  border: 1px solid var(--biz-tint);
  border-radius: 8px;
  box-shadow: none;
}
.bizContact .form-control:focus {
  background: #fff;
  border-color: var(--biz-teal);
  box-shadow: 0 0 0 3px rgba(52, 112, 141, 0.15);
  outline: none;
}
.bizContact .form-control::placeholder {
  color: #8796A0;
}
.bizContact textarea.form-control {
  min-height: 140px;
  resize: vertical;
}
/* The reCAPTCHA wrapper only holds a hidden input; keep it out of the layout (the input is still sent) */
.bizContact__form .roboto {
  display: none;
}
/* Messages added by the form's validation script */
.bizContact label.error {
  display: block;
  margin: 6px 0 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.4;
  color: #C0392B;
}
.bizContact .alert {
  margin: 0;
}
.bizContact .btnarea {
  margin: 4px 0 0;
}
.bizContact__submit {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border: 0;
  border-radius: 8px;
  background: var(--biz-teal);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 16px 28px;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(52, 112, 141, 0.28);
  transition: background 0.2s ease;
}
.bizContact__submit:hover,
.bizContact__submit:focus {
  background: var(--biz-teal-deep);
}
@media (max-width: 1200px) {
  .bizContact__grid {
    gap: 40px;
  }
  .bizContact__media img {
    height: 380px;
  }
}
@media (max-width: 991px) {
  .bizContact {
    padding-bottom: 70px;
  }
  .bizContact__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .bizContact__form {
    order: -1;
  }
  .bizContact__media img {
    height: 320px;
  }
  .bizPage a.bizContact__badge {
    right: 12px;
  }
}
@media (max-width: 575px) {
  .bizContact {
    padding-bottom: 56px;
  }
  .bizContact__row {
    grid-template-columns: minmax(0, 1fr);
  }
  .bizContact__media {
    margin: 0 0 12px 12px;
  }
  .bizContact__media::before {
    inset: 12px 12px -12px -12px;
  }
  .bizContact__media img {
    height: 240px;
  }
  .bizPage a.bizContact__badge {
    bottom: 16px;
    padding: 10px 14px;
    font-size: 15px;
  }
}

/* ---------------------------------------------------------------------
   7. Home intro text in the site-wide heading style (Oct 2026). The
   counters next to it keep the theme's ribbon style.
   --------------------------------------------------------------------- */
.bizWelcome .bizKicker {
  display: inline-block;
  background: rgba(52, 112, 141, 0.12);
  color: var(--biz-teal-dark);
  border-left: 4px solid var(--biz-teal);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.18em;
  line-height: 1.4;
  padding: 8px 14px;
  margin-bottom: 20px;
}
.bizWelcome .bizH2 {
  font-size: 42px;
  line-height: 1.14;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #000;
  border-left: 6px solid var(--biz-teal);
  padding: 0 0 0 22px;
  margin: 0 0 24px 0;
  text-wrap: balance;
}
.bizWelcome .pTabWidth {
  font-size: 16px;
  line-height: 27px;
  color: var(--biz-ink);
  margin: 0 0 16px 0;
  padding: 0;
}
.bizWelcome .pTabWidth:first-of-type {
  font-size: 18px;
  line-height: 30px;
}
.bizWelcome .margintop5 {
  margin-top: 26px;
}
@media (max-width: 1500px) {
  .bizWelcome .bizH2 {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .bizWelcome .bizH2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .bizWelcome .bizKicker {
    font-size: 12px;
    margin-bottom: 16px;
  }
  .bizWelcome .bizH2 {
    font-size: 30px;
    border-left-width: 5px;
    padding-left: 16px;
  }
  .bizWelcome .pTabWidth:first-of-type {
    font-size: 17px;
    line-height: 28px;
  }
}
@media (max-width: 575px) {
  .bizWelcome .bizH2 {
    font-size: 27px;
  }
}

/* ---------------------------------------------------------------------
   8. Buttons (user's choices, Oct 2026), with the logo green on hover:
   1A main actions: teal solid (a.bizBtn--teal, the contact form button)
   2A on photos and dark bands: white with teal text (banner "Learn More",
      footer "Connect With Us", "Contact Us" in the Talk to our team band)
   3A secondary: teal outline (All industries, product-page "Read more")
   4C card links: small soft chip that turns logo green on hover
   The logo green #38B050 is too light for white text, so #24823A is used
   wherever text sits on green.
   --------------------------------------------------------------------- */
:root {
  --biz-green-dark: #24823A;
}
/* 1A */
a.bizBtn.bizBtn--teal,
.bizContact__submit {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: var(--biz-teal);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  padding: 16px 28px;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(52, 112, 141, 0.28);
  transition: background 0.2s ease;
}
a.bizBtn.bizBtn--teal::after {
  content: "\f178";
  font-family: FontAwesome;
  font-weight: normal;
  transition: transform 0.2s ease;
}
a.bizBtn.bizBtn--teal:hover,
a.bizBtn.bizBtn--teal:focus,
.bizContact__submit:hover,
.bizContact__submit:focus {
  background: var(--biz-teal-deep);
  color: #fff;
}
.bizContact__submit i {
  transition: transform 0.2s ease;
}
a.bizBtn.bizBtn--teal:hover::after,
a.bizBtn.bizBtn--teal:focus::after,
.bizContact__submit:hover i,
.bizContact__submit:focus i {
  transform: translateX(5px);
}
/* 2A */
.bizCta a.bizBtn:not(.bizBtn--teal),
.banner_area .hm_banner .btn_common.btn_primary,
.bizFooter .btn_common.btn_primary {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  background: #fff;
  color: var(--biz-teal-deep) !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  text-align: left;
  padding: 16px 26px;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
  transition: color 0.2s ease;
}
.bizCta a.bizBtn:not(.bizBtn--teal)::after,
.banner_area .hm_banner .btn_common.btn_primary::after,
.bizFooter .btn_common.btn_primary::after {
  content: "\f178";
  font-family: FontAwesome;
  font-weight: normal;
  position: static;
  width: auto;
  height: auto;
  background: none;
  transition: transform 0.2s ease;
}
.bizCta a.bizBtn:not(.bizBtn--teal):hover,
.bizCta a.bizBtn:not(.bizBtn--teal):focus,
.banner_area .hm_banner .btn_common.btn_primary:hover,
.banner_area .hm_banner .btn_common.btn_primary:focus,
.bizFooter .btn_common.btn_primary:hover,
.bizFooter .btn_common.btn_primary:focus {
  background: #fff;
  color: var(--biz-green-dark) !important;
}
.bizCta a.bizBtn:not(.bizBtn--teal):hover::after,
.bizCta a.bizBtn:not(.bizBtn--teal):focus::after,
.banner_area .hm_banner .btn_common.btn_primary:hover::after,
.banner_area .hm_banner .btn_common.btn_primary:focus::after,
.bizFooter .btn_common.btn_primary:hover::after,
.bizFooter .btn_common.btn_primary:focus::after {
  background: none;
  transform: translateX(5px);
}
/* 3A */
.bizPage a.bizLinkAll,
.btn_common.btn_blck {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  background: transparent;
  color: var(--biz-teal) !important;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  white-space: nowrap;
  padding: 12px 22px;
  border: 2px solid var(--biz-teal);
  border-radius: 8px;
  box-shadow: none;
  transition: background 0.2s ease, color 0.2s ease;
}
.btn_common.btn_blck::after {
  content: "\f178";
  font-family: FontAwesome;
  font-weight: normal;
  position: static;
  width: auto;
  height: auto;
  background: none;
}
.bizPage a.bizLinkAll:hover,
.bizPage a.bizLinkAll:focus,
.btn_common.btn_blck:hover,
.btn_common.btn_blck:focus {
  background: var(--biz-teal);
  color: #fff !important;
}
.btn_common.btn_blck:hover::after,
.btn_common.btn_blck:focus::after {
  background: none;
}
/* 4C */
.bizCard__more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  background: rgba(52, 112, 141, 0.1);
  color: var(--biz-teal-dark);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  padding: 9px 14px;
  border-radius: 999px;
  transition: background 0.2s ease, color 0.2s ease;
}
.bizCard__more::after {
  content: "\2192";
}
a:hover .bizCard__more,
a:focus .bizCard__more {
  background: var(--biz-green-dark);
  color: #fff;
}
@media (max-width: 767px) {
  a.bizBtn.bizBtn--teal,
  .bizContact__submit,
  .bizCta a.bizBtn:not(.bizBtn--teal),
  .bizFooter .btn_common.btn_primary {
    font-size: 15px;
    padding: 14px 22px;
  }
  .banner_area .hm_banner .btn_common.btn_primary {
    font-size: 14px;
    padding: 11px 18px;
  }
}

/* ---------------------------------------------------------------------
   9. Distribution page: partner logos at one consistent size (Oct 2026)
   --------------------------------------------------------------------- */
.bizGrid--partners .bizProduct__img {
  height: 150px;
  padding: 28px;
}
.bizGrid--partners .bizProduct__img img {
  max-height: 62px;
  max-width: 72%;
}

/* ---------------------------------------------------------------------
   10. Service pages (Oct 2026): small parameter cards, key-element
   tiles, test cards, callout, checklist and full-width service rows.
   --------------------------------------------------------------------- */
/* Thermal: steam quality parameters (small cards, no top border) */
.bizParams {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.bizParam {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 10px;
  padding: 16px 18px;
}
.bizParam__value {
  font-size: 24px;
  line-height: 1.15;
  font-weight: 800;
  color: var(--biz-teal);
  margin-bottom: 4px;
}
.bizParam__label {
  font-size: 15px;
  font-weight: 700;
  color: var(--biz-ink);
}
.bizParam__text {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--biz-muted);
}
/* CQV and CSV: key elements as labelled groups of tiles */
.bizKeys__label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--biz-muted);
  margin: 0 0 12px;
}
.bizKeys__label::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--biz-green);
}
.bizKeys__grid {
  display: grid;
  gap: 12px;
  margin-bottom: 26px;
}
.bizKeys__grid:last-child {
  margin-bottom: 0;
}
.bizKeys__grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bizKeys__grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bizKeys__grid--6 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bizKey__abbr .fa {
  font-size: 24px;
  line-height: 1;
}
.bizKey {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 10px;
  padding: 14px 16px;
}
.bizKey__abbr {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--biz-teal);
}
.bizKey__name {
  font-size: 13.5px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--biz-ink);
}
.bizKey--guide .bizKey__abbr {
  font-size: 18px;
}
.bizKey--guide .bizKey__name {
  font-weight: 400;
  color: var(--biz-muted);
}
.bizKey--topic {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.bizKey__icon {
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(56, 176, 80, 0.14);
  color: var(--biz-green-dark);
  font-size: 16px;
}
/* Clean room: ISO 14644-1 tests as icon cards */
.bizTests {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.bizTest {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 12px;
  padding: 18px 20px;
}
.bizTest:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}
.bizTest__icon {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(52, 112, 141, 0.1);
  color: var(--biz-teal);
  font-size: 19px;
}
.bizTest__title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--biz-ink);
  margin-bottom: 4px;
}
.bizTest__text {
  display: block;
  font-size: 14px;
  line-height: 1.55;
  color: var(--biz-muted);
}
/* A note with an icon and a logo-green edge */
.bizCallout {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: var(--biz-tint);
  border-left: 4px solid var(--biz-green);
  border-radius: 10px;
  padding: 16px 20px;
  margin-top: 18px;
}
.bizCallout .fa {
  color: var(--biz-green-dark);
  font-size: 20px;
  margin-top: 2px;
}
.bizPage .bizCallout p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--biz-ink);
}
/* Checklist with logo-green ticks */
.bizChecks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 20px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}
.bizChecks li {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  color: var(--biz-ink);
  padding: 0;
}
.bizChecks li .fa {
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(56, 176, 80, 0.16);
  color: var(--biz-green-dark);
  font-size: 12px;
}
/* CSV: the three services as full-width rows (icon left, text right) */
.bizRows {
  display: grid;
  gap: 14px;
}
.bizRows .bizCard {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  column-gap: 20px;
  align-items: start;
  padding: 22px 24px;
}
.bizRows .bizCard__icon {
  grid-row: 1 / span 2;
  margin-bottom: 0;
}
.bizRows .bizCard__title {
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .bizParams,
  .bizTests,
  .bizChecks,
  .bizKeys__grid--3 {
    grid-template-columns: minmax(0, 1fr);
  }
  .bizKeys__grid--4,
  .bizKeys__grid--6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bizRows .bizCard {
    grid-template-columns: minmax(0, 1fr);
  }
  .bizRows .bizCard__icon {
    grid-row: auto;
    margin-bottom: 14px;
  }
}

/* ---------------------------------------------------------------------
   11. "Other industries we serve" as photo tiles (option A, Oct 2026)
   --------------------------------------------------------------------- */
.bizIndTiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.bizPage a.bizIndTile {
  position: relative;
  display: block;
  height: 220px;
  border-radius: 14px;
  overflow: hidden;
  color: #fff;
}
.bizIndTile img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.bizIndTile::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(13, 64, 88, 0.05) 30%, rgba(13, 64, 88, 0.88) 100%);
}
.bizIndTile__name {
  position: absolute;
  z-index: 1;
  left: 20px;
  right: 72px;
  bottom: 18px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
.bizIndTile__go {
  position: absolute;
  z-index: 1;
  right: 18px;
  bottom: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff;
  color: var(--biz-teal-deep);
  transition: background 0.2s ease, color 0.2s ease;
}
.bizPage a.bizIndTile:hover img,
.bizPage a.bizIndTile:focus img {
  transform: scale(1.06);
}
.bizPage a.bizIndTile:hover .bizIndTile__go,
.bizPage a.bizIndTile:focus .bizIndTile__go {
  background: var(--biz-green);
  color: #fff;
}
@media (max-width: 991px) {
  .bizPage a.bizIndTile {
    height: 190px;
  }
  .bizIndTile__name {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .bizIndTiles {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .bizPage a.bizIndTile {
    height: 170px;
  }
}

/* ---------------------------------------------------------------------
   12. Compact footer that also carries the "Talk to our team" call to
   action (Oct 2026): one band instead of two, lower height.
   --------------------------------------------------------------------- */
.fotter_area.bizFooterArea {
  padding-top: 52px;
}
.bizFooterArea .bizFooter {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.8fr) minmax(0, 1.3fr) minmax(0, 0.9fr);
  gap: 36px;
  padding-bottom: 36px;
}
.bizFooterArea .bizFooter__ctaTitle {
  font-size: 26px;
  line-height: 1.25;
  font-weight: 700;
  color: #fff;
  margin: 0 0 10px 0;
  padding: 0;
}
.bizFooterArea .bizFooter__about {
  font-size: 15px;
  line-height: 1.6;
  max-width: 430px;
  margin: 0 0 20px 0;
  padding: 0;
}
.bizFooterArea .bizFooter__actions {
  display: flex;
  align-items: center;
  gap: 18px;
}
.bizFooterArea .bizFooter__actions img {
  display: block;
  width: 34px;
  height: 34px;
}
.bizFooterArea .bizFooter__title {
  margin: 4px 0 12px 0;
}
.bizFooterArea .bizFooter__links li {
  margin: 0 0 7px 0;
  padding: 0;
}
.bizFooterArea .bizFooter__links li a {
  font-size: 15px;
  line-height: 1.45;
}
.fotter_area.bizFooterArea .bottom_area {
  font-size: 15px;
  padding: 10px 0;
}
@media (max-width: 991px) {
  .bizFooterArea .bizFooter {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
  }
  .bizFooterArea .bizFooter__brand {
    grid-column: 1 / -1;
  }
}
@media (max-width: 767px) {
  .fotter_area.bizFooterArea {
    padding-top: 36px;
  }
  .bizFooterArea .bizFooter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 20px;
    padding-bottom: 26px;
  }
  .bizFooterArea .bizFooter__col--services {
    grid-column: 1 / -1;
    order: 1;
  }
  .bizFooterArea .bizFooter__ctaTitle {
    font-size: 22px;
  }
}

/* ---------------------------------------------------------------------
   13. About Us "Mission & Values", option A (Oct 2026): the values line
   sits in the heading, the mission as numbered points in two columns.
   --------------------------------------------------------------------- */
.bizMission__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 48px;
}
.bizMission__item {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding: 20px 0;
  border-top: 1px solid var(--biz-line);
}
.bizMission__num {
  font-size: 40px;
  line-height: 1;
  font-weight: 800;
  color: rgba(47, 158, 70, 0.06);
  -webkit-text-stroke: 1.5px #2F9E46;
}
.bizPage .bizMission__item p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.6;
  color: var(--biz-ink);
}
@media (max-width: 767px) {
  .bizMission__list {
    grid-template-columns: minmax(0, 1fr);
  }
  .bizMission__item {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
    padding: 16px 0;
  }
  .bizMission__num {
    font-size: 32px;
  }
}

/* ---------------------------------------------------------------------
   14. Distribution product pages (/Products/..., body.bizDist): the
   site-wide look for headings, cards, lists, tables and accordions.
   Photos and product images are left exactly as they are (Oct 2026).
   --------------------------------------------------------------------- */
/* Category pages: product cards like the rest of the site */
.bizDist .productSubSection .bizHead--split {
  margin-bottom: 40px;
}
.bizDist .product-row .row > [class*="col-"] {
  display: flex;
}
.bizDist .product-row .product-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 14px;
  box-shadow: none;
  padding: 0 0 22px;
  overflow: hidden;
}
.bizDist .product-row .product-box:hover {
  transform: translateY(-4px);
  border-color: transparent;
  box-shadow: 0 16px 34px rgba(13, 64, 88, 0.16);
}
.bizDist .product-row .product-box .product-image {
  min-height: 0;
  height: 220px;
  margin: 0 0 18px;
  padding: 18px;
  background: #fff;
  border-bottom: 1px solid var(--biz-line);
}
.bizDist .product-row .product-box .product-image span,
.bizDist .product-row .product-box .imgmax245 {
  min-height: 0;
  max-height: 100%;
}
.bizDist .product-row .product-box .product-image img {
  max-height: 100%;
  max-width: 100%;
}
.bizDist .product-row .product-box .hd3 {
  min-height: 0;
  margin: 0;
  padding: 0 22px 8px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: var(--biz-ink);
  text-align: left;
}
.bizDist .product-row .product-box p {
  max-height: none;
  -webkit-line-clamp: 3;
  margin: 0 0 18px;
  padding: 0 22px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--biz-muted);
  text-align: left;
}
.bizDist .product-row .product-box .text-center {
  margin-top: auto;
  padding: 0 22px;
  text-align: left !important;
}
/* Product pages: titles with the teal bar, sub-headings like the service pages */
.bizDist .productDetailSection .productContent .hd2 {
  font-size: 34px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #000;
  border-left: 6px solid var(--biz-teal);
  padding: 0 0 0 18px;
  margin: 0 0 18px;
}
.bizDist .productDetailSection .hd3 {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 700;
  color: var(--biz-ink);
  padding: 6px 0 12px;
}
/* Bullet lists: logo-green ticks instead of black dashes */
.bizDist .productDetailSection ul.bullet li {
  padding: 0 0 12px 32px !important;
  line-height: 1.6;
}
.bizDist .productDetailSection ul.bullet li::before {
  content: "\f00c";
  font-family: FontAwesome;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(56, 176, 80, 0.16) !important;
  color: var(--biz-green-dark);
  font-size: 11px;
  line-height: 20px;
  text-align: center;
}
.bizDist .productDetailSection ol li::marker {
  color: var(--biz-teal);
  font-weight: 700;
}
/* Specification tables: light lines, tinted label column, rounded frame */
.bizDist .table_a table {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--biz-line);
  border-radius: 12px;
  overflow: hidden;
}
.bizDist .table_a th,
.bizDist .table_a td {
  border: 0;
  border-bottom: 1px solid var(--biz-line);
  padding: 11px 16px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--biz-ink);
  background: #fff;
}
.bizDist .table_a tr:nth-child(even) {
  background: transparent;
}
.bizDist .table_a tr > :first-child {
  background: var(--biz-tint);
  font-weight: 600;
}
.bizDist .table_a tr > * + * {
  border-left: 1px solid var(--biz-line);
}
.bizDist .table_a tr:last-child > * {
  border-bottom: 0;
}
/* Accordions: light rows with a teal edge instead of dark bars */
.bizDist .accordion_modifay .accordion .accordion-item {
  border: 1px solid var(--biz-line);
  border-radius: 12px !important;
  overflow: hidden;
  margin-bottom: 14px;
  background: #fff;
}
.bizDist .accordion_modifay .accordion .accordion-item .accordion-header .accordion-button {
  font-size: 18px;
  font-weight: 700;
  padding: 16px 20px;
  border-left: 4px solid var(--biz-teal);
  /* !important: the theme forces a dark bar with !important (style.css .accordion .accordion-button) */
  background: #fff !important;
  color: var(--biz-ink) !important;
}
.bizDist .accordion_modifay .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed),
.bizDist .accordion_modifay .accordion .accordion-item .accordion-header .accordion-button:hover {
  background: var(--biz-tint) !important;
  color: var(--biz-teal-dark) !important;
}
.bizDist .accordion_modifay .accordion .accordion-item .accordion-header .accordion-button::after {
  content: "\f107";
  font-family: FontAwesome;
  background-image: none !important;
  width: auto;
  height: auto;
  font-size: 22px;
  line-height: 1;
  color: var(--biz-teal);
}
.bizDist .accordion_modifay .accordion .accordion-item .accordion-body {
  padding: 18px 20px;
}
/* Product image frames: thin line instead of a heavy shadow (images unchanged) */
.bizDist .subproductimg {
  border: 1px solid var(--biz-line);
  border-radius: 16px;
  box-shadow: none;
}
@media (max-width: 767px) {
  .bizDist .productDetailSection .productContent .hd2 {
    font-size: 27px;
    border-left-width: 5px;
    padding-left: 14px;
  }
  .bizDist .productDetailSection .hd3 {
    font-size: 19px;
  }
  .bizDist .table_a table {
    display: block;
    overflow-x: auto;
  }
}

/* About Us "Industries we serve" on a dark teal band with glass cards (user chose option A of A-E,
   16 Oct 2026). Used with .bizHead--onDark on the heading. Remove the class to get the light version back. */
.bizPage .bizSection--indDark {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--biz-teal-deep) 0%, var(--biz-teal-dark) 100%);
}
.bizPage .bizSection--indDark::before {
  content: "";
  position: absolute;
  width: 620px;
  height: 620px;
  right: -180px;
  top: -260px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 0 0 70px rgba(255, 255, 255, 0.025);
  pointer-events: none;
}
.bizPage .bizSection--indDark > .container {
  position: relative;
}
.bizPage .bizSection--indDark .bizCard {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding: 30px 30px 18px;
}
.bizPage .bizSection--indDark .bizCard__title {
  color: #fff;
  font-size: 22px;
  padding-left: 14px;
  border-left: 4px solid var(--biz-green);
  margin-bottom: 12px;
}
.bizPage .bizSection--indDark .bizLinkList {
  border-top-color: rgba(255, 255, 255, 0.14);
}
.bizPage .bizSection--indDark a.bizLinkList__row {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.14);
}
.bizPage .bizSection--indDark .bizLinkList__go {
  border-color: rgba(255, 255, 255, 0.45);
  color: #fff;
}
.bizPage .bizSection--indDark a.bizLinkList__row:hover,
.bizPage .bizSection--indDark a.bizLinkList__row:focus {
  color: #8CCBE6;
}
.bizPage .bizSection--indDark a.bizLinkList__row:hover .bizLinkList__go,
.bizPage .bizSection--indDark a.bizLinkList__row:focus .bizLinkList__go {
  background: var(--biz-green-dark);
  border-color: var(--biz-green-dark);
  color: #fff;
}
@media (max-width: 767px) {
  .bizPage .bizSection--indDark::before {
    width: 360px;
    height: 360px;
    right: -160px;
    top: -170px;
  }
  .bizPage .bizSection--indDark .bizCard {
    padding: 22px 18px 10px;
  }
  .bizPage .bizSection--indDark .bizCard__title {
    font-size: 19px;
  }
}

/* ---------------------------------------------------------------------
   Link lists as button rows with a solid arrow tab (user chose option G for
   "Related pages", 16 Oct 2026, without green; applied to every .bizLinkList,
   and the photo tiles' arrow uses the same square style). Earlier round-arrow
   rules above are kept and overridden here.
   --------------------------------------------------------------------- */
.bizPage .bizLinkList {
  column-gap: 18px;
  row-gap: 14px;
  border-top: 0;
  margin-top: 6px;
}
.bizPage .bizLinkList a.bizLinkList__row {
  gap: 0;
  min-height: 58px;
  padding: 0 0 0 20px;
  border: 1.5px solid var(--biz-teal);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  color: var(--biz-teal-deep);
  font-size: 15.5px;
  font-weight: 600;
  transition: background 0.25s ease, color 0.25s ease;
}
.bizPage .bizLinkList .bizLinkList__text {
  padding: 12px 14px 12px 0;
}
.bizPage .bizLinkList .bizLinkList__go {
  align-self: stretch;
  width: 58px;
  height: auto;
  margin-left: auto;
  border: 0;
  border-radius: 0;
  background: var(--biz-teal);
  color: #fff;
  font-size: 16px;
  transition: background 0.25s ease;
}
.bizPage .bizLinkList .bizLinkList__go .fa {
  transition: transform 0.25s ease;
}
.bizPage .bizLinkList a.bizLinkList__row:hover,
.bizPage .bizLinkList a.bizLinkList__row:focus {
  padding-left: 20px;
  background: var(--biz-teal);
  color: #fff;
}
.bizPage .bizLinkList a.bizLinkList__row:hover .bizLinkList__go,
.bizPage .bizLinkList a.bizLinkList__row:focus .bizLinkList__go {
  background: var(--biz-teal-deep);
  color: #fff;
}
.bizPage .bizLinkList a.bizLinkList__row:hover .bizLinkList__go .fa,
.bizPage .bizLinkList a.bizLinkList__row:focus .bizLinkList__go .fa {
  transform: translateX(3px);
}
/* Single-column lists inside cards (About Us industries) sit a little tighter. */
.bizPage .bizLinkList--1 {
  row-gap: 10px;
}
.bizPage .bizLinkList--1 a.bizLinkList__row {
  min-height: 52px;
  font-size: 15px;
}
.bizPage .bizLinkList--1 .bizLinkList__go {
  width: 52px;
}
/* On the About Us dark teal band: light outline, white tab, fills white on hover. */
.bizPage .bizSection--indDark .bizLinkList a.bizLinkList__row {
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}
.bizPage .bizSection--indDark .bizLinkList .bizLinkList__go {
  background: #fff;
  color: var(--biz-teal-deep);
}
.bizPage .bizSection--indDark .bizLinkList a.bizLinkList__row:hover,
.bizPage .bizSection--indDark .bizLinkList a.bizLinkList__row:focus {
  border-color: #fff;
  background: #fff;
  color: var(--biz-teal-deep);
}
.bizPage .bizSection--indDark .bizLinkList a.bizLinkList__row:hover .bizLinkList__go,
.bizPage .bizSection--indDark .bizLinkList a.bizLinkList__row:focus .bizLinkList__go {
  background: var(--biz-teal);
  color: #fff;
}
@media (max-width: 767px) {
  .bizPage .bizLinkList a.bizLinkList__row {
    min-height: 52px;
    padding-left: 16px;
    font-size: 15px;
  }
  .bizPage .bizLinkList a.bizLinkList__row:hover,
  .bizPage .bizLinkList a.bizLinkList__row:focus {
    padding-left: 16px;
  }
  .bizPage .bizLinkList .bizLinkList__go {
    width: 50px;
  }
}
/* Photo tiles: the same square arrow instead of the round one, teal (not green) on hover. */
.bizPage .bizIndTile .bizIndTile__go {
  border-radius: 6px;
  background: #fff;
  color: var(--biz-teal-deep);
}
.bizPage a.bizIndTile:hover .bizIndTile__go,
.bizPage a.bizIndTile:focus .bizIndTile__go {
  background: var(--biz-teal);
  color: #fff;
}

/* ---------------------------------------------------------------------
   15. Earlier pages that the new pages still link to (Oct 2026): the
   Compliance & Validation, engineering, project list, semiconductor, News
   and Knowledge Centre pages in the site-wide look. innermaster gives them
   body class "bizDist bizLegacy": they are built on the same markup as the
   product pages, so section 14 styles their main titles, ticks, tables and
   accordions, and the rules below add the rest. The side-menu rules use
   .bizDist, so they apply to the /Products pages as well.
   Text, photos and images are unchanged.
   --------------------------------------------------------------------- */
/* Side menu: a white card; the current page is tinted with a teal edge */
.bizDist .productDetailPage .left_side {
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 10px 28px rgba(13, 64, 88, 0.06);
}
.bizDist .productDetailPage .left_side ul li {
  border-bottom: 1px solid var(--biz-line);
  font-size: 15px;
  line-height: 1.4;
}
.bizDist .productDetailPage .left_side ul li:last-child {
  border-bottom: 0;
}
.bizDist .productDetailPage .left_side ul li a {
  padding: 11px 14px;
  border-radius: 10px;
  color: var(--biz-ink);
  transition: background 0.2s ease, color 0.2s ease;
}
.bizDist .productDetailPage .left_side ul li:hover > a,
.bizDist .productDetailPage .left_side ul li > a:focus {
  background: var(--biz-tint);
  color: var(--biz-teal-dark);
}
.bizDist .productDetailPage .left_side ul li.active > a {
  background: rgba(52, 112, 141, 0.12);
  color: var(--biz-teal-dark);
  font-weight: 700;
  box-shadow: inset 4px 0 0 var(--biz-teal);
}
/* Product menus with groups: the open group is a teal label, its products sit on a guide line,
   and the current product (li.show) gets the tinted, teal-edged look */
.bizDist .productDetailPage .left_side ul li.active:has(> .sub-menu) > a {
  background: transparent;
  box-shadow: none;
}
.bizDist .productDetailPage .left_side .accordion .sub-menu {
  margin: 2px 0 8px 14px;
  border-left: 2px solid var(--biz-line);
}
.bizDist .productDetailPage .left_side .accordion .sub-menu li {
  border-bottom: 0;
}
.bizDist .productDetailPage .left_side .accordion .sub-menu li a {
  padding: 8px 12px;
  margin-left: 6px;
  font-size: 14px;
}
.bizDist .productDetailPage .left_side .accordion .sub-menu li.show > a {
  background: rgba(52, 112, 141, 0.12);
  font-weight: 700;
  box-shadow: inset 3px 0 0 var(--biz-teal);
}
.bizDist .btn_side {
  background: var(--biz-teal);
  border-radius: 10px;
  font-weight: 600;
}
.bizLegacy ol li::marker {
  color: var(--biz-teal);
  font-weight: 700;
}
/* Section titles anywhere on these pages get the teal bar (section 14 does the main title) */
.bizLegacy .hd2 {
  font-size: 34px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
  border-left: 6px solid var(--biz-teal);
  padding: 0 0 0 18px;
}
/* Centred titles keep the bar next to the text */
.bizLegacy .hd2.text-center,
.bizLegacy .text-center > .hd2,
.bizLegacy .blueScTxt .hd2 {
  display: table;
  margin-left: auto;
  margin-right: auto;
  text-align: left !important;
}
.bizLegacy .bgdarkBlue .hd2 {
  border-left-color: #8CCBE6;
}
.bizLegacy .hd3 {
  font-weight: 700;
}
/* Bullet lists anywhere on these pages: logo-green ticks */
.bizLegacy ul.bullet li {
  padding: 0 0 12px 32px !important;
  line-height: 1.6;
}
.bizLegacy ul.bullet li::before {
  content: "\f00c";
  font-family: FontAwesome;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(56, 176, 80, 0.16) !important;
  color: var(--biz-green-dark);
  font-size: 11px;
  line-height: 20px;
  text-align: center;
}
.bizLegacy .listDetailBlue .BlueBox1 ul li {
  padding: 0 0 10px 30px;
  line-height: 1.6;
}
.bizLegacy .listDetailBlue .BlueBox1 ul li::before {
  content: "\f00c";
  font-family: FontAwesome;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
}
/* On teal and dark backgrounds the ticks are solid green */
.bizLegacy .bgdarkBlue ul.bullet li::before,
.bizLegacy .listDetailBlue .BlueBox1 ul li::before,
.bizLegacy .bgWhtListin .listinBx ul.bullet li::before {
  background: var(--biz-green) !important;
  color: #fff;
}
/* ...except inside the white boxes on a dark band */
.bizLegacy .blueListin .listinBx ul.bullet li::before {
  background: rgba(56, 176, 80, 0.16) !important;
  color: var(--biz-green-dark);
}
/* Bands: the deep teal gradient and the light tint used on the new pages */
.bizLegacy .bgdarkBlue {
  background: linear-gradient(135deg, var(--biz-teal-deep) 0%, var(--biz-teal-dark) 100%);
}
.bizLegacy .lightbGry {
  background: var(--biz-tint);
}
/* Numbered blue boxes: rounded teal cards with green outlined numbers (as in Mission & Values) */
.bizLegacy .listDetailBlue .BlueBox1 {
  background: linear-gradient(160deg, var(--biz-teal) 0%, var(--biz-teal-dark) 100%);
  border-radius: 16px;
  padding: 32px 30px;
  overflow: hidden;
  box-shadow: 0 14px 30px rgba(13, 64, 88, 0.16);
}
.bizLegacy .listDetailBlue .BlueBox1 .number {
  top: 10px;
  right: 18px;
  z-index: 0;
  font-size: 84px;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(56, 176, 80, 0.6);
  opacity: 1;
}
/* The number sits behind the box text */
.bizLegacy .listDetailBlue .BlueBox1 > :not(.number) {
  position: relative;
  z-index: 1;
}
/* On a dark band they become glass cards */
.bizLegacy .bgdarkBlue .listDetailBlue .BlueBox1 {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: none;
}
/* Box lists (CQV, QMS pages): rounded cards */
.bizLegacy .blueListin .listinUl > li .listinBx {
  border-radius: 16px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.14);
}
.bizLegacy .blueListin .listinUl > li .listinBx.bgnone {
  box-shadow: none;
}
.bizLegacy .bgWhtListin .listinUl > li .listinBx {
  background: linear-gradient(160deg, var(--biz-teal) 0%, var(--biz-teal-dark) 100%);
  border-radius: 16px;
  box-shadow: 0 14px 30px rgba(13, 64, 88, 0.16);
}
.bizLegacy .boxComman2 .imgBox {
  border-radius: 14px;
}
.bizLegacy .sldArwImg .industries_slider1 .boxComman2 .imgBox {
  border-color: var(--biz-line) !important;
}
/* Life Science overview tiles: teal instead of black, logo green on hover */
.bizLegacy .productSubSection .listSub ul li a {
  background: var(--biz-teal);
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(13, 64, 88, 0.16);
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.bizLegacy .productSubSection .listSub ul li a:hover,
.bizLegacy .productSubSection .listSub ul li a:focus {
  background: var(--biz-green-dark);
  transform: translateY(-3px);
  box-shadow: 0 16px 30px rgba(13, 64, 88, 0.2);
}
/* Photos and figures: rounded corners like the new pages (the images themselves are unchanged) */
.bizLegacy .productDetailPage .ImgboxRight img,
.bizLegacy .productDetailPage .imgBoxCenter img,
.bizLegacy .section_padding .imgBox img,
.bizLegacy .section_padding .imgBx img,
.bizLegacy .section_padding [class*="col-"] > img.img-fluid,
.bizLegacy .section_padding > .container > img.img-fluid {
  border-radius: 16px;
}
.bizLegacy .fllWdh .imgBoxCenter {
  border-color: var(--biz-line);
  border-radius: 16px;
  overflow: hidden;
}
.bizLegacy .read-more-button,
.bizLegacy .read-less-button {
  color: var(--biz-teal);
  font-weight: 700;
}
.bizLegacy .read-more-button:hover,
.bizLegacy .read-less-button:hover {
  color: var(--biz-green-dark);
}
.bizLegacy .bgdarkBlue .read-more-button,
.bizLegacy .bgdarkBlue .read-less-button {
  color: var(--biz-green);
}
.bizLegacy .bgdarkBlue .read-more-button:hover,
.bizLegacy .bgdarkBlue .read-less-button:hover {
  color: #fff;
}
/* Grey keyword boxes (CFD, Data Integrity): tinted rounded chips */
.bizLegacy .productDetailPage .ulGeaybox li {
  background: var(--biz-tint);
  border: 1px solid var(--biz-line);
  border-radius: 10px;
  padding: 10px 8px;
  color: var(--biz-ink);
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.45;
}
/* News: category tiles and event cards like the site's cards */
.bizLegacy .newsLst li .newsLstBx {
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 16px;
  padding: 34px 24px 30px;
  transform: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.bizLegacy .newsLst li:hover .newsLstBx {
  transform: translateY(-4px);
  border-color: transparent;
  box-shadow: 0 16px 34px rgba(13, 64, 88, 0.16);
}
.bizLegacy .newsLst li .newsLstBx p {
  font-size: 19px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--biz-ink);
  margin: 0;
}
.bizLegacy .newsSec .fancybox-gallery {
  justify-content: flex-start;
  gap: 28px;
}
.bizLegacy .newsSec .fancybox-item {
  flex: 0 0 calc((100% - 56px) / 3);
  max-width: calc((100% - 56px) / 3);
  margin: 0;
  padding: 14px 14px 22px;
  border: 1px solid var(--biz-line);
  border-radius: 16px;
  align-items: stretch;
  text-align: left;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.bizLegacy .newsSec .fancybox-item:hover {
  transform: translateY(-4px);
  border-color: transparent;
  box-shadow: 0 16px 34px rgba(13, 64, 88, 0.16);
}
.bizLegacy .newsSec .fancybox-thumb {
  background: var(--biz-tint);
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 18px;
}
.bizLegacy .newsSec .fancybox-thumb img {
  box-shadow: none;
  border-radius: 6px;
}
.bizLegacy .newsSec .fancybox-title {
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  color: var(--biz-ink);
  text-align: left;
  padding: 0 6px;
}
.bizLegacy .newsSec .fancybox-title span {
  font-size: 15px;
  line-height: 1.5;
  color: var(--biz-muted);
  padding-top: 6px;
}
.bizLegacy .newsSec .fancybox-title span::before {
  content: "\f073";
  font-family: FontAwesome;
  display: inline-block;
  width: 22px;
  color: var(--biz-teal);
}
.bizLegacy .newsSec .fancybox-title span.loctn::before {
  content: "\f041";
}
/* Knowledge Centre: light accordion rows with a teal edge, and document cards */
.bizLegacy .knowledgeSec .accordion .accordion-item {
  border: 1px solid var(--biz-line);
  border-radius: 12px !important;
  overflow: hidden;
  margin-bottom: 14px;
  background: #fff;
}
.bizLegacy .knowledgeSec .accordion .accordion-item .accordion-header .accordion-button {
  font-size: 19px;
  line-height: 1.4;
  font-weight: 700;
  padding: 18px 22px;
  border-left: 4px solid var(--biz-teal);
  box-shadow: none;
  /* !important: the theme forces a dark bar with !important (style.css .accordion .accordion-button) */
  background: #fff !important;
  color: var(--biz-ink) !important;
}
/* The page's buttons never get .collapsed when it loads, so the open look follows the open panel */
.bizLegacy .knowledgeSec .accordion .accordion-item:has(> .accordion-collapse.show) .accordion-header .accordion-button,
.bizLegacy .knowledgeSec .accordion .accordion-item .accordion-header .accordion-button:hover {
  background: var(--biz-tint) !important;
  color: var(--biz-teal-dark) !important;
}
.bizLegacy .knowledgeSec .accordion .accordion-item .accordion-header .accordion-button::after {
  content: "\f107";
  font-family: FontAwesome;
  background-image: none !important;
  width: auto;
  height: auto;
  font-size: 24px;
  line-height: 1;
  color: var(--biz-teal);
  transform: none;
}
.bizLegacy .knowledgeSec .accordion .accordion-item:has(> .accordion-collapse.show) .accordion-header .accordion-button::after {
  transform: rotate(-180deg);
}
.bizLegacy .knowledgeSec .accordion .accordion-item .accordion-body {
  padding: 20px 22px 6px;
}
.bizLegacy .knowledgeSec .pdfBoxDetail {
  border: 1px solid var(--biz-line);
  border-radius: 14px;
  box-shadow: none;
  padding: 16px 18px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.bizLegacy .knowledgeSec a:hover .pdfBoxDetail,
.bizLegacy .knowledgeSec a:focus .pdfBoxDetail {
  transform: translateY(-3px);
  border-color: transparent;
  box-shadow: 0 14px 30px rgba(13, 64, 88, 0.14);
}
.bizLegacy .knowledgeSec .pdfBoxDetail .pdfBox {
  flex: 0 0 48px;
  max-width: 48px;
  margin-right: 16px;
}
.bizLegacy .knowledgeSec .pdfBoxDetail .pdfBox img {
  height: 48px;
}
.bizLegacy .knowledgeSec .pdfBoxDetail .pdfName p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: var(--biz-ink);
  text-transform: none;
  margin: 0;
}
@media (max-width: 1400px) {
  .bizLegacy .newsSec .fancybox-title {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .bizLegacy .newsLst li .newsLstBx p {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  .bizLegacy .newsSec .fancybox-item {
    flex: 0 0 calc((100% - 28px) / 2);
    max-width: calc((100% - 28px) / 2);
  }
}
@media (max-width: 767px) {
  /* Phones: text left-aligned like the new pages (the theme centres it here) */
  .bizLegacy .mobileTextCenter,
  .bizLegacy .productDetailPage .productDetailSection .productContent,
  .bizLegacy .productDetailPage .listDetailBlue .BlueBox1 {
    text-align: left;
  }
  .bizLegacy .hd2 {
    font-size: 27px;
    border-left-width: 5px;
    padding-left: 14px;
  }
  .bizLegacy .listDetailBlue .BlueBox1 {
    padding: 26px 22px;
  }
  .bizLegacy .listDetailBlue .BlueBox1 .number {
    font-size: 64px;
  }
  .bizLegacy .newsSec .fancybox-gallery {
    align-items: stretch;
    gap: 20px;
  }
  .bizLegacy .newsSec .fancybox-item {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
  .bizLegacy .knowledgeSec .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 17px;
    padding: 15px 16px;
  }
}

/* ---------------------------------------------------------------------
   Service pages, one format (Oct 2026): fuller ISO 14644-1 test cards on
   Clean Room Validation (one per row, a "Test 01" label and what is checked)
   and a two-tile grid for Key elements. Teal accents only.
   --------------------------------------------------------------------- */
.bizPage .bizSectionIntro {
  margin: -4px 0 18px;
  font-size: 16px;
  line-height: 1.65;
  color: var(--biz-muted);
}
.bizTests--full {
  grid-template-columns: minmax(0, 1fr);
}
.bizTests--full .bizTest {
  gap: 20px;
  padding: 22px 24px;
}
.bizTests--full .bizTest__body {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
}
.bizTests--full .bizTest__icon {
  width: 50px;
  height: 50px;
  font-size: 21px;
}
.bizTest__num {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--biz-teal);
}
.bizTests--full .bizTest__title {
  font-size: 18px;
  margin-bottom: 6px;
}
.bizTests--full .bizTest__text {
  font-size: 15px;
  color: var(--biz-ink);
}
.bizTest__points {
  display: grid;
  gap: 7px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed var(--biz-line);
}
.bizTest__point {
  position: relative;
  display: block;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--biz-muted);
}
.bizTest__point::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.6em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--biz-teal);
}
.bizKeys__grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 767px) {
  .bizTests--full .bizTest {
    flex-direction: column;
    gap: 12px;
    padding: 18px;
  }
  .bizTests--full .bizTest__title {
    font-size: 17px;
  }
}

/* ---------------------------------------------------------------------
   Key elements as rows with a solid teal label block (user chose option B,
   16 Oct 2026; matches the link buttons). Applies to every .bizKeys
   (CSV, CQV, Bio-decontamination). Teal only; the earlier tile rules above
   stay in place and are overridden here.
   --------------------------------------------------------------------- */
.bizPage .bizKeys .bizKeys__label::before {
  background: var(--biz-teal);
}
.bizPage .bizKeys .bizKey {
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1.5px solid var(--biz-teal);
  border-radius: 8px;
  background: #fff;
}
.bizPage .bizKeys .bizKey__abbr,
.bizPage .bizKeys .bizKey__icon {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  width: auto;
  height: auto;
  padding: 12px 14px;
  border-radius: 0;
  background: var(--biz-teal);
  color: #fff;
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
}
.bizPage .bizKeys .bizKey__abbr .fa {
  font-size: 20px;
}
.bizPage .bizKeys .bizKey--guide .bizKey__abbr {
  min-width: 112px;
  font-size: 14px;
}
.bizPage .bizKeys .bizKey__name {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.45;
}
.bizPage .bizKeys .bizKey--guide .bizKey__name {
  color: var(--biz-ink);
}
/* Label blocks keep a fixed width and wrap, so long terms never push the text out of the row. */
.bizPage .bizKeys .bizKey__abbr {
  white-space: normal;
}
.bizPage .bizKeys .bizKey--guide .bizKey__abbr {
  flex: 0 0 112px;
  width: 112px;
}
.bizPage .bizKeys .bizKey__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
@media (min-width: 576px) and (max-width: 1199px) {
  .bizPage .bizKeys .bizKeys__grid--3,
  .bizPage .bizKeys .bizKeys__grid--4,
  .bizPage .bizKeys .bizKeys__grid--6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .bizPage .bizKeys .bizKeys__grid--2,
  .bizPage .bizKeys .bizKeys__grid--3,
  .bizPage .bizKeys .bizKeys__grid--4,
  .bizPage .bizKeys .bizKeys__grid--6 {
    grid-template-columns: minmax(0, 1fr);
  }
  .bizPage .bizKeys .bizKey--guide .bizKey__abbr {
    flex-basis: 104px;
    width: 104px;
    min-width: 104px;
  }
}

/* ---------------------------------------------------------------------
   16. No curved one-side bars (user, Oct 2026): where a shape had a bar on
   one side with rounded corners, it is now square with a border on all
   four sides. Side menus follow option A ("boxed"), accordions option B
   ("tint only"). These rules override the earlier ones in sections 10, 14
   and 15, which are left as they were.
   --------------------------------------------------------------------- */
/* Side menus (option A), on every page that has one (product, earlier and
   service pages): square card; the selected item is a light-tint rectangle
   with a thin teal border on all four sides */
.mp_contenier .productDetailPage .left_side {
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 0;
  padding: 6px;
  box-shadow: 0 10px 28px rgba(13, 64, 88, 0.06);
}
.mp_contenier .productDetailPage .left_side ul li {
  border-bottom: 1px solid var(--biz-line);
  font-size: 15px;
  line-height: 1.4;
}
.mp_contenier .productDetailPage .left_side ul li:last-child {
  border-bottom: 0;
}
.mp_contenier .productDetailPage .left_side ul li a {
  padding: 11px 14px;
  border-radius: 0;
  border: 1px solid transparent;
  color: var(--biz-ink);
  transition: background 0.2s ease, color 0.2s ease;
}
.mp_contenier .productDetailPage .left_side ul li:hover > a,
.mp_contenier .productDetailPage .left_side ul li > a:focus {
  background: var(--biz-tint);
  color: var(--biz-teal-dark);
}
.mp_contenier .productDetailPage .left_side ul li.active > a,
.mp_contenier .productDetailPage .left_side > ul > li.show > a,
.bizDist .productDetailPage .left_side .accordion .sub-menu li.show > a {
  background: rgba(52, 112, 141, 0.12);
  border-color: var(--biz-teal);
  box-shadow: none;
  color: var(--biz-teal-dark);
  font-weight: 700;
}
/* An open product group stays a plain teal label */
.bizDist .productDetailPage .left_side ul li.active:has(> .sub-menu) > a {
  background: transparent;
  border-color: transparent;
}
/* Accordions (option B): square rows, no side bar; the open row is a
   light-tint rectangle */
.bizDist .accordion_modifay .accordion .accordion-item,
.bizLegacy .knowledgeSec .accordion .accordion-item {
  border-radius: 0 !important;
}
.bizDist .accordion_modifay .accordion .accordion-item .accordion-header .accordion-button,
.bizLegacy .knowledgeSec .accordion .accordion-item .accordion-header .accordion-button {
  border-left: 0;
  border-radius: 0;
}
.bizDist .accordion_modifay .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed),
.bizLegacy .knowledgeSec .accordion .accordion-item:has(> .accordion-collapse.show) .accordion-header .accordion-button {
  background: rgba(52, 112, 141, 0.12) !important;
  color: var(--biz-teal-dark) !important;
  border-bottom: 1px solid var(--biz-line);
}
/* Thermal Validation steam-quality figures: square, thin teal border all round */
.bizStat {
  border-radius: 0;
  border: 1px solid var(--biz-teal);
}
/* Clean Room Validation report note: square, thin green border all round */
.bizCallout {
  border-radius: 0;
  border: 1px solid var(--biz-green);
}
/* Small uppercase labels ("Where it is used", "Our mission is to"): no dot
   in front (user, Oct 2026). The dot rule in section 10 is left as it was. */
.bizKeys__label::before {
  display: none;
}

/* ---------------------------------------------------------------------
   17. Service pages "Related pages", option E (user, Oct 2026): one white
   card with a row per page: teal icon circle and the page name side by
   side, thin dividers, square rows that tint on hover. The row is the link.
   --------------------------------------------------------------------- */
.bizPage .bizRelated {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 28px;
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 14px;
  padding: 6px 22px;
}
.bizPage a.bizRelated__item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 10px;
  border-bottom: 1px solid var(--biz-line);
  color: var(--biz-ink);
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}
/* No divider under the last row (one or two items) */
.bizPage a.bizRelated__item:last-child,
.bizPage a.bizRelated__item:nth-child(odd):nth-last-child(2) {
  border-bottom: 0;
}
.bizPage .bizRelated__icon {
  flex: 0 0 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--biz-teal) 0%, var(--biz-teal-deep) 100%);
}
.bizPage .bizRelated__icon img {
  max-width: 23px;
  max-height: 23px;
}
.bizPage .bizRelated__name {
  font-size: 17px;
  line-height: 1.35;
  font-weight: 700;
}
.bizPage a.bizRelated__item:hover,
.bizPage a.bizRelated__item:focus {
  background: var(--biz-tint);
  color: var(--biz-teal);
}
@media (max-width: 767px) {
  .bizPage .bizRelated {
    grid-template-columns: minmax(0, 1fr);
    padding: 4px 14px;
  }
  .bizPage a.bizRelated__item:nth-child(odd):nth-last-child(2) {
    border-bottom: 1px solid var(--biz-line);
  }
  .bizPage .bizRelated__name {
    font-size: 16px;
  }
}

/* Home counters, second row (team size, offices; user, Oct 2026): an empty
   third slot keeps the two ribbons in line with the three above. */
.welcomeSection .company_pogrss ul li.bizCounterRow2__spacer {
  visibility: hidden;
}
@media (max-width: 480px) {
  .welcomeSection .company_pogrss ul li.bizCounterRow2__spacer {
    display: none;
  }
  .welcomeSection .company_pogrss ul.bizCounterRow2 {
    margin-top: 15px;
  }
}

/* Side menus on every page (product, service, Investor Relations, earlier pages): no white card, so the menu sits
   on the page's own background (user, Oct 2026). The border and the tinted selected item stay. Overrides section 16. */
.mp_contenier .productDetailPage .left_side {
  background: transparent;
  box-shadow: none;
}
/* Home counters as two rows of two, centred in their column (user, Oct 2026).
   The theme shifts the ribbons left with "left: -70..-100px"; this cancels it. */
.welcomeSection .company_pogrss.bizCounters2x2 ul {
  position: relative;
  justify-content: center;
  left: -10px;
}
/* each ribbon sits right of its box's centre, more so as the boxes shrink */
@media (max-width: 1366px) {
  .welcomeSection .company_pogrss.bizCounters2x2 ul {
    left: -24px;
  }
}

/* Product cards (Distribution, and Instruments on the service pages): bigger image area with less padding, so the
   photos fill their cards (user, Oct 2026). Images never grow past their natural size, so they stay sharp. */
.bizPage .bizProduct__img {
  height: 240px;
  padding: 12px;
}
.bizPage .bizProduct__img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
/* Partner logos on Distribution: larger marks in a slightly taller frame */
.bizPage .bizGrid--partners .bizProduct__img {
  height: 170px;
  padding: 18px 24px;
}
.bizPage .bizGrid--partners .bizProduct__img img {
  max-height: 96px;
  max-width: 82%;
}
@media (max-width: 767px) {
  .bizPage .bizProduct__img {
    height: 210px;
  }
  .bizPage .bizGrid--partners .bizProduct__img {
    height: 140px;
  }
}

/* Distribution: low-resolution product photos were stretched past their real size by the product pages' fixed image
   heights and looked blurred. Until sharper copies are supplied, they show at their own size (user, Oct 2026). */
.bizDist img[src$="micronir_spectrometer.png"],
.bizDist img[src$="kapton_thermocouple.png"],
.bizDist img[src$="type_t_autobond.png"],
.bizDist img[src$="smart_gaskets_and_clamps.png"],
.bizDist img[src$="feedthru.png"],
.bizDist img[src$="kaye_valprobe_transport.png"],
.bizDist img[src$="phileas_control.jpg"] {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: 100%;
  object-fit: contain;
}

/* Distribution product cards: the photo sat inside a link with no height, so tall photos spilled out of their 220px
   frame over the title (user, Oct 2026). The frame and its link are now a centred box the photo always fits inside. */
.bizDist .product-row .product-box .product-image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.bizDist .product-row .product-box .product-image > a,
.bizDist .product-row .product-box .product-image > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.bizDist .product-row .product-box .product-image img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Side menus: the selected item (and an open product group) keeps its thin teal border and bold teal text, without
   the light tint (user, Oct 2026). Overrides section 16. */
.mp_contenier .productDetailPage .left_side ul li.active > a,
.mp_contenier .productDetailPage .left_side > ul > li.show > a,
.mp_contenier .productDetailPage .left_side ul li.show > a,
.bizDist .productDetailPage .left_side .accordion .sub-menu li.show > a {
  background: transparent;
}

/* Tracer Particle Generator, "The science" (option E, user, Oct 2026): the old slate band (#313D4F) becomes the site's
   light tint band with the split heading; each point is a white card with a teal title strip, then the image (never
   larger than its real size) and the text. */
.bizPage.bizScience.blueListin {
  background: var(--biz-tint);
  color: var(--biz-ink);
  padding: 70px 0;
}
.bizScience .bizHead .bizMuted {
  color: var(--biz-muted);
}
.bizScience.blueListin .listinUl {
  flex-wrap: nowrap;
  gap: 22px;
  margin-top: 0;
}
.bizScience.blueListin .listinUl > li {
  flex: 1 1 0;
  max-width: none;
  margin: 0;
  padding: 0;
}
.bizScience.blueListin .listinUl > li .listinBx.bgnone {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 14px;
}
.bizScience.blueListin .listinUl > li .listinBx.bgnone .listinImg.postionreletive {
  order: 2;
  min-height: 0;
  height: 190px;
  margin: 0;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bizScience.blueListin .listinUl > li .listinImg.postionreletive img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.bizScience.blueListin .listinTxt {
  display: contents;
}
.bizScience.blueListin .listinUl > li .listinBx.bgnone .hd3 {
  order: 1;
  margin: 0;
  padding: 16px 22px;
  background: var(--biz-teal);
  color: #fff;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 700;
}
.bizScience.blueListin .listinUl > li .listinTxt p {
  order: 3;
  margin: 0;
  padding: 0 22px 22px;
  color: var(--biz-muted);
  font-size: 15px;
  line-height: 1.65;
}
@media (max-width: 991px) {
  .bizScience.blueListin .listinUl {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .bizPage.bizScience.blueListin {
    padding: 50px 0;
  }
}
/* Compatibility tables (e.g. Kaye ValProbe RT): the "suitable for" circles were a faint grey outline; now solid teal dots */
.bizDist .table_a td span:empty {
  width: 18px;
  height: 18px;
  background: var(--biz-teal);
  border: 2px solid var(--biz-teal-deep);
}
/* Investor Relations (bizLegacy pages): section subheadings (h4.hd4, e.g. "Audit Committee", "Quick Links")
   in the same bold ink style as the product pages' subheadings */
.bizLegacy .productContent h4.hd4 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--biz-ink);
  margin: 28px 0 12px;
  padding: 0;
}
/* Resources pages (News, Events, Knowledge Centre): space between the new heading and the content */
.bizResHead {
  margin-bottom: 36px;
}
/* Breadcrumbs (option C): light strip right under the banner on every inner page. It is positioned over the
   top padding of the page content, so no page gets taller. */
.mp_contenier {
  position: relative;
}
.bizCrumbs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background: var(--biz-tint);
  border-bottom: 1px solid var(--biz-line);
}
.bizCrumbs__list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 11px 0;
  list-style: none;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
}
.bizCrumbs__item {
  display: flex;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--biz-muted);
}
.bizCrumbs__item::before {
  content: none !important;
}
.bizCrumbs__item + .bizCrumbs__item::before {
  content: "\203A" !important;
  display: inline-block;
  position: static;
  width: auto;
  height: auto;
  margin: 0 10px;
  background: none;
  color: #9DB3BF;
  font-size: 16px;
}
.bizCrumbs__item a {
  color: var(--biz-teal);
  font-weight: 600;
  text-decoration: none;
}
.bizCrumbs__item a:hover {
  color: var(--biz-teal-deep);
  text-decoration: underline;
}
.bizCrumbs__item a .fa {
  margin-right: 4px;
}
.bizCrumbs__item:last-child {
  flex: 0 1 auto;
}
.bizCrumbs__item:last-child span {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--biz-ink);
  font-weight: 600;
}
@media (max-width: 575px) {
  .bizCrumbs__list {
    padding: 9px 0;
    font-size: 13px;
  }
  .bizCrumbs__item + .bizCrumbs__item::before {
    margin: 0 7px;
  }
}
/* Breadcrumbs on phones: phone sections have about 40px of top padding, so the strip is made compact there
   (about 30px) to stay inside that padding instead of adding height. */
@media (max-width: 767px) {
  .bizCrumbs__list {
    padding: 6px 0;
    font-size: 12.5px;
  }
  .bizCrumbs__item + .bizCrumbs__item::before {
    margin: 0 6px;
    font-size: 14px;
  }
}

/* ============ Knowledge Centre and blogs (Oct 2026) ============ */
/* Shared: topic tag, meta line, "read more" link, card grid */
.bizBlogTag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  background: #E6EFF3;
  color: var(--biz-teal-dark);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
}
.bizBlogMeta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 0;
  color: var(--biz-muted);
  font-size: 14px;
  line-height: 1.5;
}
.bizBlogMeta i {
  margin: 0 6px 0 16px;
  color: var(--biz-teal);
}
.bizBlogMeta i:first-child {
  margin-left: 0;
}
.bizBlogMore,
.bizKc__all,
.bizKc__more {
  display: inline-block;
  color: var(--biz-teal);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.03em;
  text-decoration: none;
}
.bizBlogMore::after,
.bizKc__all::after,
.bizKc__more::after {
  content: " \2192";
}
.bizBlogGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.bizBlogCard {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--biz-line);
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  transition: box-shadow 0.2s, transform 0.2s;
}
.bizBlogCard:hover {
  box-shadow: 0 14px 34px rgba(13, 64, 88, 0.12);
  transform: translateY(-2px);
}
.bizBlogCard__img {
  position: relative;
  display: block;
  height: 200px;
  background: var(--biz-tint);
}
.bizBlogCard__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bizBlogCard__img .bizBlogTag {
  position: absolute;
  left: 14px;
  top: 14px;
  background: #fff;
}
.bizBlogCard__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px 22px 22px;
}
.bizBlogCard__title {
  margin: 8px 0 10px;
  color: var(--biz-ink);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.bizBlogCard__text {
  flex: 1;
  margin-bottom: 16px;
  color: var(--biz-muted);
  font-size: 15px;
  line-height: 1.6;
}

/* Knowledge Centre (option G) */
.bizKc__band {
  padding: 90px 0 80px;
  background: linear-gradient(135deg, var(--biz-teal-deep) 0%, var(--biz-teal-dark) 100%);
}
.bizKc__feat {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.16);
  text-decoration: none;
}
.bizKc__featImg {
  display: block;
  min-height: 320px;
}
.bizKc__featImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bizKc__featBody {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 36px 40px;
}
.bizKc__tag {
  align-self: flex-start;
  padding: 5px 12px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bizKc__featTitle {
  margin: 14px 0 10px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}
.bizKc__featText {
  margin-bottom: 14px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  line-height: 1.6;
}
.bizKc__meta {
  margin-bottom: 18px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
}
.bizKc__feat .bizKc__more {
  color: #8CCBE6;
}
.bizKc__cols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 56px;
}
.bizKc__cols--one {
  grid-template-columns: minmax(0, 1fr);
}
.bizKc__colHead,
.bizPost__relatedHead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}
.bizPage .bizKc__colHead .bizHead,
.bizPage .bizPost__relatedHead .bizHead {
  margin-bottom: 0;
}
.bizPage .bizKc__colHead .bizHead--split .bizH3,
.bizPage .bizPost__relatedHead .bizHead--split .bizH3 {
  font-size: 34px;
}
.bizKc__all {
  flex: 0 0 auto;
  margin-bottom: 6px;
}
.bizKc__row,
.bizKc__doc {
  display: grid;
  align-items: center;
  gap: 16px;
  padding: 15px 0;
  border-bottom: 1px solid var(--biz-line);
  text-decoration: none;
}
.bizKc__row {
  grid-template-columns: 104px minmax(0, 1fr);
}
.bizKc__row img {
  width: 104px;
  height: 76px;
  object-fit: cover;
  border-radius: 8px;
}
.bizKc__doc {
  grid-template-columns: 40px minmax(0, 1fr) auto;
}
.bizKc__doc img {
  width: 36px;
}
.bizKc__row b,
.bizKc__doc b {
  display: block;
  color: var(--biz-ink);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
.bizKc__row small,
.bizKc__doc small {
  display: block;
  margin-top: 4px;
  color: var(--biz-muted);
  font-size: 13.5px;
}
.bizKc__doc i {
  color: var(--biz-teal);
  font-size: 18px;
}
.bizKc__row:hover b,
.bizKc__doc:hover b {
  color: var(--biz-teal);
}

/* Blog list (option A) */
.bizBlogs__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 28px;
}
.bizBlogs__chip {
  padding: 7px 14px;
  border: 1px solid var(--biz-line);
  border-radius: 999px;
  background: var(--biz-tint);
  color: var(--biz-teal-dark);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.bizBlogs__chip:hover {
  border-color: var(--biz-teal);
}
.bizBlogs__chip.is-on {
  background: var(--biz-teal);
  border-color: var(--biz-teal);
  color: #fff;
}
.bizBlogs__feat {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  margin-bottom: 28px;
  border: 1px solid var(--biz-line);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  text-decoration: none;
}
.bizBlogs__featImg {
  display: block;
  min-height: 340px;
  background: var(--biz-tint);
}
.bizBlogs__featImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bizBlogs__featBody {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 36px 38px;
}
.bizBlogs__tags {
  display: flex;
  gap: 6px;
}
.bizBlogs__featTitle {
  margin: 14px 0 12px;
  color: var(--biz-ink);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}
.bizBlogs__featText {
  margin-bottom: 18px;
  color: var(--biz-muted);
  font-size: 16px;
  line-height: 1.65;
}
.bizBlogs__feat .bizBlogMeta {
  margin-bottom: 16px;
}
.bizBlogs__pager {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 34px;
}
.bizBlogs__pager a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--biz-line);
  border-radius: 8px;
  background: #fff;
  color: var(--biz-muted);
  font-weight: 700;
  text-decoration: none;
}
.bizBlogs__pager a.is-on {
  background: var(--biz-teal);
  border-color: var(--biz-teal);
  color: #fff;
}

/* Blog article (option C) */
.bizPost__head {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
  margin-bottom: 48px;
}
.bizPage .bizPost__head .bizHead--split {
  margin-bottom: 0;
}
.bizPage .bizHead--split .bizPost__title {
  font-size: 40px;
  line-height: 1.2;
}
.bizPost__head a.bizKicker {
  text-decoration: none;
}
.bizPage .bizPost__excerpt {
  margin: 22px 0 16px;
  color: var(--biz-muted);
  font-size: 17px;
  line-height: 1.65;
}
.bizPost__meta span {
  display: inline-flex;
  align-items: center;
}
.bizPost__meta span + span {
  margin-left: 18px;
}
.bizPost__cover {
  margin: 0;
}
.bizPost__cover img {
  display: block;
  width: 100%;
  height: 360px;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(13, 64, 88, 0.15);
}
.bizPost__cover figcaption {
  margin-top: 8px;
  color: var(--biz-muted);
  font-size: 12px;
}
.bizPost__cover figcaption a {
  color: inherit;
}
.bizPost__grid {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 48px;
}
.bizPost__side {
  position: sticky;
  top: 110px;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.bizPost__toc {
  padding: 20px;
  border: 1px solid var(--biz-line);
  border-radius: 14px;
  background: #fff;
}
.bizPost__tocHead {
  display: block;
  margin-bottom: 10px;
  color: var(--biz-muted);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.bizPost__toc a {
  display: block;
  padding: 8px 0 8px 12px;
  border-left: 2px solid var(--biz-line);
  color: var(--biz-ink);
  font-size: 14.5px;
  line-height: 1.4;
  text-decoration: none;
}
.bizPost__toc a:hover,
.bizPost__toc a.is-on {
  border-left-color: var(--biz-teal);
  color: var(--biz-teal);
}
.bizPost__toc a.is-on {
  font-weight: 700;
}
.bizPost__service {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 18px 20px;
  border: 1px solid var(--biz-line);
  border-radius: 14px;
  background: var(--biz-tint);
  text-decoration: none;
}
.bizPost__service b {
  color: var(--biz-ink);
  font-size: 16px;
  line-height: 1.4;
}
.bizPost__progress {
  position: sticky;
  top: 90px;
  z-index: 3;
  height: 4px;
  margin-bottom: 22px;
  border-radius: 2px;
  background: var(--biz-line);
}
.bizPost__progress i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 2px;
  background: var(--biz-teal);
}
.bizPost__author {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 34px;
  padding: 18px 20px;
  border-radius: 14px;
  background: var(--biz-tint);
  color: var(--biz-muted);
  font-size: 15px;
}
.bizPost__author b {
  color: var(--biz-ink);
}
.bizPost__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--biz-teal);
  color: #fff;
  font-weight: 700;
}
.bizPost__related {
  margin-top: 64px;
  padding-top: 48px;
  border-top: 1px solid var(--biz-line);
}
/* Article text */
.bizPost__body {
  color: #2E3A42;
  font-size: 17px;
  line-height: 1.8;
}
.bizPost__body p {
  margin: 0 0 18px;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.bizPage .bizPost__body h2 {
  scroll-margin-top: 110px;
  margin: 36px 0 14px;
  padding: 0 0 0 14px;
  border-left: 4px solid var(--biz-teal);
  color: var(--biz-ink);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.bizPost__body ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
.bizPost__body ul li {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 24px;
  font-size: inherit;
  line-height: 1.7;
}
.bizPost__body ul li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--biz-teal);
}
.bizBlogNote {
  margin: 24px 0;
  padding: 18px 22px;
  border-left: 4px solid var(--biz-teal);
  border-radius: 0 10px 10px 0;
  background: var(--biz-tint);
  font-size: 16px;
  line-height: 1.65;
}
.bizBlogNote b {
  display: block;
  margin-bottom: 4px;
  color: var(--biz-teal-dark);
}
.bizBlogTable {
  width: 100%;
  max-width: 420px;
  margin: 8px 0 22px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--biz-line);
  border-radius: 10px;
  overflow: hidden;
  font-size: 15px;
}
.bizBlogTable th,
.bizBlogTable td {
  padding: 9px 14px;
  border-bottom: 1px solid var(--biz-line);
  text-align: left;
}
.bizBlogTable th {
  background: var(--biz-teal);
  color: #fff;
  font-weight: 600;
}
.bizBlogTable tr:last-child td {
  border-bottom: 0;
}
.bizBlogTable tbody tr:nth-child(even) td {
  background: var(--biz-tint);
}
.bizPost__body .bizBlogFormula {
  display: inline-block;
  padding: 10px 18px;
  border: 1px solid var(--biz-line);
  border-radius: 8px;
  background: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 19px;
}

@media (max-width: 1199px) {
  .bizBlogGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bizKc__cols {
    gap: 40px;
  }
}
@media (max-width: 991px) {
  .bizKc__feat,
  .bizBlogs__feat,
  .bizPost__head {
    grid-template-columns: minmax(0, 1fr);
  }
  .bizKc__featImg,
  .bizBlogs__featImg {
    min-height: 0;
    height: 260px;
  }
  .bizKc__cols {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
  }
  .bizPost__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .bizPost__side {
    position: static;
    order: 2;
    margin-top: 30px;
  }
  .bizPost__toc {
    display: none;
  }
  .bizPost__cover img {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .bizKc__band {
    padding: 60px 0 50px;
  }
  .bizKc__featBody,
  .bizBlogs__featBody {
    padding: 24px 22px;
  }
  .bizKc__featTitle,
  .bizBlogs__featTitle {
    font-size: 22px;
  }
  .bizBlogGrid {
    grid-template-columns: minmax(0, 1fr);
  }
  .bizKc__colHead,
  .bizPost__relatedHead {
    flex-wrap: wrap;
  }
  .bizPage .bizKc__colHead .bizHead--split .bizH3,
  .bizPage .bizPost__relatedHead .bizHead--split .bizH3 {
    font-size: 27px;
  }
  .bizPage .bizHead--split .bizPost__title {
    font-size: 30px;
  }
  .bizPost__body {
    font-size: 16px;
  }
  .bizPage .bizPost__body h2 {
    font-size: 22px;
  }
  .bizPost__cover img {
    height: 220px;
  }
  .bizKc__row {
    grid-template-columns: 84px minmax(0, 1fr);
  }
  .bizKc__row img {
    width: 84px;
    height: 64px;
  }
}
/* ============ News landing, option D (Oct 2026) ============ */
.bizNews__spot {
  display: grid;
  grid-template-columns: 380px minmax(0, 1fr);
  margin-bottom: 26px;
  border: 1px solid var(--biz-line);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 20px 50px rgba(13, 64, 88, 0.1);
}
.bizNews__spotImg {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: var(--biz-tint);
}
.bizNews__spotImg img {
  max-width: 100%;
  max-height: 440px;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
}
.bizNews__spotBody {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 44px;
}
.bizNews__badge {
  align-self: flex-start;
  margin-bottom: 18px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #E8F5EC;
  color: #24823A;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.bizNews__badge::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: #38B050;
}
.bizNews__badge--past {
  background: #E6EFF3;
  color: var(--biz-teal-dark);
}
.bizNews__badge--past::before {
  background: var(--biz-teal);
}
.bizNews__spotRow {
  display: flex;
  align-items: center;
  gap: 26px;
  margin-bottom: 24px;
}
.bizNews__date {
  flex: 0 0 auto;
  width: 104px;
  border: 1px solid var(--biz-line);
  border-radius: 14px;
  overflow: hidden;
  text-align: center;
}
.bizNews__date b {
  display: block;
  padding: 6px 0;
  background: var(--biz-teal);
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.bizNews__date span {
  display: block;
  color: var(--biz-ink);
  font-size: 44px;
  font-weight: 800;
  line-height: 1.25;
}
.bizNews__date small {
  display: block;
  padding-bottom: 8px;
  color: var(--biz-muted);
  font-size: 13px;
}
.bizPage .bizNews__spotTitle {
  margin: 0 0 8px;
  padding: 0;
  color: var(--biz-ink);
  font-size: 34px;
  font-weight: 700;
  line-height: 1.15;
}
.bizNews__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 22px;
  color: var(--biz-muted);
  font-size: 16px;
}
.bizNews__facts i {
  margin-right: 6px;
  color: var(--biz-teal);
}
.bizNews__btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.bizNews__ghost {
  display: inline-block;
  padding: 12px 22px;
  border: 1.5px solid var(--biz-teal);
  border-radius: 8px;
  color: var(--biz-teal);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.bizNews__ghost:hover {
  background: var(--biz-teal);
  color: #fff;
}
.bizNews__tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}
.bizNews__tile {
  position: relative;
  display: block;
  min-height: 320px;
  padding: 34px 34px 30px;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--biz-teal-deep) 0%, var(--biz-teal) 100%);
  color: #fff;
  text-decoration: none;
}
.bizNews__tile:nth-child(2n) {
  background: linear-gradient(135deg, var(--biz-teal-dark) 0%, var(--biz-teal-light) 100%);
}
.bizNews__tileIcon {
  width: 54px;
  height: 54px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.bizNews__tile b {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 56%;
  margin: 18px 0 8px;
  color: #fff;
  font-size: 28px;
  line-height: 1.2;
}
.bizNews__tile p {
  position: relative;
  z-index: 2;
  max-width: 52%;
  margin: 0 0 20px;
  padding: 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.6;
}
.bizNews__go {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 11px 20px;
  border-radius: 8px;
  background: #fff;
  color: var(--biz-teal-deep);
  font-size: 14.5px;
  font-weight: 700;
}
.bizNews__go::after {
  content: " \2192";
}
.bizNews__fan {
  position: absolute;
  right: 26px;
  bottom: 26px;
  width: 250px;
  height: 250px;
}
.bizNews__fan img {
  position: absolute;
  width: 150px;
  height: 190px;
  object-fit: cover;
  object-position: top;
  border: 4px solid #fff;
  border-radius: 10px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.3);
  transition: transform 0.25s;
}
.bizNews__fan img:nth-child(1) {
  right: 96px;
  bottom: 6px;
  transform: rotate(-12deg);
}
.bizNews__fan img:nth-child(2) {
  right: 48px;
  bottom: 26px;
  transform: rotate(-2deg);
}
.bizNews__fan img:nth-child(3) {
  right: 0;
  bottom: 46px;
  transform: rotate(9deg);
}
.bizNews__tile:hover .bizNews__fan img:nth-child(3) {
  transform: rotate(4deg) translateY(-6px);
}
@media (max-width: 1199px) {
  .bizNews__spot {
    grid-template-columns: 300px minmax(0, 1fr);
  }
  .bizNews__fan {
    transform: scale(0.82);
    transform-origin: bottom right;
  }
}
@media (max-width: 991px) {
  .bizNews__spot {
    grid-template-columns: minmax(0, 1fr);
  }
  .bizNews__spotImg img {
    max-height: 340px;
  }
  .bizNews__tiles {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 767px) {
  .bizNews__spotBody {
    padding: 26px 22px;
  }
  .bizNews__spotRow {
    align-items: flex-start;
    gap: 16px;
  }
  .bizNews__date {
    width: 80px;
  }
  .bizNews__date span {
    font-size: 32px;
  }
  .bizPage .bizNews__spotTitle {
    font-size: 24px;
  }
  .bizNews__facts {
    font-size: 14.5px;
  }
  .bizNews__tile {
    min-height: 0;
    padding: 26px 22px 230px;
  }
  .bizNews__tile b,
  .bizNews__tile p {
    max-width: none;
  }
  .bizNews__tile b {
    font-size: 24px;
  }
  .bizNews__fan {
    right: 50%;
    bottom: 14px;
    margin-right: -125px;
    transform: scale(0.8);
    transform-origin: bottom center;
  }
}
.bizNews__btn {
  display: inline-block;
  padding: 13px 24px;
  border-radius: 8px;
  background: var(--biz-teal);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.bizNews__btn:hover {
  background: var(--biz-teal-deep);
  color: #fff;
}
/* Breadcrumbs: earlier crumbs keep their width; only the current page's name shortens with an ellipsis */
.bizCrumbs__item {
  flex: 0 0 auto;
}
.bizCrumbs__item:last-child {
  flex: 0 1 auto;
  overflow: hidden;
}
.bizCrumbs__item:last-child span {
  display: block;
  min-width: 0;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .bizCrumbs__list {
    padding: 5px 0;
    font-size: 12px;
  }
}