/* TSA overrides - small, high-priority rules */
/* Ensure Achievements card text is white (only achievements) */

/* Make sure links inside achievement cards are also visible */
.washing_process_area .prevent_item .prevent_text a {
  color: #ffffff !important;
}

/* --- TS Fast Facts: place number and icon side-by-side --- */
.ts_fast_facts .ts_fact_card {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* make badge and icon sit inline and centered */
.ts_fast_facts .ts_fact_badge,
.ts_fast_facts .ts_fact_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-bottom: 8px; /* keep a little space before title */
}

/* ensure they appear side-by-side as a pair */
.ts_fast_facts .ts_fact_badge {
  margin-right: 10px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--tsa-accent);
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}

.ts_fast_facts .ts_fact_icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fff;
  color: var(--tsa-primary);
  font-size: 22px;
}

/* group the two inline items and center them */
.ts_fast_facts .ts_fact_badge + .ts_fact_icon,
.ts_fast_facts .ts_fact_badge {
  display: inline-flex;
}

.ts_fast_facts .ts_fact_card:before {
  /* use a flexbox row just for the top pair */
  content: "";
  display: block;
}

/* Responsive: on very small screens, keep them centered but allow wrapping */
@media (max-width: 576px) {
  .ts_fast_facts .ts_fact_badge,
  .ts_fast_facts .ts_fact_icon {
    width: 48px;
    height: 48px;
    font-size: 16px;
  }
  .ts_fast_facts .ts_fact_badge {
    margin-right: 8px;
  }
}

/* place the badge and icon horizontally together by centering their inline box */
.ts_fast_facts .ts_fact_card .ts_fact_badge,
.ts_fast_facts .ts_fact_card .ts_fact_icon {
  /* remove default block spacing */
  margin-left: 0;
  margin-right: 0;
}

/* wrap the top two elements into a centered inline block */
.ts_fast_facts .ts_fact_card > .ts_fact_badge {
  /* ensure the next sibling sits inline with it */
}

/* Slight spacing tweak between badge/icon and title */
.ts_fast_facts .ts_fact_card h4 {
  margin-top: 8px;
}

/* Video area wrapper: reuse the same centering used by the 'Who We Are' area (home_about_corona) */
.home_about_corona .home_ab_img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}

.home_about_corona .row.align-items-center {
  display: flex;
  align-items: center;
}

/* Smooth scrolling for in-page anchors */
html {
  scroll-behavior: smooth;
}
/* Account for fixed header when jumping to anchors (approx header height) */
:root {
  --header-offset: 90px;
}
/* Optional helper: add offset using scroll-padding (supported in modern browsers) */
html {
  scroll-padding-top: var(--header-offset);
}