@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Arial resized to Roboto's metrics, so text doesn't shift when Roboto swaps in.
   Liberation Sans and Arimo have Arial's metrics and stand in for it on Linux, where PageSpeed runs;
   Android has no Arial, so it falls back to its system Roboto. */
@font-face {
  font-family: 'Roboto Fallback';
  src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('LiberationSans'), local('Arimo'), local('Roboto');
  size-adjust: 100.3%;
  ascent-override: 92.49%;
  descent-override: 24.34%;
  line-gap-override: 0%;
}
/* Bold: Arial Bold is about 7% wider than Roboto Bold (measured on the home H1), so it needs its own size-adjust
   or bold headings rewrap (layout shift) when Roboto Bold swaps in. No local('Roboto') here:
   on Android the generic sans-serif is already Roboto. */
@font-face {
  font-family: 'Roboto Fallback';
  font-weight: 700;
  src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('LiberationSans-Bold'), local('Arimo Bold'), local('Arimo-Bold');
  size-adjust: 93%;
  ascent-override: 99.75%;
  descent-override: 26.25%;
  line-gap-override: 0%;
}
html[lang="ta"] {
    font-size: 14px;
}
html[lang="ta"] h1,
html[lang="ta"] h2,
html[lang="ta"] h3,
html[lang="ta"] h4,
html[lang="ta"] h5,
html[lang="ta"] h6,
html[lang="ta"] p,
html[lang="ta"] span,
html[lang="ta"] a
{
    overflow-wrap: anywhere;
    word-break: normal;
}
/* Remove margin-end for Tamil navbar items */
html[lang="ta"] .navbar-nav .nav-item.me-3 {
    margin-right: 0 !important;
}
@media (max-width: 576px) {
    html[lang="ta"] .cta-badges span.badge,
    html[lang="ta"] .cta-badges span.badge span,
    html[lang="ta"] .cta-badges span.badge span.material-icons {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }
}

/* Hindi, Kannada and Malayalam glyphs render small next to Latin text, so scale the root size per language (rem based Bootstrap sizes follow). Tamil glyphs are already large, so it is scaled down */
html[lang="ta"] {
    font-size: 95%;
}

html[lang="hi"] {
    font-size: 105%;
}

html[lang="kn"] {
    font-size: 110%;
}

html[lang="ml"] {
    font-size: 112%;
}