/**
 * XLClass type — Inter for every surface: body, UI, and headings.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;1,14..32,400;1,14..32,600&display=swap");

:root {
  --xl-font: "Inter", "Segoe UI", sans-serif;
  --xl-font-display: "Inter", "Segoe UI", sans-serif;
  --tg-body-font-family: var(--xl-font);
  --tg-heading-font-family: var(--xl-font);
  --bs-font-sans-serif: var(--xl-font);
  --bs-body-font-family: var(--xl-font);
}

html,
body,
button,
input,
select,
textarea,
.btn,
.form-control,
.form-select,
.tgmenu__navbar,
.tgmenu__navbar a,
.os-locale__btn,
.os-locale__select,
.os-locale__save,
.os-locale__detect,
h1,
h2,
h3,
h4,
h5,
h6,
.xl-hero__title,
.xl-hero__title em,
.os-browse-hero__title,
.os-why-choose__headline,
.os-home-classes__title,
.os-categories__title-wrap h2,
.os-tutor-hero__name {
  font-family: var(--xl-font);
}

h1,
h2,
.xl-hero__title,
.os-browse-hero__title,
.os-why-choose__headline,
.os-home-classes__title,
.os-categories__title-wrap h2,
.os-tutor-hero__name {
  letter-spacing: -0.03em;
}

.xl-hero__title,
.xl-hero__title em {
  font-weight: 700;
}