@import url("https://fonts.googleapis.com/css2?family=Marcellus&family=Noto+Sans+Devanagari:wght@400;500;600;700&family=Noto+Sans+Kannada:wght@400;500;600;700&family=Noto+Sans+Malayalam:wght@400;500;600;700&family=Noto+Sans+Tamil:wght@400;500;600;700&family=Noto+Sans+Telugu:wght@400;500;600;700&family=Noto+Serif+Devanagari:wght@500;600;700&family=Noto+Serif+Kannada:wght@500;600;700&family=Noto+Serif+Malayalam:wght@500;600;700&family=Noto+Serif+Tamil:wght@500;600;700&family=Noto+Serif+Telugu:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&family=Source+Serif+4:wght@400;500;600;700&display=swap");

:root {
  --font-body: "Source Serif 4", Georgia, serif;
  --font-display: "Marcellus", "Source Serif 4", Georgia, serif;
  --font-ui-indic: "Source Sans 3", "Segoe UI", sans-serif;
}

html[lang="hi"],
html[lang="ml"],
html[lang="ta"],
html[lang="te"],
html[lang="kn"] {
  font-size: clamp(10.4px, 0.2925vw + 9.425px, 15.6px);
}

body {
  font-family: var(--font-body) !important;
  font-size: 1rem;
}

:where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .logo-mark,
  .brand strong,
  .hero h1,
  .hero-card h1,
  .section-title-wrap h2
) {
  font-family: var(--font-display) !important;
  letter-spacing: 0.01em;
}

:where(
  .eyebrow,
  .btn,
  .btn-outline,
  .subnav a,
  .site-nav a,
  .nav-group-toggle,
  .nav-group-toggle-label,
  .submenu-heading,
  .language-switcher,
  .language-switcher-label,
  .language-switcher-links a,
  .brand span,
  .logo-sub,
  button,
  input,
  select,
  textarea,
  label,
  th,
  .check-item,
  .meta,
  .pill,
  .badge,
  .tag
) {
  font-family: var(--font-ui-indic) !important;
}

html[lang="hi"] body {
  font-family: "Noto Serif Devanagari", "Source Serif 4", Georgia, serif !important;
}

html[lang="hi"] :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .logo-mark,
  .brand strong,
  .hero h1,
  .hero-card h1,
  .section-title-wrap h2,
  .sanskrit
) {
  font-family: "Noto Serif Devanagari", "Marcellus", Georgia, serif !important;
}

html[lang="hi"] :where(
  .eyebrow,
  .btn,
  .btn-outline,
  .subnav a,
  .site-nav a,
  .nav-group-toggle,
  .nav-group-toggle-label,
  .submenu-heading,
  .language-switcher,
  .language-switcher-label,
  .language-switcher-links a,
  .brand span,
  .logo-sub,
  button,
  input,
  select,
  textarea,
  label,
  th,
  .check-item,
  .meta,
  .pill,
  .badge,
  .tag
) {
  font-family: "Noto Sans Devanagari", "Nirmala UI", "Segoe UI", sans-serif !important;
}

html[lang="ml"] body {
  font-family: "Noto Serif Malayalam", "Source Serif 4", Georgia, serif !important;
}

html[lang="ml"] :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .logo-mark,
  .brand strong,
  .hero h1,
  .hero-card h1,
  .section-title-wrap h2,
  .sanskrit
) {
  font-family: "Noto Serif Malayalam", "Marcellus", Georgia, serif !important;
}

html[lang="ml"] :where(
  .eyebrow,
  .btn,
  .btn-outline,
  .subnav a,
  .site-nav a,
  .nav-group-toggle,
  .nav-group-toggle-label,
  .submenu-heading,
  .language-switcher,
  .language-switcher-label,
  .language-switcher-links a,
  .brand span,
  .logo-sub,
  button,
  input,
  select,
  textarea,
  label,
  th,
  .check-item,
  .meta,
  .pill,
  .badge,
  .tag
) {
  font-family: "Noto Sans Malayalam", "Segoe UI", sans-serif !important;
}

html[lang="ta"] body {
  font-family: "Noto Serif Tamil", "Source Serif 4", Georgia, serif !important;
}

html[lang="ta"] :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .logo-mark,
  .brand strong,
  .hero h1,
  .hero-card h1,
  .section-title-wrap h2,
  .sanskrit
) {
  font-family: "Noto Serif Tamil", "Marcellus", Georgia, serif !important;
}

html[lang="ta"] :where(
  .eyebrow,
  .btn,
  .btn-outline,
  .subnav a,
  .site-nav a,
  .nav-group-toggle,
  .nav-group-toggle-label,
  .submenu-heading,
  .language-switcher,
  .language-switcher-label,
  .language-switcher-links a,
  .brand span,
  .logo-sub,
  button,
  input,
  select,
  textarea,
  label,
  th,
  .check-item,
  .meta,
  .pill,
  .badge,
  .tag
) {
  font-family: "Noto Sans Tamil", "Segoe UI", sans-serif !important;
}

html[lang="te"] body {
  font-family: "Noto Serif Telugu", "Source Serif 4", Georgia, serif !important;
}

html[lang="te"] :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .logo-mark,
  .brand strong,
  .hero h1,
  .hero-card h1,
  .section-title-wrap h2,
  .sanskrit
) {
  font-family: "Noto Serif Telugu", "Marcellus", Georgia, serif !important;
}

html[lang="te"] :where(
  .eyebrow,
  .btn,
  .btn-outline,
  .subnav a,
  .site-nav a,
  .nav-group-toggle,
  .nav-group-toggle-label,
  .submenu-heading,
  .language-switcher,
  .language-switcher-label,
  .language-switcher-links a,
  .brand span,
  .logo-sub,
  button,
  input,
  select,
  textarea,
  label,
  th,
  .check-item,
  .meta,
  .pill,
  .badge,
  .tag
) {
  font-family: "Noto Sans Telugu", "Segoe UI", sans-serif !important;
}

@media (max-width: 48rem) {
  html[lang="ml"] body,
  html[lang="ta"] body,
  html[lang="te"] body {
    line-height: 1.8;
  }

  html[lang="ml"] :where(p, li, a, button, input, select, textarea, .btn, .btn-outline, .quick-link-card p, .quick-link-card strong, .welcome-check span, .welcome-check strong, .essential-link span, .essential-link strong),
  html[lang="ta"] :where(p, li, a, button, input, select, textarea, .btn, .btn-outline, .quick-link-card p, .quick-link-card strong, .welcome-check span, .welcome-check strong, .essential-link span, .essential-link strong),
  html[lang="te"] :where(p, li, a, button, input, select, textarea, .btn, .btn-outline, .quick-link-card p, .quick-link-card strong, .welcome-check span, .welcome-check strong, .essential-link span, .essential-link strong) {
    letter-spacing: 0.03125rem;
  }
}

html[lang="kn"] body {
  font-family: "Noto Serif Kannada", "Source Serif 4", Georgia, serif !important;
}

html[lang="kn"] :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .logo-mark,
  .brand strong,
  .hero h1,
  .hero-card h1,
  .section-title-wrap h2,
  .sanskrit
) {
  font-family: "Noto Serif Kannada", "Marcellus", Georgia, serif !important;
}

html[lang="kn"] :where(
  .eyebrow,
  .btn,
  .btn-outline,
  .subnav a,
  .site-nav a,
  .nav-group-toggle,
  .nav-group-toggle-label,
  .submenu-heading,
  .language-switcher,
  .language-switcher-label,
  .language-switcher-links a,
  .brand span,
  .logo-sub,
  button,
  input,
  select,
  textarea,
  label,
  th,
  .check-item,
  .meta,
  .pill,
  .badge,
  .tag
) {
  font-family: "Noto Sans Kannada", "Segoe UI", sans-serif !important;
}